create-addfox-app 0.1.1-beta.12 → 0.1.1-beta.14

package/dist/cli.js

@@ -496,16 +496,6 @@ function applyTestAndReportSetup(root, language, selection) {
     }
 }
 const RESET = "\x1b[0m";
-const ORANGE = [
-    255,
-    118,
-    38
-];
-const PINK = [
-    255,
-    92,
-    186
-];
 const LOGO_LINES = [
     " █████╗ ██████╗ ██████╗ ███████╗ ██████╗ ██╗  ██╗",
     "██╔══██╗██╔══██╗██╔══██╗██╔════╝██╔═══██╗╚██╗██╔╝",
@@ -514,13 +504,15 @@ const LOGO_LINES = [
     "██║  ██║██████╔╝██████╔╝██║     ╚██████╔╝██╔╝ ██╗",
     "╚═╝  ╚═╝╚═════╝ ╚═════╝ ╚═╝      ╚═════╝ ╚═╝  ╚═╝"
 ];
-function lerpChannel(a, b, t) {
-    return Math.round(a + (b - a) * t);
+const GRADIENT_START_256 = 208;
+const GRADIENT_END_256 = 213;
+function shouldEmitAnsiColor() {
+    return !process.env.NO_COLOR;
 }
-function rgbFg(r, g, b) {
-    return `\x1b[38;2;${r};${g};${b}m`;
+function ansi256Fg(code) {
+    return `\x1b[38;5;${code}m`;
 }
-function colorizeLine(line) {
+function colorizeLineAnsi256(line) {
     const len = line.length;
     if (0 === len) return "";
     let out = "";
@@ -531,16 +523,20 @@ function colorizeLine(line) {
             continue;
         }
         const t = len <= 1 ? 0 : i / (len - 1);
-        const r = lerpChannel(ORANGE[0], PINK[0], t);
-        const g = lerpChannel(ORANGE[1], PINK[1], t);
-        const b = lerpChannel(ORANGE[2], PINK[2], t);
-        out += rgbFg(r, g, b) + ch;
+        const code = Math.round(GRADIENT_START_256 + t * (GRADIENT_END_256 - GRADIENT_START_256));
+        out += ansi256Fg(code) + ch;
     }
     return out + RESET;
 }
+function printPlainLogo() {
+    console.log("");
+    for (const line of LOGO_LINES)console.log(line);
+    console.log("");
+}
 function printAddfoxLogo() {
+    if (!shouldEmitAnsiColor()) return void printPlainLogo();
     console.log("");
-    for (const line of LOGO_LINES)console.log(colorizeLine(line));
+    for (const line of LOGO_LINES)console.log(colorizeLineAnsi256(line));
     console.log("");
 }
 const SKIP_STYLE_ENTRIES = new Set([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-addfox-app",
-  "version": "0.1.1-beta.12",
+  "version": "0.1.1-beta.14",
   "description": "Interactive scaffolder for addfox extension projects",
   "license": "MIT",
   "type": "module",

package/templates/template-preact-js/app/popup/App.jsx

@@ -18,6 +18,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-preact-js/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "preact": "^10.29.0"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-preact": "^1.7.2"
   }
 }

package/templates/template-preact-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Preact</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-preact-ts/app/popup/App.tsx

@@ -18,6 +18,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox Preact</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-preact-ts/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "preact": "^10.29.0"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-preact": "^1.7.2",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38"

package/templates/template-preact-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Preact</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-react-js/app/popup/App.jsx

@@ -16,6 +16,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-react-js/package.json

@@ -8,13 +8,12 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-react": "^1.4.6"
   }
 }

package/templates/template-react-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + React</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-react-ts/app/popup/App.tsx

@@ -16,6 +16,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={{ fontSize: 18, fontWeight: 600 }}>AddFox React</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ fontSize: 13, color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-react-ts/package.json

@@ -8,13 +8,12 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-react": "^1.4.6",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38",

package/templates/template-react-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + React</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-solid-js/app/popup/App.jsx

@@ -21,6 +21,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={titleStyle}>AddFox Solid</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ "font-size": "13px", color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-solid-js/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "solid-js": "^1.9.11"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-babel": "^1.1.2",
     "@rsbuild/plugin-solid": "^1.1.1"
   }

package/templates/template-solid-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Solid</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-solid-ts/app/popup/App.tsx

@@ -21,6 +21,14 @@ export default function App() {
     <div style={popupStyle}>
       <img src="/icons/icon_128.png" alt="" width={64} height={64} />
       <div style={titleStyle}>AddFox Solid</div>
+      <a
+        href="https://addfox.dev/"
+        target="_blank"
+        rel="noopener noreferrer"
+        style={{ "font-size": "13px", color: "#2563eb" }}
+      >
+        addfox.dev
+      </a>
     </div>
   );
 }

package/templates/template-solid-ts/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "solid-js": "^1.9.11"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-babel": "^1.1.2",
     "@rsbuild/plugin-solid": "^1.1.1",
     "typescript": "^5.9.3",

package/templates/template-solid-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Solid</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-svelte-js/app/popup/App.svelte

@@ -1,6 +1,7 @@
 <div class="popup">
   <img src="/icons/icon_128.png" alt="" width="64" height="64" />
   <div class="title">AddFox Svelte</div>
+  <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
 </div>
 
 <style>
@@ -21,4 +22,9 @@
     font-size: 18px;
     font-weight: 600;
   }
+
+  .site-link {
+    font-size: 13px;
+    color: #2563eb;
+  }
 </style>

package/templates/template-svelte-js/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "svelte": "^5.54.1"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-svelte": "^1.1.1"
   }
 }

package/templates/template-svelte-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Svelte</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-svelte-ts/app/popup/App.svelte

@@ -1,6 +1,7 @@
 <div class="popup">
   <img src="/icons/icon_128.png" alt="" width="64" height="64" />
   <div class="title">AddFox Svelte</div>
+  <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
 </div>
 
 <style>
@@ -21,4 +22,9 @@
     font-size: 18px;
     font-weight: 600;
   }
+
+  .site-link {
+    font-size: 13px;
+    color: #2563eb;
+  }
 </style>

package/templates/template-svelte-ts/package.json

@@ -8,12 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "svelte": "^5.54.1"
   },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-svelte": "^1.1.1",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38"

package/templates/template-svelte-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Svelte</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vanilla-js/app/popup/index.js

@@ -28,9 +28,20 @@ function createTitle() {
   return title;
 }
 
+function createSiteLink() {
+  const a = document.createElement("a");
+  a.href = "https://addfox.dev/";
+  a.target = "_blank";
+  a.rel = "noopener noreferrer";
+  a.textContent = "addfox.dev";
+  a.style.fontSize = "13px";
+  a.style.color = "#2563eb";
+  return a;
+}
+
 function mountPopup(root) {
   applyPopupLayout(root);
-  root.append(createIcon(), createTitle());
+  root.append(createIcon(), createTitle(), createSiteLink());
 }
 
 const root = document.getElementById("root");

package/templates/template-vanilla-js/package.json

@@ -7,9 +7,7 @@
     "dev": "addfox dev",
     "build": "addfox build"
   },
-  "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3"
-  },
-  "devDependencies": {}
+  "devDependencies": {
+    "addfox": "^0.1.1-beta.7"
+  }
 }

package/templates/template-vanilla-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vanilla</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vanilla-ts/app/popup/index.ts

@@ -28,9 +28,20 @@ function createTitle(): HTMLDivElement {
   return title;
 }
 
+function createSiteLink(): HTMLAnchorElement {
+  const a = document.createElement("a");
+  a.href = "https://addfox.dev/";
+  a.target = "_blank";
+  a.rel = "noopener noreferrer";
+  a.textContent = "addfox.dev";
+  a.style.fontSize = "13px";
+  a.style.color = "#2563eb";
+  return a;
+}
+
 function mountPopup(root: HTMLElement): void {
   applyPopupLayout(root);
-  root.append(createIcon(), createTitle());
+  root.append(createIcon(), createTitle(), createSiteLink());
 }
 
 const root = document.getElementById("root");

package/templates/template-vanilla-ts/package.json

@@ -7,11 +7,8 @@
     "dev": "addfox dev",
     "build": "addfox build"
   },
-  "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3"
-  },
   "devDependencies": {
+    "addfox": "^0.1.1-beta.7",
     "typescript": "^5.9.3"
   }
 }

package/templates/template-vanilla-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vanilla</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vue-js/addfox.config.js

@@ -1,5 +1,5 @@
 import { defineConfig } from "addfox";
-import vue from "@addfox/rsbuild-plugin-vue";
+import { pluginVue } from "@rsbuild/plugin-vue";
 
 const manifest = {
   name: "My Extension",
@@ -23,5 +23,5 @@ const manifest = {
 
 export default defineConfig({
   manifest: { chromium: manifest, firefox: { ...manifest } },
-  plugins: [vue()],
+  plugins: [pluginVue()],
 });

package/templates/template-vue-js/app/popup/App.vue

@@ -2,6 +2,7 @@
   <div class="popup">
     <img src="/icons/icon_128.png" alt="" width="64" height="64" />
     <div class="title">AddFox Vue</div>
+    <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
   </div>
 </template>
 
@@ -25,4 +26,9 @@
   font-size: 18px;
   font-weight: 600;
 }
+
+.site-link {
+  font-size: 13px;
+  color: #2563eb;
+}
 </style>

package/templates/template-vue-js/package.json

@@ -8,13 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "vue": "^3.5.30"
   },
   "devDependencies": {
-    "@addfox/rsbuild-plugin-vue": "^0.1.1-beta.5",
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-vue": "^1.2.7"
   }
 }

package/templates/template-vue-js/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vue</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>

package/templates/template-vue-ts/addfox.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from "addfox";
-import vue from "@addfox/rsbuild-plugin-vue";
+import { pluginVue } from "@rsbuild/plugin-vue";
 
 const manifest = {
   name: "My Extension",
@@ -23,5 +23,5 @@ const manifest = {
 
 export default defineConfig({
   manifest: { chromium: manifest, firefox: { ...manifest } },
-  plugins: [vue()],
+  plugins: [pluginVue()],
 });

package/templates/template-vue-ts/app/popup/App.vue

@@ -2,6 +2,7 @@
   <div class="popup">
     <img src="/icons/icon_128.png" alt="" width="64" height="64" />
     <div class="title">AddFox Vue</div>
+    <a class="site-link" href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a>
   </div>
 </template>
 
@@ -23,4 +24,9 @@
   font-size: 18px;
   font-weight: 600;
 }
+
+.site-link {
+  font-size: 13px;
+  color: #2563eb;
+}
 </style>

package/templates/template-vue-ts/package.json

@@ -8,15 +8,12 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "addfox": "^0.1.1-beta.7",
-    "@rsbuild/core": "^1.7.3",
     "@addfox/utils": "^0.1.1-beta.5",
     "vue": "^3.5.30"
   },
   "devDependencies": {
-    "@addfox/rsbuild-plugin-vue": "^0.1.1-beta.5",
+    "addfox": "^0.1.1-beta.7",
     "@rsbuild/plugin-vue": "^1.2.7",
-    "@rsbuild/plugin-vue-jsx": "^1.1.2",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38"
   }

package/templates/template-vue-ts/public/welcome.html

@@ -15,5 +15,6 @@
   <img class="welcome-icon" src="/icons/icon_128.png" alt="" width="96" height="96" />
   <h1>Addfox + Vue</h1>
   <p>Your extension is ready. Happy building!</p>
+  <p style="margin-top: 1rem;"><a href="https://addfox.dev/" target="_blank" rel="noopener noreferrer">addfox.dev</a></p>
 </body>
 </html>