armcord/src/preload/titlebar.ts

import {ipcRenderer} from "electron";
import {addStyle} from "../utils";
import * as fs from "fs";
import * as path from "path";
export function injectTitlebar() {
    document.addEventListener("DOMContentLoaded", function (event) {
        var elem = document.createElement("div");
        elem.innerHTML = `<nav class="titlebar">
          <div class="window-title" id="window-title"></div>
          <div id="window-controls-container">
              <div id="minimize"></div>
              <div id="maximize"></div>
              <div id="quit"></div>
          </div>
        </nav>`;
        elem.classList.add("withFrame-haYltI");
        if (document.getElementById("app-mount") == null) {
            document.body.appendChild(elem);
        } else {
            document.getElementById("app-mount")!.prepend(elem);
        }
        const cssPath = path.join(__dirname, "../", "/content/css/titlebar.css");
        addStyle(fs.readFileSync(cssPath, "utf8"));

        var minimize = document.getElementById("minimize");
        var maximize = document.getElementById("maximize");
        var quit = document.getElementById("quit");

        minimize!.addEventListener("click", () => {
            ipcRenderer.send("win-minimize");
        });

        maximize!.addEventListener("click", () => {
            if (ipcRenderer.sendSync("win-isMaximized") == true) {
                ipcRenderer.send("win-unmaximize");
            } else {
                ipcRenderer.send("win-maximize");
            }
        });

        quit!.addEventListener("click", () => {
            if (ipcRenderer.sendSync("minimizeToTray") === true) {
                ipcRenderer.send("win-hide");
            } else if (ipcRenderer.sendSync("minimizeToTray") === false) {
                ipcRenderer.send("win-quit");
            }
        });
    });
}
export function removeTitlebar() {
    document.querySelector("#titlebar")!.remove();
}