favicon notification added

Author: JasminDreasond

electron/main/index.ts

@@ -48,7 +48,8 @@ let win: BrowserWindow | null = null;
 const preload = path.join(__dirname, '../preload/index.js');
 const tinyUrl = process.env.VITE_DEV_SERVER_URL;
 const indexHtml = path.join(process.env.DIST, 'index.html');
-const icon = path.join(process.env.VITE_PUBLIC, './img/png/cinny.png');
+const iconPath = path.join(process.env.VITE_PUBLIC, './img/png');
+const icon = path.join(iconPath, './cinny.png');
 
 const appShow = {
   change: (value: boolean) => {
@@ -104,6 +105,24 @@ async function createWindow() {
       },
     });
 
+    if (process.platform === 'win32') {
+      win.setAppDetails({
+        appId: 'pony-house-matrix',
+        appIconPath: icon,
+        relaunchDisplayName: title,
+      });
+    }
+
+    ipcMain.on('change-app-icon', (event, img) => {
+      try {
+        if (typeof img === 'string' && img.length > 0) {
+          if (win) win.setIcon(path.join(iconPath, `./${img}`));
+        }
+      } catch (err) {
+        console.error(err);
+      }
+    });
+
     // Start modules
     startResizeEvents(ipcMain, win);
     startEvents(ipcMain, win);
@@ -238,6 +257,16 @@ if (!gotTheLock) {
           }
         }
       });
+
+      ipcMain.on('change-tray-icon', (event, img) => {
+        try {
+          if (typeof img === 'string' && img.length > 0) {
+            tray.setImage(path.join(iconPath, `./${img}`));
+          }
+        } catch (err) {
+          console.error(err);
+        }
+      });
     }
   });
 }

electron/preload/index.ts

@@ -125,6 +125,28 @@ contextBridge.exposeInMainWorld('setElectronResize', (callback: Function) => {
   electronResize = callback;
 });
 
+contextBridge.exposeInMainWorld('changeTrayIcon', (img: string) => {
+  if (
+    img === 'cinny.png' ||
+    img === 'cinny-highlight.png' ||
+    img === 'cinny-unread-red.png' ||
+    img === 'cinny-unread.png'
+  ) {
+    ipcRenderer.send('change-tray-icon', img);
+  }
+});
+
+contextBridge.exposeInMainWorld('changeAppIcon', (img: string) => {
+  if (
+    img === 'cinny.png' ||
+    img === 'cinny-highlight.png' ||
+    img === 'cinny-unread-red.png' ||
+    img === 'cinny-unread.png'
+  ) {
+    ipcRenderer.send('change-app-icon', img);
+  }
+});
+
 setTimeout(removeLoading, 4999);
 
 // App Status

info/dev/preparing-changelog.md

@@ -1,2 +1,3 @@
 - Join buttons delay added to protect ratelimit.
-- Room selector anim fix
+- Room selector anim fix.
+- favicon notification added.

src/util/libs/favicon.js

@@ -25,5 +25,41 @@ export function favIconValue() {
 };
 
 export function checkerFavIcon() {
+    setTimeout(() => {
 
+        // Number of messages from rooms which has "All Messages" notifications enabled or when mentionned in a room with "Mentions & Keyword" notifications level.
+        let directCount = 0;
+        // Number of messages for rooms which has "Mentions & Keyword" notifications level set which does not directly mention you.
+        let indirectCount = 0;
+
+        // Retrieves notification badges
+        const badges = $('.sidebar .notification-badge');
+        for (const badge of badges) {
+
+            indirectCount++;
+            const nb = Number($(badges[badge]).text());
+
+            if (!Number.isNaN(nb) && Number.isFinite(nb)) {
+                directCount += nb;
+            }
+
+        }
+
+        // Change Icon
+        const finalNumber = directCount || indirectCount;
+        if (finalNumber > 0) {
+            changeFavIcon('cinny-unread-red.png');
+            if (__ENV_APP__.electron_mode) {
+                global.changeTrayIcon('cinny-unread-red.png');
+                global.changeAppIcon('cinny-unread-red.png');
+            }
+        } else {
+            changeFavIcon('cinny.png');
+            if (__ENV_APP__.electron_mode) {
+                global.changeTrayIcon('cinny.png');
+                global.changeAppIcon('cinny.png');
+            }
+        }
+
+    }, 100);
 };