@kunver/new 1.4.0 → 1.5.0

package/dist/index.js

@@ -1,92 +1,4 @@
 #!/usr/bin/env node
-import{input as Ie,select as E}from"@inquirer/prompts";import{execa as ie}from"execa";import v from"chalk";import oe from"ora";async function m(e,t,n){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 s=oe("Installing dependencies with "+v.blue(e)).start();try{return await ie(r,{shell:!0,cwd:n}),s.succeed("Installed dependencies for "+v.blue(t)),!0}catch{return s.fail("Failed to install dependencies for "+v.blue(t)),!1}}import{readFileSync as ce,writeFileSync as I}from"fs";import{execa as le}from"execa";import k from"ora";import pe from"chalk";function de(e,t){let n=`${t}/${e}/vite.config.ts`,r=k("Editing vite.config.ts...").start();try{let s=ce(n,"utf-8");s.includes('import tailwindcss from "@tailwindcss/vite"')?r.info("Tailwind import already exists in vite.config.ts"):(s=`import tailwindcss from "@tailwindcss/vite"
-`+s,s=s.replace(/plugins:\s*\[.*?\]/,"plugins: [react(), tailwindcss()]"),I(n,s,"utf-8"),r.succeed("Updated vite.config.ts with Tailwind import"))}catch(s){r.fail(`Failed to edit vite.config.ts: ${s}`),console.error(s)}}function me(e,t){let n=`${t}/${e}/src/index.css`,r='@import "tailwindcss";',s=k("Adding Tailwind directive to index.css...").start();I(n,r,"utf-8"),s.succeed("Added Tailwind directive to index.css")}async function W(e,t,n){let r="cd "+t+" && "+e+" install tailwindcss @tailwindcss/vite",s=k("Installing Tailwind with "+pe.blue(e)).start();try{return await le(r,{shell:!0,cwd:n}),s.succeed("Installed tailwind"),de(t,n),me(t,n),!0}catch{return s.fail("Failed to install tailwind"),!1}}var O=`
-{
-  "semi": false,
-  "trailingComma": "all",
-  "singleQuote": false,
-  "printWidth": 120,
-  "tabWidth": 2,
-  "useTabs": false,
-  "jsxSingleQuote": false,
-  "jsxBracketSameLine": false,
-  "arrowParens": "avoid"
-}
-`,D=`
-#!/bin/bash
-
-# Exit immediately if a command fails
-set -e
-
-# Switch to the main branch
-git checkout main
-
-# Merge the dev branch into main
-git merge dev
-if [ $? -ne 0 ]; then
-    echo "\u274C Merge conflict occurred. Please resolve it manually."
-    exit 1
-fi
-
-# Push changes to GitHub
-git push origin main
-if [ $? -ne 0 ]; then
-    echo "\u274C Failed to push changes to GitHub. Please check your network connection and permissions."
-    exit 1
-fi
-
-echo "\u2705 Successfully merged 'dev' into 'main' and pushed to GitHub!"
-
-git checkout dev
-if [ $? -ne 0 ]; then
-    echo "\u274C Failed to switch back to the 'dev' branch."
-    exit 1
-fi
-`;import{writeFile as B,access as ue}from"fs/promises";import{join as $}from"path";import{execSync as fe}from"child_process";import H from"chalk";import ge from"ora";async function u(e,t){let n=$(t,e),r=$(n,"push.sh"),s=ge("Copying config files to "+H.blue(e)).start();try{await ue(n),await Promise.all([B($(n,".prettierrc.json"),O),B(r,D)]);try{fe(`chmod +x "${r}"`)}catch{console.error(H.red("Failed to make push.sh executable"))}s.succeed("Config files copied and push.sh is executable")}catch(a){throw s.fail("Failed to copy config files or set permissions"),console.error(a),a}}import{execa as we}from"execa";import he from"ora";import C from"chalk";async function X(e,t,n){let r;switch(e){case"pnpm":r=`pnpm create vite ${t} --template react-swc-ts`;break;case"npm":r=`npm create vite@latest ${t} -- --template react-swc-ts`;break;case"bun":r=`bun create vite ${t} --template react-swc-ts`;break;default:r=`pnpm create vite ${t} --template react-swc-ts`}let s=he("Creating React project "+C.blue(t)).start();try{return await we(r,{shell:!0,cwd:n}),s.succeed("Created React project at "+C.blue(t)),!0}catch{return s.fail("Failed to create React project at "+C.blue(t)),!1}}import xe from"ora";import d from"chalk";var{spawn:ye}=await import("child_process");async function f(e,t){let n=xe("Approving builds for "+d.blue(e)).start();try{return new Promise(r=>{let s=ye("pnpm",["approve-builds"],{cwd:`${t}/${e}`,stdio:["pipe","inherit","inherit"],shell:!0});setTimeout(()=>{s.stdin?.write(`a
-`),setTimeout(()=>{s.stdin?.write(`y
-`),s.stdin?.end()},1e3)},2e3),s.on("close",a=>{a===0?(n.succeed("Approved builds for "+d.blue(e)),r(!0)):(n.fail("Failed to approve builds for "+d.blue(e)),r(!1))}),s.on("error",a=>{n.fail("Failed to approve builds for "+d.blue(e)),console.error(a),r(!1)})})}catch(r){return n.fail("Failed to approve builds for "+d.blue(e)),console.error(r),!1}}import{execa as be}from"execa";import ve from"ora";import F from"chalk";async function g(e,t){let n=`cd ${e} && bun pm trust --all`,r=ve("Approving builds for "+F.blue(e)).start();try{return await be(n,{shell:!0,cwd:t}),r.succeed("Approved builds for "+F.blue(e)),!0}catch{return r.fail("Failed to approve builds for "+F.blue(e)),!1}}import{writeFile as U,unlink as z,rm as ke,access as J}from"fs/promises";import l from"ora";import{execa as $e}from"execa";async function G(e,t){let n=`${t}/${e}/README.md`,r=l("Editing README.md...").start();try{let s=`# ${e}`;await U(n,s,"utf-8"),r.succeed("Updated README.md")}catch(s){r.fail(`Failed to edit README.md: ${s}`),console.error(s)}}async function Q(e,t){let n=`${t}/${e}/src/assets`,r=l("Deleting assets...").start();try{await ke(n,{recursive:!0,force:!0}),r.succeed("Deleted assets")}catch(s){r.fail(`Failed to delete assets: ${s}`),console.error(s)}}async function L(e,t){let n=`${t}/${e}/src/app.css`,r=l("Deleting app.css...").start();try{await J(n),await z(n),r.succeed("Deleted app.css")}catch(s){s.code==="ENOENT"?r.info("app.css not found (already deleted or doesn't exist)"):(r.fail(`Failed to delete app.css: ${s}`),console.error(s))}}async function V(e,t){let n=`${t}/${e}/src/app.tsx`,r=l("Clearing app.tsx...").start(),s=`
-  function App() {
-    return (
-      <>
-        <h1 className="text-3xl font-bold underline">Hello</h1>
-      </>
-    )
-  }
-
-  export default App
-`;try{await U(n,s,"utf-8"),r.succeed("Cleared app.tsx")}catch(a){r.fail(`Failed to clear app.tsx: ${a}`),console.error(a)}}async function _(e,t){let n=`${t}/${e}/eslint.config.js`,r=l("Deleting eslint.config.js...").start();try{await J(n),await z(n),r.succeed("Deleted eslint.config.js")}catch(s){s.code==="ENOENT"?r.info("eslint.config.js not found (already deleted or doesn't exist)"):(r.fail(`Failed to delete eslint.config.js: ${s}`),console.error(s))}}async function q(e,t,n){let r="cd "+e+" && "+t+" remove @eslint/js eslint eslint-plugin-react-hooks eslint-plugin-react-refresh globals typescript-eslint",s=l("Removing packages...").start();try{return await $e(r,{shell:!0,cwd:n}),s.succeed("Removed packages"),!0}catch(a){return s.fail("Failed to remove packages"),console.error(a),!1}}async function K(e,t,n){await Promise.all([L(e,n),Q(e,n),_(e,n),V(e,n),G(e,n),q(e,t,n)])}async function Y(e){let{name:t,packageManager:n,cwd:r=process.cwd()}=e;try{if(!await X(n,t,r))throw new Error("Failed to create React project");if(!await m(n,t,r))throw new Error("Failed to install dependencies");if(await u(t,r),!await W(n,t,r))throw new Error("Failed to install Tailwind");return n==="pnpm"?await f(t,r):n==="bun"&&await g(t,r),await K(t,n,r),!0}catch(s){throw console.error("Error creating React project:",s),s}}import{execa as Ce}from"execa";import Fe from"ora";import T from"chalk";async function Z(e,t,n,r){let s;switch(t){case"pnpm":s=`pnpm dlx wxt@latest init ${n} -t ${e} --pm ${t}`;break;case"npm":s=`npx wxt@latest init ${n} -t ${e} --pm ${t}`;break;case"bun":s=`bunx wxt@latest init ${n} -t ${e} --pm ${t}`;break;default:s=`bun wxt@latest init ${n} -t ${e} --pm ${t}`}let a=Fe("Creating WXT project "+T.blue(n)).start();try{return await Ce(s,{shell:!0,cwd:r}),a.succeed("Created WXT project at "+T.blue(n)),!0}catch{return a.fail("Failed to create WXT project at "+T.blue(n)),!1}}import{select as Ee}from"@inquirer/prompts";import je from"chalk";import{rm as w,mkdir as Te,writeFile as c,readFile as A}from"fs/promises";import{join as i}from"path";import{execa as Ae}from"execa";import Se from"ora";import N from"chalk";async function ee(e,t,n){let r=Se("Finalizing WXT Svelte project setup...").start();try{r.text="Cleaning up default files...",await w(i(t,"src","assets","svelte.svg")),await w(i(t,"src","entrypoints","popup","app.css")),await w(i(t,"src","entrypoints","content.ts")),await w(i(t,"src","lib","Counter.svelte")),r.text="Creating content script files...";let s=i(t,"src","entrypoints","content");await Te(s),await c(i(s,"App.svelte"),`<script lang="ts">
-  let message = "Hello World"
-</script>
-
-<h1 class="text-3xl fixed top-20 left-20 z-50">{message}</h1>`),await c(i(s,"index.ts"),`import App from "./App.svelte"
-import { mount, unmount } from "svelte"
-
-export default defineContentScript({
-  matches: ["<all_urls>"],
-  cssInjectionMode: "ui",
-
-  async main(ctx) {
-    const ui = await createShadowRootUi(ctx, {
-      name: "extension-ui",
-      position: "inline",
-      anchor: "body",
-      onMount: container => {
-        return mount(App, { target: container })
-      },
-      onRemove: app => {
-        unmount(app as any)
-      },
-    })
-    ui.mount()
-  },
-})`),r.text="Installing Tailwind CSS...";let y=`${n} install tailwindcss @tailwindcss/vite`;await Ae(y,{shell:!0,cwd:t}),r.text="Configuring Tailwind CSS...",await c(i(t,"src","assets","tailwind.css"),'@import "tailwindcss";');let j=i(t,"wxt.config.ts"),p=await A(j,"utf-8");p='import tailwindcss from "@tailwindcss/vite"'+p,p=p.replace("defineConfig({",`defineConfig({
-  vite: () => ({
-    plugins: [tailwindcss()]
-  }),
-  webExt: {
-    disabled: true
-  },`),await c(j,p),r.text="Updating popup files...";let M=i(t,"src","entrypoints","popup","main.ts"),b=await A(M,"utf-8");b=b.replace("import './app.css'",'import "~/assets/tailwind.css"'),await c(M,b);let ae=i(t,"src","entrypoints","popup","App.svelte");await c(ae,`<script lang="ts">
-  let message = "Hello World"
-</script>
-
-<h1 class="text-3xl">{message}</h1>`),r.text="Updating package.json...";let P=i(t,"package.json"),R=JSON.parse(await A(P,"utf-8"));return R.name=e,await c(P,JSON.stringify(R,null,2)),r.succeed(N.green("WXT Svelte project setup finished successfully!")),!0}catch(s){return r.fail(N.red(`Error during post-installation setup: ${s.message}`)),!1}}import{join as Me}from"path";var Pe=["react - !not ready","vue - !not ready","svelte","vanilla - !not ready","solid - !not ready"];async function te(e){let{name:t,packageManager:n,cwd:r=process.cwd(),selectedFramework:s}=e;try{let a=s||await Ee({message:je.bold.magenta("Select a framework for WXT"),choices:Pe,default:"svelte"});if(await Z(a,n,t,r)){let y=Me(r,t);await m(n,t,r),await u(t,r),a==="svelte"&&await ee(t,y,n),n==="pnpm"?await f(t,r):n==="bun"&&await g(t,r)}}catch(a){console.error(a)}}import{execa as Re}from"execa";import h from"chalk";async function re(e,t,n){console.log(h.white("Opening "+h.blue(e)+" in "+h.green(n)));try{return await Re(`${n} ${e}`,{shell:!0,cwd:t}),!0}catch(r){return console.error(h.red("Failed to open project in editor:"),r),!1}}var ne=["react-ts-tw","next-ts - !not ready","wxt","cpp-cmake - !not ready"],se=["bun","pnpm","npm"];async function S(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 te({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 re(e.name,process.cwd(),e.openInEditor)}import o from"chalk";import We from"fs";import Oe from"path";var De=await Ie({message:o.bold.blue("Enter a project name"),default:o.gray("my-project"),validate:e=>!e||e.trim().length<2?o.red("Project name must be at least 2 characters"):/^[a-z0-9]+(-[a-z0-9]+)*$/.test(e)?We.existsSync(Oe.resolve(process.cwd(),e))?o.red("A folder with that name already exists"):!0:o.red("Only lowercase letters, numbers, and single hyphens allowed. No spaces or special characters.")}),Be=await E({message:o.bold.green("Select a package manager"),choices:se,default:"bun"}),He=await E({message:o.bold.yellow("Select a project type"),default:"react-ts-tw",choices:ne}),Xe=await E({message:o.bold.cyan("Open in editor?"),choices:["no","windsurf","cursor","code"],default:"no"}),Ue={projectType:He,packageManager:Be,name:De,openInEditor:Xe};await S(Ue);
+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 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/.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "semi": false,
+  "trailingComma": "all",
+  "singleQuote": false,
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid",
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

package/dist/templates/react-ts-tw/README.md

@@ -0,0 +1 @@
+# {project_name}

package/dist/templates/react-ts-tw/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{project_name}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/templates/react-ts-tw/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/react-ts-tw/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "{project_name}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "manager": "node manager.js"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.11",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.11"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "typescript": "~5.8.3",
+    "vite": "^7.0.4"
+  },
+  "trustedDependencies": [
+    "@swc/core",
+    "@tailwindcss/oxide"
+  ]
+}

package/dist/templates/react-ts-tw/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/templates/react-ts-tw/push.sh

@@ -0,0 +1,30 @@
+
+#!/bin/bash
+
+# Exit immediately if a command fails
+set -e
+
+# Switch to the main branch
+git checkout main
+
+# Merge the dev branch into main
+git merge dev
+if [ $? -ne 0 ]; then
+    echo "❌ Merge conflict occurred. Please resolve it manually."
+    exit 1
+fi
+
+# Push changes to GitHub
+git push origin main
+if [ $? -ne 0 ]; then
+    echo "❌ Failed to push changes to GitHub. Please check your network connection and permissions."
+    exit 1
+fi
+
+echo "✅ Successfully merged 'dev' into 'main' and pushed to GitHub!"
+
+git checkout dev
+if [ $? -ne 0 ]; then
+    echo "❌ Failed to switch back to the 'dev' branch."
+    exit 1
+fi

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

@@ -0,0 +1,9 @@
+function App() {
+  return (
+    <>
+      <h1 className="text-3xl font-bold underline">Hello</h1>
+    </>
+  )
+}
+
+export default App

package/dist/templates/react-ts-tw/src/index.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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.0",
+  "version": "1.5.0",
   "description": "Opiniated project starter",
   "type": "module",
   "bin": {
@@ -16,22 +16,25 @@
   "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",
     "chalk": "^5.4.1",
     "execa": "^9.6.0",
+    "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 pnpm",
     "test": "vitest run"
   }
 }