addfox
v0.1.1-beta.11
Published
Build tool for browser extensions — one install, addfox dev / build
Readme
Features
- 🔥 Fast dev mode and hot reload —
addfox devruns watch, rebuilds on change, and hot-reloads the extension in the browser; the browser launches automatically; same bundle as production. - 📦 Auto-generated zip — After
addfox build, output is packed into a zip under.addfoxby default; one command for both folder and store-ready zip. - 📁 File-based entries — Entries are discovered from
app/layout (background, content, popup, options, sidepanel, devtools); override or add custom entries in config when needed. - 🌐 Many Chromium browsers and Firefox — Use
-b chrome|edge|brave|vivaldi|opera|firefox|...to target Chrome, Edge, Brave, Vivaldi, Opera, Arc, Yandex, or Firefox; manifest can be split per browser. - ⚛️ Framework-agnostic — Vue, React, Svelte, Solid, or vanilla; TypeScript or JavaScript; choose in scaffold or add the plugin you need.
- 🤖 AI-friendly error output — Enable
--debugfor a dev-only error panel with per-entry errors, Copy prompt, Ask ChatGPT, and Ask Cursor in one click. - 🧪 Rstest support — Run
addfox testfor unit and e2e tests; arguments are forwarded to Rstest. - 📊 Rsdoctor bundle analysis — Add
--reportto build or dev to open the Rsdoctor analysis report after the build. - 🧩 Full Skills support — Install addfox/skills via create-addfox-app or
skills add; AI workflow modules in.agents/skills/. - 🔐 Env variable support —
.envis loaded;envPrefixcontrols which vars are exposed to the extension (e.g.PUBLIC_).
Install & use
New project:
pnpm create addfox-app
# or: npx create-addfox-appChoose framework (Vanilla / Vue / React / Preact / Svelte / Solid), language, package manager, entries, and optional Skills. A full layout and addfox.config are generated.
Existing project:
pnpm add -D addfoxAdd addfox.config.ts (or .js / .mjs) in the project root and entries under app/ (or appDir). Then:
addfox dev— dev with watch + HMRaddfox build— output to.addfox/extension(and optional zip)
Use -b chrome or -b firefox to target a browser.
Full docs, config reference, and examples: https://addfox.dev
Skills (AI workflow modules): https://github.com/addfox/skills
