create-addfox-app 0.1.1 → 0.2.1

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

@@ -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-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-react-ts/app/content/index.ts

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

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

@@ -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-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-react-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-react-ts/app/sidepanel/App.tsx

@@ -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-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-react-ts/package.json

@@ -8,13 +8,13 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "^0.2.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-react": "^2.0.0",
+    "addfox": "^0.2.0",
+    "@rsbuild/plugin-react": "2.0.0",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38",
     "@types/react": "^19.2.14",

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

@@ -1,28 +1,28 @@
-import { defineConfig } from "addfox";
-import { pluginBabel } from "@rsbuild/plugin-babel";
-import { pluginSolid } from "@rsbuild/plugin-solid";
-
-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: [pluginBabel({ include: /\.(?:jsx|tsx)$/ }), pluginSolid()],
-});
+import { defineConfig } from "addfox";
+import { pluginBabel } from "@rsbuild/plugin-babel";
+import { pluginSolid } from "@rsbuild/plugin-solid";
+
+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: [pluginBabel({ include: /\.(?:jsx|tsx)$/ }), pluginSolid()],
+});

package/templates/template-solid-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-solid-js/app/content/index.js

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

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

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

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => App(), root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => App(), root);

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => App(), root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => App(), root);

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

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

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => App(), root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => App(), root);

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

@@ -8,12 +8,12 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "^0.2.0",
     "solid-js": "^1.9.11"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-babel": "^1.1.2",
-    "@rsbuild/plugin-solid": "^1.1.1"
+    "addfox": "^0.2.0",
+    "@rsbuild/plugin-babel": "^1.2.0",
+    "@rsbuild/plugin-solid": "1.2.0"
   }
 }

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

@@ -1,28 +1,28 @@
-import { defineConfig } from "addfox";
-import { pluginBabel } from "@rsbuild/plugin-babel";
-import { pluginSolid } from "@rsbuild/plugin-solid";
-
-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: [pluginBabel({ include: /\.(?:jsx|tsx)$/ }), pluginSolid()],
-});
+import { defineConfig } from "addfox";
+import { pluginBabel } from "@rsbuild/plugin-babel";
+import { pluginSolid } from "@rsbuild/plugin-solid";
+
+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: [pluginBabel({ include: /\.(?:jsx|tsx)$/ }), pluginSolid()],
+});

package/templates/template-solid-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-solid-ts/app/content/index.ts

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

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

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

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => <App />, root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => <App />, root);

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => <App />, root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => <App />, root);

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

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

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

@@ -1,5 +1,5 @@
-import { render } from "solid-js/web";
-import App from "./App";
-
-const root = document.getElementById("root");
-if (root) render(() => <App />, root);
+import { render } from "solid-js/web";
+import App from "./App";
+
+const root = document.getElementById("root");
+if (root) render(() => <App />, root);

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

@@ -8,13 +8,13 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "^0.2.0",
     "solid-js": "^1.9.11"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-babel": "^1.1.2",
-    "@rsbuild/plugin-solid": "^1.1.1",
+    "addfox": "^0.2.0",
+    "@rsbuild/plugin-babel": "^1.2.0",
+    "@rsbuild/plugin-solid": "1.2.0",
     "typescript": "^5.9.3",
     "@types/chrome": "^0.1.38"
   }

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

@@ -1,27 +1,27 @@
-import { defineConfig } from "addfox";
-import { pluginSvelte } from "@rsbuild/plugin-svelte";
-
-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: [pluginSvelte()],
-});
+import { defineConfig } from "addfox";
+import { pluginSvelte } from "@rsbuild/plugin-svelte";
+
+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: [pluginSvelte()],
+});

package/templates/template-svelte-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-svelte-js/app/content/index.js

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

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

@@ -1,4 +1,4 @@
-<script>
-</script>
-
-<div>Hello from Svelte</div>
+<script>
+</script>
+
+<div>Hello from Svelte</div>

package/templates/template-svelte-js/app/options/index.js

@@ -1,4 +1,4 @@
-import App from "./App.svelte";
-
-const target = document.getElementById("root");
-if (target) new App({ target });
+import App from "./App.svelte";
+
+const target = document.getElementById("root");
+if (target) new App({ target });

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

@@ -1,4 +1,4 @@
-import App from "./App.svelte";
-
-const target = document.getElementById("root");
-if (target) new App({ target });
+import App from "./App.svelte";
+
+const target = document.getElementById("root");
+if (target) new App({ target });

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

@@ -1,4 +1,4 @@
-<script>
-</script>
-
-<div>Hello from Svelte</div>
+<script>
+</script>
+
+<div>Hello from Svelte</div>

package/templates/template-svelte-js/app/sidepanel/index.js

@@ -1,4 +1,4 @@
-import App from "./App.svelte";
-
-const target = document.getElementById("root");
-if (target) new App({ target });
+import App from "./App.svelte";
+
+const target = document.getElementById("root");
+if (target) new App({ target });

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

@@ -8,11 +8,11 @@
     "build": "addfox build"
   },
   "dependencies": {
-    "@addfox/utils": "^0.1.1",
+    "@addfox/utils": "^0.2.0",
     "svelte": "^5.54.1"
   },
   "devDependencies": {
-    "addfox": "^0.1.1",
-    "@rsbuild/plugin-svelte": "^1.1.1"
+    "addfox": "^0.2.0",
+    "@rsbuild/plugin-svelte": "1.1.1"
   }
 }