extension_enabler 1.1.0 copy "extension_enabler: ^1.1.0" to clipboard
extension_enabler: ^1.1.0 copied to clipboard

A command line tool that enables flutter web app as chromium based extension with simple commands.

Check out video demo by clicking below πŸ‘‡

IMAGE ALT TEXT

πŸ› οΈ Extension Enabler πŸ› οΈ

A command line dev tool that enables flutter web app as chromium based extension with simple commands

Note

Flutter 3.29+ / CanvasKit: the HTML renderer was removed in Flutter 3.29. The build command now runs flutter build web --csp --no-web-resources-cdn, which bundles CanvasKit locally instead of loading it from a CDN, and the generated manifest allows 'wasm-unsafe-eval' so CanvasKit runs under Manifest V3. This keeps the extension within its Content-Security-Policy. See Flutter issue #165415 for background.

How to install? #

Install it as dev_dependencies : Run this command:

flutter pub add -d extension_enabler

or add it as dev dependency in your pubspec.yaml:

dev_dependencies:
  extension_enabler: ^1.1.0

Stepwise Guide : #

1. So First, create ⚑ a project in flutter.

 flutter create app_name

2. Install βš™οΈ the package as dev dependencies.

flutter pub add -d extension_enabler

3. Run πŸƒβ€β™‚οΈ

dart run extension_enabler enable

and fill the details:

image

4. Create a build πŸ› οΈ

dart run extension_enabler build

build will be generated in build/web Above command can also use to rebuild the app. And to update config run

dart run extension_enabler update

5. To run in Browser 🌍:

To run the extension on chromium based browser,

go to browser_name://extensions/ enable Developer Mode in the browser and load the extension

Non-interactive (scripts / CI) #

enable and update also take flags, so you can skip the prompts. Pass all five to run with no input at all:

dart run extension_enabler enable \
  --name="My Extension" \
  --description="Does something useful" \
  --version=1.0.0 \
  --width=400 \
  --height=350

Any flag you leave out is asked for interactively (for update, an omitted flag keeps the current value). Invalid input exits with a non-zero status.

  • help :
dart run extension_enabler --help

image

  • If you are facing any issues πŸ€” feel free to create issues : here
  • if want to improve πŸ› οΈ the package, you are welcome πŸ™ : here

Created by Narayan, connect with me narayann.me

23
likes
160
points
34
downloads

Documentation

API reference

Publisher

verified publishernarayann.dev

Weekly Downloads

A command line tool that enables flutter web app as chromium based extension with simple commands.

Repository (GitHub)
View/report issues

License

MPL-2.0 (license)

Dependencies

args, html, path

More

Packages that depend on extension_enabler