extension-create 2.0.0-alpha.5 → 2.0.0-alpha.6
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 +4 -4
- package/package.json +1 -1
- 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,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
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import extensionJsLogo from '../images/extension_128.png'
|
|
2
|
-
import './styles.less'
|
|
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,51 +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: filter 2s;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.content_script-logo:hover {
|
|
27
|
-
filter: grayscale(0);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.content_script-title {
|
|
31
|
-
font-size: 1.85em;
|
|
32
|
-
color: #333;
|
|
33
|
-
line-height: 1.1;
|
|
34
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
35
|
-
'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
|
|
36
|
-
font-weight: 700;
|
|
37
|
-
overflow-wrap: break-word;
|
|
38
|
-
word-wrap: break-word;
|
|
39
|
-
-ms-word-break: break-all;
|
|
40
|
-
word-break: break-word;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.content_script-description {
|
|
44
|
-
color: #999;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.content_script-colorPicker {
|
|
48
|
-
display: block;
|
|
49
|
-
width: 100%;
|
|
50
|
-
height: 50px;
|
|
51
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|