npm - @kunver/new - Versions diffs - 2.12.0 → 2.14.0 - Mend

@kunver/new 2.12.0 → 2.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/templates/wxt-solid/entrypoints/content/Content.tsx ADDED Viewed

@@ -0,0 +1,7 @@
+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 ADDED Viewed

@@ -0,0 +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()
+  },
+})

package/dist/templates/wxt-solid/entrypoints/options/App.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+export default function App() {
+  return (
+    <main>
+      <h1>Options</h1>
+    </main>
+  )
+}

package/dist/templates/wxt-solid/entrypoints/options/index.html ADDED Viewed

@@ -0,0 +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>

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

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

package/dist/templates/wxt-solid/entrypoints/popup/App.tsx ADDED Viewed

@@ -0,0 +1,7 @@
+export default function App() {
+  return (
+    <main>
+      <h1>WXT + Solid</h1>
+    </main>
+  )
+}

package/dist/templates/wxt-solid/entrypoints/popup/index.html ADDED Viewed

@@ -0,0 +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>

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

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

package/dist/templates/wxt-solid/manager.cjs ADDED Viewed

@@ -0,0 +1,69 @@
+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-solid/package.json ADDED Viewed

@@ -0,0 +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"
+  ]
+}

package/dist/templates/wxt-solid/public/icon/128.png ADDED Viewed

Binary file

package/dist/templates/wxt-solid/public/icon/16.png ADDED Viewed

Binary file

package/dist/templates/wxt-solid/public/icon/32.png ADDED Viewed

Binary file

package/dist/templates/wxt-solid/public/icon/48.png ADDED Viewed

Binary file

package/dist/templates/wxt-solid/public/icon/96.png ADDED Viewed

Binary file

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

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

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

@@ -0,0 +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,
+  },
+})

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

@@ -1,5 +1,5 @@
 - This is a Web Extension Project
-- Goal : Create timestamps and chapters for youtube video using AI
+- Goal : <goal>
 - This project uses wxt framework for development. wxt is a extension development framework.
 - website to framework is : https://wxt.dev/
@@ -22,7 +22,7 @@ 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 on youtube/watch\* urls
+- this extension should work <url>
 - this project uses svelte 5 for frontend.
 - this extension aims manifest v3
 - this project uses tailwindcss v4 for styling.
@@ -41,12 +41,26 @@ Your extension's manifest.json will be output to .output/{target}/manifest.json
 - 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

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

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

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

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

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

@@ -9,12 +9,12 @@
     "dev:firefox": "wxt -b firefox",
     "build": "wxt build",
     "build:firefox": "wxt build -b firefox",
-    "resize": "bunx @kunver/resize",
     "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": {

package/dist/templates/wxt-svelte/wxt.config.ts CHANGED Viewed

@@ -3,11 +3,10 @@ import tailwindcss from "@tailwindcss/vite"
 // See https://wxt.dev/api/config.html
 export default defineConfig({
-  srcDir: "src",
   manifest: {
     name: "wxt-svelte-starter",
     description: "manifest.json description",
-    permission: [],
+    //permissions: ["storage"],
   },
   modules: ["@wxt-dev/module-svelte"],
   vite: () => ({

package/dist/templates/wxt-vanilla/agents.md ADDED Viewed

@@ -0,0 +1,73 @@
+- 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 aims manifest v3
+- 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-vanilla/package.json CHANGED Viewed

@@ -8,13 +8,13 @@
     "dev": "wxt",
     "dev:firefox": "wxt -b firefox",
     "build": "wxt build",
-    "resize":"bunx @kunver/resize",
     "build:firefox": "wxt build -b firefox",
     "zip": "wxt zip",
-    "zip:all": "concurrently \"bunx wxt zip -b firefox\" \"bunx wxt zip -b chrome\" \"bunx wxt zip -b edge\"",
+    "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"
   },
   "devDependencies": {

package/dist/templates/wxt-vanilla/wxt.config.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export default defineConfig({
   manifest: {
     name: "wxt-vanilla-starter",
     description: "manifest.json description",
+    //permissions: ["storage"],
   },
   webExt: {
     disabled: true,

package/package.json CHANGED Viewed

@@ -1,42 +1,42 @@
-{
-  "name": "@kunver/new",
-  "version": "2.12.0",
-  "description": "Opiniated project starter",
-  "type": "module",
-  "bin": {
-    "kunver": "dist/index.js"
-  },
-  "main": "dist/index.js",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "tsup",
-    "start": "bun dist/index.js",
-    "dev": "bun src/index.ts",
-    "prepublishOnly": "bun run build",
-    "local": "bun run build && bun link",
-    "manager": "bun manager.cjs bun",
-    "patch": "bun pm version patch && git push",
-    "minor": "bun pm version minor && git push",
-    "major": "bun pm version major && git push"
-  },
-  "keywords": [],
-  "author": "Burak Unver <burakhanunver@gmail.com> (https://kunver.dev)",
-  "license": "MIT",
-  "dependencies": {
-    "@inquirer/prompts": "^7.8.4",
-    "chalk": "^5.6.0",
-    "execa": "^9.6.0",
-    "ora": "^8.2.0"
-  },
-  "devDependencies": {
-    "@types/bun": "^1.2.21",
-    "@types/node": "^24.3.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.2"
-  }
-}
+{
+  "name": "@kunver/new",
+  "version": "2.14.0",
+  "description": "Opiniated project starter",
+  "type": "module",
+  "bin": {
+    "kunver": "dist/index.js"
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "start": "bun dist/index.js",
+    "dev": "bun src/index.ts",
+    "prepublishOnly": "bun run build",
+    "local": "bun run build && bun link",
+    "manager": "bun manager.cjs bun",
+    "patch": "bun pm version patch && git push",
+    "minor": "bun pm version minor && git push",
+    "major": "bun pm version major && git push"
+  },
+  "keywords": [],
+  "author": "Burak Unver <burakhanunver@gmail.com> (https://kunver.dev)",
+  "license": "MIT",
+  "dependencies": {
+    "@inquirer/prompts": "^7.8.4",
+    "chalk": "^5.6.0",
+    "execa": "^9.6.0",
+    "ora": "^8.2.0"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.2.21",
+    "@types/node": "^24.3.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  }
+}