nosignal-shell/app.tsx

import Bar from "@/modules/bar";
import Launcher from "@/modules/launcher";
import NotifPopups from "@/modules/notifpopups";
import Osds from "@/modules/osds";
import Popdowns from "@/modules/popdowns";
import Session from "@/modules/session";
import Monitors from "@/services/monitors";
import Palette from "@/services/palette";
import Players from "@/services/players";
import Schemes from "@/services/schemes";
import Wallpapers from "@/services/wallpapers";
import type PopupWindow from "@/widgets/popupwindow";
import { execAsync, idle, timeout, writeFileAsync } from "astal";
import { App } from "astal/gtk3";
import { style } from "config";
import { initConfig, updateConfig } from "config/funcs";

const isLayer = (name: string) =>
    ["base", "mantle", "crust"].includes(name) || name.startsWith("surface") || name.startsWith("overlay");

const applyTransparency = (name: string, hex: string) => {
    if (style.transparency.get() === "off" || !isLayer(name)) return hex;
    const amount = style.transparency.get() === "high" ? 0.58 : 0.78;
    return `color.change(${hex}, $alpha: ${amount})`;
};

const applyVibrancy = (hex: string) => (style.vibrant.get() ? `color.scale(${hex}, $saturation: 40%)` : hex);

const styleLoader = new (class {
    #running = false;
    #dirty = false;

    async run() {
        this.#dirty = true;
        if (this.#running) return;
        this.#running = true;
        while (this.#dirty) {
            this.#dirty = false;
            await this.#run();
        }
        this.#running = false;
    }

    async #run() {
        const schemeColours = Object.entries(Palette.get_default().colours)
            .map(([name, hex]) => `$${name}: ${applyVibrancy(applyTransparency(name, hex))};`)
            .join("\n");
        await writeFileAsync(
            `${SRC}/scss/scheme/_index.scss`,
            `@use "sass:color";\n$light: ${Palette.get_default().mode === "light"};\n${schemeColours}`
        );
        App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true);
    }
})();

export const loadStyleAsync = () => styleLoader.run();

App.start({
    instanceName: "caelestia",
    icons: "assets/icons",
    main() {
        const now = Date.now();

        loadStyleAsync().catch(console.error);
        style.transparency.subscribe(() => loadStyleAsync().catch(console.error));
        Palette.get_default().connect("notify::colours", () => loadStyleAsync().catch(console.error));
        Palette.get_default().connect("notify::mode", () => loadStyleAsync().catch(console.error));

        initConfig();

        <Launcher />;
        <NotifPopups />;
        <Osds />;
        <Session />;
        Monitors.get_default().forEach(m => <Bar monitor={m} />);
        <Popdowns />;

        // Init services
        timeout(1000, () => {
            idle(() => Schemes.get_default());
            idle(() => Wallpapers.get_default());
        });

        console.log(`Caelestia started in ${Date.now() - now}ms`);
    },
    requestHandler(request, res) {
        if (request === "quit") App.quit();
        else if (request === "reload-css") loadStyleAsync().catch(console.error);
        else if (request === "reload-config") updateConfig();
        else if (request.startsWith("show")) App.get_window(request.split(" ")[1])?.show();
        else if (request === "toggle sideleft") {
            const window = App.get_window("sideleft") as PopupWindow | null;
            if (window) {
                if (window.visible) window.hide();
                else window.popup_at_corner("top left");
            }
        } else if (request === "toggle sideright") {
            const window = App.get_window("sideright") as PopupWindow | null;
            if (window) {
                if (window.visible) window.hide();
                else window.popup_at_corner("top right");
            }
        } else if (request === "media play-pause") Players.get_default().lastPlayer?.play_pause();
        else if (request === "media next") Players.get_default().lastPlayer?.next();
        else if (request === "media previous") Players.get_default().lastPlayer?.previous();
        else if (request === "media stop") Players.get_default().lastPlayer?.stop();
        else if (request.startsWith("media")) {
            const player = Players.get_default().lastPlayer;
            const key = request.split(" ")[1];
            if (player === null) return res("No media");
            if (key in player) return res(player[key as keyof typeof player]);
            return res(`Invalid key: ${key}`);
        } else if (request.startsWith("brightness")) {
            const value = request.split(" ")[1];
            const num = parseFloat(value) / (value.includes("%") ? 100 : 1);
            if (isNaN(num)) return res("Syntax: brightness <value>[%][+ | -]");
            if (value.includes("+")) Monitors.get_default().active.brightness += num;
            else if (value.includes("-")) Monitors.get_default().active.brightness -= num;
            else Monitors.get_default().active.brightness = num;
        } else return res("Unknown command: " + request);

        console.log(`Request handled: ${request}`);
        res("OK");
    },
});