feat: add new GA track module

Author: dreamerblue

.github/workflows/release.yml

@@ -52,6 +52,7 @@ jobs:
         run: npm run build
         env:
           GA_TC: ${{ secrets.GA_TC }}
+          GA_MP: ${{ secrets.GA_MP }}
       - name: Build for ${{ matrix.platform }}-${{ matrix.arch }}
         run: npm run pack
         env:

package-lock.json

@@ -190,7 +190,6 @@
     "prettier": "^3.6.2",
     "react": "~16.8.6",
     "react-dom": "~16.8.6",
-    "react-ga4": "^2.1.0",
     "react-monaco-editor": "^0.59.0",
     "redux-logger": "^3.0.6",
     "run-electron": "^2.0.0",

package.json

@@ -19,8 +19,8 @@ import { getPath } from './utils/path';
 import { PathKey } from 'common/configs/paths';
 import { ElectronDownloadManager } from 'electron-dl-manager';
 import { IPCDownloadItemStatus } from 'common/typings/ipc';
-import { appConf } from './utils/store';
-import { v4 as uuidv4 } from 'uuid';
+import track from './utils/track';
+import { setupGracefulExit } from './utils/graceful-exit';
 
 logMain.info('[app.start]', process.env.NODE_ENV);
 logMain.info('[app.info]', app.getVersion(), currentPlatformArch, {
@@ -224,10 +224,31 @@ const menuTemplate: MenuItem[] = [
       {
         label: '打开日志目录',
         click: (_item, focusedWindow) => {
-          // track.event('app', 'openLogDir');
+          track.event('app', 'openLogDir');
           openLogDir();
         },
       },
+      {
+        label: '切换开发者工具',
+        accelerator: (() => {
+          if (process.platform === 'darwin') {
+            return 'Alt+Command+I';
+          } else {
+            return 'Ctrl+Shift+I';
+          }
+        })(),
+        click: (_item, _focusedWindow) => {
+          if (mainWindow) {
+            if (mainWindow.webContents.isDevToolsOpened()) {
+              mainWindow.webContents.closeDevTools();
+            } else {
+              mainWindow.webContents.openDevTools({
+                mode: 'detach',
+              });
+            }
+          }
+        },
+      },
     ],
   },
   isMac
@@ -258,21 +279,21 @@ const menuTemplate: MenuItem[] = [
       {
         label: 'Algo Bootstrap 官方网站',
         click: () => {
-          // track.event('app', 'openSite');
+          track.event('app', 'openSite');
           shell.openExternal(constants.site);
         },
       },
       {
         label: '使用文档',
         click: () => {
-          // track.event('app', 'openDocs');
+          track.event('app', 'openDocs');
           shell.openExternal(constants.docs);
         },
       },
       {
         label: '加入 QQ 群聊',
         click: (_item, focusedWindow) => {
-          // track.event('app', 'openQQGroup');
+          track.event('app', 'openQQGroup');
           const options = {
             type: 'info' as const,
             message: '加入 QQ 群聊',
@@ -284,7 +305,7 @@ const menuTemplate: MenuItem[] = [
       {
         label: '探索 algoUX 产品家族',
         click: () => {
-          // track.event('app', 'openAlgoUX');
+          track.event('app', 'openAlgoUX');
           shell.openExternal(constants.algoUXHomePage);
         },
       },
@@ -302,7 +323,7 @@ function addUpdateMenuItems(items, position) {
       label: '检查更新',
       key: 'checkForUpdate',
       click: () => {
-        // track.event('app', 'checkUpdate');
+        track.event('app', 'checkUpdate');
         checkUpdate();
       },
     },
@@ -398,19 +419,15 @@ if (!gotTheLock) {
       copyright: 'Copyright © 2019-present algoUX',
     });
 
-    let uid = appConf.get('uid');
-    if (!uid) {
-      uid = appConf.get('uid') || uuidv4();
-      appConf.set('uid', uid);
-    }
-
     try {
       const ua = session.defaultSession.getUserAgent() + ` AlgoBootstrap/${app.getVersion()}`;
       session.defaultSession.setUserAgent(ua);
     } catch (e) {
       logMain.error('[setUserAgent] error:', e);
     }
 
+    track.init();
+
     // 初始化 remote 模块
     initialize();
 
@@ -466,6 +483,12 @@ app.on('activate', () => {
   }
 });
 
+async function cleanup() {
+  await track.beforeExit();
+}
+
+setupGracefulExit(cleanup);
+
 app.on('quit', () => {
   logMain.info('[app.quit]');
 });
@@ -742,4 +765,8 @@ async function openLogDir() {
   }
 }
 
-// track.event('app', 'start', app.getVersion(), 1);
+track.event('app', 'start', app.getVersion(), 1);
+
+process.on('uncaughtException', (err) => {
+  logMain.error('[uncaughtException]', err);
+});

src/main/main.ts

@@ -5,6 +5,7 @@ import * as envChecker from './services/env-checker';
 import * as envInstaller from './services/env-installer';
 import * as vsc from './services/vsc';
 import * as resources from './services/resources';
+import track from './utils/track';
 import { getEnvComponents } from 'common/configs/env';
 import { appConf } from './utils/store';
 import * as appService from './services/app';
@@ -20,6 +21,7 @@ const _modules = {
   platform,
   vsc,
   appService,
+  track,
   resources,
   appConf,
 };

src/main/modules.ts

@@ -0,0 +1,35 @@
+import { app } from 'electron';
+import { logMain } from './logger';
+
+export function setupGracefulExit(asyncCleanup: Function) {
+  if (typeof asyncCleanup !== 'function') {
+    throw new TypeError('setupGracefulExit requires an async function');
+  }
+
+  let quitting = false;
+
+  async function cleanupAndQuit(reason: string) {
+    if (quitting) return;
+    quitting = true;
+
+    logMain.info(`[graceful-exit] preparing to quit (${reason})...`);
+    try {
+      await Promise.resolve(asyncCleanup(reason));
+    } catch (err) {
+      logMain.error('[graceful-exit] cleanup failed:', err);
+    } finally {
+      logMain.info('[graceful-exit] cleanup complete, quitting now');
+      app.quit();
+    }
+  }
+
+  app.on('before-quit', (e) => {
+    if (!quitting) {
+      e.preventDefault();
+      cleanupAndQuit('before-quit');
+    }
+  });
+
+  process.on('SIGINT', () => cleanupAndQuit('SIGINT'));
+  process.on('SIGTERM', () => cleanupAndQuit('SIGTERM'));
+}