Tools for Building Browser Extensions with Deno
NOTE: this is currently just tools that I am consolidating from building Favioli. I will formalize this into a more proper library/CLI later. API will likely change drastically.
NOTE 2: This will really mostly focus on Chromium and Firefox. Safari could be a target in the future, but Apple is just too much of a pain in the ass to develop/release browser extensions for, currently...
- Example Projects
- Favioli is built using bext
Bundler:
> deno install --name=bext --allow-read --allow-write --allow-run --allow-env https://deno.land/x/bext/main.ts
> cd ./my-project
> bext # both
> bext chrome # only chrome
> bext firefox # only ff
Types:
import type { BrowserAPI } from 'https://deno.land/x/bext/mod.ts';
// globalThis.chrome in chrome, globalThis.browser in firefox
import browserAPI from 'https://deno.land/x/bext/mod.ts';
const { Tab, TabChangeInfo } = BrowserAPI;
browserAPI.tabs.onUpdated.addListener(
(tabId: number, _: TabChangeInfo, tab: Tab) => {
// do stuff
},
);