@tomjs/create-app 2.1.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +9 -9
- package/locales/en-US.json +1 -1
- package/locales/zh-CN.json +1 -1
- package/package.json +2 -2
- package/templates/electron-react/electron/main/index.ts +0 -31
- package/templates/electron-react/package.json +2 -3
- package/templates/electron-vue/electron/main/index.ts +0 -17
- package/templates/electron-vue/package.json +4 -4
- package/templates/electron-vue/src/App.vue +3 -3
- package/templates/electron-vue/src/components/HelloWorld.vue +10 -4
- package/templates/electron-vue/vite.config.ts +7 -1
- package/templates/vscode-react/package.json +1 -1
- package/templates/vscode-vue/package.json +3 -2
package/dist/index.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import e from"meow";import t from"node:fs";import n from"node:fs/promises";import r from"node:os";import i from"node:path";import{fileURLToPath as a}from"node:url";import*as o from"@clack/prompts";import{copy as s,mkdir as c,mkdirp as l,readFile as u,readJson as d,rm as f,rmSync as p,writeFile as m,writeJson as h}from"@tomjs/node";import{merge as g,omit as ee}from"lodash-es";import{glob as _}from"tinyglobby";import v from"chalk";import{$ as y}from"execa";import b from"@tomjs/logger";const x=a(new URL(`..`,import.meta.url)),S=[{name:`node`,display:`Node`,color:v.green,children:[{name:`node-base`,display:`Base`,color:v.green},{name:`node-cli`,display:`CLI`,color:v.green},{name:`node-vite`,display:`Vite Plugin`,color:v.blue,hasStyle:!0}]},{name:`web`,display:`Web`,color:v.magenta,children:[{name:`web-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:!1},{name:`web-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:!1}]},{name:`vscode`,display:`VSCode`,color:v.blue,children:[{name:`vscode-base`,display:`Base`,color:v.yellow,isPublic:`public`},{name:`vscode-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:`public`},{name:`vscode-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:`public`}]},{name:`electron`,display:`Electron`,color:v.cyan,children:[{name:`electron-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:!1},{name:`electron-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:!1}]}],C=[{id:`github`,name:`Github`,url:`https://github.com`},{id:`gitcode`,name:`GitCode`,url:`https://gitcode.com`},{id:`gitee`,name:`码云`,url:`https://gitee.com`}],w=`publisher.name.displayName.type.version.private.packageManager.description.author.contributors.license.funding.homepage.repository.publishConfig.bugs.keywords.categories.sideEffects.imports.exports.main.module.unpkg.jsdelivr.types.typesVersions.bin.icon.files.engines.activationEvents.contributes.scripts.peerDependencies.peerDependenciesMeta.dependencies.optionalDependencies.devDependencies.pnpm.overrides.resolutions.husky.simple-git-hooks.lint-staged.eslintConfig`.split(`.`),T=[`dev`,`dev:`,`debug`,`debug:`,`start`,`build`,`build:`,`preview`,`release`,`release:`,`clean`,`clean:`,`test`,`lint`,`lint:`],E=new b({directory:`create-app/logs`}),te=process.platform===`win32`;let D={};function O(e){D=e}function k(){return D}async function A(e,t){let{trim:n,...r}=Object.assign({stdio:`pipe`,shell:!0},t);Array.isArray(e)&&(e=e.join(` `));let i=e=>{k().verbose?E.debug(e):E.write(e)};i(`$ ${e}`);try{let t=(await y(r)`${e}`).stdout;return i(t),n?t.trim().replace(/\n|\r/g,``):t.trim()}catch(e){let t=e.stderr||e.message;throw i(t),Error(t)}}function j(e){if(e===`C`)return`en-US`;let t=``;try{t=Intl.getCanonicalLocales(e)[0]}catch(t){console.log(`${t.toString()}, invalid language tag: "${e}"\n`)}switch(t){case`zh-TW`:case`zh-HK`:case`zh-MO`:case`zh-CN`:case`zh-SG`:t=`zh-CN`;break;default:t=e}return t}function M(){return j((process.env.LC_ALL||process.env.LC_MESSAGES||process.env.LANG||Intl.DateTimeFormat().resolvedOptions().locale||`en-US`).split(`.`)[0].replace(`_`,`-`))}async function N(e){return await t.promises.readFile(e,`utf-8`).then(e=>JSON.parse(e)||{})}async function
|
|
1
|
+
import e from"meow";import t from"node:fs";import n from"node:fs/promises";import r from"node:os";import i from"node:path";import{fileURLToPath as a}from"node:url";import*as o from"@clack/prompts";import{copy as s,mkdir as c,mkdirp as l,readFile as u,readJson as d,rm as f,rmSync as p,writeFile as m,writeJson as h}from"@tomjs/node";import{merge as g,omit as ee}from"lodash-es";import{glob as _}from"tinyglobby";import v from"chalk";import{$ as y}from"execa";import b from"@tomjs/logger";const x=a(new URL(`..`,import.meta.url)),S=[{name:`node`,display:`Node`,color:v.green,children:[{name:`node-base`,display:`Base`,color:v.green},{name:`node-cli`,display:`CLI`,color:v.green},{name:`node-vite`,display:`Vite Plugin`,value:`vite-plugin`,color:v.blue,hasStyle:!0}]},{name:`web`,display:`Web`,color:v.magenta,children:[{name:`web-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:!1},{name:`web-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:!1}]},{name:`vscode`,display:`VSCode`,color:v.blue,children:[{name:`vscode-base`,display:`Base`,color:v.yellow,isPublic:`public`},{name:`vscode-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:`public`},{name:`vscode-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:`public`}]},{name:`electron`,display:`Electron`,color:v.cyan,children:[{name:`electron-vue`,display:`Vue`,color:v.green,hasStyle:!0,isPublic:!1},{name:`electron-react`,display:`React`,color:v.blue,hasStyle:!0,isPublic:!1}]}],C=[{id:`github`,name:`Github`,url:`https://github.com`},{id:`gitcode`,name:`GitCode`,url:`https://gitcode.com`},{id:`gitee`,name:`码云`,url:`https://gitee.com`}],w=`publisher.name.displayName.type.version.private.packageManager.description.author.contributors.license.funding.homepage.repository.publishConfig.bugs.keywords.categories.sideEffects.imports.exports.main.module.unpkg.jsdelivr.types.typesVersions.bin.icon.files.engines.activationEvents.contributes.scripts.peerDependencies.peerDependenciesMeta.dependencies.optionalDependencies.devDependencies.pnpm.overrides.resolutions.husky.simple-git-hooks.lint-staged.eslintConfig`.split(`.`),T=[`dev`,`dev:`,`debug`,`debug:`,`start`,`build`,`build:`,`preview`,`release`,`release:`,`clean`,`clean:`,`test`,`lint`,`lint:`],E=new b({directory:`create-app/logs`}),te=process.platform===`win32`;let D={};function O(e){D=e}function k(){return D}async function A(e,t){let{trim:n,...r}=Object.assign({stdio:`pipe`,shell:!0},t);Array.isArray(e)&&(e=e.join(` `));let i=e=>{k().verbose?E.debug(e):E.write(e)};i(`$ ${e}`);try{let t=(await y(r)`${e}`).stdout;return i(t),n?t.trim().replace(/\n|\r/g,``):t.trim()}catch(e){let t=e.stderr||e.message;throw i(t),Error(t)}}function j(e){if(e===`C`)return`en-US`;let t=``;try{t=Intl.getCanonicalLocales(e)[0]}catch(t){console.log(`${t.toString()}, invalid language tag: "${e}"\n`)}switch(t){case`zh-TW`:case`zh-HK`:case`zh-MO`:case`zh-CN`:case`zh-SG`:t=`zh-CN`;break;default:t=e}return t}function M(){return j((process.env.LC_ALL||process.env.LC_MESSAGES||process.env.LANG||Intl.DateTimeFormat().resolvedOptions().locale||`en-US`).split(`.`)[0].replace(`_`,`-`))}async function N(e){return await t.promises.readFile(e,`utf-8`).then(e=>JSON.parse(e)||{})}async function P(e){let n=M(),r=i.resolve(e,`${n}.json`),a=i.resolve(e,`en-US.json`);return t.existsSync(r)?await N(r):await N(a)}const F=await P(i.join(x,`locales`));function I(...e){if(e.length===0||!F)return``;let[t,...n]=e,r=F[t]??``;if(n[0]===null||n[0]===void 0||n[0]===``)return r;let i=typeof n[0]==`object`?n[0]:n;return r.replace(/\{([^}]+)\}/g,(e,t)=>i[t]??e)}const ne=i.join(a(import.meta.url),`../../`),L=i.join(ne,`templates`),R=()=>o.cancel(I(`prompt.cancel`));async function z(e){O(e);let t=await B(e);t&&await V(t)}async function B(e){let n=async function(){let e=await o.select({message:I(`prompt.templateType.message`),options:S.map(e=>({label:e.color(e.display||e.name),value:e.name}))});if(o.isCancel(e))return R();let t=S.find(t=>t.name===e),r=await o.select({message:I(`prompt.template.message`),options:t.children.map(e=>({label:e.color(e.display||e.name),value:e.name})).concat({label:I(`prompt.template.back`),value:`back`})});return o.isCancel(r)?R():r===`back`?await n():{template:r,templateOptions:t.children.find(e=>e.name===r)}},a=await n();if(!a)return;let{template:s,templateOptions:c}=a,l=e.package||c.value||s,u=await o.text({message:I(`prompt.package.message`),initialValue:l,defaultValue:l,placeholder:l,validate:e=>e.length===0||G(e)?void 0:I(`prompt.package.invalid`)});if(o.isCancel(u))return R();l=u;let d=H(l),f=await o.text({message:I(`prompt.project.message`),defaultValue:d,initialValue:d,placeholder:d,validate:e=>e.length===0||H(e).length>0?void 0:I(`prompt.project.invalid`)});if(o.isCancel(f))return R();if(d=i.resolve(d===`~`&&!te?r.homedir():process.cwd(),d),t.existsSync(d)&&!U(d)){let t=e.overwrite;if(!t){let e=await o.select({message:I(`prompt.exist.message`,d),options:[{label:I(`prompt.exist.option.no`),value:`no`},{label:I(`prompt.exist.option.yes`),value:`yes`},{label:I(`prompt.exist.option.ignore`),value:`ignore`}]});if(o.isCancel(e))return R();t=e}switch(t){case`yes`:W(d);break;case`no`:R();return}}let p;if(e.private!==!0&&c.isPublic!==`public`){let e=await o.confirm({message:I(`prompt.public.message`),active:I(`prompt.confirm.yes`),inactive:I(`prompt.confirm.no`),initialValue:c.isPublic??!0});if(o.isCancel(e))return R();p=e}else p=!e.private;let m;if(p){let e=await o.select({message:I(`prompt.gitUrl.message`),options:C.map(e=>({label:`${e.name} (${e.url})`,value:e.id}))});if(o.isCancel(e))return R();m=C.find(t=>t.id===e)?.url}let h;if(p){let e=J(l);e||await q(`user.email`)===`tom@tomgao.cc`&&(e=`tomjs`);let t=await o.text({message:I(`prompt.gitOrg.message`),defaultValue:e,placeholder:e,validate:t=>e&&!t||K(t)?void 0:I(`prompt.gitOrg.invalid`)});if(o.isCancel(t))return R();h=t}return{targetDir:d,packageName:l,template:s,templateOptions:c,isPublic:p,gitUrl:m,gitOrg:h}}async function V(e){E.debug(`projectOptions:`,ee(e,`templateOptions`));let{targetDir:t,packageName:a,template:o,isPublic:p,gitUrl:v,gitOrg:y,templateOptions:b}=e;await c(t);let x=o.includes(`vscode`),S={},C=i.join(t,`.temp`);if(await l(C),await Y(S,`base`,C),b.hasStyle&&await Y(S,`style`,C),p&&!x&&await Y(S,`public`,C),await s(C,t),await f(C),await s(i.join(L,o),t),g(S,await d(i.join(i.join(L,o),`package.json`))),S.name=a,p){delete S.private,S.name=a,S.license=`MIT`;let e=await q(`user.name`)||r.userInfo().username,n=await q(`user.email`);e&&n?S.author={name:e,email:n}:e&&(S.author=e);let o=`${v}/${y}/${i.basename(t)}`;x?(S.publisher=y,S.homepage=`${o}/blob/main/README.md`,S.bugs={url:`${o}/issues`}):delete S.publishConfig,S.repository={type:`git`,url:`git+${o}.git`}}else S.private=!0,delete S.publishConfig,S.devDependencies&&delete S.devDependencies.publint;if(await h(i.join(t,`package.json`),ie(S)),p){let{author:e}=S,r=``;e&&(typeof e==`string`?r=e:typeof e==`object`&&(e.name&&e.email?r=`${e.name}<${e.email}>`:e.name?r=e.name:e.email&&(r=e.email)));let o={pkgName:a,dateYear:new Date().getFullYear(),gitUserName:r},s=(await n.readdir(t)).filter(e=>[`README.md`,`README.zh_CN.md`,`LICENSE`].includes(e));for(let e of s){let n=await u(i.join(t,e));Object.keys(o).forEach(e=>{n=n.replace(RegExp(`{{${e}}}`,`g`),o[e])}),await m(i.join(t,e),n)}}let w=await _(`**/_*`,{ignore:[`**/node_modules/**`,`**/.*`],cwd:t});for(let e of w){let r=e.split(`/`);r[r.length-1]=r[r.length-1].substring(1),await n.rename(i.join(t,e),i.join(t,r.join(`/`)))}await A(`git init`,{cwd:t})}function H(e){return(e||``).trim().replace(/^@[^/]+\//,``)}function U(e){return t.readdirSync(e).length===0}function W(e){t.existsSync(e)&&p(e)}function G(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function K(e){return/^[a-z][a-z\d\-._]*$/.test(e)}async function q(e){return A(`git config --get ${e}`,{trim:!0})}function J(e){if(e.startsWith(`@`))return e.split(`/`)[0].substring(1)}async function Y(e,t,r){let a=i.join(L,`config/${t}`),o=await n.readdir(a);for(let t of o)[`node_modules`,`.git`].includes(t)||(t===`package.json`?g(e,await d(i.join(a,`package.json`))):await s(i.join(a,t),i.join(r,t)))}function X(e,t){if(!e)return e;let n={};return Array.isArray(t)&&t.length>0?(t.filter(t=>t in e).forEach(t=>{n[t]=e[t]}),Object.keys(e).filter(e=>!t.includes(e)).sort().forEach(t=>{n[t]=e[t]})):Object.keys(e).sort().forEach(t=>{n[t]=e[t]}),n}function re(e,t,n){let r={},i=Object.keys(e);{let e=i.filter(e=>e.includes(`:`));i=i.filter(e=>!e.includes(`:`)).sort().concat(e)}let a=s(t),o=s(n);return a.concat(i.filter(e=>!a.includes(e)&&!o.includes(e))).concat(o).forEach(t=>{r[t]=e[t]}),r;function s(e){let t=Array.isArray(e)?e:[];return t.length>0&&(t=t.reduce((e,t)=>{if(t.endsWith(`:`)){let n=i.filter(n=>!e.includes(n)&&n.startsWith(t));return e.concat(n)}return i.includes(t)?e.concat(t):e},[])),t}}function ie(e){return e=X(e,w),e.scripts&&=re(e.scripts,T,[`prepare`,`prepublishOnly`]),[`dependencies`,`devDependencies`,`peerDependencies`].forEach(t=>{e[t]&&(e[t]=X(e[t]))}),e}const Z=e(`
|
|
2
2
|
Usage
|
|
3
|
-
$ create-app [options] <
|
|
3
|
+
$ create-app [options] <package>
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
package ${I(`options.package`)}
|
|
6
6
|
|
|
7
7
|
Options
|
|
8
|
-
-o, --overwrite ${
|
|
9
|
-
-p, --private ${
|
|
10
|
-
--verbose ${
|
|
11
|
-
-h, --help ${
|
|
12
|
-
-v, --version ${
|
|
13
|
-
`,{importMeta:import.meta,booleanDefault:void 0,helpIndent:0,description:
|
|
8
|
+
-o, --overwrite ${I(`options.overwrite`)}
|
|
9
|
+
-p, --private ${I(`options.private`)}
|
|
10
|
+
--verbose ${I(`options.verbose`)}
|
|
11
|
+
-h, --help ${I(`options.help`)}
|
|
12
|
+
-v, --version ${I(`options.version`)}
|
|
13
|
+
`,{importMeta:import.meta,booleanDefault:void 0,helpIndent:0,description:I(`app.description`),flags:{overwrite:{type:`string`},private:{type:`boolean`,shortFlag:`p`},verbose:{type:`boolean`,default:!1},help:{type:`boolean`,shortFlag:`h`},version:{type:`boolean`,shortFlag:`v`}}}),{input:Q,flags:$}=Z;$.help?Z.showHelp(0):$.version?Z.showVersion():(E.enableDebug($.verbose),E.debug(`package name:`,Q.join()),E.debug(`cli options:`,$),z(Object.assign({package:Q[0]},$)));export{};
|
package/locales/en-US.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"app.description": "Create a node/web/electron/vscode project based on tomjs",
|
|
3
|
-
"options.dir": "Project directory",
|
|
4
3
|
"options.help": "Show help information",
|
|
5
4
|
"options.interactive": "Force interactive",
|
|
6
5
|
"options.overwrite": "Overwrite existing project",
|
|
6
|
+
"options.package": "Package name",
|
|
7
7
|
"options.private": "Set as private project",
|
|
8
8
|
"options.verbose": "Show verbose logs",
|
|
9
9
|
"options.version": "Show version information",
|
package/locales/zh-CN.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"app.description": "创建基于 tomjs 的 node/web/electron/vscode 项目",
|
|
3
|
-
"options.dir": "项目目录",
|
|
4
3
|
"options.help": "显示帮助信息",
|
|
5
4
|
"options.interactive": "强制互动",
|
|
6
5
|
"options.overwrite": "覆盖已存在的目录",
|
|
6
|
+
"options.package": "包名称",
|
|
7
7
|
"options.private": "设为私有项目",
|
|
8
8
|
"options.verbose": "显示详细日志",
|
|
9
9
|
"options.version": "显示版本信息",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tomjs/create-app",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"description": "Create a node/web/electron/vscode project based on tomjs",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom Gao",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"node"
|
|
36
36
|
],
|
|
37
37
|
"bin": {
|
|
38
|
-
"create-app": "dist/index.
|
|
38
|
+
"create-app": "dist/index.mjs"
|
|
39
39
|
},
|
|
40
40
|
"files": [
|
|
41
41
|
"locales",
|
|
@@ -75,37 +75,6 @@ function createWindow() {
|
|
|
75
75
|
|
|
76
76
|
app.whenReady().then(async () => {
|
|
77
77
|
createWindow();
|
|
78
|
-
|
|
79
|
-
if (isDev) {
|
|
80
|
-
try {
|
|
81
|
-
const { installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } = await import(
|
|
82
|
-
'@tomjs/electron-devtools-installer',
|
|
83
|
-
);
|
|
84
|
-
|
|
85
|
-
installExtension([REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS])
|
|
86
|
-
.then((exts) => {
|
|
87
|
-
// console.log('Added Extension: ', exts.name);
|
|
88
|
-
// console.log('Added Extension: ', exts.name);
|
|
89
|
-
|
|
90
|
-
// Open devTool if the app is not packaged
|
|
91
|
-
if (win) {
|
|
92
|
-
win.webContents.openDevTools();
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
console.log(
|
|
96
|
-
'Added Extension: ',
|
|
97
|
-
exts.map(s => s.name),
|
|
98
|
-
);
|
|
99
|
-
})
|
|
100
|
-
.catch((err) => {
|
|
101
|
-
console.log('Failed to install extensions');
|
|
102
|
-
console.error(err);
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
catch (e) {
|
|
106
|
-
console.error(e);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
78
|
});
|
|
110
79
|
|
|
111
80
|
app.on('window-all-closed', () => {
|
|
@@ -15,14 +15,13 @@
|
|
|
15
15
|
"preview": "vite preview"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@tomjs/electron-devtools-installer": "^4.0.1",
|
|
19
18
|
"react": "^19.2.3",
|
|
20
19
|
"react-dom": "^19.2.3"
|
|
21
20
|
},
|
|
22
21
|
"devDependencies": {
|
|
23
22
|
"@eslint-react/eslint-plugin": "^2.3.13",
|
|
24
|
-
"@tomjs/vite-plugin-electron": "^2.0
|
|
25
|
-
"@types/node": "^
|
|
23
|
+
"@tomjs/vite-plugin-electron": "^2.1.0",
|
|
24
|
+
"@types/node": "^22.19.3",
|
|
26
25
|
"@types/react": "^19.2.7",
|
|
27
26
|
"@types/react-dom": "^19.2.3",
|
|
28
27
|
"@vitejs/plugin-react-swc": "^4.2.2",
|
|
@@ -69,23 +69,6 @@ async function createWindow() {
|
|
|
69
69
|
|
|
70
70
|
app.whenReady().then(async () => {
|
|
71
71
|
createWindow();
|
|
72
|
-
|
|
73
|
-
if (isDev) {
|
|
74
|
-
const { installExtension, VUEJS_DEVTOOLS } = await import('@tomjs/electron-devtools-installer');
|
|
75
|
-
|
|
76
|
-
installExtension(VUEJS_DEVTOOLS)
|
|
77
|
-
.then((ext) => {
|
|
78
|
-
console.log('Added Extension: ', ext.name);
|
|
79
|
-
// Open devTool if the app is not packaged
|
|
80
|
-
if (win) {
|
|
81
|
-
win.webContents.openDevTools();
|
|
82
|
-
}
|
|
83
|
-
})
|
|
84
|
-
.catch((err) => {
|
|
85
|
-
console.error(err);
|
|
86
|
-
console.log('Failed to install extensions');
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
72
|
});
|
|
90
73
|
|
|
91
74
|
app.on('window-all-closed', () => {
|
|
@@ -16,12 +16,11 @@
|
|
|
16
16
|
"preview": "vite preview"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"
|
|
20
|
-
"vue": "^3.5.25"
|
|
19
|
+
"vue": "^3.5.26"
|
|
21
20
|
},
|
|
22
21
|
"devDependencies": {
|
|
23
|
-
"@tomjs/vite-plugin-electron": "^2.0
|
|
24
|
-
"@types/node": "^
|
|
22
|
+
"@tomjs/vite-plugin-electron": "^2.1.0",
|
|
23
|
+
"@types/node": "^22.19.3",
|
|
25
24
|
"@vitejs/plugin-vue": "^6.0.3",
|
|
26
25
|
"@vue/tsconfig": "^0.8.1",
|
|
27
26
|
"cross-env": "^10.1.0",
|
|
@@ -30,6 +29,7 @@
|
|
|
30
29
|
"typescript": "~5.9.3",
|
|
31
30
|
"vite": "^7.3.0",
|
|
32
31
|
"vite-plugin-electron-renderer": "^0.14.6",
|
|
32
|
+
"vite-plugin-vue-devtools": "^8.0.5",
|
|
33
33
|
"vue-tsc": "^3.2.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -5,13 +5,13 @@ import HelloWorld from './components/HelloWorld.vue';
|
|
|
5
5
|
<template>
|
|
6
6
|
<div>
|
|
7
7
|
<a href="https://vitejs.dev" target="_blank">
|
|
8
|
-
<img src="/vite.svg" class="logo" alt="Vite logo"
|
|
8
|
+
<img src="/vite.svg" class="logo" alt="Vite logo">
|
|
9
9
|
</a>
|
|
10
10
|
<a href="https://www.electronjs.org" target="_blank">
|
|
11
|
-
<img src="./assets/electron.svg" class="logo electron" alt="Vite logo"
|
|
11
|
+
<img src="./assets/electron.svg" class="logo electron" alt="Vite logo">
|
|
12
12
|
</a>
|
|
13
13
|
<a href="https://vuejs.org" target="_blank">
|
|
14
|
-
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo"
|
|
14
|
+
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo">
|
|
15
15
|
</a>
|
|
16
16
|
</div>
|
|
17
17
|
<HelloWorld msg="Vite + Electron + Vue" />
|
|
@@ -8,15 +8,19 @@ const count = ref(0);
|
|
|
8
8
|
|
|
9
9
|
const versions = ['chrome', 'node', 'electron']
|
|
10
10
|
.map(s => `${s}: ${process.versions[s]}`)
|
|
11
|
-
.concat([
|
|
11
|
+
.concat([`platform: ${os.platform()} ${os.arch()}`]);
|
|
12
12
|
</script>
|
|
13
13
|
|
|
14
14
|
<template>
|
|
15
15
|
<h1>{{ msg }}</h1>
|
|
16
16
|
|
|
17
17
|
<div class="card">
|
|
18
|
-
<div style="margin-bottom: 1em">
|
|
19
|
-
|
|
18
|
+
<div style="margin-bottom: 1em">
|
|
19
|
+
{{ versions.join(', ') }}
|
|
20
|
+
</div>
|
|
21
|
+
<button type="button" @click="count++">
|
|
22
|
+
count is {{ count }}
|
|
23
|
+
</button>
|
|
20
24
|
<p>
|
|
21
25
|
Edit
|
|
22
26
|
<code>components/HelloWorld.vue</code> to test HMR
|
|
@@ -33,7 +37,9 @@ const versions = ['chrome', 'node', 'electron']
|
|
|
33
37
|
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
|
|
34
38
|
in your IDE for a better DX
|
|
35
39
|
</p>
|
|
36
|
-
<p class="read-the-docs">
|
|
40
|
+
<p class="read-the-docs">
|
|
41
|
+
Click on the Vite and Vue logos to learn more
|
|
42
|
+
</p>
|
|
37
43
|
</template>
|
|
38
44
|
|
|
39
45
|
<style scoped>
|
|
@@ -2,7 +2,13 @@ import electron from '@tomjs/vite-plugin-electron';
|
|
|
2
2
|
import vue from '@vitejs/plugin-vue';
|
|
3
3
|
import { defineConfig } from 'vite';
|
|
4
4
|
import renderer from 'vite-plugin-electron-renderer';
|
|
5
|
+
import devtools from 'vite-plugin-vue-devtools';
|
|
5
6
|
|
|
6
7
|
export default defineConfig({
|
|
7
|
-
plugins: [
|
|
8
|
+
plugins: [
|
|
9
|
+
vue(),
|
|
10
|
+
electron({ builder: true }),
|
|
11
|
+
devtools({}),
|
|
12
|
+
renderer(),
|
|
13
|
+
],
|
|
8
14
|
});
|
|
@@ -49,15 +49,16 @@
|
|
|
49
49
|
"@tomjs/vscode-webview": "^2.0.2",
|
|
50
50
|
"@vscode/webview-ui-toolkit": "^1.4.0",
|
|
51
51
|
"vue": "^3.5.26",
|
|
52
|
-
"vue-i18n": "^11.2.
|
|
52
|
+
"vue-i18n": "^11.2.7"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@tomjs/vite-plugin-vscode": "^5.
|
|
55
|
+
"@tomjs/vite-plugin-vscode": "^5.2.0",
|
|
56
56
|
"@tomjs/vscode-dev": "^3.0.2",
|
|
57
57
|
"@types/vscode": "^1.56.0",
|
|
58
58
|
"@types/vscode-webview": "^1.57.5",
|
|
59
59
|
"@vitejs/plugin-vue": "^6.0.3",
|
|
60
60
|
"vite": "^7.3.0",
|
|
61
|
+
"vite-plugin-vue-devtools": "^8.0.5",
|
|
61
62
|
"vue-tsc": "^3.2.0"
|
|
62
63
|
}
|
|
63
64
|
}
|