To get started clone the project and install the dependencies.
npm installNote: WXT launches a browser by default when you run dev.
See Browser Opening modify the browser or disable this behavior.
npm run devTo Load Manually, open Chrome and navigate to chrome://extensions/, enable "Developer mode",
and load the unpacked extension from the .output directory.
npm run dev:ffTo Load Manually, open Firefox and navigate to about:debugging#/runtime/this-firefox, then click "Load Temporary Add-on..."
and load the unpacked extension from the .output directory.
This requires the Android Debug Bridge (adb).
In another terminal (or without the watcher run npm build:ff).
npm run watch:ffEnable USB or Wireless Debugging, connect, and get your device name.
adb devicesThen run using your device name.
npm run android -- nameThis type checks the project, builds and zips to the .output directory.
npm run packageTo build the .output directory.
npm run buildTo build and create an archive in the .output directory.
npm run zip:chromeTo build the .output directory.
npm build:ffTo build and create an archive in the .output directory.
npm run zip:ffThis project uses the WXT framework.
To customize the config for development add a web-ext.config.ts to the project root.
The binaries allow you to pick which browser opens. To disable auto-opening set disabled: true.
// web-ext.config.ts
import { defineWebExtConfig } from 'wxt'
export default defineWebExtConfig({
binaries: {
firefox: 'C:/Program Files/Firefox Developer Edition/firefox.exe',
chrome: 'C:/Program Files/BraveSoftware/Brave-Browser/Application/brave.exe',
},
// disabled: true,
})Additional notes on loading temporary/unpacked extensions.