54 lines (37 loc) · 1.65 KB

Browser

A sample browser extension with notes.

This extension copies the current page URL and title into a Markdown link on the clipboard.

Navigate to any site, e.g. example.com
Click Extensions in the toolbar menu (puzzle piece near top-right)
Click Markdown Link
Open a text editor
Paste clipboard contents (Ctrl+V or right-click > paste)

You should see e.g. [Example Domain](https://example.com/)

See issues for important limitations.

Setup

This project uses Deno instead of Node.js

Install Deno
Ensure firefox Shell cmd launches Firefox (e.g. sudo apt install firefox)
```
deno install
deno run dev
```

Issues

Only works on one of Edge or Firefox at a time
- Edge/Chromium doesn't background.scripts in manifest_version 3
- manifest_version 2 support is no longer guaranteed
- Firefox doesn't support background.service_worker in manifest_version 3
- Not sure how such a terrible system has come into place? Welcome to web dev!
- Need a manifest.json generator script at build time
Not packaged or published yet
- Still learning :)

Resources

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

Installing via Firefox GUI doesn't work, it only loads the selected file, not all files in the folder
Use web-ext and things work (deno run dev)

https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard

edge://extensions/

Enable developer mode to install unpackaged extensions like this one