bpev.me / bext
Tools for Deno-Powered Web Extensions jsr.io/@bpev/bext
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

bext / examples / preact /
at main 2 folders 4 files
Ben Pevsner chore: update documentation
acacfbfc
source
static
.gitignore
README.md
deno.json
deno.lock
README.md

Bext Boilerplate#

A Preact-Rendered Chrome/Firefox extension built with Bext.

Uses:

  • background.ts logs url to extension console for each new tab update
  • content_script.ts shows a really annoying dialog on every page load
  • options.tsx displays an updatable browser-storage string, and a router
  • popup.tsx renders a button via Preact that deeplinks to options page

You need to download Deno and bext in order to build this app.

Usage#

Commands What they Do
deno task dev build and watch for changes
deno task build bundles extension
deno task build:chrome bundles extension only for chrome
deno task build:firefox bundles extension only for firefox
deno task test run fmt, lint, check types, and unit tests

If you have bundled using make commands, you should be able to load your unpacked extension using a browser.

For loading unpacked extensions, see browser docs. Here are some examples:

A few gotchas...

  • In Chrome, you select the dir containing manifest.json (dist dir). In Firefox, you select the manifest.json itself
  • Make sure your extension is enabled in private windows if testing in private windows...