Streamline templates with other examples

cezaraugusto · cezaraugusto · commit 62813a248d1f · 2025-11-19T02:51:01.000-03:00
diff --git a/extensions/extension-js-devtools/pages/welcome/scripts.tsx b/extensions/extension-js-devtools/pages/welcome/scripts.tsx
@@ -115,7 +115,6 @@ const Welcome: React.FC = () => {
       <h1 className="mx-auto text-center text-4xl lg:text-5xl xl:text-6xl font-semibold tracking-tight">
         <span>{extension?.name || 'My Extension'}</span>
         <br />
-        <span>is </span>
         <a href="#">
           <span
             id="extensionName"
diff --git a/programs/cli/README.md b/programs/cli/README.md
@@ -1,7 +1,5 @@
 [npm-version-image]: https://img.shields.io/npm/v/extension.svg?color=0971fe
 [npm-version-url]: https://www.npmjs.com/package/extension
-[downloads-image]: https://img.shields.io/npm/dm/extension.svg?color=2ecc40
-[downloads-url]: https://npmjs.org/package/extension
 [action-image]: https://github.com/extension-js/extension.js/actions/workflows/ci.yml/badge.svg?branch=main&color=2ecc40
 [action-url]: https://github.com/extension-js/extension.js/actions
 [discord-image]: https://img.shields.io/discord/1253608412890271755?label=Discord&logo=discord&style=flat&color=2ecc40
@@ -11,9 +9,9 @@
 
 > The cross-browser extension framework
 
-# Extension.js [![Version][npm-version-image]][npm-version-url] [![Downloads][downloads-image]][downloads-url] [![workflow][action-image]][action-url] [![discord][discord-image]][discord-url]
+# Extension.js [![Version][npm-version-image]][npm-version-url] [![workflow][action-image]][action-url] [![discord][discord-image]][discord-url]
 
-<img alt="Logo" align="right" src="https://avatars.githubusercontent.com/u/172809806" width="20%" />
+<img alt="Logo" align="right" src="https://avatars.githubusercontent.com/u/172809806" width="15.5%" />
 
 - [Create A New Extension](#create-a-new-extension) — How to create a new extension.
 - [Get Started Immediately](#get-started-immediately) — Get work done in no time.
diff --git a/templates/javascript/README.md b/templates/javascript/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/javascript/package.json b/templates/javascript/package.json
@@ -3,11 +3,11 @@
   "name": "@extension-js/javascript",
   "description": "JavaScript-based extension template",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
-  },
-  "license": "MIT",
-  "type": "module"
+  }
 }
diff --git a/templates/javascript/src/manifest.json b/templates/javascript/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "JavaScript Template",
   "description": "JavaScript-based extension template",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/javascript.png"
+    "16": "images/javascript.png",
+    "48": "images/javascript.png",
+    "128": "images/javascript.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/javascript.png"
-    },
+    "default_icon": { "48": "images/javascript.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/javascript.png"
-    },
+    "default_icon": { "48": "images/javascript.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
diff --git a/templates/preact/README.md b/templates/preact/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/preact/package.json b/templates/preact/package.json
@@ -3,13 +3,13 @@
   "name": "@extension-js/preact",
   "description": "Preact-based extension with sidebar panel",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
-  "license": "MIT",
-  "type": "module",
   "dependencies": {
     "preact": "^10.19.6"
   },
diff --git a/templates/preact/src/manifest.json b/templates/preact/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "Preact Template",
   "description": "Preact-based extension with sidebar panel",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/preact.png"
+    "16": "images/preact.png",
+    "48": "images/preact.png",
+    "128": "images/preact.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/preact.png"
-    },
+    "default_icon": { "48": "images/preact.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/preact.png"
-    },
+    "default_icon": { "48": "images/preact.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
diff --git a/templates/react/README.md b/templates/react/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/react/package.json b/templates/react/package.json
@@ -3,13 +3,13 @@
   "name": "@extension-js/react",
   "description": "React-based extension with sidebar panel",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
-  "license": "MIT",
-  "type": "module",
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
diff --git a/templates/react/src/manifest.json b/templates/react/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "React Template",
   "description": "React-based extension",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/react.png"
+    "16": "images/react.png",
+    "48": "images/react.png",
+    "128": "images/react.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/react.png"
-    },
+    "default_icon": { "48": "images/react.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/react.png"
-    },
+    "default_icon": { "48": "images/react.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
diff --git a/templates/svelte/README.md b/templates/svelte/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/svelte/package.json b/templates/svelte/package.json
@@ -3,13 +3,13 @@
   "name": "@extension-js/svelte",
   "description": "Svelte-based extension with sidebar panel",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
-  "license": "MIT",
-  "type": "module",
   "dependencies": {
     "svelte": "^5.15.0"
   },
diff --git a/templates/svelte/src/manifest.json b/templates/svelte/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "Svelte Template",
   "description": "Svelte-based extension with sidebar panel",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/svelte.png"
+    "16": "images/svelte.png",
+    "48": "images/svelte.png",
+    "128": "images/svelte.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/svelte.png"
-    },
+    "default_icon": { "48": "images/svelte.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/svelte.png"
-    },
+    "default_icon": { "48": "images/svelte.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
diff --git a/templates/typescript/README.md b/templates/typescript/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/typescript/package.json b/templates/typescript/package.json
@@ -3,13 +3,13 @@
   "name": "@extension-js/typescript",
   "description": "TypeScript-based extension template",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
-  "license": "MIT",
-  "type": "module",
   "devDependencies": {
     "typescript": "5.3.3"
   }
diff --git a/templates/typescript/src/manifest.json b/templates/typescript/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "TypeScript Template",
   "description": "TypeScript-based extension template",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/typescript.png"
+    "16": "images/typescript.png",
+    "48": "images/typescript.png",
+    "128": "images/typescript.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/typescript.png"
-    },
+    "default_icon": { "48": "images/typescript.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/typescript.png"
-    },
+    "default_icon": { "48": "images/typescript.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
diff --git a/templates/vue/README.md b/templates/vue/README.md
@@ -35,7 +35,7 @@ Build the extension for production.
 npm run build
 ```
 
-### Preview
+### preview
 
 Preview the extension in the browser.
 
diff --git a/templates/vue/package.json b/templates/vue/package.json
@@ -3,13 +3,13 @@
   "name": "@extension-js/vue",
   "description": "Vue.js-based extension with sidebar panel",
   "version": "3.0.0",
+  "license": "MIT",
+  "type": "module",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
-  "license": "MIT",
-  "type": "module",
   "dependencies": {
     "vue": "^3.4.27"
   },
diff --git a/templates/vue/src/manifest.json b/templates/vue/src/manifest.json
@@ -4,22 +4,17 @@
   "version": "1.0.0",
   "name": "Vue Template",
   "description": "Vue.js-based extension with sidebar panel",
-  "chromium:manifest_version": 3,
-  "firefox:manifest_version": 2,
-  "author": "Your Name",
   "icons": {
-    "48": "images/vue.png"
+    "16": "images/vue.png",
+    "48": "images/vue.png",
+    "128": "images/vue.png"
   },
   "chromium:action": {
-    "default_icon": {
-      "48": "images/vue.png"
-    },
+    "default_icon": { "48": "images/vue.png" },
     "default_title": "Open Side Panel"
   },
   "firefox:browser_action": {
-    "default_icon": {
-      "48": "images/vue.png"
-    },
+    "default_icon": { "48": "images/vue.png" },
     "default_title": "Open Side Panel"
   },
   "chromium:side_panel": {
