@kunver/new 3.1.1 → 3.3.0

package/dist/templates/react-ts-tw/src/main.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import "./index.css"
+import App from "./App.tsx"
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/dist/templates/react-ts-tw/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/templates/react-ts-tw/tsconfig.app.json

@@ -1,27 +1,27 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/dist/templates/react-ts-tw/tsconfig.json

@@ -1,7 +1,4 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
+{
+  "files": [],
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}

package/dist/templates/react-ts-tw/tsconfig.node.json

@@ -1,25 +1,25 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/dist/templates/react-ts-tw/vite.config.ts

@@ -1,8 +1,8 @@
-import tailwindcss from "@tailwindcss/vite"
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-})
+import tailwindcss from "@tailwindcss/vite"
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react-swc"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+})

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

@@ -1,3 +1,3 @@
-# WXT + SolidJS
-
-This template should help get you started developing with SolidJS in WXT.
+# WXT + SolidJS
+
+This template should help get you started developing with SolidJS in WXT.

package/dist/templates/wxt-solid/_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-solid/agents.md

@@ -1,76 +1,76 @@
-- 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 SolidJS 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.
-- 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 SolidJS 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.
+- 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-solid/assets/tailwind.css

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

package/dist/templates/wxt-solid/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-solid/entrypoints/content/Content.tsx

@@ -1,7 +1,7 @@
-export default function Content() {
-  return (
-    <div style={{ padding: "20px", "font-family": "sans-serif" }}>
-        <h1>Hello, Content!</h1>
-    </div>
-  )
-}
+export default function Content() {
+  return (
+    <div style={{ padding: "20px", "font-family": "sans-serif" }}>
+      <h1>Hello, Content!</h1>
+    </div>
+  )
+}

package/dist/templates/wxt-solid/entrypoints/content/main.tsx

@@ -1,31 +1,31 @@
-// 1. Import the style
-import "~/assets/tailwind.css"
-import { render } from "solid-js/web"
-import Content from "./Content"
-
-export default defineContentScript({
-  matches: ["<all_urls>"],
-  // 2. Set cssInjectionMode
-  cssInjectionMode: "ui",
-
-  async main(ctx) {
-    // 3. Define your UI
-    const ui = await createShadowRootUi(ctx, {
-      name: "example-ui",
-      position: "inline",
-      anchor: "body",
-      onMount: container => {
-        // Render your app to the UI container
-        const unmount = render(() => <Content />, container)
-        return unmount
-      },
-      onRemove: unmount => {
-        // Unmount the app when the UI is removed
-        unmount?.()
-      },
-    })
-
-    // 4. Mount the UI
-    ui.mount()
-  },
-})
+// 1. Import the style
+import "~/assets/tailwind.css"
+import { render } from "solid-js/web"
+import Content from "./Content"
+
+export default defineContentScript({
+  matches: ["<all_urls>"],
+  // 2. Set cssInjectionMode
+  cssInjectionMode: "ui",
+
+  async main(ctx) {
+    // 3. Define your UI
+    const ui = await createShadowRootUi(ctx, {
+      name: "example-ui",
+      position: "inline",
+      anchor: "body",
+      onMount: container => {
+        // Render your app to the UI container
+        const unmount = render(() => <Content />, container)
+        return unmount
+      },
+      onRemove: unmount => {
+        // Unmount the app when the UI is removed
+        unmount?.()
+      },
+    })
+
+    // 4. Mount the UI
+    ui.mount()
+  },
+})

package/dist/templates/wxt-solid/entrypoints/options/{App.tsx → Options.tsx}

@@ -5,4 +5,3 @@ export default function App() {
     </main>
   )
 }
-

package/dist/templates/wxt-solid/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" />
-    <title>Options</title>
-    <meta name="manifest.open_in_tab" content="true" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="./main.tsx"></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>Options</title>
+    <meta name="manifest.open_in_tab" content="true" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

package/dist/templates/wxt-solid/entrypoints/options/main.tsx

@@ -1,6 +1,6 @@
 import { render } from "solid-js/web"
 import "~/assets/tailwind.css"
 
-import App from "./App"
+import Options from "./Options"
 
-render(() => <App />, document.getElementById("root")!)
+render(() => <Options />, document.getElementById("root")!)

package/dist/templates/wxt-solid/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>Default Popup Title</title>
-    <meta name="manifest.type" content="browser_action" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="./main.tsx"></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>Default Popup Title</title>
+    <meta name="manifest.type" content="browser_action" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

package/dist/templates/wxt-solid/entrypoints/popup/main.tsx

@@ -1,6 +1,6 @@
 import { render } from "solid-js/web"
 import "~/assets/tailwind.css"
 
-import App from "./App"
+import Popup from "./Popup"
 
-render(() => <App />, document.getElementById("root")!)
+render(() => <Popup />, document.getElementById("root")!)

package/dist/templates/wxt-solid/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)