@tomjs/create-app 0.6.1 → 0.7.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-import a,{renameSync as Ce}from"fs";import Oe from"os";import o from"path";import{fileURLToPath as Ne}from"url";import{blue as K,cyan as Fe,green as Te,red as fe,reset as w,yellow as X}from"kolorist";import{camelCase as De}from"lodash-es";import Ge from"minimist";import Ue from"prompts";import E from"shelljs";import pe from"os";import me from"path";import{blue as Re,red as C,reset as O}from"kolorist";import Pe from"minimist";import Y from"prompts";import l from"fs";import W from"path";function A(e){return[["t","template"],["g","git"]].forEach(([n,c])=>{e[c]=e[c]??e[n]}),e}function re(e){let n=l.readdirSync(e);return n.length===0||n.length===1&&n[0]===".git"}function J(e){return e?.trim().replace(/\/+$/g,"")}function Ee(e,n){l.mkdirSync(n,{recursive:!0});for(let c of l.readdirSync(e)){let y=W.resolve(e,c),m=W.resolve(n,c);M(y,m)}}function M(e,n){l.statSync(e).isDirectory()?Ee(e,n):l.copyFileSync(e,n)}function ie(e){if(l.existsSync(e))for(let n of l.readdirSync(e))n!==".git"&&l.rmSync(W.resolve(e,n),{recursive:!0,force:!0})}function z(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function oe(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function se(e){if(!e)return;let c=e.split(" ")[0].split("/");return{name:c[0],version:c[1]}}function v(e){if(l.existsSync(e))try{return JSON.parse(l.readFileSync(e,"utf8"))}catch(n){console.error(n)}}function x(e,n){l.writeFileSync(e,JSON.stringify(n,null,2)+`
-`)}function $(e){l.existsSync(e)&&l.rmSync(e,{recursive:!0,force:!0})}function ce(e){l.existsSync(e)||l.mkdirSync(e,{recursive:!0})}var Ae=A(Pe(process.argv.slice(2),{string:["_"]})),ae={repo:"https://github.com",owner:pe.userInfo().username};function L(e){let{repo:n,owner:c}=e;return`${n}${n.endsWith("/")?"":"/"}${c}`}async function le(e){let n=await Y([{type:"text",name:"repo",message:O("Git repository url:"),initial:e?.repo||ae.repo},{type:"text",name:"owner",message:O("Git repository owner:"),initial:e?.owner||ae.owner}],{onCancel:()=>{throw console.log(C("\u2716")+" Operation cancelled"),new Error}});return{id:e?.id||Date.now().toString(),repo:n.repo,owner:n.owner}}var ue=me.join(pe.homedir(),".tomjs","create-app"),ge=me.join(ue,"config.json");function N(){return ce(ue),Object.assign({gitRepos:[]},v(ge))}function $e(e){let n=N();n.createTime?n.updateTime=Date.now():n.createTime=Date.now(),x(ge,Object.assign(n,e))}function V(e){$e({gitRepos:e})}async function H(){let{gitRepos:e}=N();(e.length===0||Ae.git)&&(e.length===0&&console.log(`You need to set the ${Re("git remote repository")} for the first time.`),await n());async function n(){let c=e.map(f=>({title:L(f),value:f.id})).concat([{title:"Add",value:"add"},{title:C("Exit"),value:"exit"}]),y=await Y({type:"select",name:"repoId",message:e.length===0?"You choose to add or exit:":"You can choose the repository to be operated, or choose to add or exit:",choices:c},{onCancel:()=>{throw console.log(C("\u2716")+" Operation cancelled"),new Error}}),{repoId:m}=y;if(m==="exit")return;if(m==="add"){let f=await le();return e.push(f),V(e),n()}let S=e.findIndex(f=>f.id===m),R=await Y([{type:"select",name:"action",message:O("Select an action?"),choices:[{title:"Edit",value:"edit"},{title:"Remove",value:"remove"},{title:"Exit",value:"exit"}]},{type:f=>f==="remove"&&"toggle",name:"confirmRemove",message:O("Where confirm to remove?"),initial:!0,active:"Yes",inactive:"No"}],{onCancel:()=>{throw console.log(C("\u2716")+" Operation cancelled"),new Error}}),{action:P,confirmRemove:F}=R;if(P==="exit")return H();if(P==="remove")return F&&(e.splice(S,1),V(e)),n();let T=await le(e[S]);return e[S]=T,V(e),n()}}var q=A(Ge(process.argv.slice(2),{string:["_"]})),B=process.cwd(),ve=[{name:"vue",display:"Vue",color:Te,variants:[{name:"vue",display:"Web",color:K},{name:"electron-vue",display:"Electron",color:X}]},{name:"react",display:"React",color:Fe,variants:[{name:"react",display:"Web",color:K},{name:"electron-react",display:"Electron",color:X}]},{name:"node",display:"Node",color:K,options:[{id:"test",name:"Test"},{id:"publish",name:"Git Repository + NPM Publish"},{id:"ssh",name:"Git init by SSH"},{id:"vite",name:"Vite Plugin"},{id:"electron",name:"Electron"},{id:"examples",name:"Examples"}]}],de=ve.map(e=>e.variants&&e.variants.map(n=>n.name)||[e.name]).reduce((e,n)=>e.concat(n),[]),Q="my-app";function ye(e){let n=E.exec(`git config --get ${e}`,{silent:!0});if(n.code===0)return n.stdout.trim()}function he(e){return e.length>1?e.substring(e.indexOf("/")+1):e}async function _e(){let e=J(q._[0]),n=q.template||q.t,c=e||Q,y=()=>c==="."?o.basename(o.resolve()):c,m=he(c),{gitRepos:S}=N(),R=await Ue([{type:e?null:"text",name:"projectName",message:w("Project name:"),initial:Q,onState:t=>{c=J(t.value)||Q,m=he(c)}},{type:()=>!a.existsSync(m)||re(m)?null:"toggle",name:"overwrite",message:()=>(m==="."?"Current directory":`Target directory "${m}"`)+" is not empty. Remove existing files and continue?",initial:!1,active:"Yes",inactive:"No"},{type:(t,{overwrite:r})=>{if(r===!1)throw console.log(fe("\u2716")+" Operation cancelled"),new Error;return null},name:"overwriteChecker"},{type:()=>z(y())?null:"text",name:"packageName",message:w("Package name:"),initial:()=>oe(y()),validate:t=>z(t)||"Invalid package.json name"},{type:n&&de.includes(n)?null:"select",name:"framework",message:typeof n=="string"&&!de.includes(n)?w(`"${n}" isn't a valid template. Please choose from below: `):w("Select a framework:"),initial:0,choices:ve.map(t=>{let r=t.color;return{title:r(t.display||t.name),value:t}})},{type:t=>t&&t.variants?"select":null,name:"variant",message:w("Select a variant:"),choices:t=>t?.variants?.map(r=>{let i=r.color;return{title:i(r.display||r.name),value:r.name}})},{type:(t,r)=>{let{framework:i}=r;return i&&Array.isArray(i.options)&&i.options.length?"multiselect":null},name:"options",message:w("Select optional options:"),instructions:!1,choices:(t,r)=>{let{framework:i}=r;return i?.options?.map(p=>({title:p.name,value:p.id}))}},{type:(t,r)=>S.length&&Array.isArray(r.options)&&r.options.includes("publish")?"select":null,name:"gitUserUrl",message:w("Which git repository to publish to?"),choices:S.map(t=>{let r=L(t);return{title:r,value:r}})}],{onCancel:()=>{throw console.log(fe("\u2716")+" Operation cancelled"),new Error}}),{framework:P,overwrite:F,packageName:T,variant:f,gitUserUrl:xe}=R,u=R.options||[],s=o.join(B,m);F?ie(s):a.existsSync(s)||a.mkdirSync(s,{recursive:!0}),console.log(`
-Scaffolding project in ${s}...`);let Z=f||P?.name||n||"",D=t=>o.join(Ne(import.meta.url),"../..",`template-${t}`),we=D(Z),G=Z.includes("node");[we,D("config")].forEach(t=>{let r=a.readdirSync(t);for(let i of r){let p=i.startsWith("_")?i.replace("_","."):i;if(G&&!u.includes("examples")&&i.includes("stylelint"))continue;let g=o.join(s,p);M(o.join(t,i),g)}});let h=T||y(),j={name:"UserName",email:"name@github.com"};function ee(t){let r=h.startsWith("@")?h.split("/")[0].substring(1):De(j.name),i=xe||`https://github.com/${r}`;return t&&(i=i.replace(/http(s):\/\//g,"git@").replace(/\//,":")),`${i}/${h.substring(h.indexOf("/")+1)}.git`}je(),G&&(Se(),ke(),be());let te=se(process.env.npm_config_user_agent),U=te?te.name:"npm";E.which("git")&&(E.exec(`cd ${s} && git init`),u.includes("publish")&&E.exec(`cd ${s} && git remote add origin ${ee(u.includes("ssh"))}`));let _=o.relative(B,s);switch(console.log(`
+import a,{renameSync as $e}from"fs";import Ge from"os";import r from"path";import{fileURLToPath as Ne}from"url";import{lightBlue as O,lightCyan as Oe,lightGreen as F,lightYellow as Fe,red as fe,reset as w,yellow as Te}from"kolorist";import{camelCase as De}from"lodash-es";import Ue from"minimist";import _e from"prompts";import E from"shelljs";import pe from"os";import me from"path";import{blue as Re,red as $,reset as G}from"kolorist";import Pe from"minimist";import H from"prompts";import l from"fs";import W from"path";function A(e){return[["t","template"],["g","git"]].forEach(([n,c])=>{e[c]=e[c]??e[n]}),e}function ie(e){return l.readdirSync(e).length===0}function M(e){return e?.trim().replace(/\/+$/g,"")}function Ee(e,n){l.mkdirSync(n,{recursive:!0});for(let c of l.readdirSync(e)){let y=W.resolve(e,c),m=W.resolve(n,c);z(y,m)}}function z(e,n){l.statSync(e).isDirectory()?Ee(e,n):l.copyFileSync(e,n)}function oe(e){if(l.existsSync(e))for(let n of l.readdirSync(e))l.rmSync(W.resolve(e,n),{recursive:!0,force:!0})}function Y(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function re(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function se(e){if(!e)return;let c=e.split(" ")[0].split("/");return{name:c[0],version:c[1]}}function v(e){if(l.existsSync(e))try{return JSON.parse(l.readFileSync(e,"utf8"))}catch(n){console.error(n)}}function x(e,n){l.writeFileSync(e,JSON.stringify(n,null,2)+`
+`)}function C(e){l.existsSync(e)&&l.rmSync(e,{recursive:!0,force:!0})}function ce(e){l.existsSync(e)||l.mkdirSync(e,{recursive:!0})}var Ae=A(Pe(process.argv.slice(2),{string:["_"]})),ae={repo:"https://github.com",owner:pe.userInfo().username};function B(e){let{repo:n,owner:c}=e;return`${n}${n.endsWith("/")?"":"/"}${c}`}async function le(e){let n=await H([{type:"text",name:"repo",message:G("Git repository url:"),initial:e?.repo||ae.repo},{type:"text",name:"owner",message:G("Git repository owner:"),initial:e?.owner||ae.owner}],{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}});return{id:e?.id||Date.now().toString(),repo:n.repo,owner:n.owner}}var ue=me.join(pe.homedir(),".tomjs","create-app"),ge=me.join(ue,"config.json");function N(){return ce(ue),Object.assign({gitRepos:[]},v(ge))}function Ce(e){let n=N();n.createTime?n.updateTime=Date.now():n.createTime=Date.now(),x(ge,Object.assign(n,e))}function L(e){Ce({gitRepos:e})}async function K(){let{gitRepos:e}=N();(e.length===0||Ae.git)&&(e.length===0&&console.log(`You need to set the ${Re("git remote repository")} for the first time.`),await n());async function n(){let c=e.map(f=>({title:B(f),value:f.id})).concat([{title:"Add",value:"add"},{title:$("Exit"),value:"exit"}]),y=await H({type:"select",name:"repoId",message:e.length===0?"You choose to add or exit:":"You can choose the repository to be operated, or choose to add or exit:",choices:c},{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}}),{repoId:m}=y;if(m==="exit")return;if(m==="add"){let f=await le();return e.push(f),L(e),n()}let S=e.findIndex(f=>f.id===m),R=await H([{type:"select",name:"action",message:G("Select an action?"),choices:[{title:"Edit",value:"edit"},{title:"Remove",value:"remove"},{title:"Exit",value:"exit"}]},{type:f=>f==="remove"&&"toggle",name:"confirmRemove",message:G("Where confirm to remove?"),initial:!0,active:"Yes",inactive:"No"}],{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}}),{action:P,confirmRemove:T}=R;if(P==="exit")return K();if(P==="remove")return T&&(e.splice(S,1),L(e)),n();let D=await le(e[S]);return e[S]=D,L(e),n()}}var q=A(Ue(process.argv.slice(2),{string:["_"]})),Q=process.cwd(),ve=[{name:"web",display:"Web App",color:F,variants:[{name:"vue",display:"Vue",color:F},{name:"react",display:"React",color:O}]},{name:"electron",display:"Electron App",color:O,variants:[{name:"electron-vue",display:"Vue",color:F},{name:"electron-react",display:"React",color:O}]},{name:"vscode",display:"VSCode Extension",color:Oe,options:[{id:"publish",name:"Git Repository + NPM Publish"},{id:"ssh",name:"Git init by SSH"}],variants:[{name:"vscode-vue",display:"Vue",color:F},{name:"vscode-react",display:"React",color:O}]},{name:"node",display:"Node",color:Fe,options:[{id:"test",name:"Test"},{id:"publish",name:"Git Repository + NPM Publish"},{id:"ssh",name:"Git init by SSH"},{id:"vite",name:"Vite Plugin"},{id:"electron",name:"Electron"},{id:"examples",name:"Examples"}]}],de=ve.map(e=>e.variants&&e.variants.map(n=>n.name)||[e.name]).reduce((e,n)=>e.concat(n),[]),X="my-app";function ye(e){let n=E.exec(`git config --get ${e}`,{silent:!0});if(n.code===0)return n.stdout.trim()}function he(e){return e.length>1?e.substring(e.indexOf("/")+1):e}async function Ie(){let e=M(q._[0]),n=q.template||q.t,c=e||X,y=()=>c==="."?r.basename(r.resolve()):c,m=he(c),{gitRepos:S}=N(),R=await _e([{type:e?null:"text",name:"projectName",message:w("Project name:"),initial:X,onState:t=>{c=M(t.value)||X,m=he(c)}},{type:()=>!a.existsSync(m)||ie(m)?null:"toggle",name:"overwrite",message:()=>(m==="."?"Current directory":`Target directory "${m}"`)+" is not empty. Remove existing files and continue?",initial:!1,active:"Yes",inactive:"No"},{type:(t,{overwrite:i})=>{if(i===!1)throw console.log(fe("\u2716")+" Operation cancelled"),new Error;return null},name:"overwriteChecker"},{type:()=>Y(y())?null:"text",name:"packageName",message:w("Package name:"),initial:()=>re(y()),validate:t=>Y(t)||"Invalid package.json name"},{type:n&&de.includes(n)?null:"select",name:"framework",message:typeof n=="string"&&!de.includes(n)?w(`"${n}" isn't a valid template. Please choose from below: `):w("Select a framework:"),initial:0,choices:ve.map(t=>{let i=t.color;return{title:i(t.display||t.name),value:t}})},{type:t=>t&&t.variants?"select":null,name:"variant",message:w("Select a variant:"),choices:t=>t?.variants?.map(i=>{let o=i.color;return{title:o(i.display||i.name),value:i.name}})},{type:(t,i)=>{let{framework:o}=i;return o&&Array.isArray(o.options)&&o.options.length?"multiselect":null},name:"options",message:w("Select optional options:"),instructions:!1,choices:(t,i)=>{let{framework:o}=i;return o?.options?.map(p=>({title:p.name,value:p.id}))}},{type:(t,i)=>S.length&&Array.isArray(i.options)&&i.options.includes("publish")?"select":null,name:"gitUserUrl",message:w("Which git repository to publish to?"),choices:S.map(t=>{let i=B(t);return{title:i,value:i}})}],{onCancel:()=>{throw console.log(fe("\u2716")+" Operation cancelled"),new Error}}),{framework:P,overwrite:T,packageName:D,variant:f,gitUserUrl:xe}=R,u=R.options||[],s=r.join(Q,m);T?oe(s):a.existsSync(s)||a.mkdirSync(s,{recursive:!0}),console.log(`
+Scaffolding project in ${s}...`);let Z=f||P?.name||n||"",U=t=>r.join(Ne(import.meta.url),"../..",`template-${t}`),we=U(Z),_=Z.includes("node");[we,U("config")].forEach(t=>{let i=a.readdirSync(t);for(let o of i){let p=o.startsWith("_")?o.replace("_","."):o;if(_&&!u.includes("examples")&&o.includes("stylelint"))continue;let g=r.join(s,p);z(r.join(t,o),g)}});let h=D||y(),j={name:"UserName",email:"name@github.com"};function ee(t=!1){let i=h.startsWith("@")?h.split("/")[0].substring(1):De(j.name),o=xe||`https://github.com/${i}`;return t&&(o=o.replace(/http(s):\/\//g,"git@").replace(/\//,":")),`${o}/${h.substring(h.indexOf("/")+1)}.git`}je(),_&&(Se(),ke(),be());let te=se(process.env.npm_config_user_agent),I=te?te.name:"npm";E.which("git")&&(E.exec(`cd ${s} && git init`),u.includes("publish")&&E.exec(`cd ${s} && git remote add origin ${ee(u.includes("ssh"))}`));let J=r.relative(Q,s);switch(console.log(`
 Done. Now run:
-`),s!==B&&console.log(`  cd ${_.includes(" ")?`"${_}"`:_}`),U){case"yarn":console.log("  yarn"),console.log("  yarn dev");break;default:console.log(`  ${U} install`),console.log(`  ${U} run dev`);break}function Se(){["LICENSE","README.md","README.zh_CN.md"].forEach(t=>{let r=o.join(s,t);if(!u.includes("publish")&&a.existsSync(r)){a.rmSync(r),t==="README.md"&&a.writeFileSync(r,`# ${h}
-`,{encoding:"utf-8"});return}if(!a.existsSync(r))return;let i=a.readFileSync(r,"utf-8").replace(new RegExp("{{pkg.name}}","g"),h).replace(new RegExp("{{user.name}}","g"),j.name).replace(new RegExp("{{user.email}}","g"),j.email);a.writeFileSync(r,i)})}function k(t,...r){["dependencies","devDependencies"].forEach(i=>{Object.keys(t[i]||{}).forEach(p=>{r.find(g=>p.includes(g))&&delete t[i][p]})})}function je(){let t=v(o.join(s,"package.json"));t.name=h,u.includes("publish")?(E.which("git")&&(j.name=ye("user.name")||Oe.userInfo().username,j.email=ye("user.email")||"",t.author=Object.assign(t.author,j)),t.repository.url=`git+${ee()}`):(delete t.author,delete t.publishConfig,delete t.repository,delete t.scripts.prepublishOnly,delete t.devDependencies.np),G&&(u.includes("electron")||(k(t,"electron"),t.scripts["lint:eslint"]=t.scripts["lint:eslint"].replace(",electron","")),u.includes("vite")||k(t,"vite")),x(o.join(s,"package.json"),t)}function I(t,r){let i=t.lastIndexOf("."),p=t.substring(0,i)+"."+r+t.substring(i),g=o.join(s,t),d=o.join(s,p);u.includes(r)?($(g),a.existsSync(d)&&Ce(d,g)):$(d)}function ke(){if(I("tsconfig.json","test"),I("jest.config.cjs","electron"),u.includes("test"))return;a.readdirSync(s).filter(i=>i.startsWith("jest.config")||["test"].includes(i)).forEach(i=>{$(o.join(s,i))});let t=o.join(s,"package.json"),r=v(t);delete r.scripts.test,r.scripts["lint:eslint"]=r.scripts["lint:eslint"].replace(",test",""),k(r,"jest"),x(t,r)}function be(){if(I(".lintstagedrc.cjs","examples"),!u.includes("examples")){let i=v(o.join(s,"package.json"));i.scripts.lint=i.scripts.lint.replace(" lint:stylelint",""),i.scripts["lint:eslint"]=i.scripts["lint:eslint"].replace(",examples",""),delete i.scripts["lint:stylelint"],k(i,"stylelint"),x(o.join(s,"package.json"),i);return}let t=o.join(s,"examples");a.mkdirSync(t);let r=u.includes("electron");["vue","react"].forEach(i=>{let p=D(r?`electron-${i}`:i),g=o.join(t,i);if(!a.existsSync(p)){console.log(`${X(p)} template is not exist`);return}a.cpSync(p,g,{recursive:!0});let d=v(o.join(g,"package.json"));Object.keys(d.scripts).forEach(b=>{(b.startsWith("lint")||["prepare"].includes(b))&&delete d.scripts[b]}),k(d,"eslint","prettier","stylelint","commitlint","husky","lint-staged","tsconfig","lint-staged","npm-run-all"),x(o.join(g,"package.json"),d),["_lintstagedrc.cjs"].forEach(b=>{let ne=o.join(g,b);a.existsSync(ne)&&a.rmSync(ne,{recursive:!0})})}),a.writeFileSync(o.join(s,"pnpm-workspace.yaml"),`packages:
-  - 'examples/*'`,{encoding:"utf-8"})}}H().then(async()=>_e().catch(e=>{e.message&&console.error(e)})).catch(e=>{e.message&&console.error(e)});
+`),s!==Q&&console.log(`  cd ${J.includes(" ")?`"${J}"`:J}`),I){case"yarn":console.log("  yarn"),console.log("  yarn dev");break;default:console.log(`  ${I} install`),console.log(`  ${I} run dev`);break}function Se(){["LICENSE","README.md","README.zh_CN.md"].forEach(t=>{let i=r.join(s,t);if(!u.includes("publish")&&a.existsSync(i)){a.rmSync(i),t==="README.md"&&a.writeFileSync(i,`# ${h}
+`,{encoding:"utf-8"});return}if(!a.existsSync(i))return;let o=a.readFileSync(i,"utf-8").replace(new RegExp("{{pkg.name}}","g"),h).replace(new RegExp("{{user.name}}","g"),j.name).replace(new RegExp("{{user.email}}","g"),j.email);a.writeFileSync(i,o)})}function k(t,...i){["dependencies","devDependencies"].forEach(o=>{Object.keys(t[o]||{}).forEach(p=>{i.find(g=>p.includes(g))&&delete t[o][p]})})}function je(){let t=v(r.join(s,"package.json"));t.name=h,u.includes("publish")?(E.which("git")&&(j.name=ye("user.name")||Ge.userInfo().username,j.email=ye("user.email")||"",t.author=Object.assign(t.author,j)),t.publishConfig={access:"public",registry:"https://registry.npmjs.org/"},t.repository??={type:"git"},t.repository.url=`git+${ee()}`):(delete t.author,delete t.publishConfig,delete t.repository,delete t.scripts.prepublishOnly,delete t.devDependencies.np),_&&(u.includes("electron")||(k(t,"electron"),t.scripts["lint:eslint"]=t.scripts["lint:eslint"].replace(",electron","")),u.includes("vite")||k(t,"vite")),x(r.join(s,"package.json"),t)}function V(t,i){let o=t.lastIndexOf("."),p=t.substring(0,o)+"."+i+t.substring(o),g=r.join(s,t),d=r.join(s,p);u.includes(i)?(C(g),a.existsSync(d)&&$e(d,g)):C(d)}function ke(){if(V("tsconfig.json","test"),V("jest.config.cjs","electron"),u.includes("test"))return;a.readdirSync(s).filter(o=>o.startsWith("jest.config")||["test"].includes(o)).forEach(o=>{C(r.join(s,o))});let t=r.join(s,"package.json"),i=v(t);delete i.scripts.test,i.scripts["lint:eslint"]=i.scripts["lint:eslint"].replace(",test",""),k(i,"jest"),x(t,i)}function be(){if(V(".lintstagedrc.cjs","examples"),!u.includes("examples")){let o=v(r.join(s,"package.json"));o.scripts.lint=o.scripts.lint.replace(" lint:stylelint",""),o.scripts["lint:eslint"]=o.scripts["lint:eslint"].replace(",examples",""),delete o.scripts["lint:stylelint"],k(o,"stylelint"),x(r.join(s,"package.json"),o);return}let t=r.join(s,"examples");a.mkdirSync(t);let i=u.includes("electron");["vue","react"].forEach(o=>{let p=U(i?`electron-${o}`:o),g=r.join(t,o);if(!a.existsSync(p)){console.log(`${Te(p)} template is not exist`);return}a.cpSync(p,g,{recursive:!0});let d=v(r.join(g,"package.json"));Object.keys(d.scripts).forEach(b=>{(b.startsWith("lint")||["prepare"].includes(b))&&delete d.scripts[b]}),k(d,"eslint","prettier","stylelint","commitlint","husky","lint-staged","tsconfig","lint-staged","npm-run-all"),x(r.join(g,"package.json"),d),["_lintstagedrc.cjs"].forEach(b=>{let ne=r.join(g,b);a.existsSync(ne)&&a.rmSync(ne,{recursive:!0})})}),a.writeFileSync(r.join(s,"pnpm-workspace.yaml"),`packages:
+  - 'examples/*'`,{encoding:"utf-8"})}}K().then(async()=>Ie().catch(e=>{e.message&&console.error(e)})).catch(e=>{e.message&&console.error(e)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomjs/create-app",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "create tomjs web app",
   "keywords": [
     "tomjs",

package/template-electron-react/.vscode/launch.json

@@ -6,7 +6,6 @@
   "configurations": [
     {
       "name": "Debug Main Process",
-      "preLaunchTask": "npm:debug",
       "type": "node",
       "request": "launch",
       "cwd": "${workspaceFolder}",
@@ -23,7 +22,7 @@
         "${workspaceFolder}/**/*.mjs",
         "!**/node_modules/**"
       ],
-      "envFile": "${workspaceFolder}/node_modules/@tomjs/vite-plugin-electron/debug/.env"
-    },
+      "preLaunchTask": "${defaultBuildTask}",
+    }
   ]
 }

package/template-electron-react/.vscode/tasks.json

@@ -4,11 +4,9 @@
   "version": "2.0.0",
   "tasks": [
     {
-      "label": "npm:debug",
       "type": "npm",
-      "script": "debug",
+      "script": "dev",
       "detail": "cross-env VITE_ELECTRON_DEBUG=1 vite",
-      "isBackground": true,
       "problemMatcher": {
         "owner": "typescript",
         "fileLocation": "relative",
@@ -25,6 +23,14 @@
           "beginsPattern": "^.*VITE v.*  ready in \\d* ms.*$",
           "endsPattern": "^.*\\[@tomjs:electron\\] startup electron*$"
         }
+      },
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
       }
     }
   ]

package/template-electron-react/README.md

@@ -95,7 +95,3 @@ Run `Debug Main Process` through `vscode` to debug the main thread. For debuggin
   ]
 }
 ```
-
-## Reference project
-
-- [electron-vite-react](https://github.com/electron-vite/electron-vite-react)

package/template-electron-react/electron/main/index.ts

@@ -24,7 +24,7 @@ const isDev = process.env.NODE_ENV === 'development';
 let win: BrowserWindow | null = null;
 // package.json "type":"module", must use mjs extension
 const preload = join(__dirname, '../preload/index.mjs');
-const serverUrl = process.env.APP_DEV_SERVER_URL as string;
+const serverUrl = process.env.VITE_DEV_SERVER_URL as string;
 const rendererDist = join(__dirname, '../renderer');
 const indexHtml = join(rendererDist, 'index.html');
 const publicPath = serverUrl ? join(__dirname, '../../public') : rendererDist;

package/template-electron-react/package.json

@@ -11,7 +11,7 @@
     "dev": "vite",
     "debug": "cross-env VITE_ELECTRON_DEBUG=1 npm run dev",
     "build": "npm run clean && vite build",
-    "build:pack": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
+    "release": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
     "clean": "rimraf ./dist",
     "lint": "run-s lint:eslint lint:stylelint lint:prettier",
     "lint:eslint": "eslint \"{src,electron,scripts}/**/*.{ts,tsx}\" *.{js,cjs,ts} --fix --cache",
@@ -31,7 +31,7 @@
     "@tomjs/prettier": "^1.0.9",
     "@tomjs/stylelint": "^2.0.2",
     "@tomjs/tsconfig": "^1.1.5",
-    "@tomjs/vite-plugin-electron": "^1.6.0",
+    "@tomjs/vite-plugin-electron": "^1.7.0",
     "@types/node": "^18.19.3",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
@@ -46,7 +46,7 @@
     "prettier": "^3.1.1",
     "rimraf": "^5.0.5",
     "stylelint": "^16.0.2",
-    "tsx": "^4.6.2",
+    "tsx": "^4.7.0",
     "typescript": "~5.3.3",
     "vite": "^5.0.10",
     "vite-plugin-electron-renderer": "^0.14.5"

package/template-electron-vue/.vscode/launch.json

@@ -6,7 +6,6 @@
   "configurations": [
     {
       "name": "Debug Main Process",
-      "preLaunchTask": "npm:debug",
       "type": "node",
       "request": "launch",
       "cwd": "${workspaceFolder}",
@@ -23,7 +22,7 @@
         "${workspaceFolder}/**/*.mjs",
         "!**/node_modules/**"
       ],
-      "envFile": "${workspaceFolder}/node_modules/@tomjs/vite-plugin-electron/debug/.env"
-    },
+      "preLaunchTask": "${defaultBuildTask}"
+    }
   ]
 }

package/template-electron-vue/.vscode/tasks.json

@@ -4,11 +4,9 @@
   "version": "2.0.0",
   "tasks": [
     {
-      "label": "npm:debug",
       "type": "npm",
-      "script": "debug",
+      "script": "dev",
       "detail": "cross-env VITE_ELECTRON_DEBUG=1 vite",
-      "isBackground": true,
       "problemMatcher": {
         "owner": "typescript",
         "fileLocation": "relative",
@@ -25,6 +23,14 @@
           "beginsPattern": "^.*VITE v.*  ready in \\d* ms.*$",
           "endsPattern": "^.*\\[@tomjs:electron\\] startup electron*$"
         }
+      },
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
       }
     }
   ]

package/template-electron-vue/README.md

@@ -90,7 +90,3 @@ Run `Debug Main Process` through `vscode` to debug the main thread. For debuggin
   ]
 }
 ```
-
-## Reference project
-
-- [electron-vite-vue](https://github.com/electron-vite/electron-vite-vue)

package/template-electron-vue/electron/main/index.ts

@@ -24,7 +24,7 @@ const isDev = process.env.NODE_ENV === 'development';
 let win: BrowserWindow | null = null;
 // package.json "type":"module", must use mjs extension
 const preload = join(__dirname, '../preload/index.mjs');
-const serverUrl = process.env.APP_DEV_SERVER_URL as string;
+const serverUrl = process.env.VITE_DEV_SERVER_URL as string;
 const rendererDist = join(__dirname, '../renderer');
 const indexHtml = join(rendererDist, 'index.html');
 const publicPath = serverUrl ? join(__dirname, '../../public') : rendererDist;

package/template-electron-vue/package.json

@@ -11,10 +11,10 @@
     "dev": "vite",
     "debug": "cross-env VITE_ELECTRON_DEBUG=1 npm run dev",
     "build": "npm run clean && vue-tsc --noEmit && vite build",
-    "build:pack": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
+    "release": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
     "clean": "rimraf ./dist",
     "lint": "run-s lint:eslint lint:stylelint lint:prettier",
-    "lint:eslint": "eslint \"{src,electron,scripts}/**/*.{js,cjs,ts,vue}\" *.{js,cjs,ts} --fix --cache",
+    "lint:eslint": "eslint \"{src,electron,scripts}/**/*.{js,cjs,ts,tsx,vue}\" *.{js,cjs,ts} --fix --cache",
     "lint:stylelint": "stylelint \"{src,electron,scripts}/**/*.{css,scss,less,html}\" --fix --cache",
     "lint:prettier": "prettier --write .",
     "prepare": "husky install"
@@ -30,7 +30,7 @@
     "@tomjs/prettier": "^1.0.9",
     "@tomjs/stylelint": "^2.0.2",
     "@tomjs/tsconfig": "^1.1.5",
-    "@tomjs/vite-plugin-electron": "^1.6.0",
+    "@tomjs/vite-plugin-electron": "^1.7.0",
     "@types/node": "^18.19.3",
     "@vitejs/plugin-vue": "^4.5.2",
     "cross-env": "^7.0.3",
@@ -43,7 +43,7 @@
     "prettier": "^3.1.1",
     "rimraf": "^5.0.5",
     "stylelint": "^16.0.2",
-    "tsx": "^4.6.2",
+    "tsx": "^4.7.0",
     "typescript": "~5.3.3",
     "vite": "^5.0.10",
     "vite-plugin-electron-renderer": "^0.14.5",

package/template-node/package.json

@@ -73,7 +73,7 @@
     "stylelint": "^16.0.2",
     "ts-jest": "^29.1.1",
     "tsup": "^8.0.1",
-    "tsx": "^4.6.2",
+    "tsx": "^4.7.0",
     "typescript": "~5.3.3",
     "vite": "^5.0.10"
   }

package/template-react/README.md

@@ -1,7 +1,3 @@
 # react
 
 vite + react
-
-## Reference project
-
-- [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts)

package/template-vscode-react/.eslintrc.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  env: {
+    node: true,
+    es6: true,
+  },
+  extends: [require.resolve('@tomjs/eslint/react/typescript')],
+};

package/template-vscode-react/.vscode/launch.json

@@ -0,0 +1,21 @@
+// A launch configuration that compiles the extension and then opens it inside a new window
+// Use IntelliSense to learn about possible attributes.
+// Hover to view descriptions of existing attributes.
+// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}"
+      ],
+      "outFiles": [
+        "${workspaceFolder}/dist/extension/*.js"
+      ],
+      "preLaunchTask": "${defaultBuildTask}"
+    }
+  ]
+}

package/template-vscode-react/.vscode/tasks.json

@@ -0,0 +1,36 @@
+// See https://go.microsoft.com/fwlink/?LinkId=733558
+// for the documentation about the tasks.json format
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "dev",
+      "problemMatcher": {
+        "owner": "typescript",
+        "fileLocation": "relative",
+        "pattern": {
+          "regexp": "^([a-zA-Z]\\:\/?([\\w\\-]\/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
+          "file": 1,
+          "line": 3,
+          "column": 4,
+          "code": 5,
+          "message": 6
+        },
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": "^.*extension build start*$",
+          "endsPattern": "^.*extension (build|rebuild) success.*$"
+        }
+      },
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    }
+  ]
+}

package/template-vscode-react/README.md

@@ -0,0 +1,87 @@
+# extension-vue
+
+vite + extension + vue
+
+## Description
+
+- Recommend `extension` and page `src` code directory structure
+
+```
+|--extension      // extension code
+|  |--index.ts
+|--src            // front-end code
+|  |--App.vue
+|  |--main.ts
+```
+
+- Zero configuration, default dist output directory
+
+```
+|--dist
+|  |--extension
+|  |  |--index.js
+|  |  |--index.js.map
+|  |--webview
+|  |  |--index.html
+```
+
+## Debug
+
+Run `Run Extension` through `vscode` to debug. For debugging tools, refer to [Official Documentation](https://code.visualstudio.com/docs/editor/debugging)
+
+`launch.json` is configured as follows:
+
+```json
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Run Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
+      "outFiles": ["${workspaceFolder}/dist/extension/*.js"],
+      "preLaunchTask": "${defaultBuildTask}"
+    }
+  ]
+}
+```
+
+`tasks.json` is configured as follows:
+
+```json
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "dev",
+      "problemMatcher": {
+        "owner": "typescript",
+        "fileLocation": "relative",
+        "pattern": {
+          "regexp": "^([a-zA-Z]\\:/?([\\w\\-]/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
+          "file": 1,
+          "line": 3,
+          "column": 4,
+          "code": 5,
+          "message": 6
+        },
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": "^.*extension build start*$",
+          "endsPattern": "^.*extension (build|rebuild) success.*$"
+        }
+      },
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never"
+      },
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      }
+    }
+  ]
+}
+```

package/template-vscode-react/_lintstagedrc.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  '*.{js,cjs,ts,tsx}': ['eslint --fix', 'prettier --write'],
+  '*.{json,md}': ['prettier --write'],
+  '*.{css,scss,less,html}': ['stylelint --fix', 'prettier --write'],
+};

package/template-vscode-react/extension/index.ts

@@ -0,0 +1,14 @@
+import { commands, ExtensionContext } from 'vscode';
+import { MainPanel } from './panels/MainPanel';
+
+export function activate(context: ExtensionContext) {
+  // Create the show hello world command
+  const showHelloWorldCommand = commands.registerCommand('hello-world.showHelloWorld', async () => {
+    MainPanel.render(context.extensionUri);
+  });
+
+  // Add command to the extension context
+  context.subscriptions.push(showHelloWorldCommand);
+}
+
+export function deactivate() {}

package/template-vscode-react/extension/panels/MainPanel.ts

@@ -0,0 +1,172 @@
+import { Disposable, Uri, ViewColumn, Webview, WebviewPanel, window } from 'vscode';
+// import __getWebviewHtml from '@tomjs/vscode-extension-webview';
+
+function uuid() {
+  let text = '';
+  const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  for (let i = 0; i < 32; i++) {
+    text += possible.charAt(Math.floor(Math.random() * possible.length));
+  }
+  return text;
+}
+
+function getUri(webview: Webview, extensionUri: Uri, pathList: string[]) {
+  return webview.asWebviewUri(Uri.joinPath(extensionUri, ...pathList));
+}
+
+/**
+ * This class manages the state and behavior of HelloWorld webview panels.
+ *
+ * It contains all the data and methods for:
+ *
+ * - Creating and rendering HelloWorld webview panels
+ * - Properly cleaning up and disposing of webview resources when the panel is closed
+ * - Setting the HTML (and by proxy CSS/JavaScript) content of the webview panel
+ * - Setting message listeners so data can be passed between the webview and extension
+ */
+export class MainPanel {
+  public static currentPanel: MainPanel | undefined;
+  private readonly _panel: WebviewPanel;
+  private _disposables: Disposable[] = [];
+
+  /**
+   * The HelloWorldPanel class private constructor (called only from the render method).
+   *
+   * @param panel A reference to the webview panel
+   * @param extensionUri The URI of the directory containing the extension
+   */
+  private constructor(panel: WebviewPanel, extensionUri: Uri) {
+    this._panel = panel;
+
+    // Set an event listener to listen for when the panel is disposed (i.e. when the user closes
+    // the panel or when the panel is closed programmatically)
+    this._panel.onDidDispose(() => this.dispose(), null, this._disposables);
+
+    // Set the HTML content for the webview panel
+    this._panel.webview.html = this._getWebviewContent(this._panel.webview, extensionUri);
+
+    // Set an event listener to listen for messages passed from the webview context
+    this._setWebviewMessageListener(this._panel.webview);
+  }
+
+  /**
+   * Renders the current webview panel if it exists otherwise a new webview panel
+   * will be created and displayed.
+   *
+   * @param extensionUri The URI of the directory containing the extension.
+   */
+  public static render(extensionUri: Uri) {
+    if (MainPanel.currentPanel) {
+      // If the webview panel already exists reveal it
+      MainPanel.currentPanel._panel.reveal(ViewColumn.One);
+    } else {
+      // If a webview panel does not already exist create and show a new one
+      const panel = window.createWebviewPanel(
+        // Panel view type
+        'showHelloWorld',
+        // Panel title
+        'Hello World',
+        // The editor column the panel should be displayed in
+        ViewColumn.One,
+        // Extra panel configurations
+        {
+          // Enable JavaScript in the webview
+          enableScripts: true,
+          // Restrict the webview to only load resources from the `dist/webview` directories
+          localResourceRoots: [Uri.joinPath(extensionUri, 'dist/webview')],
+        },
+      );
+
+      MainPanel.currentPanel = new MainPanel(panel, extensionUri);
+    }
+  }
+
+  /**
+   * Cleans up and disposes of webview resources when the webview panel is closed.
+   */
+  public dispose() {
+    MainPanel.currentPanel = undefined;
+
+    // Dispose of the current webview panel
+    this._panel.dispose();
+
+    // Dispose of all disposables (i.e. commands) for the current webview panel
+    while (this._disposables.length) {
+      const disposable = this._disposables.pop();
+      if (disposable) {
+        disposable.dispose();
+      }
+    }
+  }
+
+  /**
+   * Defines and returns the HTML that should be rendered within the webview panel.
+   *
+   * @remarks This is also the place where references to the Vue webview build files
+   * are created and inserted into the webview HTML.
+   *
+   * @param webview A reference to the extension webview
+   * @param extensionUri The URI of the directory containing the extension
+   * @returns A template string literal containing the HTML that should be
+   * rendered within the webview panel
+   */
+  private _getWebviewContent(webview: Webview, extensionUri: Uri) {
+    // The CSS file from the Vue build output
+    const stylesUri = getUri(webview, extensionUri, ['dist', 'webview', 'assets', 'index.css']);
+    // The JS file from the Vue build output
+    const scriptUri = getUri(webview, extensionUri, ['dist', 'webview', 'assets', 'index.js']);
+
+    const nonce = uuid();
+
+    if (process.env.VITE_DEV_SERVER_URL) {
+      // @ts-ignore
+      return __getWebviewHtml({ serverUrl: process.env.VITE_DEV_SERVER_URL });
+    }
+
+    // Tip: Install the es6-string-html VS Code extension to enable code highlighting below
+    return /*html*/ `
+      <!doctype html>
+      <html lang="en">
+        <head>
+          <meta charset="UTF-8" />
+          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+          <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource}; script-src 'nonce-${nonce}';">
+          <script type="module" crossorigin nonce="${nonce}" src="${scriptUri}"></script>
+          <link rel="stylesheet" crossorigin href="${stylesUri}">
+          <title>Hello World</title>
+        </head>
+        <body>
+          <div id="app"></div>
+        </body>
+      </html>
+    `;
+  }
+
+  /**
+   * Sets up an event listener to listen for messages passed from the webview context and
+   * executes code based on the message that is recieved.
+   *
+   * @param webview A reference to the extension webview
+   * @param context A reference to the extension context
+   */
+  private _setWebviewMessageListener(webview: Webview) {
+    webview.onDidReceiveMessage(
+      (message: any) => {
+        const command = message.command;
+        const text = message.text;
+        console.log(`command: ${command}`);
+
+        switch (command) {
+          case 'hello':
+            // Code that should run in response to the hello message command
+            window.showInformationMessage(text);
+            return;
+          // Add more switch case statements here as more webview message commands
+          // are created within the webview context (i.e. inside media/main.js)
+        }
+      },
+      undefined,
+      this._disposables,
+    );
+  }
+}