@tomjs/create-app 0.6.2 → 0.8.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/README.md +1 -1
- package/README.zh_CN.md +1 -1
- package/dist/index.mjs +6 -6
- package/package.json +7 -7
- package/template-electron-react/.vscode/launch.json +2 -3
- package/template-electron-react/.vscode/tasks.json +9 -3
- package/template-electron-react/electron/main/index.ts +1 -1
- package/template-electron-react/package.json +9 -9
- package/template-electron-vue/.vscode/launch.json +2 -3
- package/template-electron-vue/.vscode/tasks.json +9 -3
- package/template-electron-vue/electron/main/index.ts +1 -1
- package/template-electron-vue/package.json +11 -11
- package/template-node/package.json +6 -6
- package/template-react/package.json +5 -5
- package/template-vscode-react/.eslintrc.cjs +7 -0
- package/template-vscode-react/.vscode/launch.json +21 -0
- package/template-vscode-react/.vscode/tasks.json +36 -0
- package/template-vscode-react/README.md +87 -0
- package/template-vscode-react/_lintstagedrc.cjs +5 -0
- package/template-vscode-react/extension/index.ts +14 -0
- package/template-vscode-react/extension/panels/MainPanel.ts +172 -0
- package/template-vscode-react/index.html +14 -0
- package/template-vscode-react/package.json +71 -0
- package/template-vscode-react/src/App.css +7 -0
- package/template-vscode-react/src/App.tsx +51 -0
- package/template-vscode-react/src/main.tsx +9 -0
- package/template-vscode-react/src/utils/index.ts +1 -0
- package/template-vscode-react/src/utils/vscode.ts +84 -0
- package/template-vscode-react/src/vite-env.d.ts +1 -0
- package/template-vscode-react/tsconfig.json +10 -0
- package/template-vscode-react/tsconfig.node.json +7 -0
- package/template-vscode-react/vite.config.ts +21 -0
- package/template-vscode-vue/.eslintrc.cjs +7 -0
- package/template-vscode-vue/.vscode/launch.json +21 -0
- package/template-vscode-vue/.vscode/tasks.json +36 -0
- package/template-vscode-vue/README.md +87 -0
- package/template-vscode-vue/_lintstagedrc.cjs +6 -0
- package/template-vscode-vue/extension/index.ts +14 -0
- package/template-vscode-vue/extension/panels/MainPanel.ts +172 -0
- package/template-vscode-vue/index.html +14 -0
- package/template-vscode-vue/package.json +69 -0
- package/template-vscode-vue/src/App.vue +58 -0
- package/template-vscode-vue/src/main.ts +4 -0
- package/template-vscode-vue/src/utils/index.ts +1 -0
- package/template-vscode-vue/src/utils/vscode.ts +84 -0
- package/template-vscode-vue/src/vite-env.d.ts +1 -0
- package/template-vscode-vue/tsconfig.json +10 -0
- package/template-vscode-vue/tsconfig.node.json +7 -0
- package/template-vscode-vue/vite.config.ts +21 -0
- package/template-vue/package.json +6 -6
- package/template-electron-react/scripts/builder.ts +0 -38
- package/template-electron-react/scripts/constants.ts +0 -19
- package/template-electron-react/scripts/release.ts +0 -40
- package/template-electron-vue/scripts/builder.ts +0 -38
- package/template-electron-vue/scripts/constants.ts +0 -19
- package/template-electron-vue/scripts/release.ts +0 -40
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
**English** | [中文](./README.zh_CN.md)
|
|
6
6
|
|
|
7
|
-
> Create a web application based on [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/
|
|
7
|
+
> Create a web application based on [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/tomjs).
|
|
8
8
|
|
|
9
9
|
## Creating a Project
|
|
10
10
|
|
package/README.zh_CN.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
  
|
|
6
6
|
|
|
7
|
-
> 创建基于 [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/
|
|
7
|
+
> 创建基于 [vite](https://github.com/vitejs/vite) + [tomjs](https://github.com/tomjs) 的 web 应用。
|
|
8
8
|
|
|
9
9
|
## 创建项目
|
|
10
10
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import a,{renameSync as
|
|
3
|
-
`)}function
|
|
4
|
-
Scaffolding project in ${s}...`);let Z=f||P?.name||n||"",
|
|
2
|
+
import a,{renameSync as $e}from"fs";import Ge from"os";import r from"path";import{fileURLToPath as Ne}from"url";import{lightBlue as O,lightCyan as Oe,lightGreen as F,lightYellow as Fe,red as fe,reset as w,yellow as Te}from"kolorist";import{camelCase as De}from"lodash-es";import Ue from"minimist";import _e from"prompts";import E from"shelljs";import pe from"os";import me from"path";import{blue as Re,red as $,reset as G}from"kolorist";import Pe from"minimist";import H from"prompts";import l from"fs";import W from"path";function A(e){return[["t","template"],["g","git"]].forEach(([n,c])=>{e[c]=e[c]??e[n]}),e}function ie(e){return l.readdirSync(e).length===0}function M(e){return e?.trim().replace(/\/+$/g,"")}function Ee(e,n){l.mkdirSync(n,{recursive:!0});for(let c of l.readdirSync(e)){let y=W.resolve(e,c),m=W.resolve(n,c);z(y,m)}}function z(e,n){l.statSync(e).isDirectory()?Ee(e,n):l.copyFileSync(e,n)}function oe(e){if(l.existsSync(e))for(let n of l.readdirSync(e))l.rmSync(W.resolve(e,n),{recursive:!0,force:!0})}function Y(e){return/^(?:@[a-z\d\-*~][a-z\d\-*._~]*\/)?[a-z\d\-~][a-z\d\-._~]*$/.test(e)}function re(e){return e.trim().toLowerCase().replace(/\s+/g,"-").replace(/^[._]/,"").replace(/[^a-z\d\-~]+/g,"-")}function se(e){if(!e)return;let c=e.split(" ")[0].split("/");return{name:c[0],version:c[1]}}function v(e){if(l.existsSync(e))try{return JSON.parse(l.readFileSync(e,"utf8"))}catch(n){console.error(n)}}function x(e,n){l.writeFileSync(e,JSON.stringify(n,null,2)+`
|
|
3
|
+
`)}function C(e){l.existsSync(e)&&l.rmSync(e,{recursive:!0,force:!0})}function ce(e){l.existsSync(e)||l.mkdirSync(e,{recursive:!0})}var Ae=A(Pe(process.argv.slice(2),{string:["_"]})),ae={repo:"https://github.com",owner:pe.userInfo().username};function B(e){let{repo:n,owner:c}=e;return`${n}${n.endsWith("/")?"":"/"}${c}`}async function le(e){let n=await H([{type:"text",name:"repo",message:G("Git repository url:"),initial:e?.repo||ae.repo},{type:"text",name:"owner",message:G("Git repository owner:"),initial:e?.owner||ae.owner}],{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}});return{id:e?.id||Date.now().toString(),repo:n.repo,owner:n.owner}}var ue=me.join(pe.homedir(),".tomjs","create-app"),ge=me.join(ue,"config.json");function N(){return ce(ue),Object.assign({gitRepos:[]},v(ge))}function Ce(e){let n=N();n.createTime?n.updateTime=Date.now():n.createTime=Date.now(),x(ge,Object.assign(n,e))}function L(e){Ce({gitRepos:e})}async function K(){let{gitRepos:e}=N();(e.length===0||Ae.git)&&(e.length===0&&console.log(`You need to set the ${Re("git remote repository")} for the first time.`),await n());async function n(){let c=e.map(f=>({title:B(f),value:f.id})).concat([{title:"Add",value:"add"},{title:$("Exit"),value:"exit"}]),y=await H({type:"select",name:"repoId",message:e.length===0?"You choose to add or exit:":"You can choose the repository to be operated, or choose to add or exit:",choices:c},{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}}),{repoId:m}=y;if(m==="exit")return;if(m==="add"){let f=await le();return e.push(f),L(e),n()}let S=e.findIndex(f=>f.id===m),R=await H([{type:"select",name:"action",message:G("Select an action?"),choices:[{title:"Edit",value:"edit"},{title:"Remove",value:"remove"},{title:"Exit",value:"exit"}]},{type:f=>f==="remove"&&"toggle",name:"confirmRemove",message:G("Where confirm to remove?"),initial:!0,active:"Yes",inactive:"No"}],{onCancel:()=>{throw console.log($("\u2716")+" Operation cancelled"),new Error}}),{action:P,confirmRemove:T}=R;if(P==="exit")return K();if(P==="remove")return T&&(e.splice(S,1),L(e)),n();let D=await le(e[S]);return e[S]=D,L(e),n()}}var q=A(Ue(process.argv.slice(2),{string:["_"]})),Q=process.cwd(),ve=[{name:"web",display:"Web App",color:F,variants:[{name:"vue",display:"Vue",color:F},{name:"react",display:"React",color:O}]},{name:"electron",display:"Electron App",color:O,variants:[{name:"electron-vue",display:"Vue",color:F},{name:"electron-react",display:"React",color:O}]},{name:"vscode",display:"VSCode Extension",color:Oe,options:[{id:"publish",name:"Git Repository + NPM Publish"},{id:"ssh",name:"Git init by SSH"}],variants:[{name:"vscode-vue",display:"Vue",color:F},{name:"vscode-react",display:"React",color:O}]},{name:"node",display:"Node",color:Fe,options:[{id:"test",name:"Test"},{id:"publish",name:"Git Repository + NPM Publish"},{id:"ssh",name:"Git init by SSH"},{id:"vite",name:"Vite Plugin"},{id:"electron",name:"Electron"},{id:"examples",name:"Examples"}]}],de=ve.map(e=>e.variants&&e.variants.map(n=>n.name)||[e.name]).reduce((e,n)=>e.concat(n),[]),X="my-app";function ye(e){let n=E.exec(`git config --get ${e}`,{silent:!0});if(n.code===0)return n.stdout.trim()}function he(e){return e.length>1?e.substring(e.indexOf("/")+1):e}async function Ie(){let e=M(q._[0]),n=q.template||q.t,c=e||X,y=()=>c==="."?r.basename(r.resolve()):c,m=he(c),{gitRepos:S}=N(),R=await _e([{type:e?null:"text",name:"projectName",message:w("Project name:"),initial:X,onState:t=>{c=M(t.value)||X,m=he(c)}},{type:()=>!a.existsSync(m)||ie(m)?null:"toggle",name:"overwrite",message:()=>(m==="."?"Current directory":`Target directory "${m}"`)+" is not empty. Remove existing files and continue?",initial:!1,active:"Yes",inactive:"No"},{type:(t,{overwrite:i})=>{if(i===!1)throw console.log(fe("\u2716")+" Operation cancelled"),new Error;return null},name:"overwriteChecker"},{type:()=>Y(y())?null:"text",name:"packageName",message:w("Package name:"),initial:()=>re(y()),validate:t=>Y(t)||"Invalid package.json name"},{type:n&&de.includes(n)?null:"select",name:"framework",message:typeof n=="string"&&!de.includes(n)?w(`"${n}" isn't a valid template. Please choose from below: `):w("Select a framework:"),initial:0,choices:ve.map(t=>{let i=t.color;return{title:i(t.display||t.name),value:t}})},{type:t=>t&&t.variants?"select":null,name:"variant",message:w("Select a variant:"),choices:t=>t?.variants?.map(i=>{let o=i.color;return{title:o(i.display||i.name),value:i.name}})},{type:(t,i)=>{let{framework:o}=i;return o&&Array.isArray(o.options)&&o.options.length?"multiselect":null},name:"options",message:w("Select optional options:"),instructions:!1,choices:(t,i)=>{let{framework:o}=i;return o?.options?.map(p=>({title:p.name,value:p.id}))}},{type:(t,i)=>S.length&&Array.isArray(i.options)&&i.options.includes("publish")?"select":null,name:"gitUserUrl",message:w("Which git repository to publish to?"),choices:S.map(t=>{let i=B(t);return{title:i,value:i}})}],{onCancel:()=>{throw console.log(fe("\u2716")+" Operation cancelled"),new Error}}),{framework:P,overwrite:T,packageName:D,variant:f,gitUserUrl:xe}=R,u=R.options||[],s=r.join(Q,m);T?oe(s):a.existsSync(s)||a.mkdirSync(s,{recursive:!0}),console.log(`
|
|
4
|
+
Scaffolding project in ${s}...`);let Z=f||P?.name||n||"",U=t=>r.join(Ne(import.meta.url),"../..",`template-${t}`),we=U(Z),_=Z.includes("node");[we,U("config")].forEach(t=>{let i=a.readdirSync(t);for(let o of i){let p=o.startsWith("_")?o.replace("_","."):o;if(_&&!u.includes("examples")&&o.includes("stylelint"))continue;let g=r.join(s,p);z(r.join(t,o),g)}});let h=D||y(),j={name:"UserName",email:"name@github.com"};function ee(t=!1){let i=h.startsWith("@")?h.split("/")[0].substring(1):De(j.name),o=xe||`https://github.com/${i}`;return t&&(o=o.replace(/http(s):\/\//g,"git@").replace(/\//,":")),`${o}/${h.substring(h.indexOf("/")+1)}.git`}je(),_&&(Se(),ke(),be());let te=se(process.env.npm_config_user_agent),I=te?te.name:"npm";E.which("git")&&(E.exec(`cd ${s} && git init`),u.includes("publish")&&E.exec(`cd ${s} && git remote add origin ${ee(u.includes("ssh"))}`));let J=r.relative(Q,s);switch(console.log(`
|
|
5
5
|
Done. Now run:
|
|
6
|
-
`),s!==
|
|
7
|
-
`,{encoding:"utf-8"});return}if(!a.existsSync(
|
|
8
|
-
- 'examples/*'`,{encoding:"utf-8"})}}
|
|
6
|
+
`),s!==Q&&console.log(` cd ${J.includes(" ")?`"${J}"`:J}`),I){case"yarn":console.log(" yarn"),console.log(" yarn dev");break;default:console.log(` ${I} install`),console.log(` ${I} run dev`);break}function Se(){["LICENSE","README.md","README.zh_CN.md"].forEach(t=>{let i=r.join(s,t);if(!u.includes("publish")&&a.existsSync(i)){a.rmSync(i),t==="README.md"&&a.writeFileSync(i,`# ${h}
|
|
7
|
+
`,{encoding:"utf-8"});return}if(!a.existsSync(i))return;let o=a.readFileSync(i,"utf-8").replace(new RegExp("{{pkg.name}}","g"),h).replace(new RegExp("{{user.name}}","g"),j.name).replace(new RegExp("{{user.email}}","g"),j.email);a.writeFileSync(i,o)})}function k(t,...i){["dependencies","devDependencies"].forEach(o=>{Object.keys(t[o]||{}).forEach(p=>{i.find(g=>p.includes(g))&&delete t[o][p]})})}function je(){let t=v(r.join(s,"package.json"));t.name=h,u.includes("publish")?(E.which("git")&&(j.name=ye("user.name")||Ge.userInfo().username,j.email=ye("user.email")||"",t.author=Object.assign(t.author,j)),t.publishConfig={access:"public",registry:"https://registry.npmjs.org/"},t.repository??={type:"git"},t.repository.url=`git+${ee()}`):(delete t.author,delete t.publishConfig,delete t.repository,delete t.scripts.prepublishOnly,delete t.devDependencies.np),_&&(u.includes("electron")||(k(t,"electron"),t.scripts["lint:eslint"]=t.scripts["lint:eslint"].replace(",electron","")),u.includes("vite")||k(t,"vite")),x(r.join(s,"package.json"),t)}function V(t,i){let o=t.lastIndexOf("."),p=t.substring(0,o)+"."+i+t.substring(o),g=r.join(s,t),d=r.join(s,p);u.includes(i)?(C(g),a.existsSync(d)&&$e(d,g)):C(d)}function ke(){if(V("tsconfig.json","test"),V("jest.config.cjs","electron"),u.includes("test"))return;a.readdirSync(s).filter(o=>o.startsWith("jest.config")||["test"].includes(o)).forEach(o=>{C(r.join(s,o))});let t=r.join(s,"package.json"),i=v(t);delete i.scripts.test,i.scripts["lint:eslint"]=i.scripts["lint:eslint"].replace(",test",""),k(i,"jest"),x(t,i)}function be(){if(V(".lintstagedrc.cjs","examples"),!u.includes("examples")){let o=v(r.join(s,"package.json"));o.scripts.lint=o.scripts.lint.replace(" lint:stylelint",""),o.scripts["lint:eslint"]=o.scripts["lint:eslint"].replace(",examples",""),delete o.scripts["lint:stylelint"],k(o,"stylelint"),x(r.join(s,"package.json"),o);return}let t=r.join(s,"examples");a.mkdirSync(t);let i=u.includes("electron");["vue","react"].forEach(o=>{let p=U(i?`electron-${o}`:o),g=r.join(t,o);if(!a.existsSync(p)){console.log(`${Te(p)} template is not exist`);return}a.cpSync(p,g,{recursive:!0});let d=v(r.join(g,"package.json"));Object.keys(d.scripts).forEach(b=>{(b.startsWith("lint")||["prepare"].includes(b))&&delete d.scripts[b]}),k(d,"eslint","prettier","stylelint","commitlint","husky","lint-staged","tsconfig","lint-staged","npm-run-all"),x(r.join(g,"package.json"),d),["_lintstagedrc.cjs"].forEach(b=>{let ne=r.join(g,b);a.existsSync(ne)&&a.rmSync(ne,{recursive:!0})})}),a.writeFileSync(r.join(s,"pnpm-workspace.yaml"),`packages:
|
|
8
|
+
- 'examples/*'`,{encoding:"utf-8"})}}K().then(async()=>Ie().catch(e=>{e.message&&console.error(e)})).catch(e=>{e.message&&console.error(e)});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tomjs/create-app",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "create tomjs web app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"tomjs",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"repository": {
|
|
38
38
|
"type": "git",
|
|
39
|
-
"url": "git+https://github.com/
|
|
39
|
+
"url": "git+https://github.com/tomjs/create-app.git"
|
|
40
40
|
},
|
|
41
41
|
"publishConfig": {
|
|
42
42
|
"access": "public",
|
|
@@ -51,11 +51,11 @@
|
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@commitlint/cli": "^18.4.3",
|
|
54
|
-
"@tomjs/commitlint": "^2.
|
|
55
|
-
"@tomjs/eslint": "^1.1
|
|
56
|
-
"@tomjs/prettier": "^1.
|
|
57
|
-
"@tomjs/stylelint": "^2.
|
|
58
|
-
"@tomjs/tsconfig": "^1.1
|
|
54
|
+
"@tomjs/commitlint": "^2.1.1",
|
|
55
|
+
"@tomjs/eslint": "^1.2.1",
|
|
56
|
+
"@tomjs/prettier": "^1.1.1",
|
|
57
|
+
"@tomjs/stylelint": "^2.1.1",
|
|
58
|
+
"@tomjs/tsconfig": "^1.2.1",
|
|
59
59
|
"@types/lodash-es": "^4.17.12",
|
|
60
60
|
"@types/minimist": "^1.2.5",
|
|
61
61
|
"@types/node": "^18.19.3",
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
"configurations": [
|
|
7
7
|
{
|
|
8
8
|
"name": "Debug Main Process",
|
|
9
|
-
"preLaunchTask": "npm:debug",
|
|
10
9
|
"type": "node",
|
|
11
10
|
"request": "launch",
|
|
12
11
|
"cwd": "${workspaceFolder}",
|
|
@@ -23,7 +22,7 @@
|
|
|
23
22
|
"${workspaceFolder}/**/*.mjs",
|
|
24
23
|
"!**/node_modules/**"
|
|
25
24
|
],
|
|
26
|
-
"
|
|
27
|
-
}
|
|
25
|
+
"preLaunchTask": "${defaultBuildTask}",
|
|
26
|
+
}
|
|
28
27
|
]
|
|
29
28
|
}
|
|
@@ -4,11 +4,9 @@
|
|
|
4
4
|
"version": "2.0.0",
|
|
5
5
|
"tasks": [
|
|
6
6
|
{
|
|
7
|
-
"label": "npm:debug",
|
|
8
7
|
"type": "npm",
|
|
9
|
-
"script": "
|
|
8
|
+
"script": "dev",
|
|
10
9
|
"detail": "cross-env VITE_ELECTRON_DEBUG=1 vite",
|
|
11
|
-
"isBackground": true,
|
|
12
10
|
"problemMatcher": {
|
|
13
11
|
"owner": "typescript",
|
|
14
12
|
"fileLocation": "relative",
|
|
@@ -25,6 +23,14 @@
|
|
|
25
23
|
"beginsPattern": "^.*VITE v.* ready in \\d* ms.*$",
|
|
26
24
|
"endsPattern": "^.*\\[@tomjs:electron\\] startup electron*$"
|
|
27
25
|
}
|
|
26
|
+
},
|
|
27
|
+
"isBackground": true,
|
|
28
|
+
"presentation": {
|
|
29
|
+
"reveal": "never"
|
|
30
|
+
},
|
|
31
|
+
"group": {
|
|
32
|
+
"kind": "build",
|
|
33
|
+
"isDefault": true
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
]
|
|
@@ -24,7 +24,7 @@ const isDev = process.env.NODE_ENV === 'development';
|
|
|
24
24
|
let win: BrowserWindow | null = null;
|
|
25
25
|
// package.json "type":"module", must use mjs extension
|
|
26
26
|
const preload = join(__dirname, '../preload/index.mjs');
|
|
27
|
-
const serverUrl = process.env.
|
|
27
|
+
const serverUrl = process.env.VITE_DEV_SERVER_URL as string;
|
|
28
28
|
const rendererDist = join(__dirname, '../renderer');
|
|
29
29
|
const indexHtml = join(rendererDist, 'index.html');
|
|
30
30
|
const publicPath = serverUrl ? join(__dirname, '../../public') : rendererDist;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"dev": "vite",
|
|
12
12
|
"debug": "cross-env VITE_ELECTRON_DEBUG=1 npm run dev",
|
|
13
13
|
"build": "npm run clean && vite build",
|
|
14
|
-
"
|
|
14
|
+
"release": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
|
|
15
15
|
"clean": "rimraf ./dist",
|
|
16
16
|
"lint": "run-s lint:eslint lint:stylelint lint:prettier",
|
|
17
17
|
"lint:eslint": "eslint \"{src,electron,scripts}/**/*.{ts,tsx}\" *.{js,cjs,ts} --fix --cache",
|
|
@@ -20,18 +20,18 @@
|
|
|
20
20
|
"prepare": "husky install"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@tomjs/electron-devtools-installer": "^2.0.
|
|
23
|
+
"@tomjs/electron-devtools-installer": "^2.0.6",
|
|
24
24
|
"react": "^18.2.0",
|
|
25
25
|
"react-dom": "^18.2.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@commitlint/cli": "^18.4.3",
|
|
29
|
-
"@tomjs/commitlint": "^2.
|
|
30
|
-
"@tomjs/eslint": "^1.1
|
|
31
|
-
"@tomjs/prettier": "^1.
|
|
32
|
-
"@tomjs/stylelint": "^2.
|
|
33
|
-
"@tomjs/tsconfig": "^1.1
|
|
34
|
-
"@tomjs/vite-plugin-electron": "^1.
|
|
29
|
+
"@tomjs/commitlint": "^2.1.1",
|
|
30
|
+
"@tomjs/eslint": "^1.2.1",
|
|
31
|
+
"@tomjs/prettier": "^1.1.1",
|
|
32
|
+
"@tomjs/stylelint": "^2.1.1",
|
|
33
|
+
"@tomjs/tsconfig": "^1.2.1",
|
|
34
|
+
"@tomjs/vite-plugin-electron": "^1.8.0",
|
|
35
35
|
"@types/node": "^18.19.3",
|
|
36
36
|
"@types/react": "^18.2.45",
|
|
37
37
|
"@types/react-dom": "^18.2.18",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"prettier": "^3.1.1",
|
|
47
47
|
"rimraf": "^5.0.5",
|
|
48
48
|
"stylelint": "^16.0.2",
|
|
49
|
-
"tsx": "^4.
|
|
49
|
+
"tsx": "^4.7.0",
|
|
50
50
|
"typescript": "~5.3.3",
|
|
51
51
|
"vite": "^5.0.10",
|
|
52
52
|
"vite-plugin-electron-renderer": "^0.14.5"
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
"configurations": [
|
|
7
7
|
{
|
|
8
8
|
"name": "Debug Main Process",
|
|
9
|
-
"preLaunchTask": "npm:debug",
|
|
10
9
|
"type": "node",
|
|
11
10
|
"request": "launch",
|
|
12
11
|
"cwd": "${workspaceFolder}",
|
|
@@ -23,7 +22,7 @@
|
|
|
23
22
|
"${workspaceFolder}/**/*.mjs",
|
|
24
23
|
"!**/node_modules/**"
|
|
25
24
|
],
|
|
26
|
-
"
|
|
27
|
-
}
|
|
25
|
+
"preLaunchTask": "${defaultBuildTask}"
|
|
26
|
+
}
|
|
28
27
|
]
|
|
29
28
|
}
|
|
@@ -4,11 +4,9 @@
|
|
|
4
4
|
"version": "2.0.0",
|
|
5
5
|
"tasks": [
|
|
6
6
|
{
|
|
7
|
-
"label": "npm:debug",
|
|
8
7
|
"type": "npm",
|
|
9
|
-
"script": "
|
|
8
|
+
"script": "dev",
|
|
10
9
|
"detail": "cross-env VITE_ELECTRON_DEBUG=1 vite",
|
|
11
|
-
"isBackground": true,
|
|
12
10
|
"problemMatcher": {
|
|
13
11
|
"owner": "typescript",
|
|
14
12
|
"fileLocation": "relative",
|
|
@@ -25,6 +23,14 @@
|
|
|
25
23
|
"beginsPattern": "^.*VITE v.* ready in \\d* ms.*$",
|
|
26
24
|
"endsPattern": "^.*\\[@tomjs:electron\\] startup electron*$"
|
|
27
25
|
}
|
|
26
|
+
},
|
|
27
|
+
"isBackground": true,
|
|
28
|
+
"presentation": {
|
|
29
|
+
"reveal": "never"
|
|
30
|
+
},
|
|
31
|
+
"group": {
|
|
32
|
+
"kind": "build",
|
|
33
|
+
"isDefault": true
|
|
28
34
|
}
|
|
29
35
|
}
|
|
30
36
|
]
|
|
@@ -24,7 +24,7 @@ const isDev = process.env.NODE_ENV === 'development';
|
|
|
24
24
|
let win: BrowserWindow | null = null;
|
|
25
25
|
// package.json "type":"module", must use mjs extension
|
|
26
26
|
const preload = join(__dirname, '../preload/index.mjs');
|
|
27
|
-
const serverUrl = process.env.
|
|
27
|
+
const serverUrl = process.env.VITE_DEV_SERVER_URL as string;
|
|
28
28
|
const rendererDist = join(__dirname, '../renderer');
|
|
29
29
|
const indexHtml = join(rendererDist, 'index.html');
|
|
30
30
|
const publicPath = serverUrl ? join(__dirname, '../../public') : rendererDist;
|
|
@@ -11,26 +11,26 @@
|
|
|
11
11
|
"dev": "vite",
|
|
12
12
|
"debug": "cross-env VITE_ELECTRON_DEBUG=1 npm run dev",
|
|
13
13
|
"build": "npm run clean && vue-tsc --noEmit && vite build",
|
|
14
|
-
"
|
|
14
|
+
"release": "cross-env VITE_ELECTRON_BUILDER=1 npm run build",
|
|
15
15
|
"clean": "rimraf ./dist",
|
|
16
16
|
"lint": "run-s lint:eslint lint:stylelint lint:prettier",
|
|
17
|
-
"lint:eslint": "eslint \"{src,electron,scripts}/**/*.{js,cjs,ts,vue}\" *.{js,cjs,ts} --fix --cache",
|
|
17
|
+
"lint:eslint": "eslint \"{src,electron,scripts}/**/*.{js,cjs,ts,tsx,vue}\" *.{js,cjs,ts} --fix --cache",
|
|
18
18
|
"lint:stylelint": "stylelint \"{src,electron,scripts}/**/*.{css,scss,less,html}\" --fix --cache",
|
|
19
19
|
"lint:prettier": "prettier --write .",
|
|
20
20
|
"prepare": "husky install"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@tomjs/electron-devtools-installer": "^2.0.
|
|
24
|
-
"vue": "^3.3.
|
|
23
|
+
"@tomjs/electron-devtools-installer": "^2.0.6",
|
|
24
|
+
"vue": "^3.3.13"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@commitlint/cli": "^18.4.3",
|
|
28
|
-
"@tomjs/commitlint": "^2.
|
|
29
|
-
"@tomjs/eslint": "^1.1
|
|
30
|
-
"@tomjs/prettier": "^1.
|
|
31
|
-
"@tomjs/stylelint": "^2.
|
|
32
|
-
"@tomjs/tsconfig": "^1.1
|
|
33
|
-
"@tomjs/vite-plugin-electron": "^1.
|
|
28
|
+
"@tomjs/commitlint": "^2.1.1",
|
|
29
|
+
"@tomjs/eslint": "^1.2.1",
|
|
30
|
+
"@tomjs/prettier": "^1.1.1",
|
|
31
|
+
"@tomjs/stylelint": "^2.1.1",
|
|
32
|
+
"@tomjs/tsconfig": "^1.2.1",
|
|
33
|
+
"@tomjs/vite-plugin-electron": "^1.8.0",
|
|
34
34
|
"@types/node": "^18.19.3",
|
|
35
35
|
"@vitejs/plugin-vue": "^4.5.2",
|
|
36
36
|
"cross-env": "^7.0.3",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"prettier": "^3.1.1",
|
|
44
44
|
"rimraf": "^5.0.5",
|
|
45
45
|
"stylelint": "^16.0.2",
|
|
46
|
-
"tsx": "^4.
|
|
46
|
+
"tsx": "^4.7.0",
|
|
47
47
|
"typescript": "~5.3.3",
|
|
48
48
|
"vite": "^5.0.10",
|
|
49
49
|
"vite-plugin-electron-renderer": "^0.14.5",
|
|
@@ -53,11 +53,11 @@
|
|
|
53
53
|
"@commitlint/cli": "^18.4.3",
|
|
54
54
|
"@jest/globals": "^29.7.0",
|
|
55
55
|
"@kayahr/jest-electron-runner": "^29.10.0",
|
|
56
|
-
"@tomjs/commitlint": "^2.
|
|
57
|
-
"@tomjs/eslint": "^1.1
|
|
58
|
-
"@tomjs/prettier": "^1.
|
|
59
|
-
"@tomjs/stylelint": "^2.
|
|
60
|
-
"@tomjs/tsconfig": "^1.1
|
|
56
|
+
"@tomjs/commitlint": "^2.1.1",
|
|
57
|
+
"@tomjs/eslint": "^1.2.1",
|
|
58
|
+
"@tomjs/prettier": "^1.1.1",
|
|
59
|
+
"@tomjs/stylelint": "^2.1.1",
|
|
60
|
+
"@tomjs/tsconfig": "^1.2.1",
|
|
61
61
|
"@types/jest": "^29.5.11",
|
|
62
62
|
"@types/node": "^18.19.3",
|
|
63
63
|
"cross-env": "^7.0.3",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"stylelint": "^16.0.2",
|
|
74
74
|
"ts-jest": "^29.1.1",
|
|
75
75
|
"tsup": "^8.0.1",
|
|
76
|
-
"tsx": "^4.
|
|
76
|
+
"tsx": "^4.7.0",
|
|
77
77
|
"typescript": "~5.3.3",
|
|
78
78
|
"vite": "^5.0.10"
|
|
79
79
|
}
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@commitlint/cli": "^18.4.3",
|
|
25
|
-
"@tomjs/commitlint": "^2.
|
|
26
|
-
"@tomjs/eslint": "^1.1
|
|
27
|
-
"@tomjs/prettier": "^1.
|
|
28
|
-
"@tomjs/stylelint": "^2.
|
|
29
|
-
"@tomjs/tsconfig": "^1.1
|
|
25
|
+
"@tomjs/commitlint": "^2.1.1",
|
|
26
|
+
"@tomjs/eslint": "^1.2.1",
|
|
27
|
+
"@tomjs/prettier": "^1.1.1",
|
|
28
|
+
"@tomjs/stylelint": "^2.1.1",
|
|
29
|
+
"@tomjs/tsconfig": "^1.2.1",
|
|
30
30
|
"@types/node": "^18.19.3",
|
|
31
31
|
"@types/react": "^18.2.45",
|
|
32
32
|
"@types/react-dom": "^18.2.18",
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// A launch configuration that compiles the extension and then opens it inside a new window
|
|
2
|
+
// Use IntelliSense to learn about possible attributes.
|
|
3
|
+
// Hover to view descriptions of existing attributes.
|
|
4
|
+
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
5
|
+
{
|
|
6
|
+
"version": "0.2.0",
|
|
7
|
+
"configurations": [
|
|
8
|
+
{
|
|
9
|
+
"name": "Debug Extension",
|
|
10
|
+
"type": "extensionHost",
|
|
11
|
+
"request": "launch",
|
|
12
|
+
"args": [
|
|
13
|
+
"--extensionDevelopmentPath=${workspaceFolder}"
|
|
14
|
+
],
|
|
15
|
+
"outFiles": [
|
|
16
|
+
"${workspaceFolder}/dist/extension/*.js"
|
|
17
|
+
],
|
|
18
|
+
"preLaunchTask": "${defaultBuildTask}"
|
|
19
|
+
}
|
|
20
|
+
]
|
|
21
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
// See https://go.microsoft.com/fwlink/?LinkId=733558
|
|
2
|
+
// for the documentation about the tasks.json format
|
|
3
|
+
{
|
|
4
|
+
"version": "2.0.0",
|
|
5
|
+
"tasks": [
|
|
6
|
+
{
|
|
7
|
+
"type": "npm",
|
|
8
|
+
"script": "dev",
|
|
9
|
+
"problemMatcher": {
|
|
10
|
+
"owner": "typescript",
|
|
11
|
+
"fileLocation": "relative",
|
|
12
|
+
"pattern": {
|
|
13
|
+
"regexp": "^([a-zA-Z]\\:\/?([\\w\\-]\/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
|
|
14
|
+
"file": 1,
|
|
15
|
+
"line": 3,
|
|
16
|
+
"column": 4,
|
|
17
|
+
"code": 5,
|
|
18
|
+
"message": 6
|
|
19
|
+
},
|
|
20
|
+
"background": {
|
|
21
|
+
"activeOnStart": true,
|
|
22
|
+
"beginsPattern": "^.*extension build start*$",
|
|
23
|
+
"endsPattern": "^.*extension (build|rebuild) success.*$"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"isBackground": true,
|
|
27
|
+
"presentation": {
|
|
28
|
+
"reveal": "never"
|
|
29
|
+
},
|
|
30
|
+
"group": {
|
|
31
|
+
"kind": "build",
|
|
32
|
+
"isDefault": true
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
# extension-vue
|
|
2
|
+
|
|
3
|
+
vite + extension + vue
|
|
4
|
+
|
|
5
|
+
## Description
|
|
6
|
+
|
|
7
|
+
- Recommend `extension` and page `src` code directory structure
|
|
8
|
+
|
|
9
|
+
```
|
|
10
|
+
|--extension // extension code
|
|
11
|
+
| |--index.ts
|
|
12
|
+
|--src // front-end code
|
|
13
|
+
| |--App.vue
|
|
14
|
+
| |--main.ts
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
- Zero configuration, default dist output directory
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
|--dist
|
|
21
|
+
| |--extension
|
|
22
|
+
| | |--index.js
|
|
23
|
+
| | |--index.js.map
|
|
24
|
+
| |--webview
|
|
25
|
+
| | |--index.html
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Debug
|
|
29
|
+
|
|
30
|
+
Run `Debug Extension` through `vscode` to debug. For debugging tools, refer to [Official Documentation](https://code.visualstudio.com/docs/editor/debugging)
|
|
31
|
+
|
|
32
|
+
`launch.json` is configured as follows:
|
|
33
|
+
|
|
34
|
+
```json
|
|
35
|
+
{
|
|
36
|
+
"version": "0.2.0",
|
|
37
|
+
"configurations": [
|
|
38
|
+
{
|
|
39
|
+
"name": "Debug Extension",
|
|
40
|
+
"type": "extensionHost",
|
|
41
|
+
"request": "launch",
|
|
42
|
+
"args": ["--extensionDevelopmentPath=${workspaceFolder}"],
|
|
43
|
+
"outFiles": ["${workspaceFolder}/dist/extension/*.js"],
|
|
44
|
+
"preLaunchTask": "${defaultBuildTask}"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
`tasks.json` is configured as follows:
|
|
51
|
+
|
|
52
|
+
```json
|
|
53
|
+
{
|
|
54
|
+
"version": "2.0.0",
|
|
55
|
+
"tasks": [
|
|
56
|
+
{
|
|
57
|
+
"type": "npm",
|
|
58
|
+
"script": "dev",
|
|
59
|
+
"problemMatcher": {
|
|
60
|
+
"owner": "typescript",
|
|
61
|
+
"fileLocation": "relative",
|
|
62
|
+
"pattern": {
|
|
63
|
+
"regexp": "^([a-zA-Z]\\:/?([\\w\\-]/?)+\\.\\w+):(\\d+):(\\d+): (ERROR|WARNING)\\: (.*)$",
|
|
64
|
+
"file": 1,
|
|
65
|
+
"line": 3,
|
|
66
|
+
"column": 4,
|
|
67
|
+
"code": 5,
|
|
68
|
+
"message": 6
|
|
69
|
+
},
|
|
70
|
+
"background": {
|
|
71
|
+
"activeOnStart": true,
|
|
72
|
+
"beginsPattern": "^.*extension build start*$",
|
|
73
|
+
"endsPattern": "^.*extension (build|rebuild) success.*$"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"isBackground": true,
|
|
77
|
+
"presentation": {
|
|
78
|
+
"reveal": "never"
|
|
79
|
+
},
|
|
80
|
+
"group": {
|
|
81
|
+
"kind": "build",
|
|
82
|
+
"isDefault": true
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
```
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { commands, ExtensionContext } from 'vscode';
|
|
2
|
+
import { MainPanel } from './panels/MainPanel';
|
|
3
|
+
|
|
4
|
+
export function activate(context: ExtensionContext) {
|
|
5
|
+
// Create the show hello world command
|
|
6
|
+
const showHelloWorldCommand = commands.registerCommand('hello-world.showHelloWorld', async () => {
|
|
7
|
+
MainPanel.render(context.extensionUri);
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
// Add command to the extension context
|
|
11
|
+
context.subscriptions.push(showHelloWorldCommand);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export function deactivate() {}
|