@kunver/new 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import{input as _,select as u}from"@inquirer/prompts";import{execa as v}from"execa";import d from"chalk";import T from"ora";async function i(e,t,a){let r;switch(e){case"pnpm":r=`cd ${t} && pnpm install`;break;case"npm":r=`cd ${t} && npm install`;break;case"bun":r=`cd ${t} && bun install`;break;default:r=`cd ${t} && pnpm install`}let o=T("Installing dependencies with "+d.blue(e)).start();try{return await v(r,{shell:!0,cwd:a}),o.succeed("Installed dependencies for "+d.blue(t)),!0}catch{return o.fail("Failed to install dependencies for "+d.blue(t)),!1}}import F from"fs-extra";import A from"ora";async function g(e,t){let a=A("Copying template folder...").start();try{return await F.copy(e,t),a.succeed("Copied template folder"),!0}catch{return a.fail("Failed to copy template folder"),!1}}import w from"ora";import s from"chalk";import{execa as I}from"execa";import{spawn as E}from"child_process";async function p(e,t){let a=w("Approving builds for "+s.blue(e)).start();try{return new Promise(r=>{let o=E("pnpm",["approve-builds"],{cwd:`${t}/${e}`,stdio:["pipe","inherit","inherit"],shell:!0});setTimeout(()=>{o.stdin?.write(`a
+import G from"fs";import H from"path";import{input as K,select as y}from"@inquirer/prompts";import c from"chalk";import{join as x}from"path";import{fileURLToPath as B}from"url";import C from"path";import{execa as I}from"execa";import g from"chalk";import $ from"ora";async function i(e,t,a){let r;switch(e){case"pnpm":r=`cd ${t} && pnpm install`;break;case"npm":r=`cd ${t} && npm install`;break;case"bun":r=`cd ${t} && bun install`;break;default:r=`cd ${t} && pnpm install`}let o=$("Installing dependencies with "+g.blue(e)).start();try{return await I(r,{shell:!0,cwd:a}),o.succeed("Installed dependencies for "+g.blue(t)),!0}catch{return o.fail("Failed to install dependencies for "+g.blue(t)),!1}}import E from"fs-extra";import S from"ora";async function p(e,t){let a=S("Copying template folder...").start();try{return await E.copy(e,t),a.succeed("Copied template folder"),!0}catch{return a.fail("Failed to copy template folder"),!1}}import{spawn as O}from"child_process";import k from"ora";import s from"chalk";import{execa as _}from"execa";async function l(e,t){let a=k("Approving builds for "+s.blue(e)).start();try{return new Promise(r=>{let o=O("pnpm",["approve-builds"],{cwd:`${t}/${e}`,stdio:["pipe","inherit","inherit"],shell:!0});setTimeout(()=>{o.stdin?.write(`a
 `),setTimeout(()=>{o.stdin?.write(`y
-`),o.stdin?.end()},1e3)},2e3),o.on("close",n=>{n===0?(a.succeed("Approved builds for "+s.blue(e)),r(!0)):(a.fail("Failed to approve builds for "+s.blue(e)),r(!1))}),o.on("error",n=>{a.fail("Failed to approve builds for "+s.blue(e)),console.error(n),r(!1)})})}catch(r){return a.fail("Failed to approve builds for "+s.blue(e)),console.error(r),!1}}async function l(e,t){let a=`cd ${e} && bun pm trust --all`,r=w("Approving builds for "+s.blue(e)).start();try{return await I(a,{shell:!0,cwd:t}),r.succeed("Approved builds for "+s.blue(e)),!0}catch{return r.fail("Failed to approve builds for "+s.blue(e)),!1}}import{join as b}from"path";import{fileURLToPath as $}from"url";import P from"path";var O=$(import.meta.url),B=P.dirname(O);async function y(e){let{name:t,packageManager:a,cwd:r=process.cwd()}=e,o=b(B,"templates","react-ts-tw");try{if(!await g(o,b(r,t)))throw new Error("Failed to copy template folder");if(!await i(a,t,r))throw new Error("Failed to install dependencies");return a==="pnpm"?await p(t,r):a==="bun"&&await l(t,r),!0}catch(n){throw console.error("Error creating React project:",n),n}}import{select as C}from"@inquirer/prompts";import D from"chalk";import{join as S}from"path";var W=["react - !not ready","vue - !not ready","svelte","vanilla - !not ready","solid - !not ready"];async function h(e){let{name:t,packageManager:a,cwd:r=process.cwd(),selectedFramework:o}=e;try{let n=o||await C({message:D.bold.magenta("Select a framework for WXT"),choices:W,default:"svelte"});if(!1){let J=S(r,t);await i(a,t,r),a==="pnpm"?await p(t,r):a==="bun"&&await l(t,r)}}catch(n){console.error(n)}}import{execa as R}from"execa";import m from"chalk";async function k(e,t,a){console.log(m.white("Opening "+m.blue(e)+" in "+m.green(a)));try{return await R(`${a} ${e}`,{shell:!0,cwd:t}),!0}catch(r){return console.error(m.red("Failed to open project in editor:"),r),!1}}var x=["react-ts-tw","next-ts - !not ready","wxt","cpp-cmake - !not ready"],j=["bun","pnpm","npm"];async function f(e){switch(e.projectType){case"react-ts-tw":await y({name:e.name,packageManager:e.packageManager});break;case"next-ts - !not ready":console.log("next-ts",e.packageManager,e.name);break;case"wxt":await h({name:e.name,packageManager:e.packageManager});break;case"cpp-cmake - !not ready":console.log("cpp-cmake",e.packageManager,e.name);break;default:console.log("Invalid project type",e.projectType);break}e.openInEditor!=="no"&&await k(e.name,process.cwd(),e.openInEditor)}import c from"chalk";import z from"fs";import L from"path";var U=await _({message:c.bold.blue("Enter a project name"),default:c.gray("my-project"),validate:e=>!e||e.trim().length<2?c.red("Project name must be at least 2 characters"):/^[a-z0-9]+(-[a-z0-9]+)*$/.test(e)?z.existsSync(L.resolve(process.cwd(),e))?c.red("A folder with that name already exists"):!0:c.red("Only lowercase letters, numbers, and single hyphens allowed. No spaces or special characters.")}),X=await u({message:c.bold.green("Select a package manager"),choices:j,default:"bun"}),q=await u({message:c.bold.yellow("Select a project type"),default:"react-ts-tw",choices:x}),G=await u({message:c.bold.cyan("Open in editor?"),choices:["no","windsurf","cursor","code"],default:"no"}),H={projectType:q,packageManager:X,name:U,openInEditor:G};await f(H);
+`),o.stdin?.end()},1e3)},2e3),o.on("close",n=>{n===0?(a.succeed("Approved builds for "+s.blue(e)),r(!0)):(a.fail("Failed to approve builds for "+s.blue(e)),r(!1))}),o.on("error",n=>{a.fail("Failed to approve builds for "+s.blue(e)),console.error(n),r(!1)})})}catch(r){return a.fail("Failed to approve builds for "+s.blue(e)),console.error(r),!1}}async function m(e,t){let a=`cd ${e} && bun pm trust --all`,r=k("Approving builds for "+s.blue(e)).start();try{return await _(a,{shell:!0,cwd:t}),r.succeed("Approved builds for "+s.blue(e)),!0}catch{return r.fail("Failed to approve builds for "+s.blue(e)),!1}}var D=B(import.meta.url),R=C.dirname(D);async function j(e){let{name:t,packageManager:a,cwd:r=process.cwd()}=e,o=x(R,"templates","react-ts-tw");try{if(!await p(o,x(r,t)))throw new Error("Failed to copy template folder");if(!await i(a,t,r))throw new Error("Failed to install dependencies");return a==="pnpm"?await l(t,r):a==="bun"&&await m(t,r),!0}catch(n){throw console.error("Error creating React project:",n),n}}import{join as d}from"path";import{fileURLToPath as W}from"url";import J from"path";import z from"chalk";import{select as L}from"@inquirer/prompts";import v from"fs";var U=["react - !not ready","vue - !not ready","svelte","vanilla - !not ready","solid - !not ready"],X=W(import.meta.url),M=J.dirname(X);async function T(e){let{name:t,packageManager:a,cwd:r=process.cwd(),selectedFramework:o}=e;try{let n=o||await L({message:z.bold.magenta("Select a framework for WXT"),choices:U,default:"svelte"}),u=d(M,"templates","wxt-svelte");if(n==="svelte"&&(u=d(M,"templates","wxt-svelte")),await p(u,d(r,t))){let b=d(r,t,"package.json"),h=JSON.parse(v.readFileSync(b,"utf-8"));h.scripts.manager=`node manager.cjs ${a}`,v.writeFileSync(b,JSON.stringify(h,null,2)),await i(a,t,r),a==="pnpm"?await l(t,r):a==="bun"&&await m(t,r)}}catch(n){console.error(n)}}import{execa as q}from"execa";import f from"chalk";async function F(e,t,a){console.log(f.white("Opening "+f.blue(e)+" in "+f.green(a)));try{return await q(`${a} ${e}`,{shell:!0,cwd:t}),!0}catch(r){return console.error(f.red("Failed to open project in editor:"),r),!1}}var P=["react-ts-tw","next-ts - !not ready","wxt","cpp-cmake - !not ready"],A=["bun","pnpm","npm"];async function w(e){switch(e.projectType){case"react-ts-tw":await j({name:e.name,packageManager:e.packageManager});break;case"next-ts - !not ready":console.log("next-ts",e.packageManager,e.name);break;case"wxt":await T({name:e.name,packageManager:e.packageManager});break;case"cpp-cmake - !not ready":console.log("cpp-cmake",e.packageManager,e.name);break;default:console.log("Invalid project type",e.projectType);break}e.openInEditor!=="no"&&await F(e.name,process.cwd(),e.openInEditor)}var Q=await K({message:c.bold.blue("Enter a project name"),default:c.gray("my-project"),validate:e=>!e||e.trim().length<2?c.red("Project name must be at least 2 characters"):/^[a-z0-9]+(-[a-z0-9]+)*$/.test(e)?G.existsSync(H.resolve(process.cwd(),e))?c.red("A folder with that name already exists"):!0:c.red("Only lowercase letters, numbers, and single hyphens allowed. No spaces or special characters.")}),V=await y({message:c.bold.green("Select a package manager"),choices:A,default:"bun"}),Y=await y({message:c.bold.yellow("Select a project type"),default:"react-ts-tw",choices:P}),Z=await y({message:c.bold.cyan("Open in editor?"),choices:["no","windsurf","cursor","code"],default:"no"}),N={projectType:Y,packageManager:V,name:Q,openInEditor:Z};await w(N);

package/dist/templates/react-ts-tw/{manager.js → manager.cjs}

@@ -18,7 +18,7 @@ function runCommand(command) {
     })
 }
 
-async function publishAndPushOperations(command) {
+async function publishAndPushOperations(packageManager, command) {
     console.log("Switching to main branch...")
     if (!await runCommand("git checkout main")) {
         process.exit(1)
@@ -39,9 +39,9 @@ async function publishAndPushOperations(command) {
     console.log("✅ Successfully merged 'dev' into 'main' and pushed to GitHub!")
 
     if (command === "publish") {
-        console.log("Publishing package (pnpm publish)...")
-        if (!await runCommand("pnpm publish")) {
-            console.log("❌ pnpm publish command failed.")
+        console.log(`Publishing package (${packageManager} publish)...`)
+        if (!await runCommand(`${packageManager} publish`)) {
+            console.log(`❌ ${packageManager} publish command failed.`)
             process.exit(1)
         }
     }
@@ -55,10 +55,15 @@ async function publishAndPushOperations(command) {
     console.log("✅ All operations completed.")
 }
 
-const commandArg = process.argv[2]
+const packageManagerArg = process.argv[2]
+const commandArg = process.argv[3]
 
-if (commandArg === "push" || commandArg === "publish") {
-    publishAndPushOperations(commandArg)
-} else {
-    console.log(`Invalid or missing command: '${commandArg || ""}'. Usage: node manager.js [push|publish]`)
+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/.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/.vscode/extensions.json

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

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

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

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

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

@@ -0,0 +1,33 @@
+{
+  "name": "wxt-svelte-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:firefox": "wxt zip -b firefox",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "postinstall": "wxt prepare"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.11",
+    "@tsconfig/svelte": "^5.0.4",
+    "@wxt-dev/module-svelte": "^2.0.3",
+    "svelte": "^5.28.2",
+    "svelte-check": "^4.1.6",
+    "tailwindcss": "^4.1.11",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.3",
+    "wxt": "^0.20.6"
+  },
+  "trustedDependencies": [
+    "@tailwindcss/oxide",
+    "esbuild",
+    "spawn-sync"
+  ]
+}

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

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

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

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

package/dist/templates/wxt-svelte/src/entrypoints/content/App.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  let msg = "Hello"
+</script>
+
+<main class="p-4 z-50 top-10 left-10 fixed">
+  <h1 class="text-3xl font-bold underline">{msg}</h1>
+</main>

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

@@ -0,0 +1,25 @@
+import { mount, unmount } from "svelte"
+import App from "./App.svelte"
+import "~/assets/tailwind.css"
+
+export default defineContentScript({
+  matches: ["<all_urls>"],
+
+  cssInjectionMode: "ui",
+
+  async main(ctx) {
+    const ui = await createShadowRootUi(ctx, {
+      name: "ext-ui",
+      position: "inline",
+      anchor: "body",
+      onMount: container => {
+        return mount(App, { target: container })
+      },
+      onRemove: app => {
+        unmount(app as any)
+      },
+    })
+
+    ui.mount()
+  },
+})

package/dist/templates/wxt-svelte/src/entrypoints/popup/App.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  let msg = "Hello"
+</script>
+
+<main>
+  <h1 class="text-3xl font-bold underline">{msg}</h1>
+</main>

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

@@ -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>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/src/entrypoints/popup/main.ts

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { defineConfig } from "wxt"
+import tailwindcss from "@tailwindcss/vite"
+
+// See https://wxt.dev/api/config.html
+export default defineConfig({
+  srcDir: "src",
+  modules: ["@wxt-dev/module-svelte"],
+  vite: () => ({
+    plugins: [tailwindcss()],
+  }),
+  webExt: {
+    disabled: true,
+  },
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kunver/new",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Opiniated project starter",
   "type": "module",
   "bin": {
@@ -16,12 +16,6 @@
   "keywords": [],
   "author": "Burak Unver <burakhanunver@gmail.com> (https://kunver.dev)",
   "license": "MIT",
-  "devDependencies": {
-    "@types/node": "^24.0.13",
-    "tsup": "^8.2.2",
-    "typescript": "^5.5.4",
-    "vitest": "^3.2.4"
-  },
   "dependencies": {
     "@inquirer/prompts": "^7.6.0",
     "@types/fs-extra": "^11.0.4",
@@ -30,11 +24,17 @@
     "fs-extra": "^11.3.0",
     "ora": "^8.2.0"
   },
+  "devDependencies": {
+    "@types/node": "^24.0.13",
+    "tsup": "^8.2.2",
+    "typescript": "^5.5.4",
+    "vitest": "^3.2.4"
+  },
   "scripts": {
     "build": "tsup",
     "start": "pnpm run build && node dist/index.js",
     "local": "pnpm link --global",
-    "manager": "node manager.cjs",
+    "manager": "node manager.cjs pnpm",
     "test": "vitest run"
   }
 }