feat(updater): implement app updater with auto-update functionality

- Added AppUpdater class to handle application updates using electron-updater.
- Implemented methods for checking updates, downloading, and installing updates.
- Introduced WebUpdater class as a placeholder for future web resource hot-reload logic.
- Created types for AppUpdateState and UpdaterStatus in shared-types package.
- Updated IPC communication to include app update state messages.
- Enhanced the web application to display update status and control updates.
- Improved UI with new styles and layout for the update control panel.
- Added error handling and logging for update processes.

Author: buqiyuan

.github/workflows/build.yml .github/workflows/publish-app.yml.github/workflows/build.yml renamed to .github/workflows/publish-app.yml

@@ -1,8 +1,8 @@
-name: Build
+name: Publish Electron App
 
 on:
   push:
-    branches: [main]
+    branches: [refactor/code]
 #   tags:
 #     - 'v*.*.*'
 jobs:
@@ -45,7 +45,7 @@ jobs:
       - name: Release for Windows
         if: matrix.os == 'windows-latest'
         run: |
-          pnpm pack:dev
+          pnpm pack:prod
 
       - name: Release for MacOS
         if: matrix.os == 'macos-latest'
@@ -80,9 +80,9 @@ jobs:
           # apply provisioning profile
           mkdir -p ~/Library/MobileDevice/Provisioning\ Profiles
           cp $PP_PATH ~/Library/MobileDevice/Provisioning\ Profiles
-          pnpm pack:dev
+          pnpm pack:prod
 
       - name: Release for Linux
         if: matrix.os == 'ubuntu-latest'
         run: |
-          pnpm pack:dev
+          pnpm pack:prod

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
+  "typescript.preferences.importModuleSpecifier": "non-relative",
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
   "editor.formatOnSave": false,
@@ -84,4 +85,4 @@
     "pcss",
     "postcss"
   ]
-}
+}

apps/electron/.env.development

@@ -1,3 +1,3 @@
 # 测试环境配置
 NODE_ENV=development
-VITE_APP_VERSION=0.2.0
+VITE_APP_VERSION=0.0.1

apps/electron/dev-app-update.yml

@@ -1,2 +1,8 @@
-provider: generic
-url: 'http://localhost:8080'
+# provider: generic
+# url: 'http://localhost:8080'
+
+provider: github
+owner: buqiyuan
+repo: electron-vite-monorepo
+releaseType: draft # 如果构建脚本发布成 Draft，可保留；否则设为 release/latest
+private: false # 若仓库私有则改为 true 并提供 token

apps/electron/package.json

@@ -22,7 +22,7 @@
     "bundle": "npx rimraf ./dist && webpack --config webpack.config.cjs",
     "build:dev": "vite build --mode development && pnpm bundle",
     "build:prod": "vite build && pnpm bundle",
-    "pack:app": "npx tsx scripts/build.ts",
+    "pack:app": "npx tsx scripts/build.mts",
     "pack:dev": "pnpm build:dev && dotenvx run -f .env.development -- pnpm pack:app",
     "pack:prod": "pnpm build:prod && dotenvx run -f .env.production -- pnpm pack:app",
     "typecheck": "tsc --noEmit -p tsconfig.json",
@@ -33,9 +33,12 @@
   "devDependencies": {
     "@electron/notarize": "^3.1.1",
     "@repo/electron-preload": "workspace:*",
+    "@repo/shared-types": "workspace:*",
     "@types/node": "^22.14.1",
+    "date-fns": "^4.1.0",
     "electron": "39.2.6",
     "electron-builder": "26.3.4",
+    "electron-log": "^5.4.3",
     "electron-store": "^11.0.2",
     "electron-updater": "6.6.2",
     "terser-webpack-plugin": "^5.3.15",

apps/electron/resources/tray.png

@@ -11,15 +11,15 @@ const appName = isDev ? 'ElectronAppDev' : 'ElectronApp'
 const appId = isDev ? 'com.electron.app' : 'com.electron-dev.app'
 const shortcutName = isDev ? 'Electron App Dev' : 'Electron App'
 
-console.log('是否是测试环境：', isDev, appName)
-console.log('APP 版本号：', version)
+console.log('Development environment:', isDev, appName)
+console.log('APP version:', version)
 
 const workDir = path.join(import.meta.dirname, '../')
 
 const copySyncOptions: CopySyncOptions = {
   recursive: true,
   /**
-   * 过滤 source map 文件
+   * Filter out source map files
    */
   filter: src => !src.endsWith('.map') && !src.endsWith('.d.ts'),
 }
@@ -119,9 +119,9 @@ build({
   .then((result) => {
     console.log(JSON.stringify(result))
     const outDir = path.join(workDir, options.directories!.output!)
-    console.log('\x1B[32m', `打包完成🎉🎉🎉你要的都在 ${outDir} 目录里🤪🤪🤪`)
+    console.log('\x1B[32m', `Build complete! 🎉🎉🎉 Everything you need is in ${outDir}`)
   })
   .catch((error) => {
-    console.log('\x1B[31m', '打包失败，错误信息：', error)
+    console.log('\x1B[31m', 'Build failed with error:', error)
     exit(1)
   })

apps/electron/scripts/build.mts

@@ -4,7 +4,7 @@ import type { AfterPackContext } from 'electron-builder'
 /**
  * https://github.com/electron/notarize
  *
- * 验证是否签名成功: codesign -dv --verbose=4 /path/to/your/file.dmg
+ * Verify signing: codesign -dv --verbose=4 /path/to/your/file.dmg
  */
 export async function notarizeMac(context: AfterPackContext) {
   const { electronPlatformName, appOutDir } = context
@@ -18,8 +18,8 @@ export async function notarizeMac(context: AfterPackContext) {
   return await notarize({
     appPath: `${appOutDir}/${appName}.app`,
     tool: 'notarytool',
-    appleId: process.env.APPLE_ID!, //  苹果开发者账号
-    appleIdPassword: process.env.APPLE_PASSWORD!, // 苹果开发者密码
-    teamId: process.env.APPLE_TEAM_ID!, // 开发者团队 id
+    appleId: process.env.APPLE_ID!, // Apple developer account
+    appleIdPassword: process.env.APPLE_PASSWORD!, // Apple developer password
+    teamId: process.env.APPLE_TEAM_ID!, // Developer team ID
   })
 }

apps/electron/scripts/notarize-mac.ts

@@ -0,0 +1,31 @@
+import { app, dialog } from 'electron'
+
+// Expose the dev build version when running unpackaged so logs stay accurate.
+if (!app.isPackaged) {
+  app.getVersion = () => import.meta.env.VITE_APP_VERSION
+}
+// (Not recommended) Disable TLS verification (used only when debugging corporate proxies)
+// process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0'
+
+// Prevent the native error dialog from interrupting the UI
+dialog.showErrorBox = function (title, content) {
+  // Log the failure instead of surfacing a blocking dialog
+  console.error(`Error logged without system dialog: ${title}\n${content}`)
+}
+
+// Capture uncaught exceptions so we can log them centrally
+process.on('uncaughtException', (error) => {
+  console.error('Uncaught exception:', error)
+})
+
+// Capture unhandled promise rejections for the same reason
+process.on('unhandledRejection', (reason) => {
+  console.error('Unhandled promise rejection:', reason)
+})
+
+// Let Sentry manage crashReporter manually when it is wired up
+
+// Quick helper for locally testing crash reporting
+// setTimeout(() => {
+//   process.crash()
+// }, 6000)

apps/electron/src/catchException.ts

@@ -5,20 +5,26 @@ import { isPackaged } from './common'
 const sessionDir = app.getPath('sessionData')
 
 export const appConfig = {
-  /** 应用数据根目录 */
+  /** Application data root directory */
   sessionDir,
-  /** 系统语言 */
+  /** System locale */
   lang: app.getLocale(),
-  /** 临时文件目录 */
+  /** Temporary files directory */
   tempDir: join(sessionDir, 'temp'),
-  /** 应用日志目录 */
+  /** Application logs directory */
   logsDir: app.getPath('logs'),
-  /** 配置文件 */
+  /** Configuration file */
   configFile: join(sessionDir, 'config.json'),
-  /** 预加载文件路径 */
+  /** Preload script file path */
   get preloadFilePath() {
     return isPackaged ? join(import.meta.dirname, './preload/index.cjs') : join(import.meta.dirname, '../../preload/dist/index.cjs')
   },
+  /** Web resource base URL */
+  get webBaseURL() {
+    return !isPackaged && import.meta.env.VITE_DEV_SERVER_URL !== undefined
+      ? import.meta.env.VITE_DEV_SERVER_URL
+      : `file://${join(__dirname, './web/index.html')}`
+  },
 } as const
 
 console.debug('appConfig', appConfig)