Add NSIS patching script and application icon

- Introduced a new script `patch-electron-builder-nsis.ts` to automate patching of NSIS templates for enhanced installer details output.
- Added an application icon `icon.png` to the resources directory.

Author: DrSmoothl

dev/maimai-v2.jpg

@@ -1,6 +1,6 @@
 {
   "name": "maibot-onekey-desktop",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Electron desktop shell for MaiBot OneKey.",
   "license": "GPL-3.0-only",
   "type": "module",
@@ -12,7 +12,8 @@
     "check": "bun run typecheck && bun run build",
     "preview": "electron-vite preview",
     "release:check": "bun run scripts/release/check-windows-payload.ts",
-    "release:win": "bun run release:check && bun run build && electron-builder --win nsis --x64",
+    "release:patch-nsis": "bun run scripts/release/patch-electron-builder-nsis.ts",
+    "release:win": "bun run release:check && bun run release:patch-nsis && bun run build && electron-builder --win nsis --x64",
     "pack:win": "bun run release:win"
   },
   "dependencies": {
@@ -64,6 +65,10 @@
       "node_modules/node-addon-api/**"
     ],
     "extraResources": [
+      {
+        "from": "resources/icon.png",
+        "to": "icon.png"
+      },
       {
         "from": "runtime",
         "to": "runtime",
@@ -87,9 +92,16 @@
     ],
     "win": {
       "target": "nsis",
+      "icon": "resources/icon.ico",
       "requestedExecutionLevel": "asInvoker",
       "artifactName": "${productName}-${version}-win-${arch}.${ext}"
     },
+    "mac": {
+      "icon": "resources/icon.icns"
+    },
+    "linux": {
+      "icon": "resources/icon.png"
+    },
     "nsis": {
       "oneClick": false,
       "perMachine": false,

package.json

@@ -0,0 +1,41 @@
+import { readFile, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+
+async function patchFile(
+  path: string,
+  patchName: string,
+  pattern: RegExp,
+  replacement: string,
+  alreadyPatched: string,
+): Promise<void> {
+  const content = await readFile(path, "utf8");
+  if (content.includes(alreadyPatched)) {
+    console.log(`[ok] ${patchName}: already patched`);
+    return;
+  }
+
+  if (!pattern.test(content)) {
+    throw new Error(`${patchName}: expected template content was not found in ${path}`);
+  }
+
+  await writeFile(path, content.replace(pattern, replacement), "utf8");
+  console.log(`[ok] ${patchName}: patched`);
+}
+
+const nsisTemplateRoot = join(process.cwd(), "node_modules", "app-builder-lib", "templates", "nsis");
+
+await patchFile(
+  join(nsisTemplateRoot, "installSection.nsh"),
+  "enable NSIS details output",
+  /(\$\{IfNot\} \$\{Silent\}\r?\n)\s*SetDetailsPrint none(\r?\n\$\{endif\})/u,
+  "$1  SetDetailsPrint both$2",
+  "SetDetailsPrint both",
+);
+
+await patchFile(
+  join(nsisTemplateRoot, "include", "extractAppPackage.nsh"),
+  "show copied files in NSIS details",
+  /CopyFiles \/SILENT "\$PLUGINSDIR\\7z-out\\\*" \$OUTDIR/u,
+  'CopyFiles "$PLUGINSDIR\\7z-out\\*" $OUTDIR',
+  'CopyFiles "$PLUGINSDIR\\7z-out\\*" $OUTDIR',
+);

resources/icon.icns

@@ -21,6 +21,28 @@ let tray: Tray | null = null;
 let allowQuit = false;
 let quitRequested = false;
 
+function createFallbackIcon(): Electron.NativeImage {
+  return nativeImage.createFromDataURL(
+    "data:image/svg+xml;utf8," +
+      encodeURIComponent(
+        `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+          <rect width="32" height="32" rx="7" fill="#245B3A"/>
+          <path d="M9 20.5V11l7 6 7-6v9.5" fill="none" stroke="#F4FFF6" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+          <circle cx="11" cy="22" r="1.6" fill="#B7F0C4"/>
+          <circle cx="21" cy="22" r="1.6" fill="#B7F0C4"/>
+        </svg>`,
+      ),
+  );
+}
+
+function createAppIcon(): Electron.NativeImage {
+  const iconPath = app.isPackaged
+    ? join(process.resourcesPath, "icon.png")
+    : join(process.cwd(), "resources", "icon.png");
+  const icon = nativeImage.createFromPath(iconPath);
+  return icon.isEmpty() ? createFallbackIcon() : icon;
+}
+
 function broadcastWindowState(window: BrowserWindow): void {
   if (window.isDestroyed()) {
     return;
@@ -43,6 +65,7 @@ function createMainWindow(): BrowserWindow {
     show: false,
     backgroundColor: "#f5f7f2",
     frame: false,
+    icon: createAppIcon(),
     titleBarStyle: process.platform === "darwin" ? "hidden" : "default",
     trafficLightPosition: process.platform === "darwin" ? { x: -100, y: -100 } : undefined,
     webPreferences: {
@@ -129,18 +152,7 @@ function requestQuit(): void {
 }
 
 function createTray(): Tray {
-  const icon = nativeImage.createFromDataURL(
-    "data:image/svg+xml;utf8," +
-      encodeURIComponent(
-        `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-          <rect width="32" height="32" rx="7" fill="#245B3A"/>
-          <path d="M9 20.5V11l7 6 7-6v9.5" fill="none" stroke="#F4FFF6" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
-          <circle cx="11" cy="22" r="1.6" fill="#B7F0C4"/>
-          <circle cx="21" cy="22" r="1.6" fill="#B7F0C4"/>
-        </svg>`,
-      ),
-  );
-  const nextTray = new Tray(icon);
+  const nextTray = new Tray(createAppIcon().resize({ width: 32, height: 32 }));
 
   const withLog =
     (action: () => Promise<unknown>) =>