fix[linux]: Tray menu not updating after start / stop on Linux KDE desktop environment;

v1.0.16

Author: cch01

electron/main/icpHandlers/startAndStopEffects.ts

@@ -1,12 +1,21 @@
 import { ipcMain } from "electron/main";
-import { app, BrowserWindow, Menu, nativeImage, Tray } from "electron";
+import {
+  app,
+  BrowserWindow,
+  Menu,
+  MenuItemConstructorOptions,
+  nativeImage,
+  Tray,
+} from "electron";
 import path from "node:path";
+import cloneDeep  from "lodash-es/cloneDeep";
+
 
 export const startAndStopEffectsHandler = (
   _ipcMain: typeof ipcMain,
   win: BrowserWindow,
   tray: Tray,
-  contextMenu: Menu
+  contextMenuStructure: MenuItemConstructorOptions[]
 ) => {
   const STOP_ICON = nativeImage.createFromPath(
     path.join(process.env.VITE_PUBLIC!, "icon.png")
@@ -33,13 +42,18 @@ export const startAndStopEffectsHandler = (
     win.setOverlayIcon(WORKING_OVERLAY_ICON, "Working");
     win.setTitle("Mouse Animator - Working");
 
-    const startBtnMenu = contextMenu.items.find(({label})=>label ==='Start')!
+    const menuStructureCp =cloneDeep(contextMenuStructure);
+
+    const startBtnMenu = menuStructureCp.find(
+      ({ label }) => label === "Start"
+    )!;
     startBtnMenu.enabled = false;
-    const stopBtn = startBtnMenu.menu.items.find(
-      ({ label }) => label === "Stop"
-    );
+
+    const stopBtn = menuStructureCp.find(({ label }) => label === "Stop");
+
     if (stopBtn) stopBtn.enabled = true;
 
+    tray.setContextMenu(Menu.buildFromTemplate(menuStructureCp));
   });
 
   _ipcMain.handle("stop-service-effects", async () => {
@@ -50,12 +64,17 @@ export const startAndStopEffectsHandler = (
     win.setTitle("Mouse Animator");
     win.setOverlayIcon(null, "");
 
-    const stopBtnMenu = contextMenu.items.find(({label})=>label ==='Stop')!
-    stopBtnMenu.enabled = false;
-    const startBtn = stopBtnMenu.menu.items.find(
+    const menuStructureCp =cloneDeep(contextMenuStructure);
+
+    const startBtnMenu = menuStructureCp.find(
       ({ label }) => label === "Start"
-    );
-    if (startBtn) startBtn.enabled = true;
+    )!;
+    startBtnMenu.enabled = true;
+
+    const stopBtn = menuStructureCp.find(({ label }) => label === "Stop");
+
+    if (stopBtn) stopBtn.enabled = false;
 
+    tray.setContextMenu(Menu.buildFromTemplate(menuStructureCp));
   });
 };

electron/main/index.ts

@@ -3,6 +3,7 @@ import {
   BrowserWindow,
   ipcMain,
   Menu,
+  MenuItemConstructorOptions,
   nativeImage,
   Tray,
 } from "electron";
@@ -141,7 +142,7 @@ app.whenReady().then(() => {
 
   tray = new Tray(trayImg.resize({ width: 24, height: 24 }));
 
-  const contextMenu = Menu.buildFromTemplate([
+  const menuStructure = [
     {
       label: "Show App",
       click: () => win?.show(),
@@ -159,7 +160,9 @@ app.whenReady().then(() => {
       label: "Quit",
       click: () => app.exit(),
     },
-  ]);
+  ] as MenuItemConstructorOptions[]
+
+  const contextMenu = Menu.buildFromTemplate(menuStructure);
 
   tray.setToolTip("Mosue Automator");
   tray.setContextMenu(contextMenu);
@@ -174,5 +177,5 @@ app.whenReady().then(() => {
   toggleAutoStartHandler(ipcMain);
   exitBehaviorHandler(ipcMain, win!);
   exitHandler(ipcMain);
-  startAndStopEffectsHandler(ipcMain, win!, tray, contextMenu);
+  startAndStopEffectsHandler(ipcMain, win!, tray, menuStructure);
 });

package.json

@@ -1,7 +1,7 @@
 {
   "name": "mouse-automator",
   "private": true,
-  "version": "1.0.15",
+  "version": "1.0.16",
   "type": "module",
   "author": "Terry Chan",
   "description": "Mouse Automator is a lightweight, user-friendly desktop application designed to automate mouse clicks with ease. Whether you're gaming, testing software, or handling repetitive tasks, Mouse Automator has you covered!",
@@ -25,7 +25,7 @@
     "@trufflesuite/ps-list": "^0.0.3",
     "electron-store": "^9.0.0",
     "i": "^0.3.7",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-toastify": "^10.0.5"
@@ -36,6 +36,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.4",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "@typescript-eslint/eslint-plugin": "^7.12.0",

yarn.lock

@@ -1220,6 +1220,18 @@
   dependencies:
     "@types/node" "*"
 
+"@types/lodash-es@^4.17.12":
+  version "4.17.12"
+  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
+  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.17.7"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.7.tgz#2f776bcb53adc9e13b2c0dfd493dfcbd7de43612"
+  integrity sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==
+
 "@types/lodash@^4.17.4":
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.4.tgz#0303b64958ee070059e3a7184048a55159fe20b7"
@@ -4258,6 +4270,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"