✨ add Menu

Author: xuxiaowei-com-cn

electron-builder.ts

@@ -26,6 +26,8 @@ export default <Configuration>{
     'dist/**/*',
     // 程序入口文件
     'main.js',
+    // 菜单配置文件
+    'menu.js',
     // 预加载文件
     'preload.js',
     // 更新配置文件

main.js

@@ -7,6 +7,7 @@ import log from 'electron-log'
 import Store from 'electron-store'
 import fs from 'fs/promises'
 
+import './menu.js'
 import './updater.js'
 
 const store = new Store()
@@ -56,7 +57,10 @@ const scheme = 'vvt'
 const registerProtocol = () => {
   protocol.handle(scheme, async (request) => {
     const url = request.url
-    const parsedUrl = url.substring(scheme.length + 3).split('?')[0].replace(/^(\.\.(\/|\\|$))+/, '')
+    const parsedUrl = url
+      .substring(scheme.length + 3)
+      .split('?')[0]
+      .replace(/^(\.\.(\/|\\|$))+/, '')
     const requestedPath = path.join(__dirname, parsedUrl)
     const normalizedPath = path.normalize(requestedPath)
 

menu.js

@@ -0,0 +1,87 @@
+import { app, Menu, shell } from 'electron'
+import { fileURLToPath } from 'url'
+import path from 'path'
+import { readFile } from 'fs/promises'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const packagePath = path.join(__dirname, 'package.json')
+const packageJson = JSON.parse(await readFile(packagePath, { encoding: 'utf8' }))
+
+app.whenReady().then(() => {
+  // 获取默认菜单
+  const applicationMenu = Menu.getApplicationMenu()
+
+  // 深度克隆菜单结构的工具函数
+  const convertMenuItem = (menuItem) => {
+    return {
+      role: menuItem.role,
+      submenu: menuItem.submenu ? menuItem.submenu.items.map(convertMenuItem) : [],
+      type: menuItem.type,
+      accelerator: menuItem.accelerator,
+      icon: menuItem.icon,
+      label: menuItem.label,
+      sublabel: menuItem.sublabel,
+      toolTip: menuItem.toolTip,
+      enabled: menuItem.enabled,
+      visible: menuItem.visible,
+      checked: menuItem.checked,
+      acceleratorWorksWhenHidden: menuItem.acceleratorWorksWhenHidden,
+      registerAccelerator: menuItem.registerAccelerator,
+      commandId: menuItem.commandId,
+      click: menuItem.click,
+      menu: menuItem.menu,
+    }
+  }
+
+  // 克隆原有菜单结构（支持嵌套）
+  const newTemplate = applicationMenu.items.map(convertMenuItem)
+
+  // 查找 Help 菜单：中英文适配
+  const helpMenu = newTemplate.find((item) => item.label === 'Help' || item.label === '帮助')
+
+  if (helpMenu) {
+    // 初始化 submenu 数组（如果不存在）
+    helpMenu.submenu = helpMenu.submenu || []
+
+    // 添加新子菜单项（追加到末尾）
+    helpMenu.submenu.push(
+      { type: 'separator' },
+      {
+        label: 'GitHub',
+        click: () => {
+          shell.openExternal(packageJson.homepage).then((_) => {})
+        },
+      },
+      {
+        label: 'Issues',
+        click: () => {
+          shell.openExternal(packageJson.bugs.url).then((_) => {})
+        },
+      },
+    )
+  } else {
+    // 如果不存在 Help 菜单则创建（可选）
+    newTemplate.push({
+      label: 'Help',
+      submenu: [
+        {
+          label: 'GitHub',
+          click: () => {
+            shell.openExternal(packageJson.homepage).then((_) => {})
+          },
+        },
+        {
+          label: 'Issues',
+          click: () => {
+            shell.openExternal(packageJson.bugs.url).then((_) => {})
+          },
+        },
+      ],
+    })
+  }
+
+  // 重新构建菜单
+  const updatedMenu = Menu.buildFromTemplate(newTemplate)
+  Menu.setApplicationMenu(updatedMenu)
+})

package.json

@@ -31,6 +31,10 @@
     "type": "git",
     "url": "https://github.com/xuxiaowei-com-cn/electron-vvt.git"
   },
+  "bugs": {
+    "email": "[email protected]",
+    "url": "https://github.com/xuxiaowei-com-cn/electron-vvt/issues"
+  },
   "keywords": [
     "electron",
     "electron-builder",