custom titlebar on linux

cspell.json

@@ -61,6 +61,7 @@
     "signingkey",
     "Skema",
     "skus",
+    "titlebar",
     "uninject",
     "uninjector",
     "uninjectors",

src/globals.d.ts

@@ -37,6 +37,7 @@ declare global {
       paste: () => void;
       read: () => string;
     };
+    process: { platform: string };
   };
 
   export const _: typeof Lodash;

src/main/index.ts

@@ -10,6 +10,11 @@ const discordPath = join(dirname(require.main!.filename), "..", "app.orig.asar")
 const discordPackage = require(join(discordPath, "package.json"));
 require.main!.filename = join(discordPath, discordPackage.main);
 
+let customTitlebar: boolean;
+void getSetting("dev.replugged.Settings", "titlebar", false).then(
+  (titlebar) => (customTitlebar = titlebar),
+);
+
 Object.defineProperty(global, "appSettings", {
   set: (v /* : typeof global.appSettings*/) => {
     // cspell:ignore youre
@@ -35,6 +40,8 @@ class BrowserWindow extends electron.BrowserWindow {
       };
     },
   ) {
+    if (opts.frame && process.platform.includes("linux") && customTitlebar) opts.frame = void 0;
+
     const originalPreload = opts.webPreferences?.preload;
 
     if (opts.webContents) {

src/renderer/coremods/settings/pages/General.tsx

@@ -58,6 +58,10 @@ export const General = (): React.ReactElement => {
     "reactDevTools",
   );
 
+  const { value: titlebarValue, onChange: titlebarOnChange } = util.useSetting(
+    generalSettings,
+    "titlebar",
+  );
   const [kKeys, setKKeys] = React.useState<number[]>([]);
 
   const isEasterEgg = kKeys.toString().includes(konamiCode.join(","));
@@ -110,6 +114,21 @@ export const General = (): React.ReactElement => {
         {intl.string(t.REPLUGGED_SETTINGS_QUICKCSS_AUTO_APPLY)}
       </SwitchItem>
 
+      {
+        // TODO: i18n
+        DiscordNative.process.platform.includes("linux") && (
+          <SwitchItem
+            value={titlebarValue}
+            onChange={(value) => {
+              titlebarOnChange(value);
+              restartModal(false);
+            }}
+            note={"Use custom window titlebar instead of the default OS titlebar"}>
+            Custom Titlebar
+          </SwitchItem>
+        )
+      }
+
       <Category
         title={intl.string(t.REPLUGGED_SETTINGS_ADVANCED)}
         note={intl.string(t.REPLUGGED_SETTINGS_ADVANCED_DESC)}>

src/renderer/coremods/titlebar/plaintextPatches.ts

@@ -0,0 +1,25 @@
+import { init } from "src/renderer/apis/settings";
+import { type GeneralSettings, type PlaintextPatch, defaultSettings } from "src/types";
+
+const generalSettings = await init<GeneralSettings, keyof typeof defaultSettings>(
+  "dev.replugged.Settings",
+  defaultSettings,
+);
+
+export default (DiscordNative.process.platform.includes("linux") && generalSettings.get("titlebar")
+  ? [
+      {
+        find: "macOSFrame:!0",
+        replacements: [
+          {
+            match: /\[.&&(null!=.\?)/,
+            replace: (_, suffix: string) => `[${suffix}`,
+          },
+        ],
+      },
+      {
+        find: "renderWindow:window",
+        replacements: [{ match: /\(0,.\.getPlatform\)\(\)/, replace: () => `"WINDOWS"` }],
+      },
+    ]
+  : []) as PlaintextPatch[];

src/renderer/managers/coremods.ts

@@ -10,6 +10,7 @@ import { default as contextMenu } from "../coremods/contextMenu/plaintextPatches
 import { default as languagePlaintext } from "../coremods/language/plaintextPatches";
 import { default as settingsPlaintext } from "../coremods/settings/plaintextPatches";
 import { default as badgesPlaintext } from "../coremods/badges/plaintextPatches";
+import { default as titlebarPlaintext } from "../coremods/titlebar/plaintextPatches";
 import { Logger } from "../modules/logger";
 
 const logger = Logger.api("Coremods");
@@ -85,5 +86,6 @@ export function runPlaintextPatches(): void {
     languagePlaintext,
     settingsPlaintext,
     badgesPlaintext,
+    titlebarPlaintext,
   ].forEach(patchPlaintext);
 }

src/types/settings.ts

@@ -14,6 +14,7 @@ export type GeneralSettings = {
   showWelcomeNoticeOnOpen?: boolean;
   addonEmbeds?: boolean;
   reactDevTools?: boolean;
+  titlebar?: boolean;
 };
 
 export const defaultSettings = {
@@ -24,4 +25,5 @@ export const defaultSettings = {
   showWelcomeNoticeOnOpen: true,
   reactDevTools: false,
   addonEmbeds: true,
+  titlebar: false,
 } satisfies Partial<GeneralSettings>;