Skip to content
devfiller

Build from source

Run, test and package the extension locally.

DevFiller is open source under the MIT license.

Run it locally

git clone https://github.com/gouderhaithem/form-filler.git
cd form-filler
npm ci
npm run dev        # options preview and demo forms at http://127.0.0.1:5187
PageWhat it's for
/The options page next to a working demo form
/welcome.htmlThe first-install welcome page
/demo.htmlA mixed-language form to test the installed extension on
/dynamic-form.htmlA form that reveals fields after filling

Build, test and package

npm run build              # type-check and build the extension into dist/
npm test                   # unit tests
npx playwright install chromium
npm run test:e2e           # the real extension in Chromium
npm run package            # release/devfiller-<version>.zip for the Chrome Web Store
npm run store-assets       # store screenshots and promo tile

Browser tests load the built extension in a throwaway profile and cover toolbar filling, the side panel, settings, exclusions, forms that change, and the AI cache. AI providers are simulated.

Where things are

PathWhat it holds
public/manifest.jsonPermissions, entry points and icons
src/background.tsToolbar action, AI preparation and cache
src/engine.tsField detection and filling
src/data.ts, src/samples.tsThe generator and its samples in three languages
src/gemini.tsGroq and Gemini requests
src/sidepanel.tsx, src/panel-page.tsSide panel and undo
src/main.tsxThe options page
website/This website

Contributing

Bug reports and pull requests are welcome on GitHub. For a bug, include your browser version, the steps, and a small example form with fictional data. Run the build and both test suites before opening a pull request.

Something wrong or missing on this page? Open an issue.