feat: add balloon notifs

Author: smartfrigde

assets/lang/en-US.json

@@ -30,8 +30,9 @@
     "settings-startMinimized-desc": "Legcord starts in background and remains out of your way.",
     "settings-MultiInstance": "Multi Instance",
     "settings-MultiInstance-desc": "When enabled you'll be able to start up many instances of Legcord.",
-    "settings-useLegacyCapturer": "Use legacy capturer",
-    "settings-useLegacyCapturer-desc": "Use legacy screenshare module, instead of the new one. If you're experiencing issues with screen sharing, try enabling this.",
+    "settings-legacyDynamicIcon": "Legacy dynamic icon",
+    "settings-legacyDynamicIcon-desc": "Sets the icon to current Discord favicon.",
+    "settings-openCustomIconDialog": "Set desktop icon",
     "settings-hardwareAcceleration": "Hardware acceleration",
     "settings-hardwareAcceleration-desc": "Hardware acceleration uses your GPU to make Legcord run faster. If you're experiencing visual glitches, try disabling this.",
     "settings-mobileMode": "Mobile mode",

package.json

@@ -1,7 +1,7 @@
 {
-    "name": "legacycord",
+    "name": "legcord-legacy",
     "version": "1.0.0",
-    "description": "Legacycord is a custom client designed to enhance your Discord experience while keeping everything lightweight.",
+    "description": "Legcord Legacy is a custom client designed to enhance your Discord experience while keeping everything lightweight.",
     "main": "ts-out/main.js",
     "engines": {
         "node": ">=18.0.0"
@@ -21,14 +21,14 @@
     },
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/legcord/legacycord.git"
+        "url": "git+https://github.com/Legcord/Legacy.git"
     },
     "author": "smartfrigde",
     "license": "OSL-3.0",
     "bugs": {
-        "url": "https://github.com/legcord/legacycord/issues"
+        "url": "https://github.com/Legcord/Legacy/issues"
     },
-    "homepage": "https://github.com/legcord/legacycord#readme",
+    "homepage": "https://github.com/Legcord/Legacy#readme",
     "devDependencies": {
         "@types/node": "^18.11.9",
         "@types/ws": "^8.5.3",

src/@types/legcordWindow.d.ts

@@ -14,6 +14,7 @@ export interface LegcordWindow {
     getDisplayMediaSelector: () => Promise<string>;
     version: string;
     platform: string;
+    displayBalloon: (title: string, content: string) => void;
     openThemesWindow: () => void;
     openQuickCssFile: () => void;
     restart: () => void;

src/preload/bridge.ts

@@ -66,6 +66,7 @@ contextBridge.exposeInMainWorld("legcord", {
             return result as string;
         }),
     getDisplayMediaSelector,
+    displayBalloon: (title: string, body: string) => ipcRenderer.send("displayBalloon", title, body),
     version: ipcRenderer.sendSync("get-app-version", "app-version") as string,
     platform: ipcRenderer.sendSync("getOS") as string,
     restart: () => ipcRenderer.send("restart"),

src/preload/mods/shelter.ts

@@ -7,7 +7,8 @@ const requiredPlugins: Record<string, [string, {isVisible: boolean; allowedActio
     "legcord-screenshare": [
         "legcord://plugins/screenshareQualityFix/",
         {isVisible: true, allowedActions: {toggle: true}}
-    ]
+    ],
+    "legcord-balloonNotifs": ["legcord://plugins/balloonNotifs/", {isVisible: true, allowedActions: {toggle: true}}]
 };
 async function inject() {
     try {

src/shelter/balloonNotifs/index.js

@@ -0,0 +1,16 @@
+const {
+    flux: {dispatcher}
+} = shelter;
+
+function notificationCreate(data) {
+    console.log(data);
+    window.legcord.displayBalloon(data.title, data.body);
+}
+
+export function onLoad() {
+    dispatcher.subscribe("RPC_NOTIFICATION_CREATE", notificationCreate);
+}
+
+export function onUnload() {
+    dispatcher.unsubscribe("RPC_NOTIFICATION_CREATE", notificationCreate);
+}

src/shelter/balloonNotifs/plugin.json

@@ -0,0 +1,5 @@
+{
+    "name": "Balloon Notifications",
+    "author": "smartfrigde",
+    "description": "Redirects modern notifications to balloon notifications. Windows only."
+}

src/shelter/settings/pages/SettingsPage.tsx

@@ -62,24 +62,9 @@ export function SettingsPage() {
                 <option value="default">{store.i18n["settings-theme-default"]}</option>
                 <option value="native">{store.i18n["settings-theme-native"]}</option>
                 <Show when={window.legcord.platform === "win32"}>
-                    <option value="overlay">{store.i18n["settings-theme-overlay"]}</option>
+                    <option value="transparent">{store.i18n["settings-theme-transparent"]}</option>
                 </Show>
             </DropdownItem>
-            <DropdownItem
-                value={store.settings.transparency}
-                onChange={(e) =>
-                    setConfig("transparency", (e.target as HTMLInputElement).value as Settings["transparency"], true)
-                }
-                title={store.i18n["settings-transparency"]}
-                note={store.i18n["settings-transparency-desc"]}
-                link="https://github.com/Legcord/Legcord/wiki/Transparency-options"
-            >
-                <option value="universal">{store.i18n["settings-transparency-universal"]}</option>
-                <Show when={window.legcord.platform === "win32"}>
-                    <option value="modern">{store.i18n["settings-transparency-modern"]}</option>
-                </Show>
-                <option value="none">{store.i18n["settings-none"]}</option>
-            </DropdownItem>
             <DropdownItem
                 value={store.settings.trayIcon}
                 onChange={(e) =>
@@ -192,25 +177,15 @@ export function SettingsPage() {
                 {store.i18n["settings-category-legacy"]}
             </Header>
             <SwitchItem
-                note={store.i18n["settings-useLegacyCapturer-desc"]}
-                value={store.settings.useLegacyCapturer}
-                onChange={(e: boolean) => setConfig("useLegacyCapturer", e, true)}
+                note={store.i18n["settings-legacyDynamicIcon-desc"]}
+                value={store.settings.legacyDynamicIcon}
+                onChange={(e: boolean) => setConfig("legacyDynamicIcon", e, true)}
             >
-                {store.i18n["settings-useLegacyCapturer"]}
+                {store.i18n["settings-legacyDynamicIcon"]}
             </SwitchItem>
             <Header class={classes.category} tag={HeaderTags.H5}>
                 {store.i18n["settings-category-debug"]}
             </Header>
-            <DropdownItem
-                value={store.settings.audio}
-                onChange={(e) => setConfig("audio", (e.target as HTMLInputElement).value as Settings["audio"])}
-                title={store.i18n["settings-audio"]}
-                note={store.i18n["settings-audio-desc"]}
-                link="https://www.electronjs.org/docs/latest/api/session#sessetdisplaymediarequesthandlerhandler-opts"
-            >
-                <option value="loopback">Loopback</option>
-                <option value="loopbackWithMute">Loopback with mute</option>
-            </DropdownItem>
             <SwitchItem
                 note={store.i18n["settings-hardwareAcceleration-desc"]}
                 value={store.settings.hardwareAcceleration}
@@ -225,6 +200,10 @@ export function SettingsPage() {
             >
                 {store.i18n["settings-disableHttpCache"]}
             </SwitchItem>
+            <Button size={ButtonSizes.MAX} onClick={window.legcord.settings.openCustomIconDialog}>
+                {store.i18n["settings-openCustomIconDialog"]}
+            </Button>
+            <br />
             <Button size={ButtonSizes.MAX} onClick={window.legcord.settings.openStorageFolder}>
                 {store.i18n["settings-storageFolder"]}
             </Button>

src/tray.ts

@@ -1,4 +1,4 @@
-import {Menu, Tray, app, nativeImage} from "electron";
+import {Menu, Tray, app, ipcMain, nativeImage} from "electron";
 import {createInviteWindow, mainWindow} from "./window";
 import {getConfig, getDisplayVersion} from "./utils";
 import * as path from "path";
@@ -78,5 +78,12 @@ app.whenReady().then(async () => {
         tray.on("click", function () {
             mainWindow.show();
         });
+        ipcMain.on("displayBalloon", (e, title: string, content: string) => {
+            console.log("Display balloon");
+            tray.displayBalloon({
+                title: title,
+                content: content
+            });
+        });
     }
 });