extension-create 2.0.0-alpha.4 → 2.0.0-alpha.5

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.
Files changed (342) hide show
  1. package/dist/action/README.md +37 -0
  2. package/dist/action/action/index.html +40 -0
  3. package/dist/action/action/scripts.js +11 -0
  4. package/dist/action/action/styles.css +23 -0
  5. package/dist/action/images/extension_128.png +0 -0
  6. package/dist/action/images/extension_16.png +0 -0
  7. package/dist/action/images/extension_48.png +0 -0
  8. package/dist/action/manifest.json +21 -0
  9. package/dist/action/package.json +21 -0
  10. package/dist/action-chatgpt/.env.example +1 -0
  11. package/dist/action-chatgpt/README.md +37 -0
  12. package/dist/action-chatgpt/action/ActionApp.tsx +118 -0
  13. package/dist/action-chatgpt/action/index.html +13 -0
  14. package/dist/action-chatgpt/action/scripts.tsx +12 -0
  15. package/dist/action-chatgpt/action/styles.css +8 -0
  16. package/dist/action-chatgpt/extension-env.d.ts +9 -0
  17. package/dist/action-chatgpt/images/chatgpt.png +0 -0
  18. package/dist/action-chatgpt/images/extension.png +0 -0
  19. package/dist/action-chatgpt/images/extension_128.png +0 -0
  20. package/dist/action-chatgpt/images/extension_16.png +0 -0
  21. package/dist/action-chatgpt/images/extension_48.png +0 -0
  22. package/dist/action-chatgpt/manifest.json +21 -0
  23. package/dist/action-chatgpt/package.json +30 -0
  24. package/dist/action-chatgpt/postcss.config.js +6 -0
  25. package/dist/action-chatgpt/tailwind.config.js +8 -0
  26. package/dist/action-chatgpt/tsconfig.json +21 -0
  27. package/dist/config-stylelint/README.md +37 -0
  28. package/dist/config-stylelint/images/extension_128.png +0 -0
  29. package/dist/config-stylelint/images/extension_16.png +0 -0
  30. package/dist/config-stylelint/images/extension_48.png +0 -0
  31. package/dist/config-stylelint/images/stylelint.svg +1 -0
  32. package/dist/config-stylelint/manifest.json +15 -0
  33. package/dist/config-stylelint/newtab/index.html +40 -0
  34. package/dist/config-stylelint/newtab/scripts.js +11 -0
  35. package/dist/config-stylelint/newtab/styles.css +20 -0
  36. package/dist/config-stylelint/package.json +23 -0
  37. package/dist/config-stylelint/stylelint.config.json +1 -0
  38. package/dist/content/README.md +37 -0
  39. package/dist/content/background.js +21 -0
  40. package/dist/content/content/scripts.js +32 -0
  41. package/dist/content/content/styles.css +54 -0
  42. package/dist/content/images/extension_128.png +0 -0
  43. package/dist/content/images/extension_16.png +0 -0
  44. package/dist/content/images/extension_48.png +0 -0
  45. package/dist/content/manifest.json +35 -0
  46. package/dist/content/package.json +20 -0
  47. package/dist/content-css-module/README.md +37 -0
  48. package/dist/content-css-module/background.js +21 -0
  49. package/dist/content-css-module/content/Logo.module.css +11 -0
  50. package/dist/content-css-module/content/scripts.js +33 -0
  51. package/dist/content-css-module/content/styles.css +40 -0
  52. package/dist/content-css-module/images/extension_128.png +0 -0
  53. package/dist/content-css-module/images/extension_16.png +0 -0
  54. package/dist/content-css-module/images/extension_48.png +0 -0
  55. package/dist/content-css-module/manifest.json +35 -0
  56. package/dist/content-css-module/package.json +20 -0
  57. package/dist/content-less/README.md +37 -0
  58. package/dist/content-less/background.js +21 -0
  59. package/dist/content-less/content/scripts.js +32 -0
  60. package/dist/content-less/content/styles.less +51 -0
  61. package/dist/content-less/images/extension_128.png +0 -0
  62. package/dist/content-less/images/extension_16.png +0 -0
  63. package/dist/content-less/images/extension_48.png +0 -0
  64. package/dist/content-less/manifest.json +35 -0
  65. package/dist/content-less/package.json +21 -0
  66. package/dist/content-main-world/README.md +37 -0
  67. package/dist/content-main-world/background.js +19 -0
  68. package/dist/content-main-world/content/scripts.js +32 -0
  69. package/dist/content-main-world/content/styles.css +51 -0
  70. package/dist/content-main-world/images/extension_128.png +0 -0
  71. package/dist/content-main-world/images/extension_16.png +0 -0
  72. package/dist/content-main-world/images/extension_48.png +0 -0
  73. package/dist/content-main-world/manifest.json +37 -0
  74. package/dist/content-main-world/package.json +20 -0
  75. package/dist/content-preact/README.md +37 -0
  76. package/dist/content-preact/background.ts +1 -0
  77. package/dist/content-preact/content/ContentApp.tsx +92 -0
  78. package/dist/content-preact/content/scripts.tsx +14 -0
  79. package/dist/content-preact/content/styles.css +10 -0
  80. package/dist/content-preact/extension-env.d.ts +9 -0
  81. package/dist/content-preact/images/chromeWindow.png +0 -0
  82. package/dist/content-preact/images/extension_128.png +0 -0
  83. package/dist/content-preact/images/extension_16.png +0 -0
  84. package/dist/content-preact/images/extension_48.png +0 -0
  85. package/dist/content-preact/images/preact.png +0 -0
  86. package/dist/content-preact/images/tailwind.png +0 -0
  87. package/dist/content-preact/images/tailwind_bg.png +0 -0
  88. package/dist/content-preact/images/typescript.png +0 -0
  89. package/dist/content-preact/manifest.json +31 -0
  90. package/dist/content-preact/package.json +27 -0
  91. package/dist/content-preact/postcss.config.js +6 -0
  92. package/dist/content-preact/tailwind.config.js +8 -0
  93. package/dist/content-preact/tsconfig.json +26 -0
  94. package/dist/content-react/README.md +37 -0
  95. package/dist/content-react/background.ts +1 -0
  96. package/dist/content-react/content/ContentApp.tsx +86 -0
  97. package/dist/content-react/content/scripts.tsx +17 -0
  98. package/dist/content-react/content/styles.css +10 -0
  99. package/dist/content-react/extension-env.d.ts +9 -0
  100. package/dist/content-react/images/chromeWindow.png +0 -0
  101. package/dist/content-react/images/extension_128.png +0 -0
  102. package/dist/content-react/images/extension_16.png +0 -0
  103. package/dist/content-react/images/extension_48.png +0 -0
  104. package/dist/content-react/images/react.png +0 -0
  105. package/dist/content-react/images/tailwind.png +0 -0
  106. package/dist/content-react/images/tailwind_bg.png +0 -0
  107. package/dist/content-react/images/typescript.png +0 -0
  108. package/dist/content-react/manifest.json +28 -0
  109. package/dist/content-react/package.json +28 -0
  110. package/dist/content-react/postcss.config.js +6 -0
  111. package/dist/content-react/tailwind.config.js +8 -0
  112. package/dist/content-react/tsconfig.json +21 -0
  113. package/dist/content-sass/README.md +37 -0
  114. package/dist/content-sass/background.js +21 -0
  115. package/dist/content-sass/content/scripts.js +32 -0
  116. package/dist/content-sass/content/styles.scss +51 -0
  117. package/dist/content-sass/images/extension_128.png +0 -0
  118. package/dist/content-sass/images/extension_16.png +0 -0
  119. package/dist/content-sass/images/extension_48.png +0 -0
  120. package/dist/content-sass/manifest.json +35 -0
  121. package/dist/content-sass/package.json +21 -0
  122. package/dist/content-sass-module/README.md +37 -0
  123. package/dist/content-sass-module/background.js +21 -0
  124. package/dist/content-sass-module/content/Logo.module.scss +18 -0
  125. package/dist/content-sass-module/content/scripts.js +33 -0
  126. package/dist/content-sass-module/content/styles.scss +40 -0
  127. package/dist/content-sass-module/images/extension_128.png +0 -0
  128. package/dist/content-sass-module/images/extension_16.png +0 -0
  129. package/dist/content-sass-module/images/extension_48.png +0 -0
  130. package/dist/content-sass-module/manifest.json +35 -0
  131. package/dist/content-sass-module/package.json +21 -0
  132. package/dist/content-tailwind/README.md +37 -0
  133. package/dist/content-tailwind/background.js +21 -0
  134. package/dist/content-tailwind/content/content.js +45 -0
  135. package/dist/content-tailwind/content/scripts.js +6 -0
  136. package/dist/content-tailwind/content/styles.css +10 -0
  137. package/dist/content-tailwind/images/chromeWindow.png +0 -0
  138. package/dist/content-tailwind/images/extension_128.png +0 -0
  139. package/dist/content-tailwind/images/extension_16.png +0 -0
  140. package/dist/content-tailwind/images/extension_48.png +0 -0
  141. package/dist/content-tailwind/images/react.png +0 -0
  142. package/dist/content-tailwind/images/tailwind.png +0 -0
  143. package/dist/content-tailwind/images/tailwind_bg.png +0 -0
  144. package/dist/content-tailwind/manifest.json +35 -0
  145. package/dist/content-tailwind/package.json +23 -0
  146. package/dist/content-tailwind/postcss.config.js +6 -0
  147. package/dist/content-tailwind/tailwind.config.js +8 -0
  148. package/dist/content-typescript/README.md +37 -0
  149. package/dist/content-typescript/background.ts +26 -0
  150. package/dist/content-typescript/content/scripts.ts +33 -0
  151. package/dist/content-typescript/content/styles.css +51 -0
  152. package/dist/content-typescript/extension-env.d.ts +9 -0
  153. package/dist/content-typescript/images/extension_128.png +0 -0
  154. package/dist/content-typescript/images/extension_16.png +0 -0
  155. package/dist/content-typescript/images/extension_48.png +0 -0
  156. package/dist/content-typescript/images/typescript.png +0 -0
  157. package/dist/content-typescript/manifest.json +35 -0
  158. package/dist/content-typescript/package.json +21 -0
  159. package/dist/content-typescript/tsconfig.json +21 -0
  160. package/dist/content-vue/README.md +37 -0
  161. package/dist/content-vue/background.ts +1 -0
  162. package/dist/content-vue/content/ContentApp.vue +90 -0
  163. package/dist/content-vue/content/scripts.ts +13 -0
  164. package/dist/content-vue/content/shims-vue.d.ts +6 -0
  165. package/dist/content-vue/content/styles.css +10 -0
  166. package/dist/content-vue/extension-env.d.ts +9 -0
  167. package/dist/content-vue/images/chromeWindow.png +0 -0
  168. package/dist/content-vue/images/extension_128.png +0 -0
  169. package/dist/content-vue/images/extension_16.png +0 -0
  170. package/dist/content-vue/images/extension_48.png +0 -0
  171. package/dist/content-vue/images/tailwind.png +0 -0
  172. package/dist/content-vue/images/tailwind_bg.png +0 -0
  173. package/dist/content-vue/images/typescript.png +0 -0
  174. package/dist/content-vue/images/vue.svg +8 -0
  175. package/dist/content-vue/manifest.json +31 -0
  176. package/dist/content-vue/package.json +25 -0
  177. package/dist/content-vue/postcss.config.js +6 -0
  178. package/dist/content-vue/tailwind.config.js +8 -0
  179. package/dist/content-vue/tsconfig.json +21 -0
  180. package/dist/declarative_net_request/README.md +37 -0
  181. package/dist/declarative_net_request/images/extension_128.png +0 -0
  182. package/dist/declarative_net_request/images/extension_16.png +0 -0
  183. package/dist/declarative_net_request/images/extension_48.png +0 -0
  184. package/dist/declarative_net_request/manifest.json +34 -0
  185. package/dist/declarative_net_request/package.json +21 -0
  186. package/dist/declarative_net_request/public/public_ruleset.json +72 -0
  187. package/dist/declarative_net_request/rules_1.json +72 -0
  188. package/dist/init/README.md +37 -0
  189. package/dist/init/manifest.json +7 -0
  190. package/dist/init/package.json +32 -0
  191. package/dist/locales/README.md +37 -0
  192. package/dist/locales/_locales/en/messages.json +10 -0
  193. package/dist/locales/_locales/pt_BR/messages.json +10 -0
  194. package/dist/locales/action/index.html +40 -0
  195. package/dist/locales/action/scripts.js +3 -0
  196. package/dist/locales/action/styles.css +23 -0
  197. package/dist/locales/images/extension_128.png +0 -0
  198. package/dist/locales/images/extension_16.png +0 -0
  199. package/dist/locales/images/extension_48.png +0 -0
  200. package/dist/locales/manifest.json +19 -0
  201. package/dist/locales/package.json +21 -0
  202. package/dist/module.js +11 -11
  203. package/dist/new-less/README.md +37 -0
  204. package/dist/new-less/images/extension_128.png +0 -0
  205. package/dist/new-less/images/extension_16.png +0 -0
  206. package/dist/new-less/images/extension_48.png +0 -0
  207. package/dist/new-less/manifest.json +15 -0
  208. package/dist/new-less/newtab/index.html +40 -0
  209. package/dist/new-less/newtab/scripts.js +11 -0
  210. package/dist/new-less/newtab/styles.less +19 -0
  211. package/dist/new-less/package.json +21 -0
  212. package/dist/new-preact/README.md +37 -0
  213. package/dist/new-preact/extension-env.d.ts +9 -0
  214. package/dist/new-preact/images/extension_128.png +0 -0
  215. package/dist/new-preact/images/extension_16.png +0 -0
  216. package/dist/new-preact/images/extension_48.png +0 -0
  217. package/dist/new-preact/images/preact.png +0 -0
  218. package/dist/new-preact/manifest.json +15 -0
  219. package/dist/new-preact/newtab/NewTabApp.tsx +27 -0
  220. package/dist/new-preact/newtab/index.html +13 -0
  221. package/dist/new-preact/newtab/scripts.tsx +5 -0
  222. package/dist/new-preact/newtab/styles.css +32 -0
  223. package/dist/new-preact/package.json +27 -0
  224. package/dist/new-preact/tsconfig.json +21 -0
  225. package/dist/new-react/README.md +37 -0
  226. package/dist/new-react/extension-env.d.ts +9 -0
  227. package/dist/new-react/images/extension_128.png +0 -0
  228. package/dist/new-react/images/extension_16.png +0 -0
  229. package/dist/new-react/images/extension_48.png +0 -0
  230. package/dist/new-react/images/react.png +0 -0
  231. package/dist/new-react/manifest.json +15 -0
  232. package/dist/new-react/newtab/NewTabApp.tsx +27 -0
  233. package/dist/new-react/newtab/index.html +13 -0
  234. package/dist/new-react/newtab/scripts.tsx +12 -0
  235. package/dist/new-react/newtab/styles.css +23 -0
  236. package/dist/new-react/package.json +28 -0
  237. package/dist/new-react/tsconfig.json +21 -0
  238. package/dist/new-sass/README.md +37 -0
  239. package/dist/new-sass/images/extension_128.png +0 -0
  240. package/dist/new-sass/images/extension_16.png +0 -0
  241. package/dist/new-sass/images/extension_48.png +0 -0
  242. package/dist/new-sass/manifest.json +15 -0
  243. package/dist/new-sass/newtab/index.html +40 -0
  244. package/dist/new-sass/newtab/scripts.js +11 -0
  245. package/dist/new-sass/newtab/styles.scss +19 -0
  246. package/dist/new-sass/package.json +22 -0
  247. package/dist/new-tailwind/README.md +37 -0
  248. package/dist/new-tailwind/extension-env.d.ts +9 -0
  249. package/dist/new-tailwind/images/chromeWindow.png +0 -0
  250. package/dist/new-tailwind/images/extension_128.png +0 -0
  251. package/dist/new-tailwind/images/extension_16.png +0 -0
  252. package/dist/new-tailwind/images/extension_48.png +0 -0
  253. package/dist/new-tailwind/images/react.png +0 -0
  254. package/dist/new-tailwind/images/tailwind.png +0 -0
  255. package/dist/new-tailwind/images/tailwind_bg.png +0 -0
  256. package/dist/new-tailwind/manifest.json +15 -0
  257. package/dist/new-tailwind/newtab/NewTabApp.tsx +67 -0
  258. package/dist/new-tailwind/newtab/index.html +13 -0
  259. package/dist/new-tailwind/newtab/scripts.tsx +12 -0
  260. package/dist/new-tailwind/newtab/styles.css +3 -0
  261. package/dist/new-tailwind/package.json +28 -0
  262. package/dist/new-tailwind/postcss.config.js +6 -0
  263. package/dist/new-tailwind/tailwind.config.js +8 -0
  264. package/dist/new-tailwind/tsconfig.json +21 -0
  265. package/dist/new-typescript/README.md +37 -0
  266. package/dist/new-typescript/extension-env.d.ts +9 -0
  267. package/dist/new-typescript/images/extension_128.png +0 -0
  268. package/dist/new-typescript/images/extension_16.png +0 -0
  269. package/dist/new-typescript/images/extension_48.png +0 -0
  270. package/dist/new-typescript/images/typescript.png +0 -0
  271. package/dist/new-typescript/manifest.json +15 -0
  272. package/dist/new-typescript/newtab/index.html +25 -0
  273. package/dist/new-typescript/newtab/scripts.ts +10 -0
  274. package/dist/new-typescript/newtab/styles.css +18 -0
  275. package/dist/new-typescript/package.json +22 -0
  276. package/dist/new-typescript/tsconfig.json +21 -0
  277. package/dist/new-vue/README.md +37 -0
  278. package/dist/new-vue/extension-env.d.ts +9 -0
  279. package/dist/new-vue/images/extension_128.png +0 -0
  280. package/dist/new-vue/images/extension_16.png +0 -0
  281. package/dist/new-vue/images/extension_48.png +0 -0
  282. package/dist/new-vue/images/vue.svg +8 -0
  283. package/dist/new-vue/manifest.json +15 -0
  284. package/dist/new-vue/newtab/NewTabApp.vue +30 -0
  285. package/dist/new-vue/newtab/index.html +13 -0
  286. package/dist/new-vue/newtab/scripts.ts +7 -0
  287. package/dist/new-vue/newtab/styles.css +36 -0
  288. package/dist/new-vue/package.json +25 -0
  289. package/dist/new-vue/tsconfig.json +21 -0
  290. package/dist/sidebar/README.md +37 -0
  291. package/dist/sidebar/images/extension_128.png +0 -0
  292. package/dist/sidebar/images/extension_16.png +0 -0
  293. package/dist/sidebar/images/extension_48.png +0 -0
  294. package/dist/sidebar/manifest.json +25 -0
  295. package/dist/sidebar/package.json +21 -0
  296. package/dist/sidebar/puzzle.png +0 -0
  297. package/dist/sidebar/sidebar/index.html +39 -0
  298. package/dist/sidebar/sidebar/scripts.js +11 -0
  299. package/dist/sidebar/sidebar/styles.css +27 -0
  300. package/dist/sidebar/test_16.png +0 -0
  301. package/dist/sidebar/test_32.png +0 -0
  302. package/dist/sidebar/test_48.png +0 -0
  303. package/dist/sidebar/test_64.png +0 -0
  304. package/dist/special-folders-pages/README.md +37 -0
  305. package/dist/special-folders-pages/background.js +5 -0
  306. package/dist/special-folders-pages/images/extension_128.png +0 -0
  307. package/dist/special-folders-pages/images/extension_16.png +0 -0
  308. package/dist/special-folders-pages/images/extension_48.png +0 -0
  309. package/dist/special-folders-pages/images/notpublic-file.png +0 -0
  310. package/dist/special-folders-pages/manifest.json +26 -0
  311. package/dist/special-folders-pages/package.json +21 -0
  312. package/dist/special-folders-pages/pages/custom.html +8 -0
  313. package/dist/special-folders-pages/pages/main.css +18 -0
  314. package/dist/special-folders-pages/pages/main.html +16 -0
  315. package/dist/special-folders-pages/pages/main.js +1 -0
  316. package/dist/special-folders-pages/public/css/file.css +3 -0
  317. package/dist/special-folders-pages/public/html/file.html +8 -0
  318. package/dist/special-folders-pages/public/img/icon.png +0 -0
  319. package/dist/special-folders-pages/public/js/file.js +0 -0
  320. package/dist/special-folders-pages/sandbox/index.html +24 -0
  321. package/dist/special-folders-pages/sandbox/scripts.js +0 -0
  322. package/dist/special-folders-pages/sandbox/styles.css +1 -0
  323. package/dist/special-folders-scripts/README.md +37 -0
  324. package/dist/special-folders-scripts/background.js +24 -0
  325. package/dist/special-folders-scripts/images/extension_128.png +0 -0
  326. package/dist/special-folders-scripts/images/extension_16.png +0 -0
  327. package/dist/special-folders-scripts/images/extension_48.png +0 -0
  328. package/dist/special-folders-scripts/manifest.json +27 -0
  329. package/dist/special-folders-scripts/package.json +21 -0
  330. package/dist/special-folders-scripts/pages/index.css +5 -0
  331. package/dist/special-folders-scripts/pages/index.html +3 -0
  332. package/dist/special-folders-scripts/pages/index.js +1 -0
  333. package/dist/special-folders-scripts/public/extension.png +0 -0
  334. package/dist/special-folders-scripts/scripts/content-script.js +3 -0
  335. package/dist/storage/README.md +37 -0
  336. package/dist/storage/images/extension_128.png +0 -0
  337. package/dist/storage/images/extension_16.png +0 -0
  338. package/dist/storage/images/extension_48.png +0 -0
  339. package/dist/storage/manifest.json +15 -0
  340. package/dist/storage/package.json +21 -0
  341. package/dist/storage/schema.json +44 -0
  342. package/package.json +2 -2
package/dist/new-less/newtab/index.html ADDED
@@ -0,0 +1,40 @@
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>New 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.less" media="screen" />
18
+ </head>
19
+ <body>
20
+ <header>
21
+ <h1>
22
+ <img
23
+ class="new"
24
+ src="../images/extension_128.png"
25
+ alt="The Extension logo"
26
+ width="120px"
27
+ />
28
+ <br />
29
+ Welcome to your New 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>
package/dist/new-less/newtab/scripts.js ADDED
@@ -0,0 +1,11 @@
1
+ function getManifest() {
2
+ return chrome.runtime.getManifest()
3
+ }
4
+
5
+ const manifest = getManifest()
6
+
7
+ console.table({
8
+ name: manifest.name,
9
+ version: manifest.version,
10
+ description: manifest.description
11
+ })
package/dist/new-less/newtab/styles.less ADDED
@@ -0,0 +1,19 @@
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
+ .new {
13
+ filter: grayscale(1);
14
+ transition: filter 2s;
15
+ }
16
+
17
+ .new:hover {
18
+ filter: grayscale(0);
19
+ }
package/dist/new-less/package.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "name": "new-less",
3
+ "description": "An Extension.js example.",
4
+ "version": "0.0.1",
5
+ "author": {
6
+ "name": "Your Name",
7
+ "email": "your@email.com",
8
+ "url": "https://yourwebsite.com"
9
+ },
10
+ "devDependencies": {
11
+ "less": "^4.2.0",
12
+ "extension": "latest"
13
+ },
14
+ "scripts": {
15
+ "dev": "extension dev",
16
+ "start": "extension start",
17
+ "build": "extension build"
18
+ },
19
+ "dependencies": {},
20
+ "private": true
21
+ }
package/dist/new-preact/README.md ADDED
@@ -0,0 +1,37 @@
1
+ # new-preact
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.
package/dist/new-preact/extension-env.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ // Required Extension.js types for TypeScript projects.
2
+ // This file is auto-generated and should not be excluded.
3
+ // If you need extra types, consider creating a new *.d.ts and
4
+ // referencing it in the "include" array of your tsconfig.json file.
5
+ // See https://www.typescriptlang.org/tsconfig#include for info.
6
+ /// <reference types="../../programs/develop/types/index.d.ts" />
7
+
8
+ // Polyfill types for browser.* APIs.
9
+ /// <reference types="../../programs/develop/types/polyfill.d.ts" />
package/dist/new-preact/manifest.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "manifest_version": 3,
3
+ "version": "0.0.1",
4
+ "name": "new-preact",
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
+ }
package/dist/new-preact/newtab/NewTabApp.tsx ADDED
@@ -0,0 +1,27 @@
1
+ import 'sakura.css'
2
+ import './styles.css'
3
+ import preactLogo from '../images/preact.png'
4
+
5
+ export default function ContentApp() {
6
+ return (
7
+ <header>
8
+ <h1>
9
+ <img
10
+ className="preact"
11
+ src={preactLogo}
12
+ alt="The Preact logo"
13
+ width="120px"
14
+ />
15
+ <br />
16
+ Welcome to your Preact Extension.
17
+ </h1>
18
+ <p>
19
+ Learn more about creating cross-browser extensions at{' '}
20
+ <a href="https://extension.js.org" target="_blank">
21
+ https://extension.js.org
22
+ </a>
23
+ .
24
+ </p>
25
+ </header>
26
+ )
27
+ }
package/dist/new-preact/newtab/index.html ADDED
@@ -0,0 +1,13 @@
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>Preact Template</title>
7
+ </head>
8
+ <body>
9
+ <noscript>You need to enable JavaScript to run this extension.</noscript>
10
+ <div id="root"></div>
11
+ </body>
12
+ <script src="./scripts.tsx"></script>
13
+ </html>
package/dist/new-preact/newtab/scripts.tsx ADDED
@@ -0,0 +1,5 @@
1
+ import {render} from 'preact'
2
+ import NewTabApp from './NewTabApp'
3
+ import './styles.css'
4
+
5
+ render(<NewTabApp />, document.getElementById('root')!)
package/dist/new-preact/newtab/styles.css ADDED
@@ -0,0 +1,32 @@
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
+ .preact {
13
+ animation: shake 0.5s linear infinite;
14
+ }
15
+
16
+ @keyframes shake {
17
+ 0% {
18
+ transform: translateX(0);
19
+ }
20
+ 25% {
21
+ transform: translateX(-2px);
22
+ }
23
+ 50% {
24
+ transform: translateX(2px);
25
+ }
26
+ 75% {
27
+ transform: translateX(-2px);
28
+ }
29
+ 100% {
30
+ transform: translateX(0);
31
+ }
32
+ }
package/dist/new-preact/package.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "name": "new-preact",
3
+ "description": "An Extension.js example.",
4
+ "version": "0.0.1",
5
+ "author": {
6
+ "name": "Your Name",
7
+ "email": "your@email.com",
8
+ "url": "https://yourwebsite.com"
9
+ },
10
+ "license": "MIT",
11
+ "dependencies": {
12
+ "@preact/signals": "^1.3.0",
13
+ "preact": "^10.22.0",
14
+ "sakura.css": "^1.5.0"
15
+ },
16
+ "devDependencies": {
17
+ "@babel/plugin-transform-react-jsx": "^7.25.2",
18
+ "typescript": "5.3.3",
19
+ "extension": "latest"
20
+ },
21
+ "scripts": {
22
+ "dev": "extension dev",
23
+ "start": "extension start",
24
+ "build": "extension build"
25
+ },
26
+ "private": true
27
+ }
package/dist/new-preact/tsconfig.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "compilerOptions": {
3
+ "allowJs": true,
4
+ "allowSyntheticDefaultImports": true,
5
+ "esModuleInterop": true,
6
+ "forceConsistentCasingInFileNames": true,
7
+ "isolatedModules": true,
8
+ "jsx": "react-jsx",
9
+ "lib": ["dom", "dom.iterable", "esnext"],
10
+ "moduleResolution": "node",
11
+ "module": "esnext",
12
+ "resolveJsonModule": true,
13
+ "strict": true,
14
+ "target": "esnext",
15
+ "verbatimModuleSyntax": true,
16
+ "useDefineForClassFields": true,
17
+ "skipLibCheck": true
18
+ },
19
+ "include": ["./"],
20
+ "exclude": ["node_modules", "dist"]
21
+ }
package/dist/new-react/README.md ADDED
@@ -0,0 +1,37 @@
1
+ # new-react
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.
package/dist/new-react/extension-env.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ // Required Extension.js types for TypeScript projects.
2
+ // This file is auto-generated and should not be excluded.
3
+ // If you need extra types, consider creating a new *.d.ts and
4
+ // referencing it in the "include" array of your tsconfig.json file.
5
+ // See https://www.typescriptlang.org/tsconfig#include for info.
6
+ /// <reference types="../../programs/develop/dist/types/index.d.ts" />
7
+
8
+ // Polyfill types for browser.* APIs.
9
+ /// <reference types="../../programs/develop/dist/types/polyfill.d.ts" />
package/dist/new-react/images/react.png ADDED
Binary file
package/dist/new-react/manifest.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "manifest_version": 3,
3
+ "version": "0.0.1",
4
+ "name": "new-react",
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
+ }
package/dist/new-react/newtab/NewTabApp.tsx ADDED
@@ -0,0 +1,27 @@
1
+ import 'sakura.css'
2
+ import './styles.css'
3
+ import reactLogo from '../images/react.png'
4
+
5
+ export default function NewTabApp() {
6
+ return (
7
+ <header>
8
+ <h1>
9
+ <img
10
+ className="react"
11
+ src={reactLogo}
12
+ alt="The React logo"
13
+ width="120px"
14
+ />
15
+ <br />
16
+ Welcome to your React Extension.
17
+ </h1>
18
+ <p>
19
+ Learn more about creating cross-browser extensions at{' '}
20
+ <a href="https://extension.js.org" target="_blank">
21
+ https://extension.js.org
22
+ </a>
23
+ .
24
+ </p>
25
+ </header>
26
+ )
27
+ }
package/dist/new-react/newtab/index.html ADDED
@@ -0,0 +1,13 @@
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>React Template</title>
7
+ </head>
8
+ <body>
9
+ <noscript>You need to enable JavaScript to run this extension.</noscript>
10
+ <div id="root"></div>
11
+ </body>
12
+ <script src="./scripts.tsx"></script>
13
+ </html>
package/dist/new-react/newtab/scripts.tsx ADDED
@@ -0,0 +1,12 @@
1
+ import React from 'react'
2
+ import ReactDOM from 'react-dom/client'
3
+ import NewtabApp from './NewTabApp'
4
+ import './styles.css'
5
+
6
+ const root = ReactDOM.createRoot(document.getElementById('root')!)
7
+
8
+ root.render(
9
+ <React.StrictMode>
10
+ <NewtabApp />
11
+ </React.StrictMode>
12
+ )
package/dist/new-react/newtab/styles.css ADDED
@@ -0,0 +1,23 @@
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
+ .react {
13
+ animation: spin 20s linear infinite;
14
+ }
15
+
16
+ @keyframes spin {
17
+ from {
18
+ transform: rotate(0deg);
19
+ }
20
+ to {
21
+ transform: rotate(360deg);
22
+ }
23
+ }
package/dist/new-react/package.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "new-react",
3
+ "description": "An Extension.js example.",
4
+ "version": "0.0.1",
5
+ "author": {
6
+ "name": "Your Name",
7
+ "email": "your@email.com",
8
+ "url": "https://yourwebsite.com"
9
+ },
10
+ "license": "MIT",
11
+ "dependencies": {
12
+ "react": "^18.1.0",
13
+ "react-dom": "^18.1.0",
14
+ "sakura.css": "^1.5.0"
15
+ },
16
+ "devDependencies": {
17
+ "@types/react": "^18.2.64",
18
+ "@types/react-dom": "^18.2.21",
19
+ "typescript": "5.3.3",
20
+ "extension": "latest"
21
+ },
22
+ "scripts": {
23
+ "dev": "extension dev",
24
+ "start": "extension start",
25
+ "build": "extension build"
26
+ },
27
+ "private": true
28
+ }
package/dist/new-react/tsconfig.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "compilerOptions": {
3
+ "allowJs": true,
4
+ "allowSyntheticDefaultImports": true,
5
+ "esModuleInterop": true,
6
+ "forceConsistentCasingInFileNames": true,
7
+ "isolatedModules": true,
8
+ "jsx": "react-jsx",
9
+ "lib": ["dom", "dom.iterable", "esnext"],
10
+ "moduleResolution": "node",
11
+ "module": "esnext",
12
+ "resolveJsonModule": true,
13
+ "strict": true,
14
+ "target": "esnext",
15
+ "verbatimModuleSyntax": true,
16
+ "useDefineForClassFields": true,
17
+ "skipLibCheck": true
18
+ },
19
+ "include": ["./"],
20
+ "exclude": ["node_modules", "dist"]
21
+ }
package/dist/new-sass/README.md ADDED
@@ -0,0 +1,37 @@
1
+ # new-sass
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.
package/dist/new-sass/manifest.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "manifest_version": 3,
3
+ "version": "0.0.1",
4
+ "name": "new-sass",
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
+ }
package/dist/new-sass/newtab/index.html ADDED
@@ -0,0 +1,40 @@
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>New 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.scss" media="screen" />
18
+ </head>
19
+ <body>
20
+ <header>
21
+ <h1>
22
+ <img
23
+ class="new"
24
+ src="../images/extension_128.png"
25
+ alt="The Extension logo"
26
+ width="120px"
27
+ />
28
+ <br />
29
+ Welcome to your New 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>
package/dist/new-sass/newtab/scripts.js ADDED
@@ -0,0 +1,11 @@
1
+ function getManifest() {
2
+ return chrome.runtime.getManifest()
3
+ }
4
+
5
+ const manifest = getManifest()
6
+
7
+ console.table({
8
+ name: manifest.name,
9
+ version: manifest.version,
10
+ description: manifest.description
11
+ })
package/dist/new-sass/newtab/styles.scss ADDED
@@ -0,0 +1,19 @@
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
+ .new {
13
+ filter: grayscale(1);
14
+ transition: filter 2s;
15
+ }
16
+
17
+ .new:hover {
18
+ filter: grayscale(0);
19
+ }
package/dist/new-sass/package.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "name": "new-sass",
3
+ "description": "An Extension.js example.",
4
+ "version": "0.0.1",
5
+ "author": {
6
+ "name": "Your Name",
7
+ "email": "your@email.com",
8
+ "url": "https://yourwebsite.com"
9
+ },
10
+ "dependencies": {
11
+ "sass": "^1.77.8"
12
+ },
13
+ "scripts": {
14
+ "dev": "extension dev",
15
+ "start": "extension start",
16
+ "build": "extension build"
17
+ },
18
+ "devDependencies": {
19
+ "extension": "latest"
20
+ },
21
+ "private": true
22
+ }