custum-hyprpanel/widget/settings/shared/FileChooser.ts

import Gtk from "gi://Gtk?version=3.0";
import Gio from "gi://Gio"
import { bash, Notify } from "lib/utils";
import icons from "lib/icons"

const whiteListedThemeProp = [
    "theme.bar.buttons.style"
];

export const saveFileDialog = (filePath: string, themeOnly: boolean): void => {
    const original_file_path = filePath;

    let file = Gio.File.new_for_path(original_file_path);
    let [success, content] = file.load_contents(null);

    if (!success) {
        console.error(`Could not find 'config.json' at ${TMP}`);
        return;
    }

    let jsonString = new TextDecoder("utf-8").decode(content);
    let jsonObject = JSON.parse(jsonString);

    // Function to filter hex color pairs
    const filterHexColorPairs = (jsonObject: object) => {
        const hexColorPattern = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
        let filteredObject = {};

        for (let key in jsonObject) {
            if (typeof jsonObject[key] === 'string' && hexColorPattern.test(jsonObject[key])) {
                filteredObject[key] = jsonObject[key];
            } else if (whiteListedThemeProp.includes(key)) {
                filteredObject[key] = jsonObject[key];
            }

        }

        return filteredObject;
    };

    // Function to filter out hex color pairs (keep only non-hex color value)
    const filterOutHexColorPairs = (jsonObject: object) => {
        const hexColorPattern = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
        let filteredObject = {};

        for (let key in jsonObject) {
            // do not add key-value pair if its in whiteListedThemeProp
            if (whiteListedThemeProp.includes(key)) {
                continue;
            }

            if (!(typeof jsonObject[key] === 'string' && hexColorPattern.test(jsonObject[key]))) {
                filteredObject[key] = jsonObject[key];
            }
        }

        return filteredObject;
    };

    // Filter the JSON object based on the themeOnly flag
    let filteredJsonObject = themeOnly ? filterHexColorPairs(jsonObject) : filterOutHexColorPairs(jsonObject);
    let filteredContent = JSON.stringify(filteredJsonObject, null, 2);

    let dialog = new Gtk.FileChooserDialog({
        title: "Save File As",
        action: Gtk.FileChooserAction.SAVE,
    });

    dialog.add_button(Gtk.STOCK_CANCEL, Gtk.ResponseType.CANCEL);
    dialog.add_button(Gtk.STOCK_SAVE, Gtk.ResponseType.ACCEPT);
    dialog.set_current_name(themeOnly ? "hyprpanel_theme.json" : "hyprpanel_config.json");

    let response = dialog.run();

    if (response === Gtk.ResponseType.ACCEPT) {
        let file_path = dialog.get_filename();
        console.info(`Original file path: ${file_path}`);

        const getIncrementedFilePath = (filePath: string) => {
            let increment = 1;
            let baseName = filePath.replace(/(\.\w+)$/, '');
            let match = filePath.match(/(\.\w+)$/);
            let extension = match ? match[0] : '';

            let newFilePath = filePath;
            let file = Gio.File.new_for_path(newFilePath);

            while (file.query_exists(null)) {
                newFilePath = `${baseName}_${increment}${extension}`;
                file = Gio.File.new_for_path(newFilePath);
                increment++;
            }

            return newFilePath;
        };

        let finalFilePath = getIncrementedFilePath(file_path as string);
        console.info(`File will be saved at: ${finalFilePath}`);

        try {
            let save_file = Gio.File.new_for_path(finalFilePath);
            let outputStream = save_file.replace(null, false, Gio.FileCreateFlags.NONE, null);
            let dataOutputStream = new Gio.DataOutputStream({
                base_stream: outputStream
            });

            dataOutputStream.put_string(filteredContent, null);

            dataOutputStream.close(null);

            Notify({
                summary: "File Saved Successfully",
                body: `At ${finalFilePath}.`,
                iconName: icons.ui.info,
                timeout: 5000
            });

        } catch (e: any) {
            console.error("Failed to write to file:", e.message);
        }
    }

    dialog.destroy();
}

export const importFiles = (themeOnly: boolean = false): void => {
    let dialog = new Gtk.FileChooserDialog({
        title: `Import ${themeOnly ? "Theme" : "Config"}`,
        action: Gtk.FileChooserAction.OPEN,
    });

    dialog.add_button(Gtk.STOCK_CANCEL, Gtk.ResponseType.CANCEL);
    dialog.add_button(Gtk.STOCK_OPEN, Gtk.ResponseType.ACCEPT);

    let response = dialog.run();


    if (response === Gtk.ResponseType.CANCEL) {
        dialog.destroy();
        return;
    }
    if (response === Gtk.ResponseType.ACCEPT) {
        let filePath = dialog.get_filename();
        let file = Gio.File.new_for_path(filePath as string);
        let [success, content] = file.load_contents(null);

        if (!success) {
            console.error(`Failed to import: ${filePath}`);
            dialog.destroy();
            return;
        }

        Notify({
            summary: `Importing ${themeOnly ? "Theme" : "Config"}`,
            body: `Importing: ${filePath}`,
            iconName: icons.ui.info,
            timeout: 7000
        });

        let jsonString = new TextDecoder("utf-8").decode(content);
        let importedConfig = JSON.parse(jsonString);

        const hexColorPattern = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;

        const saveConfigToFile = (config: object, filePath: string) => {
            let file = Gio.File.new_for_path(filePath);
            let outputStream = file.replace(null, false, Gio.FileCreateFlags.NONE, null);
            let dataOutputStream = new Gio.DataOutputStream({ base_stream: outputStream });

            let jsonString = JSON.stringify(config, null, 2);
            dataOutputStream.put_string(jsonString, null);
            dataOutputStream.close(null);
        };

        const filterConfigForThemeOnly = (config: object) => {
            let filteredConfig = {};

            for (let key in config) {
                if (typeof config[key] === 'string' && hexColorPattern.test(config[key])) {
                    filteredConfig[key] = config[key];
                } else if (whiteListedThemeProp.includes(key)) {
                    filteredConfig[key] = config[key];
                }
            }
            return filteredConfig;
        };

        const filterConfigForNonTheme = (config: object) => {
            let filteredConfig = {};
            for (let key in config) {
                // do not add key-value pair if its in whiteListedThemeProp
                if (whiteListedThemeProp.includes(key)) {
                    continue;
                }
                if (!(typeof config[key] === 'string' && hexColorPattern.test(config[key]))) {
                    filteredConfig[key] = config[key];
                }
            }
            return filteredConfig;
        };

        let tmpConfigFile = Gio.File.new_for_path(`${TMP}/config.json`);
        let optionsConfigFile = Gio.File.new_for_path(OPTIONS);

        let [tmpSuccess, tmpContent] = tmpConfigFile.load_contents(null);
        let [optionsSuccess, optionsContent] = optionsConfigFile.load_contents(null);

        if (!tmpSuccess || !optionsSuccess) {
            console.error("Failed to read existing configuration files.");
            dialog.destroy();
            return;
        }

        let tmpConfig = JSON.parse(new TextDecoder("utf-8").decode(tmpContent));
        let optionsConfig = JSON.parse(new TextDecoder("utf-8").decode(optionsContent));

        if (themeOnly) {
            const filteredConfig = filterConfigForThemeOnly(importedConfig);
            tmpConfig = { ...tmpConfig, ...filteredConfig };
            optionsConfig = { ...optionsConfig, ...filteredConfig };
        } else {
            const filteredConfig = filterConfigForNonTheme(importedConfig);
            tmpConfig = { ...tmpConfig, ...filteredConfig };
            optionsConfig = { ...optionsConfig, ...filteredConfig };
        }

        saveConfigToFile(tmpConfig, `${TMP}/config.json`);
        saveConfigToFile(optionsConfig, OPTIONS);
    }
    dialog.destroy();
    bash("pkill ags && ags");
}