2.0.0-beta.7 • Published 12 days ago

extension v2.0.0-beta.7

Weekly downloads
19
License
MIT
Repository
github
Last release
12 days ago

Extension.js fossa Known Vulnerabilities workflow discord

Plug-and-play, zero-config, cross-browser extension development tool.

Extension.js is a plug-and-play, zero-config, cross-browser extension development tool with built-in support for TypeScript, WebAssembly, and modern JavaScript.

Create A New Extension

npx extension create my-extension
cd my-extension
npm run dev

A new browser instance will open up with your extension ready for development.

You are done. Time to hack on your extension!

https://github.com/cezaraugusto/extension/assets/4672033/7263d368-99c4-434f-a60a-72c489672586

Web Standards and Modern JavaScript Support

For a preview of extensions running these technologies, see documentation about Templates.

ESNextTypeScriptWASMReactVueAngular👋SvelteSolid👋Preact

👋 = PR Welcome!

Get Started Immediately

Use Chrome to start developing an extension from Chrome Extension Samples

See the example below where we request the sample page-redder from Google Chrome Extension Samples.

npx extension dev https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/sample.page-redder --browser=edge

https://github.com/cezaraugusto/extension/assets/4672033/ee221a94-6ec7-4e04-8553-8812288927f1

See the example below where we request the sample magic8ball from from Google Chrome Extension Samples with Edge as the runtime browser.

npx extension dev https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/api-samples/topSites/magic8ball --browser=edge

https://github.com/cezaraugusto/extension/assets/4672033/2db2a1f6-3110-4380-9a49-dc9d034146aa

See the example below where we request the sample Apply CSS from MDN WebExtensions Examples using Edge as the runtime browser.

npx extension dev https://github.com/mdn/webextensions-examples/tree/main/apply-css --browser=edge --polyfill=true

https://github.com/cezaraugusto/extension/assets/4672033/130cb430-1567-419c-8c90-23fddcf20f00

See the example below where we request the sample firefox-code-search from MDN WebExtensions Examples using Chrome and Firefox as the runtime browsers.

npx extension dev https://github.com/mdn/webextensions-examples/tree/main/firefox-code-search --browser=chrome,firefox --polyfill=true

https://github.com/cezaraugusto/extension.js/assets/4672033/ac94b608-c936-40df-bce7-63ffd7fe31c5

I have An Extension

https://github.com/cezaraugusto/extension/assets/4672033/48694a23-b7f1-4098-9c5d-eff49983739c

If you have an existing extension which is using a package manager, you can install the Extension.js package and manually create the scripts used to run your extension. See the demo above or follow these instructions to get it done:

Step 1 - Install extension as a devDependency

npm install extension --save-dev

Step 2 - Link your npm scripts with the executable Extension.js commands

{
  "scripts": {
    "build": "extension build",
    "dev": "extension dev",
    "start": "extension start"
  },
  "devDependencies": {
    // ...other dependencies
    "extension": "latest"
  }
}

Done. You are all set!

  • To develop the extension, run npm run dev.
  • To visualize the extension in production mode, run npm run start.
  • To build the extension in production mode, run npm run build.

Using a specific browser for development

Desktop Browsers

Arc☑️Brave☑️ChromeChromium☑️EdgeFirefoxOpera☑️Safari⛔️Vivaldi☑️

☑️ = It is theoretically possible to load all Chromium forks given the current support for Chrome. There is a request ticket for supporting all Chromium-based browsers. Most requested features are added first, so thumbs up it to speed-up the development process.

Mobile Browsers

Firefox (Android)⛔️Safari (iOS)⛔️

If you want to target a specific browser, just pass the --browser flag to the dev/start command (based on the list available above), like npx extension dev path/to/extension --browser=edge.

Hint Pass --browser="all" to load all available browsers at once.

extension dev --browser=all

License

MIT (c) Cezar Augusto.

2.0.0-beta.7

12 days ago

2.0.0-beta.6

16 days ago

2.0.0-beta.5

27 days ago

2.0.0-beta.4

27 days ago

2.0.0-beta.3

1 month ago

2.0.0-alpha.7

4 months ago

2.0.0-alpha.8

4 months ago

2.0.0-alpha.9

4 months ago

2.0.0-alpha.11

4 months ago

2.0.0-alpha.10

4 months ago

2.0.0-alpha.6

4 months ago

2.0.0-alpha.19

4 months ago

2.0.0-alpha.18

4 months ago

2.0.0-alpha.17

4 months ago

2.0.0-alpha.16

4 months ago

2.0.0-alpha.15

4 months ago

2.0.0-alpha.14

4 months ago

2.0.0-alpha.13

4 months ago

2.0.0-alpha.12

4 months ago

2.0.0-alpha.33

3 months ago

2.0.0-alpha.32

3 months ago

2.0.0-alpha.31

3 months ago

2.0.0-alpha.30

3 months ago

2.0.0-beta.2

3 months ago

2.0.0-beta.1

3 months ago

2.0.0-beta.0

3 months ago

2.0.0-alpha.37

3 months ago

2.0.0-alpha.36

3 months ago

2.0.0-alpha.35

3 months ago

2.0.0-alpha.34

3 months ago

2.0.0-alpha.22

4 months ago

2.0.0-alpha.21

4 months ago

2.0.0-alpha.20

4 months ago

2.0.0-alpha.29

3 months ago

2.0.0-alpha.28

3 months ago

2.0.0-alpha.27

3 months ago

2.0.0-alpha.26

4 months ago

2.0.0-alpha.25

4 months ago

2.0.0-alpha.24

4 months ago

2.0.0-alpha.23

4 months ago

2.0.0-alpha.5

4 months ago

2.0.0-alpha.3

4 months ago

2.0.0-alpha.4

4 months ago

2.0.0-alpha.0

4 months ago

2.0.0-alpha.1

4 months ago

2.0.0-alpha.2

4 months ago

1.8.0

6 months ago

1.8.0-beta.1

6 months ago

1.8.0-beta.0

6 months ago

1.8.0-beta.2

6 months ago

1.7.1

6 months ago

1.7.0-beta.0

7 months ago

1.7.0-beta.1

6 months ago

1.7.0

6 months ago

1.6.0

7 months ago

1.6.0-beta.0

7 months ago

1.6.0-beta.1

7 months ago

1.5.0

7 months ago

1.4.6

8 months ago

1.4.5

8 months ago

1.4.4

8 months ago

1.4.0-0

8 months ago

1.4.3-0

8 months ago

1.4.2

8 months ago

1.4.1

8 months ago

1.4.0

8 months ago

1.3.0

9 months ago

1.2.5

9 months ago

1.2.4

9 months ago

1.2.2

9 months ago

1.2.0

9 months ago

1.1.1

9 months ago

1.2.1

9 months ago

0.2.2

4 years ago

0.2.0

12 years ago

0.1.2

13 years ago

0.1.1

13 years ago

0.1.0

13 years ago

0.0.2

13 years ago

0.0.1

13 years ago