@tomjs/create-app 0.0.7 → 0.0.9

package/README.md

@@ -50,14 +50,15 @@ pnpm create @tomjs/app --template vue
 
 Parameters:
 
-- `-t --template` : specify the template, optional values: `vue` , `react`
+- `-t --template` : specify the template
 
 Support templates:
 
 - vue
-- electron-vue
 - react
+- electron-vue
 - electron-react
+- node
 
 ## Reference project
 

package/README.zh_CN.md

@@ -51,14 +51,15 @@ pnpm create @tomjs/app my-app --template vue
 
 参数说明:
 
-- `-t --template`：指定模板，可选值：`vue`、`react`
+- `-t --template`：指定模板
 
 支持模板:
 
 - vue
-- electron-vue
 - react
+- electron-vue
 - electron-react
+- node
 
 ## 参考项目
 

package/dist/index.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import c from"fs";import a from"path";import{fileURLToPath as J}from"url";import{blue as A,cyan as K,green as q,red as D,reset as p,yellow as T}from"kolorist";import B from"minimist";import G from"prompts";import s from"fs";import d from"path";function P(e){return[["t","template"]].forEach(([t,n])=>{e[n]=e[n]??e[t]}),e}function _(e){let t=s.readdirSync(e);return t.length===0||t.length===1&&t[0]===".git"}function y(e){return e?.trim().replace(/\/+$/g,"")}function I(e,t){s.mkdirSync(t,{recursive:!0});for(let n of s.readdirSync(e)){let l=d.resolve(e,n),g=d.resolve(t,n);v(l,g)}}function v(e,t){s.statSync(e).isDirectory()?I(e,t):s.copyFileSync(e,t)}function b(e){if(s.existsSync(e))for(let t of s.readdirSync(e))t!==".git"&&s.rmSync(d.resolve(e,t),{recursive:!0,force:!0})}function k(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function C(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function E(e){if(!e)return;let n=e.split(" ")[0].split("/");return{name:n[0],version:n[1]}}var w=P(B(process.argv.slice(2),{string:["_"]})),S=process.cwd(),R=[{name:"vue",display:"Vue",color:q,variants:[{name:"vue",display:"Web",color:A},{name:"electron-vue",display:"Electron",color:T}]},{name:"react",display:"React",color:K,variants:[{name:"react",display:"Web",color:A},{name:"electron-react",display:"Electron",color:T}]}],$=R.map(e=>e.variants&&e.variants.map(t=>t.name)||[e.name]).reduce((e,t)=>e.concat(t),[]),H={_gitignore:".gitignore","_lintstagedrc.cjs":".lintstagedrc.cjs"},F="my-app";async function Q(){let e=y(w._[0]),t=w.template||w.t,n=e||F,l=()=>n==="."?a.basename(a.resolve()):n,g={};g=await G([{type:e?null:"text",name:"projectName",message:p("Project name:"),initial:F,onState:r=>{n=y(r.value)||F}},{type:()=>!c.existsSync(n)||_(n)?null:"toggle",name:"overwrite",message:()=>(n==="."?"Current directory":`Target directory "${n}"`)+" is not empty. Remove existing files and continue?",initial:!1,active:"yes",inactive:"no"},{type:(r,{overwrite:o})=>{if(o===!1)throw console.log(D("\u2716")+" Operation cancelled"),new Error;return null},name:"overwriteChecker"},{type:()=>k(l())?null:"text",name:"packageName",message:p("Package name:"),initial:()=>C(l()),validate:r=>k(r)||"Invalid package.json name"},{type:t&&$.includes(t)?null:"select",name:"framework",message:typeof t=="string"&&!$.includes(t)?p(`"${t}" isn't a valid template. Please choose from below: `):p("Select a framework:"),initial:0,choices:R.map(r=>{let o=r.color;return{title:o(r.display||r.name),value:r}})},{type:r=>r&&r.variants?"select":null,name:"variant",message:p("Select a variant:"),choices:r=>r.variants.map(o=>{let m=o.color;return{title:m(o.display||o.name),value:o.name}})}],{onCancel:()=>{throw console.log(D("\u2716")+" Operation cancelled"),new Error}});let{framework:V,overwrite:z,packageName:O,variant:L}=g,i=a.join(S,n);z?b(i):c.existsSync(i)||c.mkdirSync(i,{recursive:!0}),console.log(`
-Scaffolding project in ${i}...`);let M=L||V?.name||t||"",h=r=>a.join(J(import.meta.url),"../..",`template-${r}`),j=h(M);[j,h("config")].forEach(r=>{let o=c.readdirSync(r);for(let m of o){let U=H[m]??m,W=a.join(i,U);v(a.join(r,m),W)}});let x=JSON.parse(c.readFileSync(a.join(j,"package.json"),"utf-8"));x.name=O||l(),c.writeFileSync(a.join(i,"package.json"),JSON.stringify(x,null,2)+`
-`);let N=E(process.env.npm_config_user_agent),u=N?N.name:"npm",f=a.relative(S,i);switch(console.log(`
+import l from"fs";import a from"path";import{fileURLToPath as K}from"url";import{blue as w,cyan as q,green as B,red as T,reset as p,yellow as $}from"kolorist";import G from"minimist";import H from"prompts";import s from"fs";import d from"path";function b(e){return[["t","template"]].forEach(([t,n])=>{e[n]=e[n]??e[t]}),e}function C(e){let t=s.readdirSync(e);return t.length===0||t.length===1&&t[0]===".git"}function y(e){return e?.trim().replace(/\/+$/g,"")}function J(e,t){s.mkdirSync(t,{recursive:!0});for(let n of s.readdirSync(e)){let m=d.resolve(e,n),g=d.resolve(t,n);v(m,g)}}function v(e,t){s.statSync(e).isDirectory()?J(e,t):s.copyFileSync(e,t)}function E(e){if(s.existsSync(e))for(let t of s.readdirSync(e))t!==".git"&&s.rmSync(d.resolve(e,t),{recursive:!0,force:!0})}function k(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function A(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function D(e){if(!e)return;let n=e.split(" ")[0].split("/");return{name:n[0],version:n[1]}}var S=b(G(process.argv.slice(2),{string:["_"]})),F=process.cwd(),V=[{name:"vue",display:"Vue",color:B,variants:[{name:"vue",display:"Web",color:w},{name:"electron-vue",display:"Electron",color:$}]},{name:"react",display:"React",color:q,variants:[{name:"react",display:"Web",color:w},{name:"electron-react",display:"Electron",color:$}]},{name:"node",display:"Node",color:w}],R=V.map(e=>e.variants&&e.variants.map(t=>t.name)||[e.name]).reduce((e,t)=>e.concat(t),[]),Q={_gitignore:".gitignore","_lintstagedrc.cjs":".lintstagedrc.cjs"},h="my-app";async function X(){let e=y(S._[0]),t=S.template||S.t,n=e||h,m=()=>n==="."?a.basename(a.resolve()):n,g={};g=await H([{type:e?null:"text",name:"projectName",message:p("Project name:"),initial:h,onState:r=>{n=y(r.value)||h}},{type:()=>!l.existsSync(n)||C(n)?null:"toggle",name:"overwrite",message:()=>(n==="."?"Current directory":`Target directory "${n}"`)+" is not empty. Remove existing files and continue?",initial:!1,active:"yes",inactive:"no"},{type:(r,{overwrite:o})=>{if(o===!1)throw console.log(T("\u2716")+" Operation cancelled"),new Error;return null},name:"overwriteChecker"},{type:()=>k(m())?null:"text",name:"packageName",message:p("Package name:"),initial:()=>A(m()),validate:r=>k(r)||"Invalid package.json name"},{type:t&&R.includes(t)?null:"select",name:"framework",message:typeof t=="string"&&!R.includes(t)?p(`"${t}" isn't a valid template. Please choose from below: `):p("Select a framework:"),initial:0,choices:V.map(r=>{let o=r.color;return{title:o(r.display||r.name),value:r}})},{type:r=>r&&r.variants?"select":null,name:"variant",message:p("Select a variant:"),choices:r=>r?.variants?.map(o=>{let c=o.color;return{title:c(o.display||o.name),value:o.name}})}],{onCancel:()=>{throw console.log(T("\u2716")+" Operation cancelled"),new Error}});let{framework:z,overwrite:O,packageName:L,variant:M}=g,i=a.join(F,n);O?E(i):l.existsSync(i)||l.mkdirSync(i,{recursive:!0}),console.log(`
+Scaffolding project in ${i}...`);let j=M||z?.name||t||"",x=r=>a.join(K(import.meta.url),"../..",`template-${r}`),N=x(j),U=j.includes("node");[N,x("config")].forEach(r=>{let o=l.readdirSync(r);for(let c of o){let W=Q[c]??c;if(U&&c.includes("stylelint"))return;let I=a.join(i,W);v(a.join(r,c),I)}});let P=JSON.parse(l.readFileSync(a.join(N,"package.json"),"utf-8"));P.name=L||m(),l.writeFileSync(a.join(i,"package.json"),JSON.stringify(P,null,2)+`
+`);let _=D(process.env.npm_config_user_agent),u=_?_.name:"npm",f=a.relative(F,i);switch(console.log(`
 Done. Now run:
-`),i!==S&&console.log(`  cd ${f.includes(" ")?`"${f}"`:f}`),u){case"yarn":console.log("  yarn"),console.log("  yarn dev");break;default:console.log(`  ${u} install`),console.log(`  ${u} run dev`);break}}Q().catch(e=>{e.message&&console.error(e)});
+`),i!==F&&console.log(`  cd ${f.includes(" ")?`"${f}"`:f}`),u){case"yarn":console.log("  yarn"),console.log("  yarn dev");break;default:console.log(`  ${u} install`),console.log(`  ${u} run dev`);break}}X().catch(e=>{e.message&&console.error(e)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomjs/create-app",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "create tomjs web app",
   "keywords": [
     "tomjs",
@@ -33,7 +33,6 @@
     "node": ">=18"
   },
   "dependencies": {
-    "cross-spawn": "^7.0.3",
     "kolorist": "^1.8.0",
     "minimist": "^1.2.8",
     "prompts": "^2.4.2"
@@ -45,7 +44,7 @@
     "@tomjs/prettier": "^1.0.5",
     "@tomjs/tsconfig": "^1.0.7",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^18.18.10",
+    "@types/node": "^18.18.11",
     "@types/prompts": "^2.4.8",
     "eslint": "^8.53.0",
     "husky": "^8.0.3",
@@ -53,7 +52,7 @@
     "np": "^8.0.4",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.0",
-    "tsup": "^7.3.0",
+    "tsup": "^8.0.1",
     "typescript": "^5.2.2"
   },
   "scripts": {

package/template-electron-react/README.md

@@ -8,18 +8,18 @@ vite + electron + react
 
 ```
 ├── electron
-│   ├── main        > Electron-Main
-│   ├── payload     > Electron-payload
-├── src             > Electron-Renderer
+│   ├── main          > Electron-Main
+│   ├── payload       > Preload-Scripts
+├── src               > Electron-Renderer
 ```
 
 - output
 
 ```
 ├─┬ dist
-│ ├── main.js        > Electron-Main
-│ ├── preload.js     > Preload-Scripts
-│ ├─┬ render         > Electron-Renderer
+│ ├── main.mjs        > Electron-Main
+│ ├── preload.mjs     > Preload-Scripts
+│ ├─┬ render          > Electron-Renderer
 │ │ └── index.html
 ```
 

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

@@ -1,15 +1,17 @@
 import { release } from 'node:os';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { app, BrowserWindow, ipcMain, shell } from 'electron';
 
 // The built directory structure
 //
 // ├─┬ dist
-// │ ├── main.js        > Electron-Main
-// │ ├── preload.js     > Preload-Scripts
-// │ ├─┬ render         > Electron-Renderer
+// │ ├── main.mjs        > Electron-Main
+// │ ├── preload.mjs     > Preload-Scripts
+// │ ├─┬ render          > Electron-Renderer
 // │ │ └── index.html
 //
+const __dirname = dirname(fileURLToPath(import.meta.url));
 process.env.DIST_ELECTRON = __dirname;
 process.env.DIST = join(process.env.DIST_ELECTRON, 'render');
 process.env.VITE_PUBLIC = process.env.VITE_DEV_SERVER_URL
@@ -34,7 +36,7 @@ if (!app.requestSingleInstanceLock()) {
 
 let win: BrowserWindow | null = null;
 // Here, you can also use other preload
-const preload = join(__dirname, './preload.js');
+const preload = join(__dirname, './preload.mjs');
 const url = process.env.VITE_DEV_SERVER_URL as string;
 const indexHtml = join(process.env.DIST, 'index.html');
 

package/template-electron-react/package.json

@@ -11,12 +11,11 @@
       "VITE_DEV_SERVER_URL": "http://127.0.0.1:6888/"
     }
   },
-  "main": "dist/main.js",
+  "main": "dist/main.mjs",
   "scripts": {
     "dev": "vite",
-    "build": "npm run clean && vue-tsc --noEmit && vite build",
-    "releaseOnly": "tsx ./scripts/release.ts",
-    "release": "npm run build && npm run releaseOnly",
+    "build": "npm run clean && vite build && npm run release",
+    "release": "tsx ./scripts/release.ts",
     "clean": "rimraf ./dist",
     "preview": "vite preview",
     "lint": "run-s lint:eslint lint:stylelint lint:prettier",
@@ -36,12 +35,12 @@
     "@tomjs/prettier": "^1.0.5",
     "@tomjs/stylelint": "^1.0.5",
     "@tomjs/tsconfig": "^1.0.7",
-    "@types/node": "^18.18.10",
+    "@types/node": "^18.18.11",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@types/shelljs": "^0.8.15",
     "@vitejs/plugin-react-swc": "^3.5.0",
-    "electron": "^27.1.0",
+    "electron": "^28.0.0-beta.8",
     "electron-builder": "^24.6.4",
     "eslint": "^8.53.0",
     "husky": "^8.0.3",
@@ -56,7 +55,6 @@
     "typescript": "^5.2.2",
     "vite": "^5.0.0",
     "vite-plugin-electron": "^0.15.4",
-    "vite-plugin-electron-renderer": "^0.14.5",
-    "vue-tsc": "^1.8.22"
+    "vite-plugin-electron-renderer": "^0.14.5"
   }
 }

package/template-electron-react/scripts/builder.ts

@@ -11,7 +11,7 @@ export default {
     output: `build/${pkg.version}`,
     app: 'dist',
   },
-  files: ['main.js', 'preload.js', 'render'],
+  files: ['main.mjs', 'preload.mjs', 'render'],
   icon: 'public/img/icon.png',
   artifactName: '${productName}-${version}-${os}-${arch}.${ext}',
   electronLanguages: ['zh-CN', 'en-US'],

package/template-electron-react/scripts/constants.ts

@@ -1,4 +1,7 @@
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 /**
  * 项目根路径
@@ -8,7 +11,7 @@ export const ROOT_PATH = path.join(__dirname, '../');
 /**
  * 生成代码目录
  */
-export const DIST_PATH = path.join(ROOT_PATH, '../dist');
+export const DIST_PATH = path.join(ROOT_PATH, 'dist');
 
 /**
  * electron 依赖模块

package/template-electron-react/scripts/release.ts

@@ -13,7 +13,8 @@ function genPkgJson() {
     version: pkg.version,
     author: os.userInfo().username,
     description: pkg.description,
-    main: './main.js',
+    type: 'module',
+    main: './main.mjs',
     dependencies: Object.entries(Object.assign({}, pkg.dependencies, pkg.devDependencies))
       .filter(([name]) => ELECTRON_DEPENDENCIES.includes(name))
       .reduce((object, entry) => ({ ...object, [entry[0]]: entry[1] }), {}),
@@ -36,6 +37,5 @@ async function run() {
 }
 
 run().then(() => {
-  console.log('Done!');
   process.exit(0);
 });

package/template-electron-react/vite.config.ts

@@ -9,7 +9,7 @@ import pkg from './package.json';
 
 // https://vitejs.dev/config/
 export default defineConfig(({ command }) => {
-  ['main.js', 'main.js.map', 'preload.js'].forEach(s => {
+  ['main.mjs', 'main.mjs.map', 'preload.mjs'].forEach(s => {
     rmSync(`dist/${s}`, { recursive: true, force: true });
   });
 
@@ -51,8 +51,8 @@ export default defineConfig(({ command }) => {
               emptyOutDir: false,
               lib: {
                 entry: 'electron/main/index.ts',
-                formats: ['cjs'],
-                fileName: () => 'main.js',
+                formats: ['es'],
+                fileName: () => 'main.mjs',
               },
               rollupOptions: {
                 // Some third-party Node.js libraries may not be built correctly by Vite, especially `C/C++` addons,
@@ -83,8 +83,8 @@ export default defineConfig(({ command }) => {
               emptyOutDir: false,
               lib: {
                 entry: 'electron/preload/index.ts',
-                formats: ['cjs'],
-                fileName: () => 'preload.js',
+                formats: ['es'],
+                fileName: () => 'preload.mjs',
               },
               rollupOptions: {
                 external: Object.keys('dependencies' in pkg ? pkg.dependencies : {}),

package/template-electron-vue/README.md

@@ -8,18 +8,18 @@ vite + electron + vue
 
 ```
 ├── electron
-│   ├── main        > Electron-Main
-│   ├── payload     > Electron-payload
-├── src             > Electron-Renderer
+│   ├── main          > Electron-Main
+│   ├── payload       > Preload-Scripts
+├── src               > Electron-Renderer
 ```
 
 - output
 
 ```
 ├─┬ dist
-│ ├── main.js        > Electron-Main
-│ ├── preload.js     > Preload-Scripts
-│ ├─┬ render         > Electron-Renderer
+│ ├── main.mjs        > Electron-Main
+│ ├── preload.mjs     > Preload-Scripts
+│ ├─┬ render          > Electron-Renderer
 │ │ └── index.html
 ```
 

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

@@ -1,15 +1,17 @@
 import { release } from 'node:os';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { app, BrowserWindow, ipcMain, shell } from 'electron';
 
 // The built directory structure
 //
 // ├─┬ dist
-// │ ├── main.js        > Electron-Main
-// │ ├── preload.js     > Preload-Scripts
-// │ ├─┬ render         > Electron-Renderer
+// │ ├── main.mjs        > Electron-Main
+// │ ├── preload.mjs     > Preload-Scripts
+// │ ├─┬ render          > Electron-Renderer
 // │ │ └── index.html
 //
+const __dirname = dirname(fileURLToPath(import.meta.url));
 process.env.DIST_ELECTRON = __dirname;
 process.env.DIST = join(process.env.DIST_ELECTRON, 'render');
 process.env.VITE_PUBLIC = process.env.VITE_DEV_SERVER_URL
@@ -34,7 +36,7 @@ if (!app.requestSingleInstanceLock()) {
 
 let win: BrowserWindow | null = null;
 // Here, you can also use other preload
-const preload = join(__dirname, './preload.js');
+const preload = join(__dirname, './preload.mjs');
 const url = process.env.VITE_DEV_SERVER_URL as string;
 const indexHtml = join(process.env.DIST, 'index.html');
 
@@ -42,7 +44,7 @@ async function createWindow() {
   win = new BrowserWindow({
     title: 'Main window',
     width: 800,
-    height: 720,
+    height: 700,
     webPreferences: {
       preload,
       // Warning: Enable nodeIntegration and disable contextIsolation is not secure in production

package/template-electron-vue/package.json

@@ -11,18 +11,13 @@
       "VITE_DEV_SERVER_URL": "http://127.0.0.1:6888/"
     }
   },
-  "main": "dist/main.js",
+  "main": "dist/main.mjs",
   "scripts": {
-    "dev": "vite",
-    "build": "npm run clean && vue-tsc --noEmit && vite build",
-    "releaseOnly": "tsx ./scripts/release.ts",
-    "release": "npm run build && npm run releaseOnly",
-    "clean": "rimraf ./dist",
-    "preview": "vite preview",
-    "lint": "run-s lint:eslint lint:stylelint lint:prettier",
-    "lint:eslint": "eslint \"src/**/*.{ts,tsx,vue}\" *.{js,cjs,ts} --fix --cache",
-    "lint:stylelint": "stylelint \"src/**/*.{css,scss,less,vue,html}\" --fix --cache",
-    "lint:prettier": "prettier --write .",
+    "dev": "tsup --watch",
+    "build": "tsup --minify",
+    "lint": "run-s lint:eslint lint:prettier",
+    "lint:eslint": "eslint \"src/**/*.{js,cjs,ts}\" *.{js,cjs,ts} --fix --cache",
+    "lint:prettier": "prettier --write \"src/**/*.{js,cjs,ts,json,md}\" *.{js,cjs,ts,json,md}",
     "prepare": "husky install"
   },
   "dependencies": {
@@ -35,10 +30,10 @@
     "@tomjs/prettier": "^1.0.5",
     "@tomjs/stylelint": "^1.0.5",
     "@tomjs/tsconfig": "^1.0.7",
-    "@types/node": "^18.18.10",
+    "@types/node": "^18.18.11",
     "@types/shelljs": "^0.8.15",
     "@vitejs/plugin-vue": "^4.5.0",
-    "electron": "^27.1.0",
+    "electron": "^28.0.0-beta.8",
     "electron-builder": "^24.6.4",
     "eslint": "^8.53.0",
     "husky": "^8.0.3",

package/template-electron-vue/scripts/builder.ts

@@ -11,7 +11,7 @@ export default {
     output: `build/${pkg.version}`,
     app: 'dist',
   },
-  files: ['main.js', 'preload.js', 'render'],
+  files: ['main.mjs', 'preload.mjs', 'render'],
   icon: 'public/img/icon.png',
   artifactName: '${productName}-${version}-${os}-${arch}.${ext}',
   electronLanguages: ['zh-CN', 'en-US'],

package/template-electron-vue/scripts/constants.ts

@@ -1,4 +1,7 @@
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 /**
  * 项目根路径
@@ -8,7 +11,7 @@ export const ROOT_PATH = path.join(__dirname, '../');
 /**
  * 生成代码目录
  */
-export const DIST_PATH = path.join(ROOT_PATH, '../dist');
+export const DIST_PATH = path.join(ROOT_PATH, 'dist');
 
 /**
  * electron 依赖模块

package/template-electron-vue/scripts/release.ts

@@ -13,7 +13,8 @@ function genPkgJson() {
     version: pkg.version,
     author: os.userInfo().username,
     description: pkg.description,
-    main: './main.js',
+    main: './main.mjs',
+    type: 'module',
     dependencies: Object.entries(Object.assign({}, pkg.dependencies, pkg.devDependencies))
       .filter(([name]) => ELECTRON_DEPENDENCIES.includes(name))
       .reduce((object, entry) => ({ ...object, [entry[0]]: entry[1] }), {}),
@@ -36,6 +37,5 @@ async function run() {
 }
 
 run().then(() => {
-  console.log('Done!');
   process.exit(0);
 });

package/template-electron-vue/vite.config.ts

@@ -9,7 +9,7 @@ import pkg from './package.json';
 
 // https://vitejs.dev/config/
 export default defineConfig(({ command }) => {
-  ['main.js', 'main.js.map', 'preload.js'].forEach(s => {
+  ['main.mjs', 'main.mjs.map', 'preload.mjs'].forEach(s => {
     rmSync(`dist/${s}`, { recursive: true, force: true });
   });
 
@@ -51,8 +51,8 @@ export default defineConfig(({ command }) => {
               emptyOutDir: false,
               lib: {
                 entry: 'electron/main/index.ts',
-                formats: ['cjs'],
-                fileName: () => 'main.js',
+                formats: ['es'],
+                fileName: () => 'main.mjs',
               },
               rollupOptions: {
                 // Some third-party Node.js libraries may not be built correctly by Vite, especially `C/C++` addons,
@@ -83,8 +83,8 @@ export default defineConfig(({ command }) => {
               emptyOutDir: false,
               lib: {
                 entry: 'electron/preload/index.ts',
-                formats: ['cjs'],
-                fileName: () => 'preload.js',
+                formats: ['es'],
+                fileName: () => 'preload.mjs',
               },
               rollupOptions: {
                 external: Object.keys('dependencies' in pkg ? pkg.dependencies : {}),

package/template-node/.eslintrc.cjs

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

package/template-node/README.md

@@ -0,0 +1,3 @@
+# node
+
+Basic node templates

package/template-node/_lintstagedrc.cjs

@@ -0,0 +1,4 @@
+module.exports = {
+  '*.{js,cjs,ts}': ['eslint --fix', 'prettier --write'],
+  '*.{json,md}': ['prettier --write'],
+};

package/template-node/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "template-node",
+  "version": "0.0.0",
+  "description": "basic node template",
+  "type": "module",
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "start": "tsx ./src/index.ts",
+    "build": "tsup --minify",
+    "lint": "run-s lint:eslint lint:prettier",
+    "lint:eslint": "eslint \"src/**/*.ts\" *.{js,cjs,ts} --fix --cache",
+    "lint:prettier": "prettier --write .",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "kolorist": "^1.8.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^18.4.2",
+    "@tomjs/commitlint": "^2.0.3",
+    "@tomjs/eslint": "^1.0.7",
+    "@tomjs/prettier": "^1.0.5",
+    "@tomjs/tsconfig": "^1.0.7",
+    "@types/node": "^18.18.11",
+    "eslint": "^8.53.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.1.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.1.0",
+    "tsup": "^8.0.1",
+    "tsx": "^4.2.0",
+    "typescript": "^5.2.2"
+  }
+}

package/template-node/src/index.ts

@@ -0,0 +1,14 @@
+import os from 'node:os';
+import { blue } from 'kolorist';
+
+function run() {
+  console.log(blue('Hello World!'));
+  console.log(
+    `system: ${os.platform()} ${os.arch()} v${os.release()} ${os.cpus().length} cores ${Math.ceil(
+      os.totalmem() / 1024 / 1024 / 1024,
+    )}GB`,
+  );
+  console.log(`node: ${process.version} ${process.arch}`);
+}
+
+run();

package/template-node/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@tomjs/tsconfig/node.json",
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts"
+  ],
+}

package/template-node/tsup.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'],
+  format: ['esm', 'cjs'],
+  target: ['es2022', 'node18'],
+  clean: true,
+  dts: true,
+  sourcemap: false,
+  splitting: true,
+});

package/template-react/package.json

@@ -27,6 +27,7 @@
     "@tomjs/prettier": "^1.0.5",
     "@tomjs/stylelint": "^1.0.5",
     "@tomjs/tsconfig": "^1.0.7",
+    "@types/node": "^18.18.11",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@vitejs/plugin-react-swc": "^3.5.0",

package/template-vue/package.json

@@ -26,6 +26,7 @@
     "@tomjs/prettier": "^1.0.5",
     "@tomjs/stylelint": "^1.0.5",
     "@tomjs/tsconfig": "^1.0.7",
+    "@types/node": "^18.18.11",
     "@vitejs/plugin-vue": "^4.5.0",
     "eslint": "^8.53.0",
     "husky": "^8.0.3",