extension-create 2.0.0-alpha.5 → 2.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.js +13 -12
- package/package.json +2 -2
- package/dist/action/README.md +0 -37
- package/dist/action/action/index.html +0 -40
- package/dist/action/action/scripts.js +0 -11
- package/dist/action/action/styles.css +0 -23
- package/dist/action/images/extension_128.png +0 -0
- package/dist/action/images/extension_16.png +0 -0
- package/dist/action/images/extension_48.png +0 -0
- package/dist/action/manifest.json +0 -21
- package/dist/action/package.json +0 -21
- package/dist/action-chatgpt/.env.example +0 -1
- package/dist/action-chatgpt/README.md +0 -37
- package/dist/action-chatgpt/action/ActionApp.tsx +0 -118
- package/dist/action-chatgpt/action/index.html +0 -13
- package/dist/action-chatgpt/action/scripts.tsx +0 -12
- package/dist/action-chatgpt/action/styles.css +0 -8
- package/dist/action-chatgpt/extension-env.d.ts +0 -9
- package/dist/action-chatgpt/images/chatgpt.png +0 -0
- package/dist/action-chatgpt/images/extension.png +0 -0
- package/dist/action-chatgpt/images/extension_128.png +0 -0
- package/dist/action-chatgpt/images/extension_16.png +0 -0
- package/dist/action-chatgpt/images/extension_48.png +0 -0
- package/dist/action-chatgpt/manifest.json +0 -21
- package/dist/action-chatgpt/package.json +0 -30
- package/dist/action-chatgpt/postcss.config.js +0 -6
- package/dist/action-chatgpt/tailwind.config.js +0 -8
- package/dist/action-chatgpt/tsconfig.json +0 -21
- package/dist/config-stylelint/README.md +0 -37
- package/dist/config-stylelint/images/extension_128.png +0 -0
- package/dist/config-stylelint/images/extension_16.png +0 -0
- package/dist/config-stylelint/images/extension_48.png +0 -0
- package/dist/config-stylelint/images/stylelint.svg +0 -1
- package/dist/config-stylelint/manifest.json +0 -15
- package/dist/config-stylelint/newtab/index.html +0 -40
- package/dist/config-stylelint/newtab/scripts.js +0 -11
- package/dist/config-stylelint/newtab/styles.css +0 -20
- package/dist/config-stylelint/package.json +0 -23
- package/dist/config-stylelint/stylelint.config.json +0 -1
- package/dist/content/README.md +0 -37
- package/dist/content/background.js +0 -21
- package/dist/content/content/scripts.js +0 -32
- package/dist/content/content/styles.css +0 -54
- package/dist/content/images/extension_128.png +0 -0
- package/dist/content/images/extension_16.png +0 -0
- package/dist/content/images/extension_48.png +0 -0
- package/dist/content/manifest.json +0 -35
- package/dist/content/package.json +0 -20
- package/dist/content-css-module/README.md +0 -37
- package/dist/content-css-module/background.js +0 -21
- package/dist/content-css-module/content/Logo.module.css +0 -11
- package/dist/content-css-module/content/scripts.js +0 -33
- package/dist/content-css-module/content/styles.css +0 -40
- package/dist/content-css-module/images/extension_128.png +0 -0
- package/dist/content-css-module/images/extension_16.png +0 -0
- package/dist/content-css-module/images/extension_48.png +0 -0
- package/dist/content-css-module/manifest.json +0 -35
- package/dist/content-css-module/package.json +0 -20
- package/dist/content-less/README.md +0 -37
- package/dist/content-less/background.js +0 -21
- package/dist/content-less/content/scripts.js +0 -32
- package/dist/content-less/content/styles.less +0 -51
- package/dist/content-less/images/extension_128.png +0 -0
- package/dist/content-less/images/extension_16.png +0 -0
- package/dist/content-less/images/extension_48.png +0 -0
- package/dist/content-less/manifest.json +0 -35
- package/dist/content-less/package.json +0 -21
- package/dist/content-main-world/README.md +0 -37
- package/dist/content-main-world/background.js +0 -19
- package/dist/content-main-world/content/scripts.js +0 -32
- package/dist/content-main-world/content/styles.css +0 -51
- package/dist/content-main-world/images/extension_128.png +0 -0
- package/dist/content-main-world/images/extension_16.png +0 -0
- package/dist/content-main-world/images/extension_48.png +0 -0
- package/dist/content-main-world/manifest.json +0 -37
- package/dist/content-main-world/package.json +0 -20
- package/dist/content-preact/README.md +0 -37
- package/dist/content-preact/background.ts +0 -1
- package/dist/content-preact/content/ContentApp.tsx +0 -92
- package/dist/content-preact/content/scripts.tsx +0 -14
- package/dist/content-preact/content/styles.css +0 -10
- package/dist/content-preact/extension-env.d.ts +0 -9
- package/dist/content-preact/images/chromeWindow.png +0 -0
- package/dist/content-preact/images/extension_128.png +0 -0
- package/dist/content-preact/images/extension_16.png +0 -0
- package/dist/content-preact/images/extension_48.png +0 -0
- package/dist/content-preact/images/preact.png +0 -0
- package/dist/content-preact/images/tailwind.png +0 -0
- package/dist/content-preact/images/tailwind_bg.png +0 -0
- package/dist/content-preact/images/typescript.png +0 -0
- package/dist/content-preact/manifest.json +0 -31
- package/dist/content-preact/package.json +0 -27
- package/dist/content-preact/postcss.config.js +0 -6
- package/dist/content-preact/tailwind.config.js +0 -8
- package/dist/content-preact/tsconfig.json +0 -26
- package/dist/content-react/README.md +0 -37
- package/dist/content-react/background.ts +0 -1
- package/dist/content-react/content/ContentApp.tsx +0 -86
- package/dist/content-react/content/scripts.tsx +0 -17
- package/dist/content-react/content/styles.css +0 -10
- package/dist/content-react/extension-env.d.ts +0 -9
- package/dist/content-react/images/chromeWindow.png +0 -0
- package/dist/content-react/images/extension_128.png +0 -0
- package/dist/content-react/images/extension_16.png +0 -0
- package/dist/content-react/images/extension_48.png +0 -0
- package/dist/content-react/images/react.png +0 -0
- package/dist/content-react/images/tailwind.png +0 -0
- package/dist/content-react/images/tailwind_bg.png +0 -0
- package/dist/content-react/images/typescript.png +0 -0
- package/dist/content-react/manifest.json +0 -28
- package/dist/content-react/package.json +0 -28
- package/dist/content-react/postcss.config.js +0 -6
- package/dist/content-react/tailwind.config.js +0 -8
- package/dist/content-react/tsconfig.json +0 -21
- package/dist/content-sass/README.md +0 -37
- package/dist/content-sass/background.js +0 -21
- package/dist/content-sass/content/scripts.js +0 -32
- package/dist/content-sass/content/styles.scss +0 -51
- package/dist/content-sass/images/extension_128.png +0 -0
- package/dist/content-sass/images/extension_16.png +0 -0
- package/dist/content-sass/images/extension_48.png +0 -0
- package/dist/content-sass/manifest.json +0 -35
- package/dist/content-sass/package.json +0 -21
- package/dist/content-sass-module/README.md +0 -37
- package/dist/content-sass-module/background.js +0 -21
- package/dist/content-sass-module/content/Logo.module.scss +0 -18
- package/dist/content-sass-module/content/scripts.js +0 -33
- package/dist/content-sass-module/content/styles.scss +0 -40
- package/dist/content-sass-module/images/extension_128.png +0 -0
- package/dist/content-sass-module/images/extension_16.png +0 -0
- package/dist/content-sass-module/images/extension_48.png +0 -0
- package/dist/content-sass-module/manifest.json +0 -35
- package/dist/content-sass-module/package.json +0 -21
- package/dist/content-tailwind/README.md +0 -37
- package/dist/content-tailwind/background.js +0 -21
- package/dist/content-tailwind/content/content.js +0 -45
- package/dist/content-tailwind/content/scripts.js +0 -6
- package/dist/content-tailwind/content/styles.css +0 -10
- package/dist/content-tailwind/images/chromeWindow.png +0 -0
- package/dist/content-tailwind/images/extension_128.png +0 -0
- package/dist/content-tailwind/images/extension_16.png +0 -0
- package/dist/content-tailwind/images/extension_48.png +0 -0
- package/dist/content-tailwind/images/react.png +0 -0
- package/dist/content-tailwind/images/tailwind.png +0 -0
- package/dist/content-tailwind/images/tailwind_bg.png +0 -0
- package/dist/content-tailwind/manifest.json +0 -35
- package/dist/content-tailwind/package.json +0 -23
- package/dist/content-tailwind/postcss.config.js +0 -6
- package/dist/content-tailwind/tailwind.config.js +0 -8
- package/dist/content-typescript/README.md +0 -37
- package/dist/content-typescript/background.ts +0 -26
- package/dist/content-typescript/content/scripts.ts +0 -33
- package/dist/content-typescript/content/styles.css +0 -51
- package/dist/content-typescript/extension-env.d.ts +0 -9
- package/dist/content-typescript/images/extension_128.png +0 -0
- package/dist/content-typescript/images/extension_16.png +0 -0
- package/dist/content-typescript/images/extension_48.png +0 -0
- package/dist/content-typescript/images/typescript.png +0 -0
- package/dist/content-typescript/manifest.json +0 -35
- package/dist/content-typescript/package.json +0 -21
- package/dist/content-typescript/tsconfig.json +0 -21
- package/dist/content-vue/README.md +0 -37
- package/dist/content-vue/background.ts +0 -1
- package/dist/content-vue/content/ContentApp.vue +0 -90
- package/dist/content-vue/content/scripts.ts +0 -13
- package/dist/content-vue/content/shims-vue.d.ts +0 -6
- package/dist/content-vue/content/styles.css +0 -10
- package/dist/content-vue/extension-env.d.ts +0 -9
- package/dist/content-vue/images/chromeWindow.png +0 -0
- package/dist/content-vue/images/extension_128.png +0 -0
- package/dist/content-vue/images/extension_16.png +0 -0
- package/dist/content-vue/images/extension_48.png +0 -0
- package/dist/content-vue/images/tailwind.png +0 -0
- package/dist/content-vue/images/tailwind_bg.png +0 -0
- package/dist/content-vue/images/typescript.png +0 -0
- package/dist/content-vue/images/vue.svg +0 -8
- package/dist/content-vue/manifest.json +0 -31
- package/dist/content-vue/package.json +0 -25
- package/dist/content-vue/postcss.config.js +0 -6
- package/dist/content-vue/tailwind.config.js +0 -8
- package/dist/content-vue/tsconfig.json +0 -21
- package/dist/declarative_net_request/README.md +0 -37
- package/dist/declarative_net_request/images/extension_128.png +0 -0
- package/dist/declarative_net_request/images/extension_16.png +0 -0
- package/dist/declarative_net_request/images/extension_48.png +0 -0
- package/dist/declarative_net_request/manifest.json +0 -34
- package/dist/declarative_net_request/package.json +0 -21
- package/dist/declarative_net_request/public/public_ruleset.json +0 -72
- package/dist/declarative_net_request/rules_1.json +0 -72
- package/dist/init/README.md +0 -37
- package/dist/init/manifest.json +0 -7
- package/dist/init/package.json +0 -32
- package/dist/locales/README.md +0 -37
- package/dist/locales/_locales/en/messages.json +0 -10
- package/dist/locales/_locales/pt_BR/messages.json +0 -10
- package/dist/locales/action/index.html +0 -40
- package/dist/locales/action/scripts.js +0 -3
- package/dist/locales/action/styles.css +0 -23
- package/dist/locales/images/extension_128.png +0 -0
- package/dist/locales/images/extension_16.png +0 -0
- package/dist/locales/images/extension_48.png +0 -0
- package/dist/locales/manifest.json +0 -19
- package/dist/locales/package.json +0 -21
- package/dist/new-less/README.md +0 -37
- package/dist/new-less/images/extension_128.png +0 -0
- package/dist/new-less/images/extension_16.png +0 -0
- package/dist/new-less/images/extension_48.png +0 -0
- package/dist/new-less/manifest.json +0 -15
- package/dist/new-less/newtab/index.html +0 -40
- package/dist/new-less/newtab/scripts.js +0 -11
- package/dist/new-less/newtab/styles.less +0 -19
- package/dist/new-less/package.json +0 -21
- package/dist/new-preact/README.md +0 -37
- package/dist/new-preact/extension-env.d.ts +0 -9
- package/dist/new-preact/images/extension_128.png +0 -0
- package/dist/new-preact/images/extension_16.png +0 -0
- package/dist/new-preact/images/extension_48.png +0 -0
- package/dist/new-preact/images/preact.png +0 -0
- package/dist/new-preact/manifest.json +0 -15
- package/dist/new-preact/newtab/NewTabApp.tsx +0 -27
- package/dist/new-preact/newtab/index.html +0 -13
- package/dist/new-preact/newtab/scripts.tsx +0 -5
- package/dist/new-preact/newtab/styles.css +0 -32
- package/dist/new-preact/package.json +0 -27
- package/dist/new-preact/tsconfig.json +0 -21
- package/dist/new-react/README.md +0 -37
- package/dist/new-react/extension-env.d.ts +0 -9
- package/dist/new-react/images/extension_128.png +0 -0
- package/dist/new-react/images/extension_16.png +0 -0
- package/dist/new-react/images/extension_48.png +0 -0
- package/dist/new-react/images/react.png +0 -0
- package/dist/new-react/manifest.json +0 -15
- package/dist/new-react/newtab/NewTabApp.tsx +0 -27
- package/dist/new-react/newtab/index.html +0 -13
- package/dist/new-react/newtab/scripts.tsx +0 -12
- package/dist/new-react/newtab/styles.css +0 -23
- package/dist/new-react/package.json +0 -28
- package/dist/new-react/tsconfig.json +0 -21
- package/dist/new-sass/README.md +0 -37
- package/dist/new-sass/images/extension_128.png +0 -0
- package/dist/new-sass/images/extension_16.png +0 -0
- package/dist/new-sass/images/extension_48.png +0 -0
- package/dist/new-sass/manifest.json +0 -15
- package/dist/new-sass/newtab/index.html +0 -40
- package/dist/new-sass/newtab/scripts.js +0 -11
- package/dist/new-sass/newtab/styles.scss +0 -19
- package/dist/new-sass/package.json +0 -22
- package/dist/new-tailwind/README.md +0 -37
- package/dist/new-tailwind/extension-env.d.ts +0 -9
- package/dist/new-tailwind/images/chromeWindow.png +0 -0
- package/dist/new-tailwind/images/extension_128.png +0 -0
- package/dist/new-tailwind/images/extension_16.png +0 -0
- package/dist/new-tailwind/images/extension_48.png +0 -0
- package/dist/new-tailwind/images/react.png +0 -0
- package/dist/new-tailwind/images/tailwind.png +0 -0
- package/dist/new-tailwind/images/tailwind_bg.png +0 -0
- package/dist/new-tailwind/manifest.json +0 -15
- package/dist/new-tailwind/newtab/NewTabApp.tsx +0 -67
- package/dist/new-tailwind/newtab/index.html +0 -13
- package/dist/new-tailwind/newtab/scripts.tsx +0 -12
- package/dist/new-tailwind/newtab/styles.css +0 -3
- package/dist/new-tailwind/package.json +0 -28
- package/dist/new-tailwind/postcss.config.js +0 -6
- package/dist/new-tailwind/tailwind.config.js +0 -8
- package/dist/new-tailwind/tsconfig.json +0 -21
- package/dist/new-typescript/README.md +0 -37
- package/dist/new-typescript/extension-env.d.ts +0 -9
- package/dist/new-typescript/images/extension_128.png +0 -0
- package/dist/new-typescript/images/extension_16.png +0 -0
- package/dist/new-typescript/images/extension_48.png +0 -0
- package/dist/new-typescript/images/typescript.png +0 -0
- package/dist/new-typescript/manifest.json +0 -15
- package/dist/new-typescript/newtab/index.html +0 -25
- package/dist/new-typescript/newtab/scripts.ts +0 -10
- package/dist/new-typescript/newtab/styles.css +0 -18
- package/dist/new-typescript/package.json +0 -22
- package/dist/new-typescript/tsconfig.json +0 -21
- package/dist/new-vue/README.md +0 -37
- package/dist/new-vue/extension-env.d.ts +0 -9
- package/dist/new-vue/images/extension_128.png +0 -0
- package/dist/new-vue/images/extension_16.png +0 -0
- package/dist/new-vue/images/extension_48.png +0 -0
- package/dist/new-vue/images/vue.svg +0 -8
- package/dist/new-vue/manifest.json +0 -15
- package/dist/new-vue/newtab/NewTabApp.vue +0 -30
- package/dist/new-vue/newtab/index.html +0 -13
- package/dist/new-vue/newtab/scripts.ts +0 -7
- package/dist/new-vue/newtab/styles.css +0 -36
- package/dist/new-vue/package.json +0 -25
- package/dist/new-vue/tsconfig.json +0 -21
- package/dist/sidebar/README.md +0 -37
- package/dist/sidebar/images/extension_128.png +0 -0
- package/dist/sidebar/images/extension_16.png +0 -0
- package/dist/sidebar/images/extension_48.png +0 -0
- package/dist/sidebar/manifest.json +0 -25
- package/dist/sidebar/package.json +0 -21
- package/dist/sidebar/puzzle.png +0 -0
- package/dist/sidebar/sidebar/index.html +0 -39
- package/dist/sidebar/sidebar/scripts.js +0 -11
- package/dist/sidebar/sidebar/styles.css +0 -27
- package/dist/sidebar/test_16.png +0 -0
- package/dist/sidebar/test_32.png +0 -0
- package/dist/sidebar/test_48.png +0 -0
- package/dist/sidebar/test_64.png +0 -0
- package/dist/special-folders-pages/README.md +0 -37
- package/dist/special-folders-pages/background.js +0 -5
- package/dist/special-folders-pages/images/extension_128.png +0 -0
- package/dist/special-folders-pages/images/extension_16.png +0 -0
- package/dist/special-folders-pages/images/extension_48.png +0 -0
- package/dist/special-folders-pages/images/notpublic-file.png +0 -0
- package/dist/special-folders-pages/manifest.json +0 -26
- package/dist/special-folders-pages/package.json +0 -21
- package/dist/special-folders-pages/pages/custom.html +0 -8
- package/dist/special-folders-pages/pages/main.css +0 -18
- package/dist/special-folders-pages/pages/main.html +0 -16
- package/dist/special-folders-pages/pages/main.js +0 -1
- package/dist/special-folders-pages/public/css/file.css +0 -3
- package/dist/special-folders-pages/public/html/file.html +0 -8
- package/dist/special-folders-pages/public/img/icon.png +0 -0
- package/dist/special-folders-pages/public/js/file.js +0 -0
- package/dist/special-folders-pages/sandbox/index.html +0 -24
- package/dist/special-folders-pages/sandbox/scripts.js +0 -0
- package/dist/special-folders-pages/sandbox/styles.css +0 -1
- package/dist/special-folders-scripts/README.md +0 -37
- package/dist/special-folders-scripts/background.js +0 -24
- package/dist/special-folders-scripts/images/extension_128.png +0 -0
- package/dist/special-folders-scripts/images/extension_16.png +0 -0
- package/dist/special-folders-scripts/images/extension_48.png +0 -0
- package/dist/special-folders-scripts/manifest.json +0 -27
- package/dist/special-folders-scripts/package.json +0 -21
- package/dist/special-folders-scripts/pages/index.css +0 -5
- package/dist/special-folders-scripts/pages/index.html +0 -3
- package/dist/special-folders-scripts/pages/index.js +0 -1
- package/dist/special-folders-scripts/public/extension.png +0 -0
- package/dist/special-folders-scripts/scripts/content-script.js +0 -3
- package/dist/storage/README.md +0 -37
- package/dist/storage/images/extension_128.png +0 -0
- package/dist/storage/images/extension_16.png +0 -0
- package/dist/storage/images/extension_48.png +0 -0
- package/dist/storage/manifest.json +0 -15
- package/dist/storage/package.json +0 -21
- package/dist/storage/schema.json +0 -44
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# config-stylelint
|
|
2
|
-
|
|
3
|
-
> An Extension.js example.
|
|
4
|
-
|
|
5
|
-
## Scripts Available
|
|
6
|
-
|
|
7
|
-
In the project directory, you can run:
|
|
8
|
-
|
|
9
|
-
### yarn dev
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
// Runs the app in the development mode.
|
|
13
|
-
// Will open a new browser instance with your extension loaded.
|
|
14
|
-
// The page will reload when you make changes.
|
|
15
|
-
yarn dev
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### yarn start
|
|
19
|
-
|
|
20
|
-
```
|
|
21
|
-
// Runs the app in the production mode.
|
|
22
|
-
// Will open a new browser instance with your extension loaded.
|
|
23
|
-
// This is how your browser extension will work once published.
|
|
24
|
-
yarn start
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### yarn build
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
// Builds the app for production.
|
|
31
|
-
// Bundles your browser extension in production mode for the target browser.
|
|
32
|
-
yarn build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Learn More
|
|
36
|
-
|
|
37
|
-
Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg width="2500" height="2393" viewBox="0 0 256 245" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M129.74 243.648c28-100.109 27.188-100.563 47.425-171.942l4.864 2.816c2.65 1.516 4.813.268 4.813-2.778V37.696C192.218 18.893 196.416 4.352 197.658 0h21.92L256 33.728 232.077 54.4l18.093 19.565-119.226 169.683c-.576.96-1.389.742-1.203 0zm13.025-215.782c1.088 0 1.958.595 1.958 1.344v17.44c0 .73-.877 1.324-1.958 1.324h-29.44c-1.088 0-1.965-.595-1.965-1.33V29.196c0-.736.877-1.344 1.958-1.344h29.44l.007.013zM179.117 8.55L146.72 27.251c.371.576.602 1.235.602 1.952v17.453c0 .896-.359 1.715-.935 2.368l32.723 18.893c2.228 1.293 4.058.237 4.058-2.336V10.893c0-2.58-1.818-3.629-4.051-2.343zm-70.362 38.106v-17.46c0-.716.23-1.375.602-1.945L76.96 8.538c-2.227-1.28-4.058-.23-4.058 2.342v54.688c0 2.573 1.83 3.629 4.064 2.336l32.717-18.893c-.576-.659-.921-1.472-.921-2.368l-.007.013zm16.301 196.992h1.203C98.266 143.539 99.072 143.085 78.835 71.706l-4.864 2.816c-2.643 1.516-4.813.268-4.813-2.778V37.696C63.782 18.899 59.584 4.352 58.342 0H36.43L0 33.728 23.917 54.4 5.824 73.971l119.232 169.677zM127.11 84.41a8.845 8.845 0 1 0 0-17.69 8.845 8.845 0 0 0 0 17.69zm0 52.576a8.845 8.845 0 1 0 0-17.69 8.845 8.845 0 0 0 0 17.69zm0 52.588a8.845 8.845 0 1 0 0-17.69 8.845 8.845 0 0 0 0 17.69z"/></svg>
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"manifest_version": 3,
|
|
3
|
-
"version": "0.0.1",
|
|
4
|
-
"name": "config-stylelint",
|
|
5
|
-
"description": "An Extension.js example.",
|
|
6
|
-
"icons": {
|
|
7
|
-
"16": "images/extension_16.png",
|
|
8
|
-
"48": "images/extension_48.png",
|
|
9
|
-
"128": "images/extension_128.png"
|
|
10
|
-
},
|
|
11
|
-
"chrome_url_overrides": {
|
|
12
|
-
"newtab": "newtab/index.html"
|
|
13
|
-
},
|
|
14
|
-
"author": "Your Name"
|
|
15
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
-
<title>Stylelint Extension</title>
|
|
7
|
-
<link
|
|
8
|
-
rel="stylesheet"
|
|
9
|
-
href="https://unpkg.com/sakura.css/css/sakura.css"
|
|
10
|
-
media="screen"
|
|
11
|
-
/>
|
|
12
|
-
<link
|
|
13
|
-
rel="stylesheet"
|
|
14
|
-
href="https://unpkg.com/sakura.css/css/sakura-dark.css"
|
|
15
|
-
media="screen and (prefers-color-scheme: dark)"
|
|
16
|
-
/>
|
|
17
|
-
<link rel="stylesheet" href="./styles.css" media="screen" />
|
|
18
|
-
</head>
|
|
19
|
-
<body>
|
|
20
|
-
<header>
|
|
21
|
-
<h1>
|
|
22
|
-
<img
|
|
23
|
-
class="stylelint"
|
|
24
|
-
src="../images/stylelint.svg"
|
|
25
|
-
alt="The Stylelint logo"
|
|
26
|
-
width="120px"
|
|
27
|
-
/>
|
|
28
|
-
<br />
|
|
29
|
-
Welcome to your Stylelint Extension
|
|
30
|
-
</h1>
|
|
31
|
-
<p>
|
|
32
|
-
Learn more about creating cross-browser extensions at
|
|
33
|
-
<a href="https://extension.js.org" target="_blank"
|
|
34
|
-
>https://extension.js.org</a
|
|
35
|
-
>.
|
|
36
|
-
</p>
|
|
37
|
-
</header>
|
|
38
|
-
</body>
|
|
39
|
-
<script src="./scripts.js"></script>
|
|
40
|
-
</html>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
body {
|
|
2
|
-
display: flex;
|
|
3
|
-
justify-content: center;
|
|
4
|
-
align-items: center;
|
|
5
|
-
height: calc(100vh - 26px);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
h1 {
|
|
9
|
-
font-size: 4.7em;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.stylelint:hover {
|
|
13
|
-
filter: grayscale(1);
|
|
14
|
-
transition: filter 2s,
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.new:hover {
|
|
18
|
-
filter: grayscale(0);
|
|
19
|
-
border-color: aquamarine;
|
|
20
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"private": true,
|
|
3
|
-
"name": "config-stylelint",
|
|
4
|
-
"description": "An Extension.js example.",
|
|
5
|
-
"version": "0.0.1",
|
|
6
|
-
"author": {
|
|
7
|
-
"name": "Your Name",
|
|
8
|
-
"email": "your@email.com",
|
|
9
|
-
"url": "https://yourwebsite.com"
|
|
10
|
-
},
|
|
11
|
-
"scripts": {
|
|
12
|
-
"lint:css": "stylelint '**/*.css'",
|
|
13
|
-
"dev": "extension dev",
|
|
14
|
-
"start": "extension start",
|
|
15
|
-
"build": "extension build"
|
|
16
|
-
},
|
|
17
|
-
"devDependencies": {
|
|
18
|
-
"stylelint": "^16.7.0",
|
|
19
|
-
"stylelint-config-standard": "^36.0.1",
|
|
20
|
-
"extension": "latest"
|
|
21
|
-
},
|
|
22
|
-
"dependencies": {}
|
|
23
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"extends": ["stylelint-config-standard"]}
|
package/dist/content/README.md
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# content
|
|
2
|
-
|
|
3
|
-
> An Extension.js example.
|
|
4
|
-
|
|
5
|
-
## Scripts Available
|
|
6
|
-
|
|
7
|
-
In the project directory, you can run:
|
|
8
|
-
|
|
9
|
-
### yarn dev
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
// Runs the app in the development mode.
|
|
13
|
-
// Will open a new browser instance with your extension loaded.
|
|
14
|
-
// The page will reload when you make changes.
|
|
15
|
-
yarn dev
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### yarn start
|
|
19
|
-
|
|
20
|
-
```
|
|
21
|
-
// Runs the app in the production mode.
|
|
22
|
-
// Will open a new browser instance with your extension loaded.
|
|
23
|
-
// This is how your browser extension will work once published.
|
|
24
|
-
yarn start
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### yarn build
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
// Builds the app for production.
|
|
31
|
-
// Bundles your browser extension in production mode for the target browser.
|
|
32
|
-
yarn build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Learn More
|
|
36
|
-
|
|
37
|
-
Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
console.log('hello from background script')
|
|
2
|
-
|
|
3
|
-
chrome.runtime.onMessage.addListener((request, sender) => {
|
|
4
|
-
if (request.action === 'changeBackgroundColor') {
|
|
5
|
-
changeBackgroundColor(request.color, sender.tab.id)
|
|
6
|
-
}
|
|
7
|
-
})
|
|
8
|
-
|
|
9
|
-
function changeBackgroundColor(color, tabId) {
|
|
10
|
-
chrome.scripting
|
|
11
|
-
.executeScript({
|
|
12
|
-
target: {tabId},
|
|
13
|
-
function: setPageBackgroundColor,
|
|
14
|
-
args: [color]
|
|
15
|
-
})
|
|
16
|
-
.catch(console.error)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function setPageBackgroundColor(color) {
|
|
20
|
-
document.body.style.backgroundColor = color
|
|
21
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import extensionJsLogo from '../images/extension_128.png'
|
|
2
|
-
import './styles.css'
|
|
3
|
-
|
|
4
|
-
console.log('hello from content_scripts')
|
|
5
|
-
|
|
6
|
-
document.body.innerHTML += `
|
|
7
|
-
<div class="content_script-box">
|
|
8
|
-
<img class="content_script-logo" src=${extensionJsLogo} />
|
|
9
|
-
<h1 class="content_script-title">
|
|
10
|
-
Change the background-color ⬇
|
|
11
|
-
</h1>
|
|
12
|
-
<input type="color" class="content_script-colorPicker" id="colorPicker">
|
|
13
|
-
<p class="content_script-description">
|
|
14
|
-
Learn more about creating browser extensions at <a
|
|
15
|
-
className="underline hover:no-underline"
|
|
16
|
-
href="https://extension.js.org"
|
|
17
|
-
target="_blank"
|
|
18
|
-
>
|
|
19
|
-
https://extension.js.org
|
|
20
|
-
</a>
|
|
21
|
-
</p>
|
|
22
|
-
</div>
|
|
23
|
-
`
|
|
24
|
-
|
|
25
|
-
document.getElementById('colorPicker').addEventListener('input', (event) => {
|
|
26
|
-
chrome.runtime
|
|
27
|
-
.sendMessage({
|
|
28
|
-
action: 'changeBackgroundColor',
|
|
29
|
-
color: event.target.value
|
|
30
|
-
})
|
|
31
|
-
.catch(console.error)
|
|
32
|
-
})
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
.content_script-box {
|
|
2
|
-
background: white;
|
|
3
|
-
position: fixed;
|
|
4
|
-
right: 0;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
z-index: 9;
|
|
7
|
-
width: 315px;
|
|
8
|
-
height: 345px;
|
|
9
|
-
margin: 1em;
|
|
10
|
-
padding: 1em;
|
|
11
|
-
display: flex;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
gap: 1em;
|
|
16
|
-
box-shadow: 0px 0px 4px 1px #ccc;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.content_script-logo {
|
|
20
|
-
width: 90px;
|
|
21
|
-
align-self: flex-start;
|
|
22
|
-
filter: grayscale(1);
|
|
23
|
-
transition:
|
|
24
|
-
filter 2s,
|
|
25
|
-
border-color 2s;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.content_script-logo:hover {
|
|
29
|
-
filter: grayscale(0);
|
|
30
|
-
border-color: aquamarine;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.content_script-title {
|
|
34
|
-
font-size: 1.85em;
|
|
35
|
-
color: #333;
|
|
36
|
-
line-height: 1.1;
|
|
37
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
38
|
-
'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
|
|
39
|
-
font-weight: 700;
|
|
40
|
-
overflow-wrap: break-word;
|
|
41
|
-
word-wrap: break-word;
|
|
42
|
-
-ms-word-break: break-all;
|
|
43
|
-
word-break: break-word;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.content_script-description {
|
|
47
|
-
color: #999;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.content_script-colorPicker {
|
|
51
|
-
display: block;
|
|
52
|
-
width: 100%;
|
|
53
|
-
height: 50px;
|
|
54
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"manifest_version": 3,
|
|
3
|
-
"version": "0.0.1",
|
|
4
|
-
"name": "content",
|
|
5
|
-
"description": "An Extension.js example.",
|
|
6
|
-
"icons": {
|
|
7
|
-
"16": "images/extension_16.png",
|
|
8
|
-
"48": "images/extension_48.png",
|
|
9
|
-
"128": "images/extension_128.png"
|
|
10
|
-
},
|
|
11
|
-
"permissions": [
|
|
12
|
-
"activeTab",
|
|
13
|
-
"scripting"
|
|
14
|
-
],
|
|
15
|
-
"host_permissions": [
|
|
16
|
-
"<all_urls>"
|
|
17
|
-
],
|
|
18
|
-
"background": {
|
|
19
|
-
"chromium:service_worker": "background.js",
|
|
20
|
-
"firefox:scripts": [
|
|
21
|
-
"background.js"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
|
-
"content_scripts": [
|
|
25
|
-
{
|
|
26
|
-
"matches": [
|
|
27
|
-
"<all_urls>"
|
|
28
|
-
],
|
|
29
|
-
"js": [
|
|
30
|
-
"content/scripts.js"
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
"author": "Your Name"
|
|
35
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"private": true,
|
|
3
|
-
"name": "content",
|
|
4
|
-
"description": "An Extension.js example.",
|
|
5
|
-
"version": "0.0.1",
|
|
6
|
-
"author": {
|
|
7
|
-
"name": "Your Name",
|
|
8
|
-
"email": "your@email.com",
|
|
9
|
-
"url": "https://yourwebsite.com"
|
|
10
|
-
},
|
|
11
|
-
"scripts": {
|
|
12
|
-
"dev": "extension dev",
|
|
13
|
-
"start": "extension start",
|
|
14
|
-
"build": "extension build"
|
|
15
|
-
},
|
|
16
|
-
"dependencies": {},
|
|
17
|
-
"devDependencies": {
|
|
18
|
-
"extension": "latest"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# content-css-module
|
|
2
|
-
|
|
3
|
-
> An Extension.js example.
|
|
4
|
-
|
|
5
|
-
## Scripts Available
|
|
6
|
-
|
|
7
|
-
In the project directory, you can run:
|
|
8
|
-
|
|
9
|
-
### yarn dev
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
// Runs the app in the development mode.
|
|
13
|
-
// Will open a new browser instance with your extension loaded.
|
|
14
|
-
// The page will reload when you make changes.
|
|
15
|
-
yarn dev
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### yarn start
|
|
19
|
-
|
|
20
|
-
```
|
|
21
|
-
// Runs the app in the production mode.
|
|
22
|
-
// Will open a new browser instance with your extension loaded.
|
|
23
|
-
// This is how your browser extension will work once published.
|
|
24
|
-
yarn start
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### yarn build
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
// Builds the app for production.
|
|
31
|
-
// Bundles your browser extension in production mode for the target browser.
|
|
32
|
-
yarn build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Learn More
|
|
36
|
-
|
|
37
|
-
Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
console.log('hello from background script')
|
|
2
|
-
|
|
3
|
-
chrome.runtime.onMessage.addListener((request, sender) => {
|
|
4
|
-
if (request.action === 'changeBackgroundColor') {
|
|
5
|
-
changeBackgroundColor(request.color, sender.tab.id)
|
|
6
|
-
}
|
|
7
|
-
})
|
|
8
|
-
|
|
9
|
-
function changeBackgroundColor(color, tabId) {
|
|
10
|
-
chrome.scripting
|
|
11
|
-
.executeScript({
|
|
12
|
-
target: {tabId},
|
|
13
|
-
function: setPageBackgroundColor,
|
|
14
|
-
args: [color]
|
|
15
|
-
})
|
|
16
|
-
.catch(console.error)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function setPageBackgroundColor(color) {
|
|
20
|
-
document.body.style.backgroundColor = color
|
|
21
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import extensionJsLogo from '../images/extension_128.png'
|
|
2
|
-
import './styles.css'
|
|
3
|
-
import styles from './Logo.module.css'
|
|
4
|
-
|
|
5
|
-
console.log('hello from content_scripts')
|
|
6
|
-
|
|
7
|
-
document.body.innerHTML += `
|
|
8
|
-
<div class="content_script-box">
|
|
9
|
-
<img class=${styles.logo} src=${extensionJsLogo} />
|
|
10
|
-
<h1 class="content_script-title">
|
|
11
|
-
Change the background-color ⬇
|
|
12
|
-
</h1>
|
|
13
|
-
<input type="color" class="content_script-colorPicker" id="colorPicker">
|
|
14
|
-
<p class="content_script-description">
|
|
15
|
-
Learn more about creating browser extensions at <a
|
|
16
|
-
className="underline hover:no-underline"
|
|
17
|
-
href="https://extension.js.org"
|
|
18
|
-
target="_blank"
|
|
19
|
-
>
|
|
20
|
-
https://extension.js.org
|
|
21
|
-
</a>
|
|
22
|
-
</p>
|
|
23
|
-
</div>
|
|
24
|
-
`
|
|
25
|
-
|
|
26
|
-
document.getElementById('colorPicker').addEventListener('input', (event) => {
|
|
27
|
-
chrome.runtime
|
|
28
|
-
.sendMessage({
|
|
29
|
-
action: 'changeBackgroundColor',
|
|
30
|
-
color: event.target.value
|
|
31
|
-
})
|
|
32
|
-
.catch(console.error)
|
|
33
|
-
})
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
.content_script-box {
|
|
2
|
-
background: white;
|
|
3
|
-
position: fixed;
|
|
4
|
-
right: 0;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
z-index: 9;
|
|
7
|
-
width: 315px;
|
|
8
|
-
height: 345px;
|
|
9
|
-
margin: 1em;
|
|
10
|
-
padding: 1em;
|
|
11
|
-
display: flex;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
gap: 1em;
|
|
16
|
-
box-shadow: 0px 0px 4px 1px #ccc;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.content_script-title {
|
|
20
|
-
font-size: 1.85em;
|
|
21
|
-
color: #333;
|
|
22
|
-
line-height: 1.1;
|
|
23
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
24
|
-
'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
|
|
25
|
-
font-weight: 700;
|
|
26
|
-
overflow-wrap: break-word;
|
|
27
|
-
word-wrap: break-word;
|
|
28
|
-
-ms-word-break: break-all;
|
|
29
|
-
word-break: break-word;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.content_script-description {
|
|
33
|
-
color: #999;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.content_script-colorPicker {
|
|
37
|
-
display: block;
|
|
38
|
-
width: 100%;
|
|
39
|
-
height: 50px;
|
|
40
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"manifest_version": 3,
|
|
3
|
-
"version": "0.0.1",
|
|
4
|
-
"name": "content-css-module",
|
|
5
|
-
"description": "An Extension.js example.",
|
|
6
|
-
"icons": {
|
|
7
|
-
"16": "images/extension_16.png",
|
|
8
|
-
"48": "images/extension_48.png",
|
|
9
|
-
"128": "images/extension_128.png"
|
|
10
|
-
},
|
|
11
|
-
"permissions": [
|
|
12
|
-
"activeTab",
|
|
13
|
-
"scripting"
|
|
14
|
-
],
|
|
15
|
-
"host_permissions": [
|
|
16
|
-
"<all_urls>"
|
|
17
|
-
],
|
|
18
|
-
"background": {
|
|
19
|
-
"chromium:service_worker": "background.js",
|
|
20
|
-
"firefox:scripts": [
|
|
21
|
-
"background.js"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
|
-
"content_scripts": [
|
|
25
|
-
{
|
|
26
|
-
"matches": [
|
|
27
|
-
"<all_urls>"
|
|
28
|
-
],
|
|
29
|
-
"js": [
|
|
30
|
-
"content/scripts.js"
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
"author": "Your Name"
|
|
35
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"private": true,
|
|
3
|
-
"name": "content-css-module",
|
|
4
|
-
"description": "An Extension.js example.",
|
|
5
|
-
"version": "0.0.1",
|
|
6
|
-
"author": {
|
|
7
|
-
"name": "Your Name",
|
|
8
|
-
"email": "your@email.com",
|
|
9
|
-
"url": "https://yourwebsite.com"
|
|
10
|
-
},
|
|
11
|
-
"scripts": {
|
|
12
|
-
"dev": "extension dev",
|
|
13
|
-
"start": "extension start",
|
|
14
|
-
"build": "extension build"
|
|
15
|
-
},
|
|
16
|
-
"dependencies": {},
|
|
17
|
-
"devDependencies": {
|
|
18
|
-
"extension": "latest"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
# content-less
|
|
2
|
-
|
|
3
|
-
> An Extension.js example.
|
|
4
|
-
|
|
5
|
-
## Scripts Available
|
|
6
|
-
|
|
7
|
-
In the project directory, you can run:
|
|
8
|
-
|
|
9
|
-
### yarn dev
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
// Runs the app in the development mode.
|
|
13
|
-
// Will open a new browser instance with your extension loaded.
|
|
14
|
-
// The page will reload when you make changes.
|
|
15
|
-
yarn dev
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### yarn start
|
|
19
|
-
|
|
20
|
-
```
|
|
21
|
-
// Runs the app in the production mode.
|
|
22
|
-
// Will open a new browser instance with your extension loaded.
|
|
23
|
-
// This is how your browser extension will work once published.
|
|
24
|
-
yarn start
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
### yarn build
|
|
28
|
-
|
|
29
|
-
```
|
|
30
|
-
// Builds the app for production.
|
|
31
|
-
// Bundles your browser extension in production mode for the target browser.
|
|
32
|
-
yarn build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Learn More
|
|
36
|
-
|
|
37
|
-
Learn more about creating cross-browser extensions in the [Extension.js](https://extension.js.org) documentation.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
console.log('hello from background script')
|
|
2
|
-
|
|
3
|
-
chrome.runtime.onMessage.addListener((request, sender) => {
|
|
4
|
-
if (request.action === 'changeBackgroundColor') {
|
|
5
|
-
changeBackgroundColor(request.color, sender.tab.id)
|
|
6
|
-
}
|
|
7
|
-
})
|
|
8
|
-
|
|
9
|
-
function changeBackgroundColor(color, tabId) {
|
|
10
|
-
chrome.scripting
|
|
11
|
-
.executeScript({
|
|
12
|
-
target: {tabId},
|
|
13
|
-
function: setPageBackgroundColor,
|
|
14
|
-
args: [color]
|
|
15
|
-
})
|
|
16
|
-
.catch(console.error)
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function setPageBackgroundColor(color) {
|
|
20
|
-
document.body.style.backgroundColor = color
|
|
21
|
-
}
|