basic dynamic tray implementation

eslint.config.js

@@ -17,6 +17,7 @@ export default tseslint.config(
         },
         rules: {
             "no-constant-binary-expression": 0,
+            "@typescript-eslint/no-non-null-assertion": 0,
             "@typescript-eslint/no-unused-vars": [
                 2,
                 {

src/@types/config.d.ts

@@ -4,4 +4,5 @@ export interface Config {
     multiInstance: boolean;
     mods: "vencord"[];
     autoHideMenuBar: boolean;
+    tray: boolean;
 }

src/main/discord/discordWindow.ts

@@ -1,6 +1,6 @@
 import {BrowserWindow} from "electron";
 import {getConfig} from "../../shared/config.js";
-import { join } from "path";
+import {join} from "path";
 
 export async function createDiscordWindow() {
     const window = new BrowserWindow({
@@ -19,7 +19,7 @@ export async function createDiscordWindow() {
         await window.loadURL(`https://${getConfig("channel")}.discord.com/app`);
     }
 
-    //!SECTION Block Analytics
+    //SECTION - Block Analytics
     window.webContents.session.webRequest.onBeforeRequest(
         {
             urls: [
@@ -33,4 +33,5 @@ export async function createDiscordWindow() {
             callback({cancel: true});
         }
     );
+    return window;
 }

src/main/main.ts

@@ -3,9 +3,14 @@ import {createDiscordWindow} from "./discord/discordWindow.js";
 import "./startup.js";
 import "./ipc.js";
 import {fetchMods} from "./functions/fetchMods.js";
+import {startTray} from "./tray.js";
+import {getConfig} from "../shared/config.js";
 
 await fetchMods();
 
 void app.whenReady().then(async () => {
-    await createDiscordWindow();
+    const Acorn = await createDiscordWindow();
+    if (getConfig("tray")) {
+        startTray(Acorn.webContents);
+    }
 });

src/main/tray.ts

@@ -0,0 +1,24 @@
+import {app, Menu, nativeImage, Tray, type WebContents} from "electron";
+import icon from "../../resources/placeholderTrayIcon.png?asset";
+
+export function startTray(pageData: WebContents) {
+    const tray = new Tray(icon as string);
+    tray.setToolTip("Acorn");
+    tray.setContextMenu(
+        Menu.buildFromTemplate([
+            {
+                label: "Quit",
+                click() {
+                    app.quit();
+                }
+            }
+        ])
+    );
+    pageData.on("page-favicon-updated", (_, favicons) => {
+        try {
+            tray.setImage(nativeImage.createFromDataURL(favicons[0]!));
+        } catch {
+            return; // NOTE - Discord will send a URL before fully loaded
+        }
+    });
+}

src/shared/config.ts

@@ -10,7 +10,8 @@ function makeConfig() {
         channel: "stable",
         multiInstance: false,
         mods: ["vencord"],
-        autoHideMenuBar: true
+        autoHideMenuBar: true,
+        tray: true
     } as Config;
     writeFileSync(configLocation, JSON.stringify(config, null, 2), {encoding: "utf8", flag: "w"});
 }

tsconfig.json

@@ -18,6 +18,9 @@
             "ESNext",
             "DOM"
         ],
+        "types": [
+            "electron-vite/node"
+        ],
         "target": "ESNext",
     },
     "include": [