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.
Files changed (342) hide show
  1. package/dist/module.js +13 -12
  2. package/package.json +2 -2
  3. package/dist/action/README.md +0 -37
  4. package/dist/action/action/index.html +0 -40
  5. package/dist/action/action/scripts.js +0 -11
  6. package/dist/action/action/styles.css +0 -23
  7. package/dist/action/images/extension_128.png +0 -0
  8. package/dist/action/images/extension_16.png +0 -0
  9. package/dist/action/images/extension_48.png +0 -0
  10. package/dist/action/manifest.json +0 -21
  11. package/dist/action/package.json +0 -21
  12. package/dist/action-chatgpt/.env.example +0 -1
  13. package/dist/action-chatgpt/README.md +0 -37
  14. package/dist/action-chatgpt/action/ActionApp.tsx +0 -118
  15. package/dist/action-chatgpt/action/index.html +0 -13
  16. package/dist/action-chatgpt/action/scripts.tsx +0 -12
  17. package/dist/action-chatgpt/action/styles.css +0 -8
  18. package/dist/action-chatgpt/extension-env.d.ts +0 -9
  19. package/dist/action-chatgpt/images/chatgpt.png +0 -0
  20. package/dist/action-chatgpt/images/extension.png +0 -0
  21. package/dist/action-chatgpt/images/extension_128.png +0 -0
  22. package/dist/action-chatgpt/images/extension_16.png +0 -0
  23. package/dist/action-chatgpt/images/extension_48.png +0 -0
  24. package/dist/action-chatgpt/manifest.json +0 -21
  25. package/dist/action-chatgpt/package.json +0 -30
  26. package/dist/action-chatgpt/postcss.config.js +0 -6
  27. package/dist/action-chatgpt/tailwind.config.js +0 -8
  28. package/dist/action-chatgpt/tsconfig.json +0 -21
  29. package/dist/config-stylelint/README.md +0 -37
  30. package/dist/config-stylelint/images/extension_128.png +0 -0
  31. package/dist/config-stylelint/images/extension_16.png +0 -0
  32. package/dist/config-stylelint/images/extension_48.png +0 -0
  33. package/dist/config-stylelint/images/stylelint.svg +0 -1
  34. package/dist/config-stylelint/manifest.json +0 -15
  35. package/dist/config-stylelint/newtab/index.html +0 -40
  36. package/dist/config-stylelint/newtab/scripts.js +0 -11
  37. package/dist/config-stylelint/newtab/styles.css +0 -20
  38. package/dist/config-stylelint/package.json +0 -23
  39. package/dist/config-stylelint/stylelint.config.json +0 -1
  40. package/dist/content/README.md +0 -37
  41. package/dist/content/background.js +0 -21
  42. package/dist/content/content/scripts.js +0 -32
  43. package/dist/content/content/styles.css +0 -54
  44. package/dist/content/images/extension_128.png +0 -0
  45. package/dist/content/images/extension_16.png +0 -0
  46. package/dist/content/images/extension_48.png +0 -0
  47. package/dist/content/manifest.json +0 -35
  48. package/dist/content/package.json +0 -20
  49. package/dist/content-css-module/README.md +0 -37
  50. package/dist/content-css-module/background.js +0 -21
  51. package/dist/content-css-module/content/Logo.module.css +0 -11
  52. package/dist/content-css-module/content/scripts.js +0 -33
  53. package/dist/content-css-module/content/styles.css +0 -40
  54. package/dist/content-css-module/images/extension_128.png +0 -0
  55. package/dist/content-css-module/images/extension_16.png +0 -0
  56. package/dist/content-css-module/images/extension_48.png +0 -0
  57. package/dist/content-css-module/manifest.json +0 -35
  58. package/dist/content-css-module/package.json +0 -20
  59. package/dist/content-less/README.md +0 -37
  60. package/dist/content-less/background.js +0 -21
  61. package/dist/content-less/content/scripts.js +0 -32
  62. package/dist/content-less/content/styles.less +0 -51
  63. package/dist/content-less/images/extension_128.png +0 -0
  64. package/dist/content-less/images/extension_16.png +0 -0
  65. package/dist/content-less/images/extension_48.png +0 -0
  66. package/dist/content-less/manifest.json +0 -35
  67. package/dist/content-less/package.json +0 -21
  68. package/dist/content-main-world/README.md +0 -37
  69. package/dist/content-main-world/background.js +0 -19
  70. package/dist/content-main-world/content/scripts.js +0 -32
  71. package/dist/content-main-world/content/styles.css +0 -51
  72. package/dist/content-main-world/images/extension_128.png +0 -0
  73. package/dist/content-main-world/images/extension_16.png +0 -0
  74. package/dist/content-main-world/images/extension_48.png +0 -0
  75. package/dist/content-main-world/manifest.json +0 -37
  76. package/dist/content-main-world/package.json +0 -20
  77. package/dist/content-preact/README.md +0 -37
  78. package/dist/content-preact/background.ts +0 -1
  79. package/dist/content-preact/content/ContentApp.tsx +0 -92
  80. package/dist/content-preact/content/scripts.tsx +0 -14
  81. package/dist/content-preact/content/styles.css +0 -10
  82. package/dist/content-preact/extension-env.d.ts +0 -9
  83. package/dist/content-preact/images/chromeWindow.png +0 -0
  84. package/dist/content-preact/images/extension_128.png +0 -0
  85. package/dist/content-preact/images/extension_16.png +0 -0
  86. package/dist/content-preact/images/extension_48.png +0 -0
  87. package/dist/content-preact/images/preact.png +0 -0
  88. package/dist/content-preact/images/tailwind.png +0 -0
  89. package/dist/content-preact/images/tailwind_bg.png +0 -0
  90. package/dist/content-preact/images/typescript.png +0 -0
  91. package/dist/content-preact/manifest.json +0 -31
  92. package/dist/content-preact/package.json +0 -27
  93. package/dist/content-preact/postcss.config.js +0 -6
  94. package/dist/content-preact/tailwind.config.js +0 -8
  95. package/dist/content-preact/tsconfig.json +0 -26
  96. package/dist/content-react/README.md +0 -37
  97. package/dist/content-react/background.ts +0 -1
  98. package/dist/content-react/content/ContentApp.tsx +0 -86
  99. package/dist/content-react/content/scripts.tsx +0 -17
  100. package/dist/content-react/content/styles.css +0 -10
  101. package/dist/content-react/extension-env.d.ts +0 -9
  102. package/dist/content-react/images/chromeWindow.png +0 -0
  103. package/dist/content-react/images/extension_128.png +0 -0
  104. package/dist/content-react/images/extension_16.png +0 -0
  105. package/dist/content-react/images/extension_48.png +0 -0
  106. package/dist/content-react/images/react.png +0 -0
  107. package/dist/content-react/images/tailwind.png +0 -0
  108. package/dist/content-react/images/tailwind_bg.png +0 -0
  109. package/dist/content-react/images/typescript.png +0 -0
  110. package/dist/content-react/manifest.json +0 -28
  111. package/dist/content-react/package.json +0 -28
  112. package/dist/content-react/postcss.config.js +0 -6
  113. package/dist/content-react/tailwind.config.js +0 -8
  114. package/dist/content-react/tsconfig.json +0 -21
  115. package/dist/content-sass/README.md +0 -37
  116. package/dist/content-sass/background.js +0 -21
  117. package/dist/content-sass/content/scripts.js +0 -32
  118. package/dist/content-sass/content/styles.scss +0 -51
  119. package/dist/content-sass/images/extension_128.png +0 -0
  120. package/dist/content-sass/images/extension_16.png +0 -0
  121. package/dist/content-sass/images/extension_48.png +0 -0
  122. package/dist/content-sass/manifest.json +0 -35
  123. package/dist/content-sass/package.json +0 -21
  124. package/dist/content-sass-module/README.md +0 -37
  125. package/dist/content-sass-module/background.js +0 -21
  126. package/dist/content-sass-module/content/Logo.module.scss +0 -18
  127. package/dist/content-sass-module/content/scripts.js +0 -33
  128. package/dist/content-sass-module/content/styles.scss +0 -40
  129. package/dist/content-sass-module/images/extension_128.png +0 -0
  130. package/dist/content-sass-module/images/extension_16.png +0 -0
  131. package/dist/content-sass-module/images/extension_48.png +0 -0
  132. package/dist/content-sass-module/manifest.json +0 -35
  133. package/dist/content-sass-module/package.json +0 -21
  134. package/dist/content-tailwind/README.md +0 -37
  135. package/dist/content-tailwind/background.js +0 -21
  136. package/dist/content-tailwind/content/content.js +0 -45
  137. package/dist/content-tailwind/content/scripts.js +0 -6
  138. package/dist/content-tailwind/content/styles.css +0 -10
  139. package/dist/content-tailwind/images/chromeWindow.png +0 -0
  140. package/dist/content-tailwind/images/extension_128.png +0 -0
  141. package/dist/content-tailwind/images/extension_16.png +0 -0
  142. package/dist/content-tailwind/images/extension_48.png +0 -0
  143. package/dist/content-tailwind/images/react.png +0 -0
  144. package/dist/content-tailwind/images/tailwind.png +0 -0
  145. package/dist/content-tailwind/images/tailwind_bg.png +0 -0
  146. package/dist/content-tailwind/manifest.json +0 -35
  147. package/dist/content-tailwind/package.json +0 -23
  148. package/dist/content-tailwind/postcss.config.js +0 -6
  149. package/dist/content-tailwind/tailwind.config.js +0 -8
  150. package/dist/content-typescript/README.md +0 -37
  151. package/dist/content-typescript/background.ts +0 -26
  152. package/dist/content-typescript/content/scripts.ts +0 -33
  153. package/dist/content-typescript/content/styles.css +0 -51
  154. package/dist/content-typescript/extension-env.d.ts +0 -9
  155. package/dist/content-typescript/images/extension_128.png +0 -0
  156. package/dist/content-typescript/images/extension_16.png +0 -0
  157. package/dist/content-typescript/images/extension_48.png +0 -0
  158. package/dist/content-typescript/images/typescript.png +0 -0
  159. package/dist/content-typescript/manifest.json +0 -35
  160. package/dist/content-typescript/package.json +0 -21
  161. package/dist/content-typescript/tsconfig.json +0 -21
  162. package/dist/content-vue/README.md +0 -37
  163. package/dist/content-vue/background.ts +0 -1
  164. package/dist/content-vue/content/ContentApp.vue +0 -90
  165. package/dist/content-vue/content/scripts.ts +0 -13
  166. package/dist/content-vue/content/shims-vue.d.ts +0 -6
  167. package/dist/content-vue/content/styles.css +0 -10
  168. package/dist/content-vue/extension-env.d.ts +0 -9
  169. package/dist/content-vue/images/chromeWindow.png +0 -0
  170. package/dist/content-vue/images/extension_128.png +0 -0
  171. package/dist/content-vue/images/extension_16.png +0 -0
  172. package/dist/content-vue/images/extension_48.png +0 -0
  173. package/dist/content-vue/images/tailwind.png +0 -0
  174. package/dist/content-vue/images/tailwind_bg.png +0 -0
  175. package/dist/content-vue/images/typescript.png +0 -0
  176. package/dist/content-vue/images/vue.svg +0 -8
  177. package/dist/content-vue/manifest.json +0 -31
  178. package/dist/content-vue/package.json +0 -25
  179. package/dist/content-vue/postcss.config.js +0 -6
  180. package/dist/content-vue/tailwind.config.js +0 -8
  181. package/dist/content-vue/tsconfig.json +0 -21
  182. package/dist/declarative_net_request/README.md +0 -37
  183. package/dist/declarative_net_request/images/extension_128.png +0 -0
  184. package/dist/declarative_net_request/images/extension_16.png +0 -0
  185. package/dist/declarative_net_request/images/extension_48.png +0 -0
  186. package/dist/declarative_net_request/manifest.json +0 -34
  187. package/dist/declarative_net_request/package.json +0 -21
  188. package/dist/declarative_net_request/public/public_ruleset.json +0 -72
  189. package/dist/declarative_net_request/rules_1.json +0 -72
  190. package/dist/init/README.md +0 -37
  191. package/dist/init/manifest.json +0 -7
  192. package/dist/init/package.json +0 -32
  193. package/dist/locales/README.md +0 -37
  194. package/dist/locales/_locales/en/messages.json +0 -10
  195. package/dist/locales/_locales/pt_BR/messages.json +0 -10
  196. package/dist/locales/action/index.html +0 -40
  197. package/dist/locales/action/scripts.js +0 -3
  198. package/dist/locales/action/styles.css +0 -23
  199. package/dist/locales/images/extension_128.png +0 -0
  200. package/dist/locales/images/extension_16.png +0 -0
  201. package/dist/locales/images/extension_48.png +0 -0
  202. package/dist/locales/manifest.json +0 -19
  203. package/dist/locales/package.json +0 -21
  204. package/dist/new-less/README.md +0 -37
  205. package/dist/new-less/images/extension_128.png +0 -0
  206. package/dist/new-less/images/extension_16.png +0 -0
  207. package/dist/new-less/images/extension_48.png +0 -0
  208. package/dist/new-less/manifest.json +0 -15
  209. package/dist/new-less/newtab/index.html +0 -40
  210. package/dist/new-less/newtab/scripts.js +0 -11
  211. package/dist/new-less/newtab/styles.less +0 -19
  212. package/dist/new-less/package.json +0 -21
  213. package/dist/new-preact/README.md +0 -37
  214. package/dist/new-preact/extension-env.d.ts +0 -9
  215. package/dist/new-preact/images/extension_128.png +0 -0
  216. package/dist/new-preact/images/extension_16.png +0 -0
  217. package/dist/new-preact/images/extension_48.png +0 -0
  218. package/dist/new-preact/images/preact.png +0 -0
  219. package/dist/new-preact/manifest.json +0 -15
  220. package/dist/new-preact/newtab/NewTabApp.tsx +0 -27
  221. package/dist/new-preact/newtab/index.html +0 -13
  222. package/dist/new-preact/newtab/scripts.tsx +0 -5
  223. package/dist/new-preact/newtab/styles.css +0 -32
  224. package/dist/new-preact/package.json +0 -27
  225. package/dist/new-preact/tsconfig.json +0 -21
  226. package/dist/new-react/README.md +0 -37
  227. package/dist/new-react/extension-env.d.ts +0 -9
  228. package/dist/new-react/images/extension_128.png +0 -0
  229. package/dist/new-react/images/extension_16.png +0 -0
  230. package/dist/new-react/images/extension_48.png +0 -0
  231. package/dist/new-react/images/react.png +0 -0
  232. package/dist/new-react/manifest.json +0 -15
  233. package/dist/new-react/newtab/NewTabApp.tsx +0 -27
  234. package/dist/new-react/newtab/index.html +0 -13
  235. package/dist/new-react/newtab/scripts.tsx +0 -12
  236. package/dist/new-react/newtab/styles.css +0 -23
  237. package/dist/new-react/package.json +0 -28
  238. package/dist/new-react/tsconfig.json +0 -21
  239. package/dist/new-sass/README.md +0 -37
  240. package/dist/new-sass/images/extension_128.png +0 -0
  241. package/dist/new-sass/images/extension_16.png +0 -0
  242. package/dist/new-sass/images/extension_48.png +0 -0
  243. package/dist/new-sass/manifest.json +0 -15
  244. package/dist/new-sass/newtab/index.html +0 -40
  245. package/dist/new-sass/newtab/scripts.js +0 -11
  246. package/dist/new-sass/newtab/styles.scss +0 -19
  247. package/dist/new-sass/package.json +0 -22
  248. package/dist/new-tailwind/README.md +0 -37
  249. package/dist/new-tailwind/extension-env.d.ts +0 -9
  250. package/dist/new-tailwind/images/chromeWindow.png +0 -0
  251. package/dist/new-tailwind/images/extension_128.png +0 -0
  252. package/dist/new-tailwind/images/extension_16.png +0 -0
  253. package/dist/new-tailwind/images/extension_48.png +0 -0
  254. package/dist/new-tailwind/images/react.png +0 -0
  255. package/dist/new-tailwind/images/tailwind.png +0 -0
  256. package/dist/new-tailwind/images/tailwind_bg.png +0 -0
  257. package/dist/new-tailwind/manifest.json +0 -15
  258. package/dist/new-tailwind/newtab/NewTabApp.tsx +0 -67
  259. package/dist/new-tailwind/newtab/index.html +0 -13
  260. package/dist/new-tailwind/newtab/scripts.tsx +0 -12
  261. package/dist/new-tailwind/newtab/styles.css +0 -3
  262. package/dist/new-tailwind/package.json +0 -28
  263. package/dist/new-tailwind/postcss.config.js +0 -6
  264. package/dist/new-tailwind/tailwind.config.js +0 -8
  265. package/dist/new-tailwind/tsconfig.json +0 -21
  266. package/dist/new-typescript/README.md +0 -37
  267. package/dist/new-typescript/extension-env.d.ts +0 -9
  268. package/dist/new-typescript/images/extension_128.png +0 -0
  269. package/dist/new-typescript/images/extension_16.png +0 -0
  270. package/dist/new-typescript/images/extension_48.png +0 -0
  271. package/dist/new-typescript/images/typescript.png +0 -0
  272. package/dist/new-typescript/manifest.json +0 -15
  273. package/dist/new-typescript/newtab/index.html +0 -25
  274. package/dist/new-typescript/newtab/scripts.ts +0 -10
  275. package/dist/new-typescript/newtab/styles.css +0 -18
  276. package/dist/new-typescript/package.json +0 -22
  277. package/dist/new-typescript/tsconfig.json +0 -21
  278. package/dist/new-vue/README.md +0 -37
  279. package/dist/new-vue/extension-env.d.ts +0 -9
  280. package/dist/new-vue/images/extension_128.png +0 -0
  281. package/dist/new-vue/images/extension_16.png +0 -0
  282. package/dist/new-vue/images/extension_48.png +0 -0
  283. package/dist/new-vue/images/vue.svg +0 -8
  284. package/dist/new-vue/manifest.json +0 -15
  285. package/dist/new-vue/newtab/NewTabApp.vue +0 -30
  286. package/dist/new-vue/newtab/index.html +0 -13
  287. package/dist/new-vue/newtab/scripts.ts +0 -7
  288. package/dist/new-vue/newtab/styles.css +0 -36
  289. package/dist/new-vue/package.json +0 -25
  290. package/dist/new-vue/tsconfig.json +0 -21
  291. package/dist/sidebar/README.md +0 -37
  292. package/dist/sidebar/images/extension_128.png +0 -0
  293. package/dist/sidebar/images/extension_16.png +0 -0
  294. package/dist/sidebar/images/extension_48.png +0 -0
  295. package/dist/sidebar/manifest.json +0 -25
  296. package/dist/sidebar/package.json +0 -21
  297. package/dist/sidebar/puzzle.png +0 -0
  298. package/dist/sidebar/sidebar/index.html +0 -39
  299. package/dist/sidebar/sidebar/scripts.js +0 -11
  300. package/dist/sidebar/sidebar/styles.css +0 -27
  301. package/dist/sidebar/test_16.png +0 -0
  302. package/dist/sidebar/test_32.png +0 -0
  303. package/dist/sidebar/test_48.png +0 -0
  304. package/dist/sidebar/test_64.png +0 -0
  305. package/dist/special-folders-pages/README.md +0 -37
  306. package/dist/special-folders-pages/background.js +0 -5
  307. package/dist/special-folders-pages/images/extension_128.png +0 -0
  308. package/dist/special-folders-pages/images/extension_16.png +0 -0
  309. package/dist/special-folders-pages/images/extension_48.png +0 -0
  310. package/dist/special-folders-pages/images/notpublic-file.png +0 -0
  311. package/dist/special-folders-pages/manifest.json +0 -26
  312. package/dist/special-folders-pages/package.json +0 -21
  313. package/dist/special-folders-pages/pages/custom.html +0 -8
  314. package/dist/special-folders-pages/pages/main.css +0 -18
  315. package/dist/special-folders-pages/pages/main.html +0 -16
  316. package/dist/special-folders-pages/pages/main.js +0 -1
  317. package/dist/special-folders-pages/public/css/file.css +0 -3
  318. package/dist/special-folders-pages/public/html/file.html +0 -8
  319. package/dist/special-folders-pages/public/img/icon.png +0 -0
  320. package/dist/special-folders-pages/public/js/file.js +0 -0
  321. package/dist/special-folders-pages/sandbox/index.html +0 -24
  322. package/dist/special-folders-pages/sandbox/scripts.js +0 -0
  323. package/dist/special-folders-pages/sandbox/styles.css +0 -1
  324. package/dist/special-folders-scripts/README.md +0 -37
  325. package/dist/special-folders-scripts/background.js +0 -24
  326. package/dist/special-folders-scripts/images/extension_128.png +0 -0
  327. package/dist/special-folders-scripts/images/extension_16.png +0 -0
  328. package/dist/special-folders-scripts/images/extension_48.png +0 -0
  329. package/dist/special-folders-scripts/manifest.json +0 -27
  330. package/dist/special-folders-scripts/package.json +0 -21
  331. package/dist/special-folders-scripts/pages/index.css +0 -5
  332. package/dist/special-folders-scripts/pages/index.html +0 -3
  333. package/dist/special-folders-scripts/pages/index.js +0 -1
  334. package/dist/special-folders-scripts/public/extension.png +0 -0
  335. package/dist/special-folders-scripts/scripts/content-script.js +0 -3
  336. package/dist/storage/README.md +0 -37
  337. package/dist/storage/images/extension_128.png +0 -0
  338. package/dist/storage/images/extension_16.png +0 -0
  339. package/dist/storage/images/extension_48.png +0 -0
  340. package/dist/storage/manifest.json +0 -15
  341. package/dist/storage/package.json +0 -21
  342. 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>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>
@@ -1,11 +0,0 @@
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
- })
@@ -1,19 +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
- .new {
13
- filter: grayscale(1);
14
- transition: filter 2s;
15
- }
16
-
17
- .new:hover {
18
- filter: grayscale(0);
19
- }
@@ -1,22 +0,0 @@
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
- }
@@ -1,37 +0,0 @@
1
- # new-tailwind
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,9 +0,0 @@
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" />
Binary file
@@ -1,15 +0,0 @@
1
- {
2
- "manifest_version": 3,
3
- "version": "0.0.1",
4
- "name": "new-tailwind",
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,67 +0,0 @@
1
- import reactLogo from '../images/react.png'
2
- import tailwindLogo from '../images/tailwind.png'
3
- import chromeWindowBg from '../images/chromeWindow.png'
4
-
5
- export default function NewTabApp() {
6
- return (
7
- <div className="h-[100vh] items-center relative isolate overflow-hidden bg-gray-900 shadow-2xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
8
- <svg
9
- viewBox="0 0 1024 1024"
10
- className="absolute left-1/2 top-1/2 -z-10 h-[64rem] w-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
11
- aria-hidden="true"
12
- >
13
- <circle
14
- cx="512"
15
- cy="512"
16
- r="512"
17
- fill="url(#759c1415-0410-454c-8f7c-9a820de03641)"
18
- fillOpacity="0.7"
19
- />
20
- <defs>
21
- <radialGradient id="759c1415-0410-454c-8f7c-9a820de03641">
22
- <stop stopColor="#6de935" />
23
- <stop offset="1" stopColor="#75d682" />
24
- </radialGradient>
25
- </defs>
26
- </svg>
27
- <div className="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
28
- <div className="flex items-center justify-center lg:justify-start space-x-4 mx-auto mt-10 mb-4">
29
- <img
30
- alt="React logo"
31
- src={reactLogo}
32
- className="relative inline-block w-12"
33
- />
34
- <div className="text-3xl text-white">+</div>
35
- <img
36
- alt="Tailwind logo"
37
- src={tailwindLogo}
38
- className="relative inline-block w-12"
39
- />
40
- </div>
41
- <h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
42
- This is a new tab page running React and Tailwind.css.
43
- </h2>
44
- <p className="mt-6 text-lg leading-8 text-gray-300">
45
- Learn more about creating cross-browser extensions at{' '}
46
- <a
47
- className="underline hover:no-underline"
48
- href="https://extension.js.org"
49
- target="_blank"
50
- >
51
- https://extension.js.org
52
- </a>
53
- .
54
- </p>
55
- </div>
56
- <div className="relative mt-16 h-80 lg:mt-8">
57
- <img
58
- className="absolute left-0 top-0 w-[57rem] max-w-none rounded-md bg-white/5 ring-1 ring-white/10"
59
- src={chromeWindowBg}
60
- alt="Chrome screenshot"
61
- width="1824"
62
- height="1080"
63
- />
64
- </div>
65
- </div>
66
- )
67
- }
@@ -1,13 +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>Tailwind 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>
@@ -1,12 +0,0 @@
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
- )
@@ -1,3 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
@@ -1,28 +0,0 @@
1
- {
2
- "name": "new-tailwind",
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
- "tailwindcss": "^3.4.1"
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
- }
@@ -1,6 +0,0 @@
1
- module.exports = {
2
- plugins: {
3
- tailwindcss: {},
4
- autoprefixer: {}
5
- }
6
- }
@@ -1,8 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- module.exports = {
3
- content: ['**/*.html', '**/*.tsx'],
4
- theme: {
5
- extend: {}
6
- },
7
- plugins: []
8
- }
@@ -1,21 +0,0 @@
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
- }
@@ -1,37 +0,0 @@
1
- # new-typescript
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,9 +0,0 @@
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" />
@@ -1,15 +0,0 @@
1
- {
2
- "manifest_version": 3,
3
- "version": "0.0.1",
4
- "name": "new-typescript",
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,25 +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>TypeScript Extension</title>
7
- <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" media="screen" />
8
- <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css" media="screen and (prefers-color-scheme: dark)" />
9
- <link rel="stylesheet" href="./styles.css" media="screen" />
10
- </head>
11
- <body>
12
- <header>
13
- <h1>
14
- <img class="typescript" src="../images/typescript.png" alt="The TypeScript logo" width="120px" />
15
- <br />
16
- Welcome to your TypeScript Extension.
17
- </h1>
18
- <p>
19
- Learn more about creating cross-browser extensions at
20
- <a href="https://extension.js.org" target="_blank">https://extension.js.org</a>.
21
- </p>
22
- </header>
23
- </body>
24
- <script src="./scripts.ts"></script>
25
- </html>
@@ -1,10 +0,0 @@
1
- function getManifest() {
2
- return chrome.runtime.getManifest()
3
- }
4
- const manifest = getManifest()
5
-
6
- console.table({
7
- name: manifest.name,
8
- version: manifest.version,
9
- description: manifest.description
10
- })
@@ -1,18 +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: 3.7em;
10
- }
11
-
12
- .typescript {
13
- transition: all 400ms cubic-bezier(.47,1.64,.41,.8);
14
- }
15
-
16
- .typescript:hover {
17
- transform: scale(1.5);
18
- }
@@ -1,22 +0,0 @@
1
- {
2
- "name": "new-typescript",
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
- "devDependencies": {
12
- "typescript": "5.3.3",
13
- "extension": "latest"
14
- },
15
- "scripts": {
16
- "dev": "extension dev",
17
- "start": "extension start",
18
- "build": "extension build"
19
- },
20
- "dependencies": {},
21
- "private": true
22
- }
@@ -1,21 +0,0 @@
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
- }
@@ -1,37 +0,0 @@
1
- # new-vue
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,9 +0,0 @@
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" />
@@ -1,8 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
2
- <style>
3
- .st0 { fill: #42B883; }
4
- .st1 { fill: #35495E; }
5
- </style>
6
- <path class="st0" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" />
7
- <path class="st1" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" />
8
- </svg>
@@ -1,15 +0,0 @@
1
- {
2
- "manifest_version": 3,
3
- "version": "0.0.1",
4
- "name": "new-vue",
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,30 +0,0 @@
1
- <script lang="ts">
2
- export default {
3
- data() {
4
- return {
5
- message: 'Welcome to your Vue Extension.'
6
- }
7
- }
8
- }
9
- </script>
10
- <template>
11
- <header>
12
- <h1>
13
- <img
14
- class="vue"
15
- src="../images/vue.svg"
16
- alt="The Vue logo"
17
- width="120px"
18
- />
19
- <br />
20
- {{message}}
21
- </h1>
22
- <p>
23
- Learn more about creating cross-browser extensions at
24
- <a href="https://extension.js.org" target="_blank">
25
- https://extension.js.org
26
- </a>
27
- .
28
- </p>
29
- </header>
30
- </template>
@@ -1,13 +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>Vue Template</title>
7
- </head>
8
- <body>
9
- <noscript>You need to enable JavaScript to run this extension.</noscript>
10
- <div id="app"></div>
11
- </body>
12
- <script type="module" src="./scripts.ts"></script>
13
- </html>