Website Highlighter

Highlights stories on Hacker News

Installation

Local build

pnpm install
pnpm build

First installation:

• Open Chrome and go to chrome://extensions/
• Click "Developer mode"
• Click "Load unpacked"
• Select the dist directory

Updating

• Open Chrome and go to chrome://extensions/
• Click on the update icon within the extension card

Adjusting To Your Needs

• Change the keywords in src/content_script.tsx
• Change the query selectors in src/content_script.tsx
• Update the manifest file in public/manifest.json to point to the correct domain(s)

Notes

• You can use this single extension for multiple domains. Just change the host_permissions and content_scripts array in the manifest file.
• The code is injected into the context of the page after loading, so you can only use web platform APIs unless you bring your own libraries to include.
• There is an annoying issue where the casing isn't preserved on the highlighted text, but I don't care. If you want to fix this, PR it and I'll merge it.