@kunver/new 2.12.0 → 2.14.0

package/README.MD

@@ -19,6 +19,8 @@ pnpx | npx | bunx @kunver/new
 
 ✅ Wxt + Svelte
 
+✅ Wxt + Vanilla
+
 ✅ Next.js + Prisma
 
 ✅ Python Jupyter Notebook
@@ -27,6 +29,7 @@ pnpx | npx | bunx @kunver/new
 
 ### Will be added
 
-🟡 Wxt + React
-
-🟡 Astro + TypeScript + Tailwind + Prettierconfig
+🟡 Wxt Solid
+🟡 C++ CMake
+🟡 Rust
+🟡 Rust Tauri

package/dist/index.js

@@ -1,6 +1,6 @@
-import J,{readFileSync,constants,promises}from'fs';import S,{dirname,join}from'path';import {input,select}from'@inquirer/prompts';import i from'chalk';import {access,mkdir,writeFile,readFile}from'fs/promises';import {spawn}from'child_process';import O from'ora';import {execa}from'execa';import {fileURLToPath}from'url';async function g(e){let{name:o,cwd:t=process.cwd()}=e,a=join(t,o);try{await access(a,constants.F_OK);}catch{await mkdir(a,{recursive:true});}let r=join(a,"main.ipynb");await writeFile(r,"");}var P=["react-ts-tw","next-ts-prisma","wxt...","electron-svelte","python-notebook","cpp-makefile"],M=["bun","pnpm","npm"],F=["antigravity","no","cursor","code"],E=["svelte","vanilla"];async function m(e,o,t){switch(e){case "pnpm":return await R(o,t);case "bun":return await X(o,t);default:return  false}}async function R(e,o){let t=O("Approving builds for "+i.blue(e)).start();try{return new Promise(a=>{let r=spawn("pnpm",["approve-builds"],{cwd:`${o}/${e}`,stdio:["pipe","inherit","inherit"],shell:!0});setTimeout(()=>{r.stdin?.write(`a
+import J,{readFileSync,constants,promises}from'fs';import S,{dirname,join}from'path';import {input,select}from'@inquirer/prompts';import i from'chalk';import {access,mkdir,writeFile,readFile}from'fs/promises';import {spawn}from'child_process';import O from'ora';import {execa}from'execa';import {fileURLToPath}from'url';async function g(e){let{name:o,cwd:t=process.cwd()}=e,a=join(t,o);try{await access(a,constants.F_OK);}catch{await mkdir(a,{recursive:true});}let r=join(a,"main.ipynb");await writeFile(r,"");}var P=["react-ts-tw","next-ts-prisma","wxt...","electron-svelte","python-notebook","cpp-makefile"],M=["bun","pnpm","npm"],F=["antigravity","windsurf","no","cursor","code"],E=["svelte","vanilla","solid"];async function m(e,o,t){switch(e){case "pnpm":return await R(o,t);case "bun":return await X(o,t);default:return  false}}async function R(e,o){let t=O("Approving builds for "+i.blue(e)).start();try{return new Promise(a=>{let r=spawn("pnpm",["approve-builds"],{cwd:`${o}/${e}`,stdio:["pipe","inherit","inherit"],shell:!0});setTimeout(()=>{r.stdin?.write(`a
 `),setTimeout(()=>{r.stdin?.write(`y
 `),r.stdin?.end();},1e3);},2e3),r.on("close",n=>{n===0?(t.succeed("Approved builds for "+i.blue(e)),a(!0)):(t.fail("Failed to approve builds for "+i.blue(e)),a(!1));}),r.on("error",n=>{t.fail("Failed to approve builds for "+i.blue(e)),console.error(n),a(!1);});})}catch(a){return t.fail("Failed to approve builds for "+i.blue(e)),console.error(a),false}}async function X(e,o){let t=`cd ${e} && bun pm trust --all`,a=O("Approving builds for "+i.blue(e)).start();try{return await execa(t,{shell:!0,cwd:o}),a.succeed("Approved builds for "+i.blue(e)),!0}catch{return a.fail("Failed to approve builds for "+i.blue(e)),false}}async function u(e,o,t){let a=`cd ${o} && ${e} install`;console.log("Installing dependencies with "+i.cyan(e)+`
 `);try{return await execa(a,{shell:!0,cwd:t,stdout:"inherit",stderr:"inherit"}),!0}catch{return  false}}async function w(e,o){let t=O("Copying template folder...").start();try{await promises.cp(e,o,{recursive:!0});let a=S.join(o,"_gitignore"),r=S.join(o,".gitignore");try{await promises.rename(a,r);}catch{}return t.succeed("Copied template folder"),!0}catch{return t.fail("Failed to copy template folder"),false}}async function y(e,o,t){let a=join(t,o,"package.json"),r=await J.promises.readFile(a,"utf-8"),n=JSON.parse(r);e==="bun"?n.scripts.manager=`bun manager.cjs ${e}`:n.scripts.manager=`node manager.cjs ${e}`,await J.promises.writeFile(a,JSON.stringify(n,null,2));}async function b(e,o,t){console.log(i.white("Opening "+i.blue(e)+" in "+i.green(t)));try{return await execa(`${t} ${e}`,{shell:!0,cwd:o}),!0}catch(a){return console.error(i.red("Failed to open project in editor:"),a),false}}async function s(e){let{templateName:o,name:t,packageManager:a,cwd:r=process.cwd(),addManager:n=true,changeName:p=true,approveBuild:l=true,installDependency:A=true}=e,_=join(__dirname,"templates",o);try{if(!await w(_,join(r,t)))throw new Error("Failed to copy template folder");if(A&&!await u(a,t,r))throw new Error("Failed to install dependencies");return n&&await y(a,t,r),l&&await m(a,t,r),p&&await k(join(r,t),t),!0}catch(f){throw console.error("Error creating project:",f),f}}async function k(e,o){try{let t=join(e,"package.json"),a=await readFile(t,"utf-8"),r=JSON.parse(a);return r.name=o.toLowerCase().replace(/\s+/g,"-"),await writeFile(t,JSON.stringify(r,null,2)+`
-`),!0}catch(t){return console.error("Error updating project name:",t),false}}async function T(e){let{name:o,packageManager:t,selectedFramework:a}=e;try{let r=E,n=r.includes("solid")?"solid":r[0],p;switch(a&&r.includes(a)?p=a:p=await select({message:i.bold.magenta("Select a framework for WXT"),choices:r.map(l=>({name:l.charAt(0).toUpperCase()+l.slice(1),value:l})),default:n}),p){case "solid":await s({templateName:"wxt-solid",name:o,packageManager:t});break;case "svelte":await s({templateName:"wxt-svelte",name:o,packageManager:t});break;case "vanilla":await s({templateName:"wxt-vanilla",name:o,packageManager:t});break;default:break}}catch(r){console.error(r);}}async function j(e){switch(e.projectType){case "react-ts-tw":await s({templateName:"react-ts-tw",name:e.name,packageManager:e.packageManager});break;case "next-ts-prisma":await s({templateName:"next-ts-prisma",name:e.name,packageManager:e.packageManager});break;case "wxt...":await T({name:e.name,packageManager:e.packageManager});break;case "electron-svelte":await s({templateName:"electron-svelte",name:e.name,packageManager:e.packageManager,installDependency:false,approveBuild:false}),console.log(i.yellow("Dependencies not installed. Please install dependencies manually"));break;case "python-notebook":await g({name:e.name});break;case "cpp-makefile":await s({templateName:"make-cpp",name:e.name,packageManager:"bun",addManager:false,approveBuild:false,installDependency:false});default:console.log(i.red("Project Type Not Implemented"),e.projectType);break}e.openInEditor!=="no"&&await b(e.name,process.cwd(),e.openInEditor);}var le=fileURLToPath(import.meta.url),me=dirname(le),de=join(me,"../package.json"),fe=JSON.parse(readFileSync(de,"utf8")),ge=fe.version;console.log(i.green("Kunver v"+i.bold(ge)+`
+`),!0}catch(t){return console.error("Error updating project name:",t),false}}async function T(e){let{name:o,packageManager:t,selectedFramework:a}=e;try{let r=E,n=r.includes("svelte")?"svelte":r[0],p;switch(a&&r.includes(a)?p=a:p=await select({message:i.bold.magenta("Select a framework for WXT"),choices:r.map(l=>({name:l.charAt(0).toUpperCase()+l.slice(1),value:l})),default:n}),p){case "svelte":await s({templateName:"wxt-svelte",name:o,packageManager:t});break;case "solid":await s({templateName:"wxt-solid",name:o,packageManager:t});break;case "vanilla":await s({templateName:"wxt-vanilla",name:o,packageManager:t});break;default:break}}catch(r){console.error(r);}}async function j(e){switch(e.projectType){case "react-ts-tw":await s({templateName:"react-ts-tw",name:e.name,packageManager:e.packageManager});break;case "next-ts-prisma":await s({templateName:"next-ts-prisma",name:e.name,packageManager:e.packageManager});break;case "wxt...":await T({name:e.name,packageManager:e.packageManager});break;case "electron-svelte":await s({templateName:"electron-svelte",name:e.name,packageManager:e.packageManager,installDependency:false,approveBuild:false}),console.log(i.yellow("Dependencies not installed. Please install dependencies manually"));break;case "python-notebook":await g({name:e.name});break;case "cpp-makefile":await s({templateName:"make-cpp",name:e.name,packageManager:"bun",addManager:false,approveBuild:false,installDependency:false});default:console.log(i.red("Project Type Not Implemented"),e.projectType);break}e.openInEditor!=="no"&&await b(e.name,process.cwd(),e.openInEditor);}var le=fileURLToPath(import.meta.url),me=dirname(le),de=join(me,"../package.json"),fe=JSON.parse(readFileSync(de,"utf8")),ge=fe.version;console.log(i.green("Kunver v"+i.bold(ge)+`
 `));var ue=await input({message:i.bold.blue("Enter a project name"),default:i.gray("my-project"),validate:e=>!e||e.trim().length<2?i.red("Project name must be at least 2 characters"):/^[a-z0-9]+(-[a-z0-9]+)*$/.test(e)?J.existsSync(S.resolve(process.cwd(),e))?i.red("A folder with that name already exists"):true:i.red("Only lowercase letters, numbers, and single hyphens allowed. No spaces or special characters.")}),$=await select({message:i.bold.yellow("Select a project type"),default:"react-ts-tw",choices:P}),B="bun";$!=="python-notebook"&&(B=await select({message:i.bold.green("Select a package manager"),choices:M,default:"bun"}));var we=await select({message:i.bold.cyan("Open in editor?"),choices:F,default:"no"}),ye={projectType:$,packageManager:B,name:ue,openInEditor:we};await j(ye);

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

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

package/dist/templates/wxt-solid/_gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.output
+stats.html
+stats-*.json
+.wxt
+web-ext.config.ts
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

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

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