feat: browser window for notification

src/main/services/achievements/merge-achievements.ts

@@ -49,27 +49,43 @@ export const mergeAchievements = async (
   });
 
   if (newAchievements.length) {
-    WindowManager.mainWindow?.webContents.send(
-      "on-achievement-unlocked",
-      objectId,
-      shop
-    );
-  }
-
-  if (newAchievements.length > 0 && publishNotification) {
-    const achievement = newAchievements.pop()!;
+    const achievement = newAchievements.at(-1)!;
     const achievementInfo = JSON.parse(
       localGameAchievement?.achievements || "[]"
     ).find((steamAchievement) => {
       return achievement.name === steamAchievement.name;
     });
 
-    publishNewAchievementNotification(
-      game.title ?? "",
+    WindowManager.mainWindow?.webContents.send(
+      "on-achievement-unlocked",
+      objectId,
+      shop,
       achievementInfo.displayName,
-      achievementInfo.icon,
-      newAchievements.length
+      achievementInfo.icon
     );
+
+    if (publishNotification) {
+      WindowManager.notificationWindow?.webContents.send(
+        "on-achievement-unlocked",
+        objectId,
+        shop,
+        achievementInfo.displayName,
+        achievementInfo.icon
+      );
+
+      WindowManager.notificationWindow?.setBounds({ y: 50 });
+
+      setTimeout(() => {
+        WindowManager.notificationWindow?.setBounds({ y: -100 });
+      }, 4000);
+
+      publishNewAchievementNotification(
+        game.title ?? "",
+        achievementInfo.displayName,
+        achievementInfo.icon,
+        newAchievements.length
+      );
+    }
   }
 
   const mergedLocalAchievements = unlockedAchievements.concat(newAchievements);

src/main/services/window-manager.ts

@@ -19,6 +19,7 @@ import { HydraApi } from "./hydra-api";
 
 export class WindowManager {
   public static mainWindow: Electron.BrowserWindow | null = null;
+  public static notificationWindow: Electron.BrowserWindow | null = null;
 
   private static loadURL(hash = "") {
     // HMR for renderer base on electron-vite cli.
@@ -78,7 +79,45 @@ export class WindowManager {
         app.quit();
       }
       WindowManager.mainWindow?.setProgressBar(-1);
+      WindowManager.mainWindow = null;
     });
+
+    this.notificationWindow = new BrowserWindow({
+      transparent: true,
+      maximizable: false,
+      minimizable: false,
+      focusable: true,
+      skipTaskbar: true,
+      frame: false,
+      width: 240,
+      height: 60,
+      x: 25,
+      y: -100,
+      webPreferences: {
+        preload: path.join(__dirname, "../preload/index.mjs"),
+        sandbox: false,
+      },
+    });
+    if (!app.isPackaged)
+      WindowManager.notificationWindow?.webContents.openDevTools();
+
+    this.notificationWindow.setVisibleOnAllWorkspaces(true, {
+      visibleOnFullScreen: true,
+    });
+    this.notificationWindow.setAlwaysOnTop(true, "screen-saver", 1);
+
+    if (is.dev && process.env["ELECTRON_RENDERER_URL"]) {
+      this.notificationWindow.loadURL(
+        `${process.env["ELECTRON_RENDERER_URL"]}#/achievement-notification`
+      );
+    } else {
+      this.notificationWindow.loadFile(
+        path.join(__dirname, "../renderer/index.html"),
+        {
+          hash: "achievement-notification",
+        }
+      );
+    }
   }
 
   public static openAuthWindow() {