custum-hyprpanel/scripts/makeTheme.ts

#!/usr/bin/env ts-node
/// <reference types="node" />

/**
 * Provides two transformations on JSON theme data:
 *   1) makeVividTheme:
 *        Swaps .background with .text (or .total) under "theme.bar.buttons.<...>"
 *        Sets .icon to the old .background.
 *   2) makeBaseTheme:
 *        Copies .text (or .total) into .icon under "theme.bar.buttons.<...>"
 *        Leaves .background intact.
 *
 * This script now also handles additional segments between `buttons` and the
 * actual property. For example, it covers cases like:
 *   "theme.bar.buttons.modules.updates.text" (name = "modules.updates", prop = "text")
 *
 * Usage:
 *   ts-node makeTheme.ts <input.json> <output.json> [--vivid | --base | --both]
 *
 * Example:
 *   ts-node makeTheme.ts theme.json updatedTheme.json --vivid
 */

(() => {
    const fs = require('fs');
    const path = require('path');

    /**
     * Prints the usage/help text.
     */
    function printUsage(): void {
        console.log(`
  Usage:
    ts-node makeTheme.ts <input.json> <output.json> [--vivid | --base | --both]

  Options:
    --help   Show this help message

  Transforms:
    --vivid  Swap .background with .text (or .total), set .icon = old background
    --base   Set .icon = .text (or .total), leave .background alone
    --both   Apply makeVividTheme, then makeBaseTheme
  `);
    }

    /**
     * Reads a file as UTF-8 and returns a parsed JSON object.
     */
    async function readJson(filePath: string): Promise<Record<string, unknown>> {
        const raw = await fs.promises.readFile(path.resolve(filePath), 'utf8');
        return JSON.parse(raw);
    }

    /**
     * Executes the "vivid" transformation on the input data.
     * For each key matching "theme.bar.buttons.*":
     *   - If it has .background and .text (or .total), swap them.
     *   - Set .icon to the old background.
     */
    function makeVividTheme(data: Record<string, unknown>): void {
        data['theme.bar.buttons.style'] = 'default';

        const prefix = 'theme.bar.buttons.';
        const grouped: Record<string, Record<string, unknown>> = {};

        for (const key of Object.keys(data)) {
            if (!key.startsWith(prefix)) continue;

            // Split: ["theme", "bar", "buttons", ...theRest]
            const parts = key.split('.');
            const rest = parts.slice(3);
            if (rest.length < 2) continue; // need at least <name> and <prop>

            // Last segment is the property (e.g. "text", "background")
            // The rest form the "name" (e.g. "modules.updates")
            const prop = rest.pop()!;
            const name = rest.join('.');

            if (!grouped[name]) grouped[name] = {};
            grouped[name][prop] = data[key];
        }

        for (const name of Object.keys(grouped)) {
            const props = grouped[name];
            const hasBg = Object.prototype.hasOwnProperty.call(props, 'background');
            const hasTxt = Object.prototype.hasOwnProperty.call(props, 'text');
            const hasTot = Object.prototype.hasOwnProperty.call(props, 'total');
            if (!hasBg || (!hasTxt && !hasTot)) continue;

            const oldBackground = props['background'];
            let textKey: 'text' | 'total' | undefined;
            if (hasTxt) textKey = 'text';
            else if (hasTot) textKey = 'total';
            if (!textKey) continue;

            const oldText = props[textKey];
            props[textKey] = oldBackground;
            props['icon'] = oldBackground;
            props['background'] = oldText;
        }

        // Write the changes back to the original data
        for (const name of Object.keys(grouped)) {
            for (const prop of Object.keys(grouped[name])) {
                const fullKey = prefix + name + '.' + prop;
                data[fullKey] = grouped[name][prop];
            }
        }
    }

    /**
     * Executes the "base" transformation on the input data.
     * For each key matching "theme.bar.buttons.*":
     *   - If it has .text or .total, set .icon to that value.
     *   - Leave .background alone.
     */
    function makeBaseTheme(data: Record<string, unknown>): void {
        data['theme.bar.buttons.style'] = 'default';

        const prefix = 'theme.bar.buttons.';
        const grouped: Record<string, Record<string, unknown>> = {};

        for (const key of Object.keys(data)) {
            if (!key.startsWith(prefix)) continue;

            const parts = key.split('.');
            const rest = parts.slice(3);
            if (rest.length < 2) continue;

            const prop = rest.pop()!;
            const name = rest.join('.');
            if (!grouped[name]) grouped[name] = {};
            grouped[name][prop] = data[key];
        }

        for (const name of Object.keys(grouped)) {
            const props = grouped[name];
            const hasTxt = Object.prototype.hasOwnProperty.call(props, 'text');
            const hasTot = Object.prototype.hasOwnProperty.call(props, 'total');
            if (!hasTxt && !hasTot) continue;

            const value = hasTxt ? props['text'] : props['total'];
            props['icon'] = value;
        }

        for (const name of Object.keys(grouped)) {
            for (const prop of Object.keys(grouped[name])) {
                const fullKey = prefix + name + '.' + prop;
                data[fullKey] = grouped[name][prop];
            }
        }
    }

    /**
     * Main CLI entry point.
     */
    async function main(): Promise<void> {
        const [, , ...args] = process.argv;
        if (args.includes('--help') || args.length < 2) {
            printUsage();
            process.exit(0);
        }

        const input = args[0];
        const output = args[1];
        const mode = args[2] || '--vivid';

        let data: Record<string, unknown>;
        try {
            data = await readJson(input);
        } catch (e) {
            console.error(`Failed to read/parse: ${input}`, e);
            process.exit(1);
        }

        if (mode === '--vivid') makeVividTheme(data);
        else if (mode === '--base') makeBaseTheme(data);
        else if (mode === '--both') {
            makeVividTheme(data);
            makeBaseTheme(data);
        } else {
            console.error(`Unknown mode: ${mode}`);
            process.exit(1);
        }

        try {
            fs.writeFileSync(path.resolve(output), JSON.stringify(data, null, 2), 'utf8');
            console.log(`Wrote updated theme to: ${output}`);
        } catch (e) {
            console.error(`Failed to write file: ${output}`, e);
            process.exit(1);
        }
    }

    if (require.main === module) {
        main().catch((e) => {
            console.error(e);
            process.exit(1);
        });
    }
})();