@tomjs/create-app 0.0.3 → 0.0.6

package/README.md

@@ -53,6 +53,13 @@ Parameters:
 - `-t --template` : specify the template, optional values: `vue` , `react`
 - `-m --module` : `package.json` uses `type:"module"`, otherwise use `commonjs`
 
+Support templates:
+
+- vue
+- vue + electron
+- react
+- react + electron
+
 ## Reference project
 
 - [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)

package/README.zh_CN.md

@@ -54,6 +54,11 @@ pnpm create @tomjs/app my-app --template vue --module
 - `-t --template`：指定模板，可选值：`vue`、`react`
 - `-m --module`：`package.json` 使用 `type:"module"`，否则使用 `commonjs`
 
+支持模板:
+
+- vue
+- react
+
 ## 项目配置
 
 项目配置在 `package.json` 中，可配置项如下：

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

package/package.json

@@ -1,14 +1,21 @@
 {
   "name": "@tomjs/create-app",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "description": "create tomjs web app",
   "keywords": [
     "tomjs",
     "front-end",
     "create",
-    "app"
+    "app",
+    "vite",
+    "vue",
+    "react"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tomgao365/create-app.git"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

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/.eslintrc.js

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

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/_lintstagedrc.js

@@ -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-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,61 @@
+{
+  "name": "electron-app",
+  "version": "0.0.0",
+  "description": "vite + electron + vue",
+  "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.9",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@types/shelljs": "^0.8.15",
+    "@vitejs/plugin-react-swc": "^3.4.1",
+    "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": "^4.5.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[] = [];

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

@@ -0,0 +1,41 @@
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
+import { build as electronBuild } from 'electron-builder';
+import shell from 'shelljs';
+import pkg from '../package.json';
+import builderConfig from './builder';
+import { DIST_PATH, ELECTRON_DEPENDENCIES } from './constants';
+
+function genPkgJson() {
+  const pkgJson = {
+    name: pkg.name,
+    version: pkg.version,
+    author: os.userInfo().username,
+    description: pkg.description,
+    main: './main.js',
+    dependencies: Object.entries(Object.assign({}, pkg.dependencies, pkg.devDependencies))
+      .filter(([name]) => ELECTRON_DEPENDENCIES.includes(name))
+      .reduce((object, entry) => ({ ...object, [entry[0]]: entry[1] }), {}),
+  };
+
+  fs.writeFileSync(path.join(DIST_PATH, 'package.json'), JSON.stringify(pkgJson, undefined, 2));
+}
+
+async function run() {
+  try {
+    genPkgJson();
+    // 安装依赖
+    shell.exec(`cd ${DIST_PATH} && npm install`);
+    console.log();
+    await electronBuild({ config: builderConfig });
+  } catch (e) {
+    console.error(e);
+    process.exit(1);
+  }
+}
+
+run().then(() => {
+  console.log('Done!');
+  process.exit(0);
+});

package/template-electron-react/src/App.css

@@ -0,0 +1,45 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.electron:hover {
+  filter: drop-shadow(0 0 2em #1b1c26aa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}