@tomjs/create-app 2.1.0 → 2.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tomjs/create-app",
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Create a node/web/electron/vscode project based on tomjs",
   "author": {
     "name": "Tom Gao",
@@ -35,7 +35,7 @@
     "node"
   ],
   "bin": {
-    "create-app": "dist/index.js"
+    "create-app": "dist/index.mjs"
   },
   "files": [
     "locales",

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

@@ -75,37 +75,6 @@ function createWindow() {
 
 app.whenReady().then(async () => {
   createWindow();
-
-  if (isDev) {
-    try {
-      const { installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } = await import(
-        '@tomjs/electron-devtools-installer',
-      );
-
-      installExtension([REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS])
-        .then((exts) => {
-          // console.log('Added Extension: ', exts.name);
-          // console.log('Added Extension: ', exts.name);
-
-          // Open devTool if the app is not packaged
-          if (win) {
-            win.webContents.openDevTools();
-          }
-
-          console.log(
-            'Added Extension: ',
-            exts.map(s => s.name),
-          );
-        })
-        .catch((err) => {
-          console.log('Failed to install extensions');
-          console.error(err);
-        });
-    }
-    catch (e) {
-      console.error(e);
-    }
-  }
 });
 
 app.on('window-all-closed', () => {

package/templates/electron-react/package.json

@@ -15,14 +15,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tomjs/electron-devtools-installer": "^4.0.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^2.3.13",
-    "@tomjs/vite-plugin-electron": "^2.0.2",
-    "@types/node": "^20.19.27",
+    "@tomjs/vite-plugin-electron": "^2.1.0",
+    "@types/node": "^22.19.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.2.2",

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

@@ -69,23 +69,6 @@ async function createWindow() {
 
 app.whenReady().then(async () => {
   createWindow();
-
-  if (isDev) {
-    const { installExtension, VUEJS_DEVTOOLS } = await import('@tomjs/electron-devtools-installer');
-
-    installExtension(VUEJS_DEVTOOLS)
-      .then((ext) => {
-        console.log('Added Extension: ', ext.name);
-        // Open devTool if the app is not packaged
-        if (win) {
-          win.webContents.openDevTools();
-        }
-      })
-      .catch((err) => {
-        console.error(err);
-        console.log('Failed to install extensions');
-      });
-  }
 });
 
 app.on('window-all-closed', () => {

package/templates/electron-vue/package.json

@@ -16,12 +16,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tomjs/electron-devtools-installer": "^4.0.1",
-    "vue": "^3.5.25"
+    "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@tomjs/vite-plugin-electron": "^2.0.2",
-    "@types/node": "^20.19.27",
+    "@tomjs/vite-plugin-electron": "^2.1.0",
+    "@types/node": "^22.19.3",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/tsconfig": "^0.8.1",
     "cross-env": "^10.1.0",
@@ -30,6 +29,7 @@
     "typescript": "~5.9.3",
     "vite": "^7.3.0",
     "vite-plugin-electron-renderer": "^0.14.6",
+    "vite-plugin-vue-devtools": "^8.0.5",
     "vue-tsc": "^3.2.0"
   }
 }

package/templates/electron-vue/src/App.vue

@@ -5,13 +5,13 @@ import HelloWorld from './components/HelloWorld.vue';
 <template>
   <div>
     <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
+      <img src="/vite.svg" class="logo" alt="Vite logo">
     </a>
     <a href="https://www.electronjs.org" target="_blank">
-      <img src="./assets/electron.svg" class="logo electron" alt="Vite logo" />
+      <img src="./assets/electron.svg" class="logo electron" alt="Vite logo">
     </a>
     <a href="https://vuejs.org" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo">
     </a>
   </div>
   <HelloWorld msg="Vite + Electron + Vue" />

package/templates/electron-vue/src/components/HelloWorld.vue

@@ -8,15 +8,19 @@ const count = ref(0);
 
 const versions = ['chrome', 'node', 'electron']
   .map(s => `${s}: ${process.versions[s]}`)
-  .concat(['platform: ' + os.platform() + ' ' + os.arch()]);
+  .concat([`platform: ${os.platform()} ${os.arch()}`]);
 </script>
 
 <template>
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <div style="margin-bottom: 1em">{{ versions.join(', ') }}</div>
-    <button type="button" @click="count++">count is {{ count }}</button>
+    <div style="margin-bottom: 1em">
+      {{ versions.join(', ') }}
+    </div>
+    <button type="button" @click="count++">
+      count is {{ count }}
+    </button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -33,7 +37,9 @@ const versions = ['chrome', 'node', 'electron']
     <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
     in your IDE for a better DX
   </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+  <p class="read-the-docs">
+    Click on the Vite and Vue logos to learn more
+  </p>
 </template>
 
 <style scoped>

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

@@ -2,7 +2,13 @@ import electron from '@tomjs/vite-plugin-electron';
 import vue from '@vitejs/plugin-vue';
 import { defineConfig } from 'vite';
 import renderer from 'vite-plugin-electron-renderer';
+import devtools from 'vite-plugin-vue-devtools';
 
 export default defineConfig({
-  plugins: [vue(), electron({ builder: true }), renderer()],
+  plugins: [
+    vue(),
+    electron({ builder: true }),
+    devtools({}),
+    renderer(),
+  ],
 });

package/templates/vscode-react/package.json

@@ -52,7 +52,7 @@
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@tomjs/vite-plugin-vscode": "^5.1.0",
+    "@tomjs/vite-plugin-vscode": "^5.2.0",
     "@tomjs/vscode-dev": "^3.0.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",

package/templates/vscode-vue/package.json

@@ -49,15 +49,16 @@
     "@tomjs/vscode-webview": "^2.0.2",
     "@vscode/webview-ui-toolkit": "^1.4.0",
     "vue": "^3.5.26",
-    "vue-i18n": "^11.2.2"
+    "vue-i18n": "^11.2.7"
   },
   "devDependencies": {
-    "@tomjs/vite-plugin-vscode": "^5.1.0",
+    "@tomjs/vite-plugin-vscode": "^5.2.0",
     "@tomjs/vscode-dev": "^3.0.2",
     "@types/vscode": "^1.56.0",
     "@types/vscode-webview": "^1.57.5",
     "@vitejs/plugin-vue": "^6.0.3",
     "vite": "^7.3.0",
+    "vite-plugin-vue-devtools": "^8.0.5",
     "vue-tsc": "^3.2.0"
   }
 }