@kunver/new 1.2.0 → 1.3.1

package/README.MD

@@ -5,27 +5,25 @@ Cli tool for creating new projects with pre-configured settings.
 ## Using
 
 ```bash
-pnpx | npx | bun @kunver/new
+pnpx | npx | bunx @kunver/new
 ```
 
 ## Starters
 
 ### Ready to use
 
-✅ 
+✅ React + TypeScript + Tailwind + Prettierconfig
+
+✅ Wxt + Svelte + TypeScript + Tailwind + Prettierconfig
 
 ### Work in progress
 
-🟡 React + TypeScript + Tailwind + Prettierconfig 
+🟡 Wxt + React + TypeScript + Tailwind + Prettierconfig
 
 ### Will be added
 
 🟡 Next.js + TypeScript + Tailwind + Prettierconfig
 
-🟡 Wxt + React + TypeScript + Tailwind + Prettierconfig
-
-🟡 Wxt + Svelte + TypeScript + Tailwind + Prettierconfig
-
 🟡 Astro + TypeScript + Tailwind + Prettierconfig
 
 🟡 Cpp + Cmake + bash Scripts

package/dist/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import{input as _,select as I}from"@inquirer/prompts";import{spawn as B}from"child_process";import l from"chalk";import H from"ora";async function u(e,s){return new Promise(t=>{let r;switch(e){case"pnpm":r=`cd ${s} && pnpm install`;break;case"npm":r=`cd ${s} && npm install`;break;case"bun":r=`cd ${s} && bun install`;break;default:r=`cd ${s} && pnpm install`}let i=B(r,{shell:!0,cwd:process.cwd()}),a=H("Installing dependencies with "+l.blue(e)).start();a.color="white",i.stderr.pipe(process.stderr),i.on("close",n=>{n==0?(a.succeed("Installed dependencies for "+l.blue(s)),t(!0)):(a.fail("Failed to install dependencies for "+l.blue(s)),t(!1))})})}import{readFileSync as G,writeFileSync as g}from"fs";import{spawn as O}from"child_process";import p from"ora";import z from"chalk";function Q(e){let s=`${e}/vite.config.ts`,t=p("Editing vite.config.ts...").start();t.color="blue";try{let r=G(s,"utf-8");r.includes('import tailwindcss from "@tailwindcss/vite"')?t.info("Tailwind import already exists in vite.config.ts"):(r=`import tailwindcss from "@tailwindcss/vite"
-`+r,r=r.replace(/plugins:\s*\[.*?\]/,"plugins: [react(), tailwindcss()]"),g(s,r,"utf-8"),t.succeed("Updated vite.config.ts with Tailwind import"))}catch(r){t.fail(`Failed to edit vite.config.ts: ${r}`),console.error(r)}}function U(e){let s=`${e}/src/index.css`,t='@import "tailwindcss";',r=p("Adding Tailwind directive to index.css...").start();g(s,t,"utf-8"),r.succeed("Added Tailwind directive to index.css")}async function w(e,s){return new Promise(t=>{let r="cd "+s+" && "+e+" install tailwindcss @tailwindcss/vite",i=O(r,{shell:!0,cwd:process.cwd()}),a=p("Installing Tailwind with "+z.blue(e)).start();a.color="blue",a.start(),i.on("close",n=>{n===0?(a.succeed("Installed tailwind"),Q(s),U(s),t(!0)):(a.fail("Failed to install tailwind"),t(!1))})})}var h=`
+import{input as It,select as T}from"@inquirer/prompts";import{spawn as ct}from"child_process";import y from"chalk";import lt from"ora";async function f(s,t,i){return new Promise(e=>{let n;switch(s){case"pnpm":n=`cd ${t} && pnpm install`;break;case"npm":n=`cd ${t} && npm install`;break;case"bun":n=`cd ${t} && bun install`;break;default:n=`cd ${t} && pnpm install`}let r=ct(n,{shell:!0,cwd:i}),o=lt("Installing dependencies with "+y.blue(s)).start();o.color="white",r.on("close",a=>{a==0?(o.succeed("Installed dependencies for "+y.blue(t)),e(!0)):(o.fail("Failed to install dependencies for "+y.blue(t)),e(!1))})})}import{readFileSync as pt,writeFileSync as R}from"fs";import{spawn as dt}from"child_process";import v from"ora";import mt from"chalk";function ut(s,t){let i=`${t}/${s}/vite.config.ts`,e=v("Editing vite.config.ts...").start();e.color="blue";try{let n=pt(i,"utf-8");n.includes('import tailwindcss from "@tailwindcss/vite"')?e.info("Tailwind import already exists in vite.config.ts"):(n=`import tailwindcss from "@tailwindcss/vite"
+`+n,n=n.replace(/plugins:\s*\[.*?\]/,"plugins: [react(), tailwindcss()]"),R(i,n,"utf-8"),e.succeed("Updated vite.config.ts with Tailwind import"))}catch(n){e.fail(`Failed to edit vite.config.ts: ${n}`),console.error(n)}}function ft(s,t){let i=`${t}/${s}/src/index.css`,e='@import "tailwindcss";',n=v("Adding Tailwind directive to index.css...").start();R(i,e,"utf-8"),n.succeed("Added Tailwind directive to index.css")}async function W(s,t,i){return new Promise(e=>{let n="cd "+t+" && "+s+" install tailwindcss @tailwindcss/vite",r=dt(n,{shell:!0,cwd:i}),o=v("Installing Tailwind with "+mt.blue(s)).start();o.color="blue",o.start(),r.on("close",a=>{a===0?(o.succeed("Installed tailwind"),ut(t,i),ft(t,i),e(!0)):(o.fail("Failed to install tailwind"),e(!1))})})}var I=`
 {
   "semi": false,
   "trailingComma": "all",
@@ -12,7 +12,7 @@ import{input as _,select as I}from"@inquirer/prompts";import{spawn as B}from"chi
   "jsxBracketSameLine": false,
   "arrowParens": "avoid"
 }
-`,b=`
+`,O=`
 #!/bin/bash
 
 # Exit immediately if a command fails
@@ -42,9 +42,9 @@ if [ $? -ne 0 ]; then
     echo "\u274C Failed to switch back to the 'dev' branch."
     exit 1
 fi
-`;import{writeFile as x}from"fs/promises";import{join as d}from"path";import{execSync as W}from"child_process";import L from"chalk";import V from"ora";async function y(e){let s=d(process.cwd(),e),t=d(s,"push.sh"),r=V("Copying config files to "+L.blue(e)).start();r.color="blue";try{await Promise.all([x(d(s,".prettierrc.json"),h),x(t,b)]),W(`chmod +x "${t}"`),r.succeed("Config files copied and push.sh is executable")}catch(i){r.fail("Failed to copy config files or set permissions"),console.error(i)}}import{spawn as q}from"child_process";import J from"ora";import m from"chalk";function k(e,s){let t;switch(e){case"pnpm":t=`pnpm create vite ${s} --template react-swc-ts`;break;case"npm":t=`npm create vite@latest ${s} -- --template react-swc-ts`;break;case"bun":t=`bun create vite ${s} --template react-swc-ts`;break;default:t=`pnpm create vite ${s} --template react-swc-ts`}return new Promise(r=>{let i=q(t,{shell:!0,cwd:process.cwd()}),a=J("Creating React project "+m.blue(s)).start();a.color="blue",i.on("close",n=>{n===0?(a.succeed("Created React project at "+m.blue(s)),r(!0)):(a.fail("Failed to create React project at "+m.blue(s)),r(!1))})})}import{spawn as K}from"child_process";import X from"ora";async function v(e){return new Promise((s,t)=>{let r="cd "+e+" && pnpm approve-builds",i=K(r,{shell:!0,cwd:process.cwd()}),a=X("Approving builds").start();i.stdout.pipe(process.stdout),i.stderr.pipe(process.stderr),setTimeout(()=>{i.stdin.write(`a
-`),setTimeout(()=>{i.stdin.write(`y
-`),i.stdin.end()},500)},500),i.on("close",n=>{n===0?(a.succeed("Builds approved."),s(!0)):(a.fail("Failed to approve builds."),t(new Error(`Process exited with code ${n}`)))}),i.on("error",n=>{a.fail(`Failed to start process. Error: ${n.message}`),t(n)})})}import{writeFile as $,unlink as F,rm as Y}from"fs/promises";import c from"ora";import{spawn as Z}from"child_process";async function j(e){let s=`${e}/README.md`,t=c("Editing README.md...").start();t.color="white";try{let r=`# ${e}`;await $(s,r,"utf-8"),t.succeed("Updated README.md")}catch(r){t.fail(`Failed to edit README.md: ${r}`),console.error(r)}}async function P(e){let s=`${e}/src/assets`,t=c("Deleting assets...").start();t.color="white";try{await Y(s,{recursive:!0,force:!0}),t.succeed("Deleted assets")}catch(r){t.fail(`Failed to delete assets: ${r}`),console.error(r)}}async function C(e){let s=`${e}/src/app.css`,t=c("Deleting app.css...").start();t.color="white";try{await F(s),t.succeed("Deleted app.css")}catch(r){t.fail(`Failed to delete app.css: ${r}`),console.error(r)}}async function R(e){let s=`${e}/src/app.tsx`,t=c("Clearing app.tsx...").start();t.color="white";let r=`
+`;import{writeFile as B}from"fs/promises";import{join as k}from"path";import{execSync as gt}from"child_process";import D from"chalk";import wt from"ora";async function g(s,t){let i=k(t,s),e=k(i,"push.sh"),n=wt("Copying config files to "+D.blue(s)).start();n.color="blue";try{await Promise.all([B(k(i,".prettierrc.json"),I),B(e,O)]);try{gt(`chmod +x "${e}"`)}catch{console.error(D.red("Failed to make push.sh executable"))}n.succeed("Config files copied and push.sh is executable")}catch(r){n.fail("Failed to copy config files or set permissions"),console.error(r)}}import{spawn as ht}from"child_process";import bt from"ora";import $ from"chalk";function H(s,t,i){let e;switch(s){case"pnpm":e=`pnpm create vite ${t} --template react-swc-ts`;break;case"npm":e=`npm create vite@latest ${t} -- --template react-swc-ts`;break;case"bun":e=`bun create vite ${t} --template react-swc-ts`;break;default:e=`pnpm create vite ${t} --template react-swc-ts`}return new Promise(n=>{let r=ht(e,{shell:!0,cwd:i}),o=bt("Creating React project "+$.blue(t)).start();o.color="blue",r.on("close",a=>{a===0?(o.succeed("Created React project at "+$.blue(t)),n(!0)):(o.fail("Failed to create React project at "+$.blue(t)),n(!1))})})}import{spawn as xt}from"child_process";import yt from"ora";async function w(s,t){return new Promise((i,e)=>{let n="cd "+s+" && pnpm approve-builds",r=xt(n,{shell:!0,cwd:t}),o=yt("Approving builds").start();r.stdout.pipe(process.stdout),r.stderr.pipe(process.stderr),setTimeout(()=>{r.stdin.write(`a
+`),setTimeout(()=>{r.stdin.write(`y
+`),r.stdin.end()},500)},500),r.on("close",a=>{a===0?(o.succeed("Builds approved."),i(!0)):(o.fail("Failed to approve builds."),e(new Error(`Process exited with code ${a}`)))}),r.on("error",a=>{o.fail(`Failed to start process. Error: ${a.message}`),e(a)})})}import{spawn as vt}from"child_process";import kt from"ora";import C from"chalk";async function h(s,t){return new Promise(i=>{let e=`cd ${s} && bun pm trust --all`,n=vt(e,{shell:!0,cwd:t}),r=kt("Approving builds for "+C.blue(s)).start();r.color="blue",n.on("close",o=>{o===0?(r.succeed("Approved builds for "+C.blue(s)),i(!0)):(r.fail("Failed to approve builds for "+C.blue(s)),i(!1))})})}import{writeFile as X,unlink as U,rm as $t}from"fs/promises";import d from"ora";import{spawn as Ct}from"child_process";async function z(s,t){let i=`${t}/${s}/README.md`,e=d("Editing README.md...").start();e.color="white";try{let n=`# ${s}`;await X(i,n,"utf-8"),e.succeed("Updated README.md")}catch(n){e.fail(`Failed to edit README.md: ${n}`),console.error(n)}}async function J(s,t){let i=`${t}/${s}/src/assets`,e=d("Deleting assets...").start();e.color="white";try{await $t(i,{recursive:!0,force:!0}),e.succeed("Deleted assets")}catch(n){e.fail(`Failed to delete assets: ${n}`),console.error(n)}}async function G(s,t){let i=`${t}/${s}/src/app.css`,e=d("Deleting app.css...").start();e.color="white";try{await U(i),e.succeed("Deleted app.css")}catch(n){e.fail(`Failed to delete app.css: ${n}`),console.error(n)}}async function Q(s,t){let i=`${t}/${s}/src/app.tsx`,e=d("Clearing app.tsx...").start();e.color="white";let n=`
   function App() {
     return (
       <>
@@ -54,4 +54,40 @@ fi
   }
 
   export default App
-`;try{await $(s,r,"utf-8"),t.succeed("Cleared app.tsx")}catch(i){t.fail(`Failed to clear app.tsx: ${i}`),console.error(i)}}async function M(e){let s=`${e}/eslint.config.js`,t=c("Deleting eslint.config.js...").start();t.color="white";try{await F(s),t.succeed("Deleted eslint.config.js")}catch(r){t.fail(`Failed to delete eslint.config.js: ${r}`),console.error(r)}}async function T(e,s){let t="cd "+e+" && "+s+" remove @eslint/js eslint eslint-plugin-react-hooks eslint-plugin-react-refresh globals typescript-eslint";return new Promise(r=>{let i=Z(t,{shell:!0,cwd:process.cwd()}),a=c("Removing packages...").start();a.color="white",a.start(),i.on("close",n=>{n===0?(a.succeed("Removed packages"),r(!0)):(a.fail("Failed to remove packages"),r(!1))})})}async function A(e,s){await Promise.all([C(e),P(e),M(e),R(e),j(e),T(e,s)])}async function E(e){let{name:s,packageManager:t}=e;await k(t,s)&&(await u(t,s),await y(s),await w(t,s),t==="pnpm"&&await v(s),await A(s,t))}var D=["react-ts-tw","next-ts","wxt-react","wxt-svelte"],S=["pnpm","npm","bun"];function f(e){switch(e.projectType){case"react-ts-tw":E({name:e.name,packageManager:e.packageManager});break;case"next-ts":console.log("next-ts",e.packageManager,e.name);break;case"wxt-react":console.log("wxt-react",e.packageManager,e.name);break;case"wxt-svelte":console.log("wxt-svelte",e.packageManager,e.name);break;default:console.log("Invalid project type",e.projectType);break}}import o from"chalk";import N from"fs";import ee from"path";var te=await _({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)?N.existsSync(ee.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.")}),se=await I({message:o.bold.green("Select a package manager"),choices:S,default:"pnpm"}),re=await I({message:o.bold.yellow("Select a project type"),default:"react-ts-tw",choices:D}),ie={projectType:re,packageManager:se,name:te};f(ie);
+`;try{await X(i,n,"utf-8"),e.succeed("Cleared app.tsx")}catch(r){e.fail(`Failed to clear app.tsx: ${r}`),console.error(r)}}async function L(s,t){let i=`${t}/${s}/eslint.config.js`,e=d("Deleting eslint.config.js...").start();e.color="white";try{await U(i),e.succeed("Deleted eslint.config.js")}catch(n){e.fail(`Failed to delete eslint.config.js: ${n}`),console.error(n)}}async function V(s,t,i){let e="cd "+s+" && "+t+" remove @eslint/js eslint eslint-plugin-react-hooks eslint-plugin-react-refresh globals typescript-eslint";return new Promise(n=>{let r=Ct(e,{shell:!0,cwd:i}),o=d("Removing packages...").start();o.color="white",o.start(),r.on("close",a=>{a===0?(o.succeed("Removed packages"),n(!0)):(o.fail("Failed to remove packages"),n(!1))})})}async function _(s,t,i){await Promise.all([G(s,i),J(s,i),L(s,i),Q(s,i),z(s,i),V(s,t,i)])}async function q(s){let{name:t,packageManager:i,cwd:e=process.cwd()}=s;try{await H(i,t,e)&&(await f(i,t,e),await g(t,e),await W(i,t,e),i==="pnpm"?await w(t,e):i==="bun"&&await h(t,e),await _(t,i,e))}catch(n){console.error(n)}}import{spawn as Ft}from"child_process";import Pt from"ora";import F from"chalk";async function K(s,t,i,e){let n;switch(t){case"pnpm":n=`pnpm dlx wxt@latest init ${i} -t ${s} --pm ${t}`;break;case"npm":n=`npx wxt@latest init ${i} -t ${s} --pm ${t}`;break;case"bun":n=`bunx wxt@latest init ${i} -t ${s} --pm ${t}`;break;default:n=`bun wxt@latest init ${i} -t ${s} --pm ${t}`}return new Promise(r=>{let o=Ft(n,{shell:!0,cwd:e}),a=Pt("Creating WXT project "+F.blue(i)).start();a.color="blue",o.on("close",u=>{u===0?(a.succeed("Created WXT project at "+F.blue(i)),r(!0)):(a.fail("Failed to create WXT project at "+F.blue(i)),r(!1))})})}import{select as Et}from"@inquirer/prompts";import jt from"chalk";import{rm as b,mkdir as St,writeFile as p,readFile as P}from"fs/promises";import{join as c}from"path";import{spawn as At}from"child_process";import Tt from"ora";import Y from"chalk";async function Z(s,t,i){let e=Tt("Finalizing WXT Svelte project setup...").start();try{e.text="Cleaning up default files...",await b(c(t,"src","assets","svelte.svg")),await b(c(t,"src","entrypoints","popup","app.css")),await b(c(t,"src","entrypoints","content.ts")),await b(c(t,"src","lib","Counter.svelte")),e.text="Creating content script files...";let n=c(t,"src","entrypoints","content");await St(n),await p(c(n,"App.svelte"),`<script lang="ts">
+  let message = "Hello World"
+</script>
+
+<h1 class="text-3xl fixed top-20 left-20 z-50">{message}</h1>`),await p(c(n,"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)
+      },
+    })
+    ui.mount()
+  },
+})`),e.text="Installing Tailwind CSS...",await new Promise((it,rt)=>{let ot=`${i} install tailwindcss @tailwindcss/vite`;At(ot,{shell:!0,cwd:t}).on("close",at=>{at===0?it():rt(new Error("Failed to install Tailwind CSS"))})}),e.text="Configuring Tailwind CSS...",await p(c(t,"src","assets","tailwind.css"),'@import "tailwindcss";');let u=c(t,"wxt.config.ts"),m=await P(u,"utf-8");m=`import tailwindcss from '@tailwindcss/vite'
+`+m,m=m.replace("defineConfig({",`defineConfig({
+  vite: () => ({
+    plugins: [tailwindcss()]
+  }),
+  webExt: {
+    disabled: true
+  },`),await p(u,m),e.text="Updating popup files...";let E=c(t,"src","entrypoints","popup","main.ts"),x=await P(E,"utf-8");x=x.replace("import './app.css'",'import "~/assets/tailwind.css"'),await p(E,x);let nt=c(t,"src","entrypoints","popup","App.svelte");await p(nt,`<script lang="ts">
+  let message = "Hello World"
+</script>
+
+<h1 class="text-3xl">{message}</h1>`),e.text="Updating package.json...";let j=c(t,"package.json"),M=JSON.parse(await P(j,"utf-8"));return M.name=s,await p(j,JSON.stringify(M,null,2)),e.succeed(Y.green("WXT Svelte project setup finished successfully!")),!0}catch(n){return e.fail(Y.red(`Error during post-installation setup: ${n.message}`)),!1}}import{join as Mt}from"path";var Rt=["react - !not ready","vue - !not ready","svelte","vanilla - !not ready","solid - !not ready"];async function N(s){let{name:t,packageManager:i,cwd:e=process.cwd()}=s;try{let n=await Et({message:jt.bold.magenta("Select a framework for WXT"),choices:Rt,default:"svelte"});if(await K(n,i,t,e)){let o=Mt(e,t);await f(i,t,e),await g(t,e),n==="svelte"&&await Z(t,o,i),i==="pnpm"?await w(t,e):i==="bun"&&await h(t,e)}}catch(n){console.error(n)}}import{spawn as Wt}from"child_process";import S from"chalk";async function tt(s,t,i){return console.log(S.white("Opening "+S.blue(s)+" in "+S.green(i))),new Promise(e=>{Wt(`${i} ${s}`,{shell:!0,cwd:t}).on("close",()=>e(!0))})}var et=["react-ts-tw","next-ts - !not ready","wxt","cpp-cmake - !not ready"],st=["bun","pnpm","npm"];async function A(s){switch(s.projectType){case"react-ts-tw":await q({name:s.name,packageManager:s.packageManager});break;case"next-ts - !not ready":console.log("next-ts",s.packageManager,s.name);break;case"wxt":await N({name:s.name,packageManager:s.packageManager});break;case"cpp-cmake - !not ready":console.log("cpp-cmake",s.packageManager,s.name);break;default:console.log("Invalid project type",s.projectType);break}s.openInEditor!=="no"&&await tt(s.name,process.cwd(),s.openInEditor)}import l from"chalk";import Ot from"fs";import Bt from"path";var Dt=await It({message:l.bold.blue("Enter a project name"),default:l.gray("my-project"),validate:s=>!s||s.trim().length<2?l.red("Project name must be at least 2 characters"):/^[a-z0-9]+(-[a-z0-9]+)*$/.test(s)?Ot.existsSync(Bt.resolve(process.cwd(),s))?l.red("A folder with that name already exists"):!0:l.red("Only lowercase letters, numbers, and single hyphens allowed. No spaces or special characters.")}),Ht=await T({message:l.bold.green("Select a package manager"),choices:st,default:"bun"}),Xt=await T({message:l.bold.yellow("Select a project type"),default:"react-ts-tw",choices:et}),Ut=await T({message:l.bold.cyan("Open in editor?"),choices:["no","windsurf","cursor","code"],default:"no"}),zt={projectType:Xt,packageManager:Ht,name:Dt,openInEditor:Ut};await A(zt);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kunver/new",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Opiniated project starter",
   "type": "module",
   "bin": {
@@ -19,7 +19,8 @@
   "devDependencies": {
     "@types/node": "^24.0.13",
     "tsup": "^8.2.2",
-    "typescript": "^5.5.4"
+    "typescript": "^5.5.4",
+    "vitest": "^3.2.4"
   },
   "dependencies": {
     "@inquirer/prompts": "^7.6.0",
@@ -29,6 +30,7 @@
   "scripts": {
     "build": "tsup",
     "start": "pnpm run build && node dist/index.js",
-    "local": "pnpm link --global"
+    "local": "pnpm link --global",
+    "test": "vitest run"
   }
 }