create-addfox-app 0.1.1 → 0.2.0

package/README.md

@@ -1,18 +1,18 @@
-<p align="center">
-  <img width="200" src="https://raw.githubusercontent.com/addfox/addfox/main/addfox.png" alt="Addfox">
-</p>
-
-# create-addfox-app
-
-[中文](README-zh_CN.md) | English
-
----
-
-Interactive scaffolder: generates a addfox-based extension project from options (template, package manager, entries, skills).
-
-- Commands: `create-addfox-app` or `pnpm create addfox-app` (and npm/yarn/bun equivalents)
-- Flow: (1) select framework (vanilla / vue / react / preact / svelte / solid), (2) language (TypeScript / JavaScript), (3) package manager (pnpm / npm / yarn / bun), (4) entries to include (multi-select), (5) whether to install addfox skills (yes/no). Output to cwd or a given directory. Generated project uses **addfox.config.ts** or **addfox.config.js** with minimal manifest (entry discovery; no built-in entry paths in manifest).
-
-## Templates
-
-Scaffold templates ship inside this package under **`templates/`** (e.g. `template-vanilla-ts`, `template-react-ts`). They are included in the published npm tarball; the CLI copies the chosen folder into your new project (no remote download). The template’s **`addfox.config`** (including `manifest`) is **preserved**; the CLI only **merges** Rsbuild Less/Sass plugins when those style engines are selected. If no config file exists, a full fallback config is generated.
+<p align="center">
+  <img width="200" src="https://raw.githubusercontent.com/addfox/addfox/main/addfox.png" alt="Addfox">
+</p>
+
+# create-addfox-app
+
+[中文](README-zh_CN.md) | English
+
+---
+
+Interactive scaffolder: generates a addfox-based extension project from options (template, package manager, entries, skills).
+
+- Commands: `create-addfox-app` or `pnpm create addfox-app` (and npm/yarn/bun equivalents)
+- Flow: (1) select framework (vanilla / vue / react / preact / svelte / solid), (2) language (TypeScript / JavaScript), (3) package manager (pnpm / npm / yarn / bun), (4) entries to include (multi-select), (5) whether to install addfox skills (yes/no). Output to cwd or a given directory. Generated project uses **addfox.config.ts** or **addfox.config.js** with minimal manifest (entry discovery; no built-in entry paths in manifest).
+
+## Templates
+
+Scaffold templates ship inside this package under **`templates/`** (e.g. `template-vanilla-ts`, `template-react-ts`). They are included in the published npm tarball; the CLI copies the chosen folder into your new project (no remote download). The template’s **`addfox.config`** (including `manifest`) is **preserved**; the CLI only **merges** Rsbuild Less/Sass plugins when those style engines are selected. If no config file exists, a full fallback config is generated.

package/dist/cli.js

@@ -5,10 +5,82 @@ import { fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
 import { execSync } from "node:child_process";
 import prompts from "prompts";
-import { blue, cyan, dim, gray, green, lightBlue, magenta, red, trueColor, yellow } from "kolorist";
-import minimist from "minimist";
 import { cp, mkdir } from "node:fs/promises";
 import { detectPackageManager, getExecCommand, getInstallCommand, getRunCommand } from "@addfox/pkg-manager";
+const RESET = "\x1b[0m";
+function color(code) {
+    return (s)=>`\x1b[${code}m${s}${RESET}`;
+}
+color(30);
+const red = color(31);
+const green = color(32);
+const yellow = color(33);
+const blue = color(34);
+const magenta = color(35);
+const cyan = color(36);
+color(37);
+const gray = color(90);
+color(91);
+color(92);
+color(93);
+const lightBlue = color(94);
+color(95);
+color(96);
+color(97);
+const dim = color(2);
+function trueColor(r, g, b) {
+    return (s)=>`\x1b[38;2;${r};${g};${b}m${s}${RESET}`;
+}
+function parseArgv(argv) {
+    const result = {
+        _: []
+    };
+    for(let i = 0; i < argv.length; i++){
+        const arg = argv[i];
+        if ("--" === arg) {
+            result._.push(...argv.slice(i + 1));
+            break;
+        }
+        if (arg.startsWith("--")) {
+            const eqIdx = arg.indexOf("=");
+            let key;
+            let value;
+            if (eqIdx >= 0) {
+                key = arg.slice(2, eqIdx);
+                value = arg.slice(eqIdx + 1);
+            } else {
+                key = arg.slice(2);
+                const next = argv[i + 1];
+                if (null == next || next.startsWith("-")) value = true;
+                else {
+                    value = next;
+                    i++;
+                }
+            }
+            const num = Number(value);
+            if (!isNaN(num) && String(value) === String(num)) value = num;
+            result[key] = value;
+            continue;
+        }
+        if (arg.startsWith("-") && arg.length > 1) {
+            const chars = arg.slice(1).split("");
+            for(let j = 0; j < chars.length; j++){
+                const key = chars[j];
+                const next = argv[i + 1];
+                if (j !== chars.length - 1 || null == next || next.startsWith("-")) result[key] = true;
+                else {
+                    const num = Number(next);
+                    result[key] = isNaN(num) || String(next) !== String(num) ? next : num;
+                    i++;
+                }
+            }
+            continue;
+        }
+        const num = Number(arg);
+        result._.push(isNaN(num) || String(arg) !== String(num) ? arg : num);
+    }
+    return result;
+}
 const TEMPLATE_BASE = "templates";
 function getPackageRoot() {
     return external_node_path_resolve(dirname(fileURLToPath(import.meta.url)), "..");
@@ -495,7 +567,7 @@ function applyTestAndReportSetup(root, language, selection) {
         if (testKinds.includes("e2e")) writeE2eSample(root, language);
     }
 }
-const RESET = "\x1b[0m";
+const logo_RESET = "\x1b[0m";
 const LOGO_LINES = [
     " █████╗ ██████╗ ██████╗ ███████╗ ██████╗ ██╗  ██╗",
     "██╔══██╗██╔══██╗██╔══██╗██╔════╝██╔═══██╗╚██╗██╔╝",
@@ -526,7 +598,7 @@ function colorizeLineAnsi256(line) {
         const code = Math.round(GRADIENT_START_256 + t * (GRADIENT_END_256 - GRADIENT_START_256));
         out += ansi256Fg(code) + ch;
     }
-    return out + RESET;
+    return out + logo_RESET;
 }
 function printPlainLogo() {
     console.log("");
@@ -916,7 +988,7 @@ function updatePackageName(destDir, projectName) {
     writeJsonFile(pkgPath, pkg);
 }
 async function main() {
-    const argv = minimist(process.argv.slice(2));
+    const argv = parseArgv(process.argv.slice(2));
     if (argv.help || argv.h) return void printHelp();
     if (argv.version || argv.v) return void console.log(getVersion());
     const targetDir = argv._[0] ?? "my-extension";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-addfox-app",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Interactive scaffolder for addfox extension projects",
   "license": "MIT",
   "type": "module",
@@ -13,17 +13,14 @@
     "LICENSE"
   ],
   "dependencies": {
-    "chalk": "^5.3.0",
     "prompts": "^2.4.2",
-    "kolorist": "^1.8.0",
-    "minimist": "^1.2.8",
-    "@addfox/pkg-manager": "0.1.1"
+    "@addfox/pkg-manager": "0.2.0"
   },
   "engines": {
     "node": ">=18.0.0"
   },
   "devDependencies": {
-    "@rslib/core": "^0.21.3",
+    "@rslib/core": "^0.21.5",
     "@rstest/core": "^0.9.9",
     "@rstest/coverage-istanbul": "^0.3.2",
     "@types/node": "^20.0.0",

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

@@ -1,27 +1,27 @@
-import { defineConfig } from "addfox";
-import { pluginPreact } from "@rsbuild/plugin-preact";
-
-const manifest = {
-  name: "My Extension",
-  version: "1.0.0",
-  manifest_version: 3,
-  description: "Browser extension built with addfox",
-  permissions: ["activeTab"],
-  icons: {
-    "16": "icons/icon_128.png",
-    "48": "icons/icon_128.png",
-    "128": "icons/icon_128.png",
-  },
-  action: {
-    default_icon: {
-      "16": "icons/icon_128.png",
-      "48": "icons/icon_128.png",
-      "128": "icons/icon_128.png",
-    },
-  },
-};
-
-export default defineConfig({
-  manifest: { chromium: manifest, firefox: { ...manifest } },
-  plugins: [pluginPreact()],
-});
+import { defineConfig } from "addfox";
+import { pluginPreact } from "@rsbuild/plugin-preact";
+
+const manifest = {
+  name: "My Extension",
+  version: "1.0.0",
+  manifest_version: 3,
+  description: "Browser extension built with addfox",
+  permissions: ["activeTab"],
+  icons: {
+    "16": "icons/icon_128.png",
+    "48": "icons/icon_128.png",
+    "128": "icons/icon_128.png",
+  },
+  action: {
+    default_icon: {
+      "16": "icons/icon_128.png",
+      "48": "icons/icon_128.png",
+      "128": "icons/icon_128.png",
+    },
+  },
+};
+
+export default defineConfig({
+  manifest: { chromium: manifest, firefox: { ...manifest } },
+  plugins: [pluginPreact()],
+});

package/templates/template-preact-js/app/background/index.js

@@ -1,8 +1,8 @@
-function openWelcomePage() {
-  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
-}
-
-chrome.runtime.onInstalled.addListener((details) => {
-  if (details.reason === "install" || details.reason === "update") openWelcomePage();
-  console.log("Extension installed");
-});
+function openWelcomePage() {
+  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
+}
+
+chrome.runtime.onInstalled.addListener((details) => {
+  if (details.reason === "install" || details.reason === "update") openWelcomePage();
+  console.log("Extension installed");
+});

package/templates/template-preact-js/app/content/index.js

@@ -1 +1 @@
-console.log("Content script loaded");
+console.log("Content script loaded");

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

@@ -1,5 +1,5 @@
-import { h } from "preact";
-
-export default function App() {
-  return <div>Hello from Preact</div>;
-}
+import { h } from "preact";
+
+export default function App() {
+  return <div>Hello from Preact</div>;
+}

package/templates/template-preact-js/app/options/index.jsx

@@ -1,5 +1,5 @@
-import { render, h } from "preact";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(h(App, null), root);
+import { render, h } from "preact";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(h(App, null), root);

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

@@ -1,5 +1,5 @@
-import { render, h } from "preact";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(h(App, null), root);
+import { render, h } from "preact";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(h(App, null), root);

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

@@ -1,5 +1,5 @@
-import { h } from "preact";
-
-export default function App() {
-  return <div>Hello from Preact</div>;
-}
+import { h } from "preact";
+
+export default function App() {
+  return <div>Hello from Preact</div>;
+}

package/templates/template-preact-js/app/sidepanel/index.jsx

@@ -1,5 +1,5 @@
-import { render, h } from "preact";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(h(App, null), root);
+import { render, h } from "preact";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(h(App, null), root);

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

@@ -8,11 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "0.1.1",
     "preact": "^10.29.0"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-preact": "^1.7.2"
+    "addfox": "0.1.1",
+    "@rsbuild/plugin-preact": "1.7.2"
   }
 }

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

@@ -1,27 +1,27 @@
-import { defineConfig } from "addfox";
-import { pluginPreact } from "@rsbuild/plugin-preact";
-
-const manifest = {
-  name: "My Extension",
-  version: "1.0.0",
-  manifest_version: 3,
-  description: "Browser extension built with addfox",
-  permissions: ["activeTab"],
-  icons: {
-    "16": "icons/icon_128.png",
-    "48": "icons/icon_128.png",
-    "128": "icons/icon_128.png",
-  },
-  action: {
-    default_icon: {
-      "16": "icons/icon_128.png",
-      "48": "icons/icon_128.png",
-      "128": "icons/icon_128.png",
-    },
-  },
-};
-
-export default defineConfig({
-  manifest: { chromium: manifest, firefox: { ...manifest } },
-  plugins: [pluginPreact()],
-});
+import { defineConfig } from "addfox";
+import { pluginPreact } from "@rsbuild/plugin-preact";
+
+const manifest = {
+  name: "My Extension",
+  version: "1.0.0",
+  manifest_version: 3,
+  description: "Browser extension built with addfox",
+  permissions: ["activeTab"],
+  icons: {
+    "16": "icons/icon_128.png",
+    "48": "icons/icon_128.png",
+    "128": "icons/icon_128.png",
+  },
+  action: {
+    default_icon: {
+      "16": "icons/icon_128.png",
+      "48": "icons/icon_128.png",
+      "128": "icons/icon_128.png",
+    },
+  },
+};
+
+export default defineConfig({
+  manifest: { chromium: manifest, firefox: { ...manifest } },
+  plugins: [pluginPreact()],
+});

package/templates/template-preact-ts/app/background/index.ts

@@ -1,8 +1,8 @@
-function openWelcomePage() {
-  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
-}
-
-chrome.runtime.onInstalled.addListener((details) => {
-  if (details.reason === "install" || details.reason === "update") openWelcomePage();
-  console.log("Extension installed");
-});
+function openWelcomePage() {
+  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
+}
+
+chrome.runtime.onInstalled.addListener((details) => {
+  if (details.reason === "install" || details.reason === "update") openWelcomePage();
+  console.log("Extension installed");
+});

package/templates/template-preact-ts/app/content/index.ts

@@ -1 +1 @@
-console.log("Content script loaded");
+console.log("Content script loaded");

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

@@ -1,5 +1,5 @@
-import { h } from "preact";
-
-export default function App() {
-  return <div>Hello from Preact</div>;
-}
+import { h } from "preact";
+
+export default function App() {
+  return <div>Hello from Preact</div>;
+}

package/templates/template-preact-ts/app/options/index.tsx

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

@@ -1,5 +1,5 @@
-import { h } from "preact";
-
-export default function App() {
-  return <div>Hello from Preact</div>;
-}
+import { h } from "preact";
+
+export default function App() {
+  return <div>Hello from Preact</div>;
+}

package/templates/template-preact-ts/app/sidepanel/index.tsx

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

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

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

@@ -1,27 +1,27 @@
-import { defineConfig } from "addfox";
-import { pluginReact } from "@rsbuild/plugin-react";
-
-const manifest = {
-  name: "My Extension",
-  version: "1.0.0",
-  manifest_version: 3,
-  description: "Browser extension built with addfox",
-  permissions: ["activeTab"],
-  icons: {
-    "16": "icons/icon_128.png",
-    "48": "icons/icon_128.png",
-    "128": "icons/icon_128.png",
-  },
-  action: {
-    default_icon: {
-      "16": "icons/icon_128.png",
-      "48": "icons/icon_128.png",
-      "128": "icons/icon_128.png",
-    },
-  },
-};
-
-export default defineConfig({
-  manifest: { chromium: manifest, firefox: { ...manifest } },
-  plugins: [pluginReact()],
-});
+import { defineConfig } from "addfox";
+import { pluginReact } from "@rsbuild/plugin-react";
+
+const manifest = {
+  name: "My Extension",
+  version: "1.0.0",
+  manifest_version: 3,
+  description: "Browser extension built with addfox",
+  permissions: ["activeTab"],
+  icons: {
+    "16": "icons/icon_128.png",
+    "48": "icons/icon_128.png",
+    "128": "icons/icon_128.png",
+  },
+  action: {
+    default_icon: {
+      "16": "icons/icon_128.png",
+      "48": "icons/icon_128.png",
+      "128": "icons/icon_128.png",
+    },
+  },
+};
+
+export default defineConfig({
+  manifest: { chromium: manifest, firefox: { ...manifest } },
+  plugins: [pluginReact()],
+});

package/templates/template-react-js/app/background/index.js

@@ -1,8 +1,8 @@
-function openWelcomePage() {
-  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
-}
-
-chrome.runtime.onInstalled.addListener((details) => {
-  if (details.reason === "install" || details.reason === "update") openWelcomePage();
-  console.log("Extension installed");
-});
+function openWelcomePage() {
+  chrome.tabs.create({ url: chrome.runtime.getURL("welcome.html") });
+}
+
+chrome.runtime.onInstalled.addListener((details) => {
+  if (details.reason === "install" || details.reason === "update") openWelcomePage();
+  console.log("Extension installed");
+});

package/templates/template-react-js/app/content/index.js

@@ -1 +1 @@
-console.log("Content script loaded");
+console.log("Content script loaded");

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

@@ -1,3 +1,3 @@
-export default function App() {
-  return <div>Hello from React</div>;
-}
+export default function App() {
+  return <div>Hello from React</div>;
+}

package/templates/template-react-js/app/options/index.jsx

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

@@ -1,3 +1,3 @@
-export default function App() {
-  return <div>Hello from React</div>;
-}
+export default function App() {
+  return <div>Hello from React</div>;
+}

package/templates/template-react-js/app/sidepanel/index.jsx

@@ -1,5 +1,5 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) createRoot(root).render(<App />);
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) createRoot(root).render(<App />);

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

@@ -8,12 +8,12 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "0.1.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-react": "^2.0.0"
+    "addfox": "0.1.1",
+    "@rsbuild/plugin-react": "2.0.0"
   }
 }