@tomjs/create-app 0.0.5 → 0.0.7

package/README.md

@@ -2,7 +2,7 @@
 
 ![npm](https://img.shields.io/npm/v/%40tomjs/create-app) ![NPM](https://img.shields.io/npm/l/%40tomjs%2Fcreate-app) ![npm package minimized gzipped size (scoped version select exports)](https://img.shields.io/bundlejs/size/%40tomjs/create-app)
 
-Create a web application based on the tomjs configuration, recommended `node>=18`
+Create a web application based on [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/tomgao365/tomjs), recommended `node>=18`
 
 **English** | [中文](./README.zh_CN.md)
 
@@ -33,31 +33,33 @@ You can also directly specify the project name, template, and module type.
 - Using `npm`
 
 ```bash
-npm create @tomjs/app@latest my-app -- --template vue --module
+npm create @tomjs/app@latest my-app -- --template vue
 ```
 
 - Using `yarn`
 
 ```bash
-yarn create @tomjs/app my-app --template vue --module
+yarn create @tomjs/app my-app --template vue
 ```
 
 - Using `pnpm`
 
 ```bash
-pnpm create @tomjs/app --template vue --module
+pnpm create @tomjs/app --template vue
 ```
 
 Parameters:
 
 - `-t --template` : specify the template, optional values: `vue` , `react`
-- `-m --module` : `package.json` uses `type:"module"`, otherwise use `commonjs`
 
 Support templates:
 
 - vue
+- electron-vue
 - react
+- electron-react
 
 ## Reference project
 
 - [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)
+- [electron-vite-vue](https://github.com/electron-vite/electron-vite-vue)

package/README.zh_CN.md

@@ -2,7 +2,7 @@
 
 ![npm](https://img.shields.io/npm/v/%40tomjs/create-app) ![NPM](https://img.shields.io/npm/l/%40tomjs%2Fcreate-app) ![npm package minimized gzipped size (scoped version select exports)](https://img.shields.io/bundlejs/size/%40tomjs/create-app)
 
-创建基于 tomjs 配置的 web 应用，推荐 `node>=18`
+创建基于 [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/tomgao365/tomjs) 的 web 应用，推荐 `node>=18`
 
 [English](./README.md) | **中文**
 
@@ -34,56 +34,33 @@ pnpm create @tomjs/app
 
 ```bash
 npm create @tomjs/app@latest
-npm create @tomjs/app@latest my-app -- --template vue --module
+npm create @tomjs/app@latest my-app -- --template vue
 ```
 
 - 使用 `yarn`
 
 ```bash
-yarn create @tomjs/app my-app --template vue --module
+yarn create @tomjs/app my-app --template vue
 ```
 
 - 使用 `pnpm`
 
 ```bash
-pnpm create @tomjs/app my-app --template vue --module
+pnpm create @tomjs/app my-app --template vue
 ```
 
 参数说明:
 
 - `-t --template`：指定模板，可选值：`vue`、`react`
-- `-m --module`：`package.json` 使用 `type:"module"`，否则使用 `commonjs`
 
 支持模板:
 
 - vue
+- electron-vue
 - react
-
-## 项目配置
-
-项目配置在 `package.json` 中，可配置项如下：
-
-````json
-{
-  "name": "my-app",
-  "version": "0.0.1",
-  "description": "",
-  "main": "src/main.ts",
-}
-
-## 项目结构
-
-```bash
-.
-├── README.md
-├── package.json
-├── src
-│   ├── App.vue
-│   ├── main.ts
-│   └── shims-vue.d.ts
-├── tsconfig.json
+- electron-react
 
 ## 参考项目
 
 - [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)
-````
+- [electron-vite-vue](https://github.com/electron-vite/electron-vite-vue)

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomjs/create-app",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "create tomjs web app",
   "keywords": [
     "tomjs",
@@ -43,9 +43,9 @@
     "@tomjs/commitlint": "^2.0.3",
     "@tomjs/eslint": "^1.0.7",
     "@tomjs/prettier": "^1.0.5",
-    "@tomjs/tsconfig": "^1.0.6",
+    "@tomjs/tsconfig": "^1.0.7",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^18.18.9",
+    "@types/node": "^18.18.10",
     "@types/prompts": "^2.4.8",
     "eslint": "^8.53.0",
     "husky": "^8.0.3",
@@ -53,7 +53,7 @@
     "np": "^8.0.4",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.0",
-    "tsup": "^7.2.0",
+    "tsup": "^7.3.0",
     "typescript": "^5.2.2"
   },
   "scripts": {
@@ -61,7 +61,6 @@
     "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}",
-    "release": "np --any-branch --no-yarn --yolo --no-publish --message \"chore: release v%s\""
+    "lint:prettier": "prettier --write \"src/**/*.{js,cjs,ts,json,md}\" *.{js,cjs,ts,json,md}"
   }
 }

package/template-config/.husky/commit-msg

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+. "$(dirname "$0")/common.sh"
+
+pnpm commitlint --edit $1

package/template-config/.husky/common.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+command_exists () {
+  command -v "$1" >/dev/null 2>&1
+}
+
+# Workaround for Windows 10, Git Bash and Yarn
+if command_exists winpty && test -t 1; then
+  exec < /dev/tty
+fi

package/template-config/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+. "$(dirname "$0")/common.sh"
+
+pnpm lint-staged

package/template-electron-react/.vscode/.debug.env

@@ -0,0 +1 @@
+VITE_DEV_SERVER_URL=http://127.0.0.1:6888/

package/template-electron-react/.vscode/.debug.script.mjs

@@ -0,0 +1,23 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createRequire } from 'node:module'
+import { spawn } from 'node:child_process'
+
+const pkg = createRequire(import.meta.url)('../package.json')
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+// write .debug.env
+const envContent = Object.entries(pkg.debug.env).map(([key, val]) => `${key}=${val}`)
+fs.writeFileSync(path.join(__dirname, '.debug.env'), envContent.join('\n'))
+
+// bootstrap
+spawn(
+  // TODO: terminate `npm run dev` when Debug exits.
+  process.platform === 'win32' ? 'npm.cmd' : 'npm',
+  ['run', 'dev'],
+  {
+    stdio: 'inherit',
+    env: Object.assign(process.env, { VSCODE_DEBUG: 'true' }),
+  },
+)

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

@@ -0,0 +1,6 @@
+{
+	"recommendations": [
+		"Vue.volar",
+		"Vue.vscode-typescript-vue-plugin"
+	]
+}

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

@@ -0,0 +1,53 @@
+{
+  // 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",
+  "compounds": [
+    {
+      "name": "Debug App",
+      "preLaunchTask": "Before Debug",
+      "configurations": [
+        "Debug Main Process",
+        "Debug Renderer Process"
+      ],
+      "presentation": {
+        "hidden": false,
+        "group": "",
+        "order": 1
+      },
+      "stopAll": true
+    }
+  ],
+  "configurations": [
+    {
+      "name": "Debug Main Process",
+      "type": "node",
+      "request": "launch",
+      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
+      "windows": {
+        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
+      },
+      "runtimeArgs": [
+        "--remote-debugging-port=9229",
+        "."
+      ],
+      "envFile": "${workspaceFolder}/.vscode/.debug.env",
+      "console": "integratedTerminal"
+    },
+    {
+      "name": "Debug Renderer Process",
+      "port": 9229,
+      "request": "attach",
+      "type": "chrome",
+      "timeout": 60000,
+      "skipFiles": [
+        "<node_internals>/**",
+        "${workspaceRoot}/node_modules/**",
+        "${workspaceRoot}/dist-electron/**",
+        // Skip files in host(VITE_DEV_SERVER_URL)
+        "http://127.0.0.1:6888/**"
+      ]
+    },
+  ]
+}

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

@@ -0,0 +1,13 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.tsc.autoDetect": "off",
+  "json.schemas": [
+    {
+      "fileMatch": [
+        "/*electron-builder.json5",
+        "/*electron-builder.json"
+      ],
+      "url": "https://json.schemastore.org/electron-builder"
+    }
+  ]
+}

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

@@ -0,0 +1,31 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=733558 
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "Before Debug",
+      "type": "shell",
+      "command": "node .vscode/.debug.script.mjs",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "fileLocation": "relative",
+        "pattern": {
+          // TODO: correct "regexp"
+          "regexp": "^([a-zA-Z]\\:\/?([\\w\\-]\/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
+          "file": 1,
+          "line": 3,
+          "column": 4,
+          "code": 5,
+          "message": 6
+        },
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": "^.*VITE v.*  ready in \\d* ms.*$",
+          "endsPattern": "^.*\\[startup\\] Electron App.*$"
+        }
+      }
+    }
+  ]
+}

package/template-electron-react/README.md

@@ -0,0 +1,28 @@
+# electron-react
+
+vite + electron + react
+
+## Description
+
+- source code
+
+```
+├── electron
+│   ├── main        > Electron-Main
+│   ├── payload     > Electron-payload
+├── src             > Electron-Renderer
+```
+
+- output
+
+```
+├─┬ dist
+│ ├── main.js        > Electron-Main
+│ ├── preload.js     > Preload-Scripts
+│ ├─┬ render         > Electron-Renderer
+│ │ └── index.html
+```
+
+## Reference project
+
+- [electron-vite-react](https://github.com/electron-vite/electron-vite-react)

package/template-electron-react/electron/electron-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite-plugin-electron/electron-env" />
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    VSCODE_DEBUG?: 'true';
+    DIST_ELECTRON: string;
+    DIST: string;
+    /** /dist/ or /public/ */
+    VITE_PUBLIC: string;
+  }
+}

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

@@ -0,0 +1,117 @@
+import { release } from 'node:os';
+import { join } from 'node:path';
+import { app, BrowserWindow, ipcMain, shell } from 'electron';
+
+// The built directory structure
+//
+// ├─┬ dist
+// │ ├── main.js        > Electron-Main
+// │ ├── preload.js     > Preload-Scripts
+// │ ├─┬ render         > Electron-Renderer
+// │ │ └── index.html
+//
+process.env.DIST_ELECTRON = __dirname;
+process.env.DIST = join(process.env.DIST_ELECTRON, 'render');
+process.env.VITE_PUBLIC = process.env.VITE_DEV_SERVER_URL
+  ? join(process.env.DIST_ELECTRON, '../public')
+  : process.env.DIST;
+
+// Disable GPU Acceleration for Windows 7
+if (release().startsWith('6.1')) app.disableHardwareAcceleration();
+
+// Set application name for Windows 10+ notifications
+if (process.platform === 'win32') app.setAppUserModelId(app.getName());
+
+if (!app.requestSingleInstanceLock()) {
+  app.quit();
+  process.exit(0);
+}
+
+// Remove electron security warnings
+// This warning only shows in development mode
+// Read more on https://www.electronjs.org/docs/latest/tutorial/security
+// process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true'
+
+let win: BrowserWindow | null = null;
+// Here, you can also use other preload
+const preload = join(__dirname, './preload.js');
+const url = process.env.VITE_DEV_SERVER_URL as string;
+const indexHtml = join(process.env.DIST, 'index.html');
+
+async function createWindow() {
+  win = new BrowserWindow({
+    title: 'Main window',
+    width: 800,
+    height: 700,
+    webPreferences: {
+      preload,
+      // Warning: Enable nodeIntegration and disable contextIsolation is not secure in production
+      // Consider using contextBridge.exposeInMainWorld
+      // Read more on https://www.electronjs.org/docs/latest/tutorial/context-isolation
+      nodeIntegration: true,
+      contextIsolation: false,
+    },
+  });
+
+  if (process.env.VITE_DEV_SERVER_URL) {
+    // electron-vite-vue#298
+    win.loadURL(url);
+    // Open devTool if the app is not packaged
+    // win.webContents.openDevTools();
+  } else {
+    win.loadFile(indexHtml);
+  }
+
+  // Test actively push message to the Electron-Renderer
+  win.webContents.on('did-finish-load', () => {
+    win?.webContents.send('main-process-message', new Date().toLocaleString());
+  });
+
+  // Make all links open with the browser, not with the application
+  win.webContents.setWindowOpenHandler(({ url }) => {
+    if (url.startsWith('https:')) shell.openExternal(url);
+    return { action: 'deny' };
+  });
+  // win.webContents.on('will-navigate', (event, url) => { }) #344
+}
+
+app.whenReady().then(createWindow);
+
+app.on('window-all-closed', () => {
+  win = null;
+  if (process.platform !== 'darwin') app.quit();
+});
+
+app.on('second-instance', () => {
+  if (win) {
+    // Focus on the main window if the user tried to open another
+    if (win.isMinimized()) win.restore();
+    win.focus();
+  }
+});
+
+app.on('activate', () => {
+  const allWindows = BrowserWindow.getAllWindows();
+  if (allWindows.length) {
+    allWindows[0].focus();
+  } else {
+    createWindow();
+  }
+});
+
+// New window example arg: new windows url
+ipcMain.handle('open-win', (_, arg) => {
+  const childWindow = new BrowserWindow({
+    webPreferences: {
+      preload,
+      nodeIntegration: true,
+      contextIsolation: false,
+    },
+  });
+
+  if (process.env.VITE_DEV_SERVER_URL) {
+    childWindow.loadURL(`${url}#${arg}`);
+  } else {
+    childWindow.loadFile(indexHtml, { hash: arg });
+  }
+});

package/template-electron-react/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
+    <title>Vite + Electron + React + TS</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/template-electron-react/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "electron-app",
+  "version": "0.0.0",
+  "description": "vite + electron + vue",
+  "type": "module",
+  "engines": {
+    "node": ">=18"
+  },
+  "debug": {
+    "env": {
+      "VITE_DEV_SERVER_URL": "http://127.0.0.1:6888/"
+    }
+  },
+  "main": "dist/main.js",
+  "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 .",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^18.4.2",
+    "@tomjs/commitlint": "^2.0.3",
+    "@tomjs/eslint": "^1.0.7",
+    "@tomjs/prettier": "^1.0.5",
+    "@tomjs/stylelint": "^1.0.5",
+    "@tomjs/tsconfig": "^1.0.7",
+    "@types/node": "^18.18.10",
+    "@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-builder": "^24.6.4",
+    "eslint": "^8.53.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.1.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.1.0",
+    "rimraf": "^5.0.5",
+    "shelljs": "^0.8.5",
+    "stylelint": "^15.11.0",
+    "tree-kill": "^1.2.2",
+    "tsx": "^4.1.3",
+    "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"
+  }
+}

package/template-electron-react/public/vite.svg

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

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

@@ -0,0 +1,38 @@
+import type { Configuration } from 'electron-builder';
+import pkg from '../package.json';
+
+/**
+ * @see https://www.electron.build/configuration/configuration
+ */
+export default {
+  appId: 'com.xxx.app',
+  productName: 'App',
+  directories: {
+    output: `build/${pkg.version}`,
+    app: 'dist',
+  },
+  files: ['main.js', 'preload.js', 'render'],
+  icon: 'public/img/icon.png',
+  artifactName: '${productName}-${version}-${os}-${arch}.${ext}',
+  electronLanguages: ['zh-CN', 'en-US'],
+  win: {
+    target: [
+      {
+        target: 'nsis',
+        arch: ['x64'],
+      },
+    ],
+  },
+  mac: {
+    target: ['dmg'],
+  },
+  linux: {
+    target: ['AppImage'],
+  },
+  nsis: {
+    oneClick: false,
+    perMachine: false,
+    allowToChangeInstallationDirectory: true,
+    deleteAppDataOnUninstall: false,
+  },
+} as Configuration;

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

@@ -0,0 +1,16 @@
+import path from 'node:path';
+
+/**
+ * 项目根路径
+ */
+export const ROOT_PATH = path.join(__dirname, '../');
+
+/**
+ * 生成代码目录
+ */
+export const DIST_PATH = path.join(ROOT_PATH, '../dist');
+
+/**
+ * electron 依赖模块
+ */
+export const ELECTRON_DEPENDENCIES: string[] = [];