MS Store tweaks

assets/lang/en-US.json

@@ -17,9 +17,17 @@
     "settings-theme-desc1": "ArmCord \"themes\" manage apps behaviour and looks.",
     "settings-theme-desc2": "this is how ArmCord looks when you first launch it. It includes recreation of Discord's\n                custom titlebar and ArmCord specific styles injected into Discord.",
     "settings-theme-desc3": "uses native titlebar of OS you're currently running (e.g Windows 7/10). Functions more\n                similar to actual Discord app on Linux.",
+    "settings-theme-desc4": "transparent window with native titlebar, you need a compatible theme to run this.",
     "settings-theme-default": "Default",
     "settings-theme-native": "Native",
-    "settings-theme-transparent": "Transparent (Experimental)",
+    "settings-theme-transparent": "Transparent",
+    "settings-transparencyMode": "Transparency mode:",
+    "settings-transparencyMode-acrylic": "Acrylic",
+    "settings-transparencyMode-mica": "Mica",
+    "settings-transparencyMode-unifiedAcrylic": "Unified Acrylic",
+    "settings-transparencyMode-blurbehind": "Blur behind",
+    "settings-autoLaunch": "Auto launch",
+    "settings-autoLaunch-desc": "Starts ArmCord on system-startup.",
     "settings-csp-desc": "ArmCord CSP is our system that manages loading custom content loading into the Discord app. Stuff like\n                client mods and themes depend on it. Disable if you want to get rid of mods and custom styles.",
     "settings-tray": "Minimize to tray",
     "settings-tray-desc": "When disabled, ArmCord will close like any other window when closed, otherwise it'll sit back and relax\n                in your system tray for later.",

package.json

@@ -50,6 +50,7 @@
         "arrpc": "file:src/arrpc",
         "cross-fetch": "^3.1.5",
         "electron-context-menu": "github:ArmCord/electron-context-menu",
+        "electron-winstore-auto-launch": "^2.0.6",
         "extract-zip": "^2.0.1",
         "v8-compile-cache": "^2.3.0",
         "ws": "^8.11.0"
@@ -81,6 +82,12 @@
                 "rpm",
                 "AppImage"
             ]
+        },
+        "appx": {
+            "identityName": "53758smartfrigde.ArmCord",
+            "publisher": "CN=EAB3A6D3-7145-4623-8176-D579F573F339",
+            "publisherDisplayName": "smartfrigde",
+            "applicationId": "smartfrigde.ArmCord"
         }
     },
     "packageManager": "pnpm@7.13.4"

pnpm-lock.yaml

@@ -13,6 +13,9 @@ dependencies:
   electron-context-menu:
     specifier: github:ArmCord/electron-context-menu
     version: github.com/ArmCord/electron-context-menu/280c81398c02a063f46e3285a9708d8db1a7ce32
+  electron-winstore-auto-launch:
+    specifier: ^2.0.6
+    version: 2.0.6
   extract-zip:
     specifier: ^2.0.1
     version: 2.0.1
@@ -230,6 +233,14 @@ packages:
       fastq: 1.15.0
     dev: true
 
+  /@nodert-win10-au/windows.applicationmodel@0.4.4:
+    resolution: {integrity: sha512-/46SHT3E5s29p9Fh+BEAJIuzX1vLnGTKSfeGHcUKrPzJneP7OY05NTRH1PHRfRRCgE7YfbIeQqRpbJ0dyvliqw==}
+    requiresBuild: true
+    dependencies:
+      nan: 2.17.0
+    dev: false
+    optional: true
+
   /@sindresorhus/is@4.6.0:
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
     engines: {node: '>=10'}
@@ -1184,6 +1195,12 @@ packages:
       - supports-color
     dev: true
 
+  /electron-winstore-auto-launch@2.0.6:
+    resolution: {integrity: sha512-piE1U0+YCRzftD5YZjFFS5QfuksNGD6lpUMmtsHjd417grnttjRDK+ve6wTyyiGZfIQG3yEvYAEA5hUfGD42Sg==}
+    optionalDependencies:
+      '@nodert-win10-au/windows.applicationmodel': 0.4.4
+    dev: false
+
   /electron@24.3.0:
     resolution: {integrity: sha512-M7PpfpOzGdLeZPr2xhxXuvJeoXPEHMH40Rtv8BCGleRPolwna9BepAGc0H0F+Uz5kGKOv3xcm99fTurvXUH0nw==}
     engines: {node: '>= 12.20.55'}
@@ -2142,6 +2159,11 @@ packages:
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
+  /nan@2.17.0:
+    resolution: {integrity: sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==}
+    dev: false
+    optional: true
+
   /natural-compare-lite@1.4.0:
     resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
     dev: true

src/content/css/settings.css

@@ -257,6 +257,13 @@ select option {
     font-weight: 400;
     font-style: normal;
 }
+.previewimage {
+    height: auto;
+    width: 540px;
+}
+.acTransparencyMode {
+    z-index: 999;
+}
 select {
     -webkit-appearance: button;
     -moz-appearance: button;

src/content/setup.html

@@ -120,6 +120,8 @@
                     alternativePaste: false,
                     automaticPatches: false,
                     mods: "none",
+                    transparencyMode: "acrylic",
+                    autoStart: false,
                     useLegacyCapturer: false,
                     inviteWebsocket: true,
                     mobileMode: false,
@@ -154,12 +156,14 @@
                             channel: options.channel,
                             armcordCSP: true,
                             minimizeToTray: true,
+                            autoStart: true,
                             mobileMode: false,
                             automaticPatches: false,
                             performanceMode: "none",
                             useLegacyCapturer: false,
                             alternativePaste: false,
                             dynamicIcon: false,
+                            transparencyMode: "acrylic",
                             spellcheck: true,
                             disableAutogain: false,
                             startMinimized: false,
@@ -180,9 +184,11 @@
                         spellcheck: true,
                         disableAutogain: false,
                         mods: "none",
+                        autoStart: true,
                         dynamicIcon: false,
                         useLegacyCapturer: false,
                         startMinimized: false,
+                        transparencyMode: "acrylic",
                         alternativePaste: false,
                         performanceMode: "none",
                         trayIcon: "default",

src/content/splash.html

@@ -34,7 +34,7 @@
                 if (window.armcord.version === "3.2.0") {
                     console.log("Running a development build of ArmCord. Skipping updater.");
                 } else {
-                    const response = await fetch("https://armcord.xyz/latest.json");
+                    const response = await fetch("https://armcord.xyz/msstore.json");
                     const data = await response.json();
                     if (data.version !== window.armcord.version) {
                         var elem = document.createElement("img");

src/main.ts

@@ -14,6 +14,7 @@ import "./extensions/mods";
 import "./tray";
 import {createCustomWindow, createNativeWindow, createTransparentWindow} from "./window";
 import path from "path";
+import {WindowsStoreAutoLaunch} from "electron-winstore-auto-launch";
 import {createTManagerWindow} from "./themeManager/main";
 export let iconPath: string;
 export let settings: any;
@@ -68,6 +69,11 @@ if (!app.requestSingleInstanceLock()) {
     checkIfConfigExists();
     injectElectronFlags();
     app.whenReady().then(async () => {
+        if ((await getConfig("autoStart")) == true) {
+            WindowsStoreAutoLaunch.enable();
+        } else {
+            WindowsStoreAutoLaunch.disable();
+        }
         if ((await getConfig("customIcon")) !== undefined ?? null) {
             iconPath = await getConfig("customIcon");
         } else {

src/settings/settings.html

@@ -21,6 +21,7 @@
                 <option value="" disabled selected hidden data-string="settings-theme"></option>
                 <option value="default" data-string="settings-theme-default"></option>
                 <option value="native" data-string="settings-theme-native"></option>
+                <option value="transparent" data-string="settings-theme-transparent"></option>
             </select>
 
             <p class="header" data-string="settings-theme"></p>
@@ -32,10 +33,27 @@
                 <br />
                 <b data-string="settings-theme-native"></b> -
                 <span data-string="settings-theme-desc3"></span>
+                <br />
+                <b data-string="settings-theme-transparent"></b> -
+                <span data-string="settings-theme-desc4"></span>
             </div>
         </div>
         <br />
+        <div class="switch acTransparencyMode">
+            <select name="transparencyMode" data-setting="transparencyMode" class="left dropdown">
+                <option value="acrylic" data-string="settings-transparencyMode-acrylic"></option>
+                <option value="mica" data-string="settings-transparencyMode-mica"></option>
+                <option value="unified-acrylic" data-string="settings-transparencyMode-unifiedAcrylic"></option>
+                <option value="blurbehind" data-string="settings-transparencyMode-blurbehind"></option>
+            </select>
 
+            <p class="header" data-string="settings-transparencyMode"></p>
+
+            <div class="description">
+                <img class="previewimage" src="https://armcord.xyz/preview.gif" />
+            </div>
+        </div>
+        <br />
         <div class="switch acCSP">
             <label class="header">ArmCord CSP</label>
             <input id="csp" class="tgl tgl-light left" data-setting="armcordCSP" type="checkbox" />
@@ -59,7 +77,13 @@
             <p class="description" data-string="settings-startMinimized-desc"></p>
         </div>
         <br />
-
+        <div class="switch acAutoLaunch">
+            <label class="header" data-string="settings-autoLaunch"></label>
+            <input id="autoLaunch" class="tgl tgl-light left" data-setting="autoLaunch" type="checkbox" />
+            <label class="tgl-btn left" for="autoLaunch"></label>
+            <p class="description" data-string="settings-autoLaunch-desc"></p>
+        </div>
+        <br />
         <div class="switch acPatches">
             <label class="header" data-string="settings-patches"></label>
             <input id="patches" class="tgl tgl-light left" data-setting="automaticPatches" type="checkbox" />

src/utils.ts

@@ -42,10 +42,12 @@ export function setup(): void {
         windowStyle: "default",
         channel: "stable",
         armcordCSP: true,
+        autoStart: true,
         minimizeToTray: true,
         automaticPatches: false,
         alternativePaste: false,
         mods: "none",
+        transparencyMode: "acrylic",
         spellcheck: true,
         performanceMode: "none",
         skipSplash: false,
@@ -245,10 +247,11 @@ export interface Settings {
     // Only used for external url warning dialog.
     ignoreProtocolWarning?: boolean;
     customIcon: string;
-
+    transparencyMode: "mica" | "acrylic" | "unified-acrylic" | "blurbehind";
     windowStyle: string;
     channel: string;
     armcordCSP: boolean;
+    autoStart: boolean;
     minimizeToTray: boolean;
     automaticPatches: boolean;
     alternativePaste: boolean;

src/window.ts

@@ -59,7 +59,7 @@ async function doAfterDefiningTheWindow(): Promise<void> {
     }
     if (transparency && process.platform === "win32") {
         import("@pyke/vibe").then(async (vibe) => {
-            vibe.applyEffect(mainWindow, "acrylic");
+            vibe.applyEffect(mainWindow, await getConfig("transparencyMode"));
             vibe.forceTheme(mainWindow, "dark");
             if ((await getConfig("startMinimized")) == false) {
                 mainWindow.show();