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
  },
);