Loading...
Loading...
This skill should be used when the user asks to "run electrobun dev", "electrobun development mode", "electrobun --watch", "hot reload electrobun", "CEF devtools", or is debugging the electrobun renderer or understanding the dev build cycle.
npx skill4agent add dexploarer/plugin-electrobun-dev electrobun-develectrobun dev # build (dev env) once, then launch app
electrobun dev --watch # build, launch, then watch for changes and rebuild+relaunchbun start # → electrobun dev
bun run dev # → electrobun dev --watchelectrobun develectrobun.config.tsbuild.bun.entrypointBun.build()build.views.*build.copybuild/dev-<os>-<arch>/--watchbuild.bun.entrypointbuild.views.*build.watchbuild.copybuild/artifacts/node_modules/build.watchIgnore// electrobun.config.ts
build: {
watch: ["src/shared/", "assets/"],
watchIgnore: ["src/**/*.test.ts", "src/**/*.spec.ts"],
}renderer: "cef"defaultRenderer: "cef"http://localhost:9222devcanarystablerenderer: "native"// In src/bun/index.ts — call openDevTools() on the BrowserView instance
const view = new BrowserView({ ... });
view.openDevTools(); // Opens Safari Web Inspector (uses private WKWebView _inspector API)console.logconsole.logconsole.log.tsbuild.watchpkill -f "<AppName>"build/dev-macos-arm64/
└── <AppName>-dev.app/
└── Contents/
├── MacOS/
│ ├── launcher # native launcher
│ └── main.js # bundled bun entrypoint
├── Resources/
│ ├── <viewname>/ # bundled renderer
│ └── bun # bun runtime binary
└── Info.plist