@kunver/new 3.1.1 → 3.3.0

package/dist/templates/wxt-solid/package.json

@@ -1,33 +1,33 @@
-{
-  "name": "wxt-solid-starter",
-  "description": "manifest.json description",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "wxt",
-    "dev:firefox": "wxt -b firefox",
-    "build": "wxt build",
-    "build:firefox": "wxt build -b firefox",
-    "zip": "wxt zip",
-    "zip:all": "bun --parallel zip zip:firefox",
-    "zip:firefox": "wxt zip -b firefox",
-    "compile": "tsc --noEmit",
-    "postinstall": "wxt prepare",
-    "resize": "bunx @kunver/resize",
-    "manager": "bun manager.cjs bun"
-  },
-  "dependencies": {
-    "solid-js": "^1.9.11"
-  },
-  "devDependencies": {
-    "tailwindcss": "^4.2.1",
-    "@tailwindcss/vite": "^4.2.1",
-    "@wxt-dev/module-solid": "^1.1.4",
-    "typescript": "^5.9.3",
-    "wxt": "^0.20.18"
-  },
-  "trustedDependencies": [
-    "spawn-sync"
-  ]
-}
+{
+  "name": "wxt-solid-starter",
+  "description": "manifest.json description",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "wxt",
+    "dev:firefox": "wxt -b firefox",
+    "build": "wxt build",
+    "build:firefox": "wxt build -b firefox",
+    "zip": "wxt zip",
+    "zip:all": "bun --parallel zip zip:firefox",
+    "zip:firefox": "wxt zip -b firefox",
+    "compile": "tsc --noEmit",
+    "postinstall": "wxt prepare",
+    "resize": "bunx @kunver/resize",
+    "manager": "bun manager.cjs bun"
+  },
+  "dependencies": {
+    "solid-js": "^1.9.11"
+  },
+  "devDependencies": {
+    "tailwindcss": "^4.2.1",
+    "@tailwindcss/vite": "^4.2.1",
+    "@wxt-dev/module-solid": "^1.1.4",
+    "typescript": "^5.9.3",
+    "wxt": "^0.20.18"
+  },
+  "trustedDependencies": [
+    "spawn-sync"
+  ]
+}

package/dist/templates/wxt-solid/tsconfig.json

@@ -1,7 +1,7 @@
-{
-  "extends": "./.wxt/tsconfig.json",
-  "compilerOptions": {
-    "jsx": "preserve",
-    "jsxImportSource": "solid-js"
-  }
-}
+{
+  "extends": "./.wxt/tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
+  }
+}

package/dist/templates/wxt-solid/wxt.config.ts

@@ -1,18 +1,18 @@
-import { defineConfig } from "wxt"
-import tailwindcss from "@tailwindcss/vite"
-
-// See https://wxt.dev/api/config.html
-export default defineConfig({
-  manifest: {
-    name: "wxt-solid-starter",
-    description: "manifest.json description",
-    //permissions: ["storage"],
-  },
-  modules: ["@wxt-dev/module-solid"],
-  vite: () => ({
-    plugins: [tailwindcss()],
-  }),
-  webExt: {
-    disabled: true,
-  },
-})
+import { defineConfig } from "wxt"
+import tailwindcss from "@tailwindcss/vite"
+
+// See https://wxt.dev/api/config.html
+export default defineConfig({
+  manifest: {
+    name: "wxt-solid-starter",
+    description: "manifest.json description",
+    //permissions: ["storage"],
+  },
+  modules: ["@wxt-dev/module-solid"],
+  vite: () => ({
+    plugins: [tailwindcss()],
+  }),
+  webExt: {
+    disabled: true,
+  },
+})

package/dist/templates/wxt-svelte/.vscode/extensions.json

@@ -1,3 +1,3 @@
-{
-  "recommendations": ["svelte.svelte-vscode"]
-}
+{
+  "recommendations": ["svelte.svelte-vscode"]
+}

package/dist/templates/wxt-svelte/README.md

@@ -1,3 +1,3 @@
-# Wxt + Svelte + Tailwind + Typescript
-
-Web extension starter
+# Wxt + Svelte + Tailwind + Typescript
+
+Web extension starter

package/dist/templates/wxt-svelte/_prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "semi": false,
+  "trailingComma": "all",
+  "singleQuote": false,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid"
+}

package/dist/templates/wxt-svelte/agents.md

@@ -1,77 +1,77 @@
-- This is a Web Extension Project
-- Goal : <goal>
-
-- This project uses wxt framework for development. wxt is a extension development framework.
-- website to framework is : https://wxt.dev/
-- you can find docs on these websites :
-
-1. https://wxt.dev//knowledge/docs.txt
-2. https://wxt.dev//knowledge/api-reference.txt
-
-- use browser super global whenever you want to use chrome global. wxt uses browser global for development
-  for example:
-  browser.runtime.getURL() instead of chrome.runtime.getURL()
-
-## Manifest :
-
-In WXT, there is no manifest.json file in your source code. Instead, WXT generates the manifest from multiple sources:
-
-Global options defined in wxt.config.ts file
-Entrypoint-specific options defined in your entrypoints
-WXT Modules added to your project can modify your manifest
-Hooks defined in your project can modify your manifest
-Your extension's manifest.json will be output to .output/{target}/manifest.json when running wxt build.
-
-- this extension should work <url>
-- this project uses svelte 5 for frontend.
-- this extension aims manifest v3
-- this project uses tailwindcss v4 for styling.
-- this project uses typescript for development.
-- this project uses prettier for code formatting.
-- this project uses vite.
-- this project uses bun package manager, not npm.
-- when using svelte, use modern latest svelte 5 runes syntax.
-- I should have a .prettierrc.json file in the root directory. please also follow rules on that.
-
-- entrypoints are in src/entrypoints directory
-
-## Storage
-
-- When we need storage we should use WXT Storage, you should import it from "#imports".
-- Please check project if I already defined a store
-- use "local:" prefix when storing data locally
-
-## Storage
-
-- When we need storage we should use WXT Storage, you should import it from "#imports".
-- Please check project if I already defined a store
-- use "local:" prefix when storing data locally
-
-```ts
-// utils/storage.ts
-import { storage } from "#imports"
-const showChangelogOnUpdate = storage.defineItem<boolean>("local:showChangelogOnUpdate", {
-  fallback: true,
-})
-
-// usage
-await showChangelogOnUpdate.getValue()
-await showChangelogOnUpdate.setValue(false)
-await showChangelogOnUpdate.removeValue()
-const unwatch = showChangelogOnUpdate.watch(newValue => {
-  // ...
-})
-```
-
-## i18n usage
-
-- when needed, use @wxt-dev/i18n, and import from "#i18n"
-- translations will be in <srcDir>/locales/ directory, and will be yml files.
-
-- usage example
-
-```ts
-import { i18n } from "#i18n"
-
-i18n.t("helloWorld") // "Hello world!"
-```
+- This is a Web Extension Project
+- Goal : <goal>
+
+- This project uses wxt framework for development. wxt is a extension development framework.
+- website to framework is : https://wxt.dev/
+- you can find docs on these websites :
+
+1. https://wxt.dev//knowledge/docs.txt
+2. https://wxt.dev//knowledge/api-reference.txt
+
+- use browser super global whenever you want to use chrome global. wxt uses browser global for development
+  for example:
+  browser.runtime.getURL() instead of chrome.runtime.getURL()
+
+## Manifest :
+
+In WXT, there is no manifest.json file in your source code. Instead, WXT generates the manifest from multiple sources:
+
+Global options defined in wxt.config.ts file
+Entrypoint-specific options defined in your entrypoints
+WXT Modules added to your project can modify your manifest
+Hooks defined in your project can modify your manifest
+Your extension's manifest.json will be output to .output/{target}/manifest.json when running wxt build.
+
+- this extension should work <url>
+- this project uses svelte 5 for frontend.
+- this extension aims manifest v3
+- this project uses tailwindcss v4 for styling.
+- this project uses typescript for development.
+- this project uses prettier for code formatting.
+- this project uses vite.
+- this project uses bun package manager, not npm.
+- when using svelte, use modern latest svelte 5 runes syntax.
+- I should have a .prettierrc.json file in the root directory. please also follow rules on that.
+
+- entrypoints are in src/entrypoints directory
+
+## Storage
+
+- When we need storage we should use WXT Storage, you should import it from "#imports".
+- Please check project if I already defined a store
+- use "local:" prefix when storing data locally
+
+## Storage
+
+- When we need storage we should use WXT Storage, you should import it from "#imports".
+- Please check project if I already defined a store
+- use "local:" prefix when storing data locally
+
+```ts
+// utils/storage.ts
+import { storage } from "#imports"
+const showChangelogOnUpdate = storage.defineItem<boolean>("local:showChangelogOnUpdate", {
+  fallback: true,
+})
+
+// usage
+await showChangelogOnUpdate.getValue()
+await showChangelogOnUpdate.setValue(false)
+await showChangelogOnUpdate.removeValue()
+const unwatch = showChangelogOnUpdate.watch(newValue => {
+  // ...
+})
+```
+
+## i18n usage
+
+- when needed, use @wxt-dev/i18n, and import from "#i18n"
+- translations will be in <srcDir>/locales/ directory, and will be yml files.
+
+- usage example
+
+```ts
+import { i18n } from "#i18n"
+
+i18n.t("helloWorld") // "Hello world!"
+```

package/dist/templates/wxt-svelte/assets/tailwind.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import "tailwindcss";

package/dist/templates/wxt-svelte/entrypoints/background.ts

@@ -1,3 +1,3 @@
-export default defineBackground(() => {
-  console.log("Hello background!", { id: browser.runtime.id })
-})
+export default defineBackground(() => {
+  console.log("Hello background!", { id: browser.runtime.id })
+})

package/dist/templates/wxt-svelte/entrypoints/content/index.ts

@@ -1,5 +1,5 @@
 import { mount, unmount } from "svelte"
-import App from "./App.svelte"
+import Content from "./Content.svelte"
 import "~/assets/tailwind.css"
 
 export default defineContentScript({
@@ -13,10 +13,10 @@ export default defineContentScript({
       position: "inline",
       anchor: "body",
       onMount: container => {
-        return mount(App, { target: container })
+        return mount(Content, { target: container })
       },
-      onRemove: app => {
-        unmount(app as any)
+      onRemove: content => {
+        unmount(content as any)
       },
     })
 

package/dist/templates/wxt-svelte/entrypoints/options/index.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="manifest.open_in_tab" content="true" />
-    <title>Options</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="./main.ts"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="manifest.open_in_tab" content="true" />
+    <title>Options</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>

package/dist/templates/wxt-svelte/entrypoints/options/main.ts

@@ -1,8 +1,8 @@
 import { mount } from "svelte"
-import App from "./App.svelte"
+import Options from "./Options.svelte"
 import "~/assets/tailwind.css"
 
-const app = mount(App, {
+const app = mount(Options, {
   target: document.getElementById("app")!,
 })
 

package/dist/templates/wxt-svelte/entrypoints/popup/index.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Popup</title>
-    <meta name="manifest.type" content="browser_action" />
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="./main.ts"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Popup</title>
+    <meta name="manifest.type" content="browser_action" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./main.ts"></script>
+  </body>
+</html>

package/dist/templates/wxt-svelte/entrypoints/popup/main.ts

@@ -1,8 +1,8 @@
 import { mount } from "svelte"
-import App from "./App.svelte"
+import Popup from "./Popup.svelte"
 import "~/assets/tailwind.css"
 
-const app = mount(App, {
+const app = mount(Popup, {
   target: document.getElementById("app")!,
 })
 

package/dist/templates/wxt-svelte/manager.cjs

@@ -1,69 +1,71 @@
-const { exec } = require("child_process")
-
-function runCommand(command) {
-    return new Promise((resolve, reject) => {
-        exec(command, { shell: true }, (error, stdout, stderr) => {
-            if (error) {
-                console.log(`❌ Error occurred: ${error.message}`)
-                if (stderr) {
-                    console.log(`Standard Error: ${stderr.trim()}`)
-                }
-                return resolve(false)
-            }
-            if (stdout) {
-                console.log(stdout.trim())
-            }
-            resolve(true)
-        })
-    })
-}
-
-async function publishAndPushOperations(packageManager, command) {
-    console.log("Switching to main branch...")
-    if (!await runCommand("git checkout main")) {
-        process.exit(1)
-    }
-
-    console.log("Merging dev branch into main...")
-    if (!await runCommand("git merge dev")) {
-        console.log("❌ Merge conflict occurred. Please resolve it manually.")
-        process.exit(1)
-    }
-
-    console.log("Pushing changes to GitHub...")
-    if (!await runCommand("git push origin main")) {
-        console.log("❌ Failed to push changes to GitHub. Please check your network connection and permissions.")
-        process.exit(1)
-    }
-
-    console.log("✅ Successfully merged 'dev' into 'main' and pushed to GitHub!")
-
-    if (command === "publish") {
-        console.log(`Publishing package (${packageManager} publish)...`)
-        if (!await runCommand(`${packageManager} publish`)) {
-            console.log(`❌ ${packageManager} publish command failed.`)
-            process.exit(1)
-        }
-    }
-
-    console.log("Switching back to dev branch...")
-    if (!await runCommand("git checkout dev")) {
-        console.log("❌ Failed to switch back to the 'dev' branch.")
-        process.exit(1)
-    }
-
-    console.log("✅ All operations completed.")
-}
-
-const packageManagerArg = process.argv[2]
-const commandArg = process.argv[3]
-
-const validManagers = ["pnpm", "npm", "yarn", "bun"]
-const validCommands = ["push", "publish"]
-
-if (!validManagers.includes(packageManagerArg) || !validCommands.includes(commandArg)) {
-    console.log(`Invalid or missing arguments. Usage: node manager.cjs <package-manager> <push|publish>\nValid package managers: ${validManagers.join(", ")}`)
-    process.exit(1)
-}
-
-publishAndPushOperations(packageManagerArg, commandArg)
+const { exec } = require("child_process")
+
+function runCommand(command) {
+  return new Promise((resolve, reject) => {
+    exec(command, { shell: true }, (error, stdout, stderr) => {
+      if (error) {
+        console.log(`❌ Error occurred: ${error.message}`)
+        if (stderr) {
+          console.log(`Standard Error: ${stderr.trim()}`)
+        }
+        return resolve(false)
+      }
+      if (stdout) {
+        console.log(stdout.trim())
+      }
+      resolve(true)
+    })
+  })
+}
+
+async function publishAndPushOperations(packageManager, command) {
+  console.log("Switching to main branch...")
+  if (!(await runCommand("git checkout main"))) {
+    process.exit(1)
+  }
+
+  console.log("Merging dev branch into main...")
+  if (!(await runCommand("git merge dev"))) {
+    console.log("❌ Merge conflict occurred. Please resolve it manually.")
+    process.exit(1)
+  }
+
+  console.log("Pushing changes to GitHub...")
+  if (!(await runCommand("git push origin main"))) {
+    console.log("❌ Failed to push changes to GitHub. Please check your network connection and permissions.")
+    process.exit(1)
+  }
+
+  console.log("✅ Successfully merged 'dev' into 'main' and pushed to GitHub!")
+
+  if (command === "publish") {
+    console.log(`Publishing package (${packageManager} publish)...`)
+    if (!(await runCommand(`${packageManager} publish`))) {
+      console.log(`❌ ${packageManager} publish command failed.`)
+      process.exit(1)
+    }
+  }
+
+  console.log("Switching back to dev branch...")
+  if (!(await runCommand("git checkout dev"))) {
+    console.log("❌ Failed to switch back to the 'dev' branch.")
+    process.exit(1)
+  }
+
+  console.log("✅ All operations completed.")
+}
+
+const packageManagerArg = process.argv[2]
+const commandArg = process.argv[3]
+
+const validManagers = ["pnpm", "npm", "yarn", "bun"]
+const validCommands = ["push", "publish"]
+
+if (!validManagers.includes(packageManagerArg) || !validCommands.includes(commandArg)) {
+  console.log(
+    `Invalid or missing arguments. Usage: node manager.cjs <package-manager> <push|publish>\nValid package managers: ${validManagers.join(", ")}`,
+  )
+  process.exit(1)
+}
+
+publishAndPushOperations(packageManagerArg, commandArg)

package/dist/templates/wxt-svelte/package.json

@@ -1,36 +1,36 @@
-{
-  "name": "test1",
-  "description": "manifest.json description",
-  "private": false,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "wxt",
-    "dev:firefox": "wxt -b firefox",
-    "build": "wxt build",
-    "build:firefox": "wxt build -b firefox",
-    "zip": "wxt zip",
-    "zip:all": "bun --parallel zip zip:firefox",
-    "zip:firefox": "wxt zip -b firefox",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
-    "postinstall": "wxt prepare",
-    "resize": "bunx @kunver/resize",
-    "manager": "bun manager.cjs bun"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.1.18",
-    "@tsconfig/svelte": "^5.0.8",
-    "@wxt-dev/module-svelte": "^2.0.4",
-    "svelte": "^5.51.3",
-    "svelte-check": "^4.4.0",
-    "tailwindcss": "^4.1.18",
-    "tslib": "^2.8.1",
-    "typescript": "^5.9.3",
-    "wxt": "^0.20.17"
-  },
-  "trustedDependencies": [
-    "@tailwindcss/oxide",
-    "esbuild",
-    "spawn-sync"
-  ]
-}
+{
+  "name": "test1",
+  "description": "manifest.json description",
+  "private": false,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "wxt",
+    "dev:firefox": "wxt -b firefox",
+    "build": "wxt build",
+    "build:firefox": "wxt build -b firefox",
+    "zip": "wxt zip",
+    "zip:all": "bun --parallel zip zip:firefox",
+    "zip:firefox": "wxt zip -b firefox",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "postinstall": "wxt prepare",
+    "resize": "bunx @kunver/resize",
+    "manager": "bun manager.cjs bun"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "@tsconfig/svelte": "^5.0.8",
+    "@wxt-dev/module-svelte": "^2.0.4",
+    "svelte": "^5.51.3",
+    "svelte-check": "^4.4.0",
+    "tailwindcss": "^4.1.18",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "wxt": "^0.20.17"
+  },
+  "trustedDependencies": [
+    "@tailwindcss/oxide",
+    "esbuild",
+    "spawn-sync"
+  ]
+}

package/dist/templates/wxt-svelte/tsconfig.json

@@ -1,6 +1,6 @@
-{
-  "extends": "./.wxt/tsconfig.json",
-  "compilerOptions": {
-    "useDefineForClassFields": true
-  }
-}
+{
+  "extends": "./.wxt/tsconfig.json",
+  "compilerOptions": {
+    "useDefineForClassFields": true
+  }
+}

package/dist/templates/wxt-svelte/wxt-env.d.ts

@@ -1 +1 @@
-/// <reference types="svelte" />
+/// <reference types="svelte" />