.github/workflows/build.yml

@@ -1,37 +0,0 @@
-name: Build/release
-
-on: push
-
-jobs:
-  release:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      matrix:
-        os: [macos-latest, ubuntu-latest, windows-latest]
-
-    steps:
-      - name: Check out Git repository
-        uses: actions/checkout@v1
-
-      - name: Install Node.js, NPM and Yarn
-        uses: actions/setup-node@v1
-        with:
-          node-version: 16
-
-      - name: Build/release Electron app
-        uses: samuelmeuli/action-electron-builder@v1
-        with:
-          # GitHub token, automatically provided to the action
-          # (No need to define this secret in the repo settings)
-          github_token: ${{ secrets.github_token }}
-          # skip npm run build as there's no script like that 
-          skip_build: false
-          # If the commit is tagged with a version (e.g. "v1.0.0"),
-          # release the app after building
-          release: ${{ startsWith(github.ref, 'refs/tags/v') }} #disabled for now as it caused problems (nvm)
-      - name: Archive production builds
-        uses: actions/upload-artifact@v2
-        with:
-          name: dist folder
-          path: dist/**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ArmCord",
-  "version": "3.0.5",
+  "version": "3.1.0",
   "description": "ArmCord is a custom client designed to enhance your Discord experience while keeping everything lightweight.",
   "main": "ts-out/main.js",
   "scripts": {
@@ -23,10 +23,10 @@
   "homepage": "https://github.com/armcord/armcord#readme",
   "devDependencies": {
     "@types/electron-json-storage": "^4.5.0",
-    "@types/node": "^17.0.24",
+    "@types/node": "^14.18.2",
     "copyfiles": "^2.4.1",
-    "electron": "^18.0.4",
-    "electron-builder": "^22.5.1",
+    "electron": "^18.0.1",
+    "electron-builder": "^22.14.13",
     "husky": "^7.0.4",
     "prettier": "^2.5.1",
     "typescript": "^4.5.4"
@@ -34,7 +34,8 @@
   "dependencies": {
     "electron-context-menu": "^3.1.2",
     "electron-json-storage": "^4.5.0",
-    "electron-tabs": "^0.17.0",
+    "electron-tabs": "^0.15.0",
+    "glasstron": "^0.1.1",
     "v8-compile-cache": "^2.3.0"
   },
   "build": {

src/content/css/discord.css

@@ -1,5 +1,5 @@
 .info-3pQQBb:last-child:before {
-    content: "ArmCord Version: 3.0.5" !important;
+    content: "ArmCord Version: 3.1.0" !important;
     height: auto;
     line-height: 16px;
     text-align: center;

src/content/css/setup.css

@@ -1,5 +1,5 @@
 /*CSS ONLY FOR INTERNAL USE (setup and loading)*/
-@import url("https://armcord.smartfridge.space/logofont.css");
+@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
 
 :root {
     background-color: #2c2f33 !important;

src/content/css/tabs.css

@@ -1,4 +1,4 @@
-@import url("https://armcord.smartfridge.space/logofont.css");
+@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
 :root {
     --window-buttons: var(--header-secondary);
     --cord-color: var(--header-primary);

src/content/css/titlebar.css

@@ -88,7 +88,7 @@
     content: "Cord";
     color: var(--cord-color) !important;
     font-weight: normal;
-    font-size: 15px;
+    font-size: 14px;
     font-family: Discordinated;
 }
 .window-title:before {

src/content/splash.html

@@ -22,7 +22,7 @@
             text.innerHTML = "You appear to be offline. Please connect to the internet and try again.";
         } else {
             text.innerHTML = "Starting ArmCord...";
-            fetch("https://armcord.xyz/latest.json")
+            fetch("https://armcord.smartfridge.space/latest.json")
                 .then((response) => response.json())
                 .then((data) => {
                     if (data.version !== window.armcord.version) {

src/ipc.ts

@@ -33,7 +33,7 @@ export function registerIpc() {
         mainWindow.hide();
     });
     ipcMain.on("win-quit", (event, arg) => {
-        app.quit();
+        app.exit();
     });
     ipcMain.on("get-app-version", (event) => {
         event.returnValue = getVersion();

src/main.ts

@@ -1,5 +1,5 @@
 // Modules to control application life and create native browser window
-import {app, BrowserWindow, session, dialog} from "electron";
+import {app, BrowserWindow, session} from "electron";
 import * as path from "path";
 import "v8-compile-cache";
 import * as storage from "electron-json-storage";
@@ -7,17 +7,20 @@ import {getConfigUnsafe, setup} from "./utils";
 import "./extensions/mods";
 import "./extensions/plugin";
 import "./tray";
-import {createCustomWindow, createNativeWindow, createTabsHost} from "./window";
+import {mainWindow, createCustomWindow, createNativeWindow, createGlasstronWindow, createTabsHost} from "./window";
 import "./shortcuts";
 export var contentPath: string;
 var channel: string;
 export var settings: any;
 export var customTitlebar: boolean;
 export var tabs: boolean;
-let isSingleInstance = app.requestSingleInstanceLock();
-if (!isSingleInstance) {
-    app.quit();
+async function appendSwitch() {
+    if ((await getConfigUnsafe("windowStyle")) == "glasstron") {
+        console.log("Enabling transparency visuals.");
+        app.commandLine.appendSwitch("enable-transparent-visuals");
+    }
 }
+appendSwitch();
 storage.has("settings", function (error, hasKey) {
     if (error) throw error;
 
@@ -52,8 +55,15 @@ app.whenReady().then(async () => {
             createNativeWindow();
             break;
         case "glasstron":
-            dialog.showErrorBox("Glasstron is unsupported.", "This build doesn't include Glasstron functionality, please edit windowStyle value in your settings.json to something different (default for example)")
-            app.quit()
+            setTimeout(
+                createGlasstronWindow,
+                process.platform == "linux" ? 1000 : 0
+                // Electron has a bug on linux where it
+                // won't initialize properly when using
+                // transparency. To work around that, it
+                // is necessary to delay the window
+                // spawn function.
+            );
             break;
         case "tabs":
             createTabsHost();
@@ -83,6 +93,9 @@ app.whenReady().then(async () => {
                 case "native":
                     createNativeWindow();
                     break;
+                case "glasstron":
+                    createGlasstronWindow();
+                    break;
                 default:
                     createCustomWindow();
                     break;

src/settings/main.ts

@@ -1,17 +1,18 @@
-import {BrowserWindow, shell, ipcMain, app} from "electron";
+import {BrowserWindow, shell, ipcMain} from "electron";
+import * as storage from "electron-json-storage";
 import {getConfigUnsafe, saveSettings, Settings} from "../utils";
 import path from "path";
+var settings: any;
+var isAlreadyCreated: boolean = false;
+storage.get("settings", function (error, data: any) {
+    if (error) throw error;
+    console.log(data);
+    settings = data;
+});
 var settingsWindow: BrowserWindow;
-var instance: number = 0;
-
 export function createSettingsWindow() {
-    console.log("Creating a settings window.");
-    instance = instance + 1;
-    if (instance > 1) {
-        if (settingsWindow) {
+    if (isAlreadyCreated) {
         settingsWindow.show();
-            settingsWindow.restore();
-        }
     } else {
         settingsWindow = new BrowserWindow({
             width: 500,
@@ -36,10 +37,10 @@ export function createSettingsWindow() {
             return {action: "deny"};
         });
         settingsWindow.loadURL(`file://${__dirname}/settings.html`);
-        settingsWindow.on("close", (event: Event) => {
-            ipcMain.removeHandler("getSetting");
-            ipcMain.removeAllListeners("saveSettings");
-            instance = 0;
+        settingsWindow.on("close", async (e) => {
+            e.preventDefault();
+            settingsWindow.hide();
         });
+        isAlreadyCreated = true;
     }
 }

src/settings/settings.html

@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <title>ArmCord Settings</title>
         <style>
-            @import url("../content/css/settings.css");
+            @import url("settings.css");
         </style>
     </head>
 
@@ -13,6 +13,8 @@
             <select name="theme" id="theme" class="left">
                 <option value="default">Default</option>
                 <option value="native">Native</option>
+                <option value="glasstron">Glasstron (experimental)</option>
+                <option value="tabs">Tabs (experimental)</option>
             </select>
             <p class="header">ArmCord theme:</p>
         </div>
@@ -51,7 +53,15 @@
             </select>
             <p class="header">Client mod:</p>
         </div>
-
+        <div class="switch">
+            <select name="blurType" id="blurType" class="left">
+                <option value="acrylic">Acrylic</option>
+                <option value="blurbehind">Blur Behind</option>
+                <option value="transparent">Transparent</option>
+                <option value="none">None</option>
+            </select>
+            <p class="header">Glasstron blur type:</p>
+        </div>
         <button id="save" class="center">Save settings</button>
     </body>
 
@@ -63,19 +73,20 @@
             document.getElementById("mod").value = await settings.get("mods");
             document.getElementById("channel").value = await settings.get("channel");
             document.getElementById("theme").value = await settings.get("windowStyle");
+            document.getElementById("blurType").value = await settings.get("blurType");
         }
         loadSettings();
         document.getElementById("save").addEventListener("click", function () {
             //function saveSettings(windowStyle: string, channelSetting: string, armcordCSPSetting: boolean, minimizeToTray: boolean, automaticPatches: boolean,modsSetting: string, blurType: string)
-            settings.save({
-                windowStyle: document.getElementById("theme").value,
-                channel: document.getElementById("channel").value,
-                armcordCSP: document.getElementById("csp").checked,
-                minimizeToTray: document.getElementById("tray").checked,
-                automaticPatches: document.getElementById("patches").checked,
-                mods: document.getElementById("mod").value,
-                blurType: "acrylic"
-            });
+            settings.save(
+                document.getElementById("theme").value,
+                document.getElementById("channel").value,
+                document.getElementById("csp").checked,
+                document.getElementById("tray").checked,
+                document.getElementById("patches").checked,
+                document.getElementById("mod").value,
+                document.getElementById("blurType").value
+            );
         });
     </script>
 </html>

src/types/glasstron.d.ts

@@ -0,0 +1,70 @@
+declare module "glasstron" {
+    export class BrowserWindow extends Electron.BrowserWindow {
+        getBlur(): Promise<boolean>;
+        setBlur(value: boolean): Promise<boolean>;
+        blurType: WindowsBlurType;
+        setVibrancy(vibrancy: MacOSVibrancy): void;
+    }
+    /**
+     * @deprecated
+     */
+    export function init(): void;
+    /**
+     * @deprecated
+     */
+    export function update(
+        window: Electron.BrowserWindow,
+        values: {
+            windows?: {
+                blurType: WindowsBlurType;
+            };
+            macos?: {
+                vibrancy: MacOSVibrancy;
+            };
+            linux?: {
+                requestBlur: boolean;
+            };
+        }
+    ): void;
+    export class Hacks {
+        static injectOnElectron(): void;
+        static delayReadyEvent(): void;
+    }
+    export type WindowsBlurType = "acrylic" | "blurbehind" | "transparent" | "none";
+    export type MacOSVibrancy =
+        | (
+              | "appearance-based"
+              | "light"
+              | "dark"
+              | "titlebar"
+              | "selection"
+              | "menu"
+              | "popover"
+              | "sidebar"
+              | "medium-light"
+              | "ultra-dark"
+              | "header"
+              | "sheet"
+              | "window"
+              | "hud"
+              | "fullscreen-ui"
+              | "tooltip"
+              | "content"
+              | "under-window"
+              | "under-page"
+          )
+        | null;
+}
+
+declare module "glasstron/src/utils" {
+    class Utils {
+        static getSavePath(): string;
+        static copyToPath(innerFile: string, outerFilename?: string, flags?: number): void;
+        static removeFromPath(filename: string): void;
+        static isInPath(filename: string): boolean;
+        static getPlatform(): any;
+        static parseKeyValString(string: string, keyvalSeparator?: string, pairSeparator?: string): any;
+        static makeKeyValString(object: any, keyvalSeparator?: string, pairSeparator?: string): string;
+    }
+    export = Utils;
+}

src/utils.ts

@@ -1,6 +1,6 @@
 import * as storage from "electron-json-storage";
 import * as fs from "fs";
-import {app, dialog} from "electron";
+import {app} from "electron";
 import path from "path";
 export var firstRun: boolean;
 
@@ -21,11 +21,9 @@ export async function sleep(ms: number) {
     return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-export async function checkIfConfigIsBroken() {
-    if (await getConfigUnsafe("0") == "d") {
-        console.log("Detected a corrupted config")
-        setup()
-        dialog.showErrorBox("Oops, something went wrong.", "ArmCord has detected that your configuration file is corrupted, please restart the app and set your settings again. If this issue persists, report it on the support server/Github issues.")
+export async function checkIfConfigIsNew() {
+    if ((await getConfigUnsafe("automaticPatches")) == undefined) {
+        firstRun = true;
     }
 }
 
@@ -90,7 +88,7 @@ export async function getConfigUnsafe(object: string) {
 }
 export function getVersion() {
     //to-do better way of doing this
-    return "3.0.5";
+    return "3.1.0";
 }
 export async function injectJS(inject: string) {
     const js = await (await fetch(`${inject}`)).text();

src/window.ts

@@ -2,14 +2,14 @@
 // I had to add most of the window creation code here to split both into seperete functions
 // WHY? Because I can't use the same code for both due to annoying bug with value `frame` not responding to variables
 // I'm sorry for this mess but I'm not sure how to fix it.
-import {BrowserWindow, shell, app, ipcMain, dialog} from "electron";
+import {BrowserWindow, shell, app, ipcMain} from "electron";
 import path from "path";
 import {contentPath} from "./main";
-import {checkIfConfigIsBroken, firstRun, getConfigUnsafe} from "./utils";
+import {checkIfConfigIsNew, firstRun, getConfigUnsafe} from "./utils";
 import {registerIpc} from "./ipc";
 import contextMenu from "electron-context-menu";
 export let mainWindow: BrowserWindow;
-
+import * as glasstron from "glasstron";
 
 let guestWindows: BrowserWindow[] = [];
 contextMenu({
@@ -19,7 +19,7 @@ contextMenu({
 });
 
 function doAfterDefiningTheWindow() {
-    checkIfConfigIsBroken()
+    checkIfConfigIsNew();
     registerIpc();
     mainWindow.webContents.userAgent =
         "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36"; //fake useragent for screenshare to work
@@ -37,6 +37,7 @@ function doAfterDefiningTheWindow() {
             mainWindow.hide();
         } else if (!(await getConfigUnsafe("minimizeToTray"))) {
             e.preventDefault();
+            app.exit();
             app.quit();
         }
     });
@@ -95,9 +96,28 @@ export function createNativeWindow() {
     });
     doAfterDefiningTheWindow();
 }
+export function createGlasstronWindow() {
+    mainWindow = new glasstron.BrowserWindow({
+        width: 300,
+        height: 350,
+        title: "ArmCord",
+        darkTheme: true,
+        icon: path.join(__dirname, "/assets/icon_transparent.png"),
+        frame: true,
+        autoHideMenuBar: true,
+        webPreferences: {
+            preload: path.join(__dirname, "preload/preload.js"),
+            spellcheck: true
+        }
+    });
 
+    //@ts-expect-error
+    mainWindow.blurType = getConfigUnsafe("blurType");
+    //@ts-expect-error
+    mainWindow.setBlur(true);
+    doAfterDefiningTheWindow();
+}
 export function createTabsHost() {
-    dialog.showErrorBox("READ THIS BEFORE USING THE APP", "ArmCord Tabs are highly experimental and should be only used for strict testing purposes. Please don't ask for support, however you can still report bugs!")
     guestWindows[1] = mainWindow;
     mainWindow = new BrowserWindow({
         width: 300,