config: added save to singleton, updated relevant settings panes

2 files changed, 382 insertions, 2 deletions

diff --git a/config/Config.qml b/config/Config.qml
index 267a184..3756043 100644
--- a/config/Config.qml
+++ b/config/Config.qml
@@ -4,6 +4,7 @@ import qs.utils
 import Caelestia
 import Quickshell
 import Quickshell.Io
+import QtQuick
 
 Singleton {
     id: root
@@ -26,16 +27,392 @@ Singleton {
     property alias services: adapter.services
     property alias paths: adapter.paths
 
+    // Public save function - call this to persist config changes
+    function save(): void {
+        saveTimer.restart();
+    }
+
     ElapsedTimer {
         id: timer
     }
 
+    Timer {
+        id: saveTimer
+
+        interval: 500
+        onTriggered: {
+            try {
+                // Parse current config to preserve structure and comments if possible
+                let config = {};
+                try {
+                    config = JSON.parse(fileView.text());
+                } catch (e) {
+                    // If parsing fails, start with empty object
+                    config = {};
+                }
+
+                // Update config with current values
+                config = serializeConfig();
+
+                // Save to file with pretty printing
+                fileView.setText(JSON.stringify(config, null, 2));
+            } catch (e) {
+                Toaster.toast(qsTr("Failed to serialize config"), e.message, "settings_alert", Toast.Error);
+            }
+        }
+    }
+
+    // Helper function to serialize the config object
+    function serializeConfig(): var {
+        return {
+            appearance: serializeAppearance(),
+            general: serializeGeneral(),
+            background: serializeBackground(),
+            bar: serializeBar(),
+            border: serializeBorder(),
+            dashboard: serializeDashboard(),
+            controlCenter: serializeControlCenter(),
+            launcher: serializeLauncher(),
+            notifs: serializeNotifs(),
+            osd: serializeOsd(),
+            session: serializeSession(),
+            winfo: serializeWinfo(),
+            lock: serializeLock(),
+            utilities: serializeUtilities(),
+            sidebar: serializeSidebar(),
+            services: serializeServices(),
+            paths: serializePaths()
+        };
+    }
+
+    function serializeAppearance(): var {
+        return {
+            rounding: { scale: appearance.rounding.scale },
+            spacing: { scale: appearance.spacing.scale },
+            padding: { scale: appearance.padding.scale },
+            font: {
+                family: {
+                    sans: appearance.font.family.sans,
+                    mono: appearance.font.family.mono,
+                    material: appearance.font.family.material,
+                    clock: appearance.font.family.clock
+                },
+                size: { scale: appearance.font.size.scale }
+            },
+            anim: {
+                durations: { scale: appearance.anim.durations.scale }
+            },
+            transparency: {
+                enabled: appearance.transparency.enabled,
+                base: appearance.transparency.base,
+                layers: appearance.transparency.layers
+            }
+        };
+    }
+
+    function serializeGeneral(): var {
+        return {
+            apps: {
+                terminal: general.apps.terminal,
+                audio: general.apps.audio,
+                playback: general.apps.playback,
+                explorer: general.apps.explorer
+            },
+            idle: {
+                lockBeforeSleep: general.idle.lockBeforeSleep,
+                inhibitWhenAudio: general.idle.inhibitWhenAudio,
+                timeouts: general.idle.timeouts
+            },
+            battery: {
+                warnLevels: general.battery.warnLevels,
+                criticalLevel: general.battery.criticalLevel
+            }
+        };
+    }
+
+    function serializeBackground(): var {
+        return {
+            enabled: background.enabled,
+            desktopClock: {
+                enabled: background.desktopClock.enabled
+            },
+            visualiser: {
+                enabled: background.visualiser.enabled,
+                autoHide: background.visualiser.autoHide,
+                blur: background.visualiser.blur,
+                rounding: background.visualiser.rounding,
+                spacing: background.visualiser.spacing
+            }
+        };
+    }
+
+    function serializeBar(): var {
+        return {
+            persistent: bar.persistent,
+            showOnHover: bar.showOnHover,
+            dragThreshold: bar.dragThreshold,
+            scrollActions: {
+                workspaces: bar.scrollActions.workspaces,
+                volume: bar.scrollActions.volume,
+                brightness: bar.scrollActions.brightness
+            },
+            popouts: {
+                activeWindow: bar.popouts.activeWindow,
+                tray: bar.popouts.tray,
+                statusIcons: bar.popouts.statusIcons
+            },
+            workspaces: {
+                shown: bar.workspaces.shown,
+                activeIndicator: bar.workspaces.activeIndicator,
+                occupiedBg: bar.workspaces.occupiedBg,
+                showWindows: bar.workspaces.showWindows,
+                showWindowsOnSpecialWorkspaces: bar.workspaces.showWindowsOnSpecialWorkspaces,
+                activeTrail: bar.workspaces.activeTrail,
+                perMonitorWorkspaces: bar.workspaces.perMonitorWorkspaces,
+                label: bar.workspaces.label,
+                occupiedLabel: bar.workspaces.occupiedLabel,
+                activeLabel: bar.workspaces.activeLabel,
+                capitalisation: bar.workspaces.capitalisation,
+                specialWorkspaceIcons: bar.workspaces.specialWorkspaceIcons
+            },
+            tray: {
+                background: bar.tray.background,
+                recolour: bar.tray.recolour,
+                compact: bar.tray.compact,
+                iconSubs: bar.tray.iconSubs
+            },
+            status: {
+                showAudio: bar.status.showAudio,
+                showMicrophone: bar.status.showMicrophone,
+                showKbLayout: bar.status.showKbLayout,
+                showNetwork: bar.status.showNetwork,
+                showBluetooth: bar.status.showBluetooth,
+                showBattery: bar.status.showBattery,
+                showLockStatus: bar.status.showLockStatus
+            },
+            clock: {
+                showIcon: bar.clock.showIcon
+            },
+            sizes: {
+                innerWidth: bar.sizes.innerWidth,
+                windowPreviewSize: bar.sizes.windowPreviewSize,
+                trayMenuWidth: bar.sizes.trayMenuWidth,
+                batteryWidth: bar.sizes.batteryWidth,
+                networkWidth: bar.sizes.networkWidth
+            },
+            entries: bar.entries
+        };
+    }
+
+    function serializeBorder(): var {
+        return {
+            thickness: border.thickness,
+            rounding: border.rounding
+        };
+    }
+
+    function serializeDashboard(): var {
+        return {
+            enabled: dashboard.enabled,
+            showOnHover: dashboard.showOnHover,
+            mediaUpdateInterval: dashboard.mediaUpdateInterval,
+            dragThreshold: dashboard.dragThreshold,
+            sizes: {
+                tabIndicatorHeight: dashboard.sizes.tabIndicatorHeight,
+                tabIndicatorSpacing: dashboard.sizes.tabIndicatorSpacing,
+                infoWidth: dashboard.sizes.infoWidth,
+                infoIconSize: dashboard.sizes.infoIconSize,
+                dateTimeWidth: dashboard.sizes.dateTimeWidth,
+                mediaWidth: dashboard.sizes.mediaWidth,
+                mediaProgressSweep: dashboard.sizes.mediaProgressSweep,
+                mediaProgressThickness: dashboard.sizes.mediaProgressThickness,
+                resourceProgessThickness: dashboard.sizes.resourceProgessThickness,
+                weatherWidth: dashboard.sizes.weatherWidth,
+                mediaCoverArtSize: dashboard.sizes.mediaCoverArtSize,
+                mediaVisualiserSize: dashboard.sizes.mediaVisualiserSize,
+                resourceSize: dashboard.sizes.resourceSize
+            }
+        };
+    }
+
+    function serializeControlCenter(): var {
+        return {
+            sizes: {
+                heightMult: controlCenter.sizes.heightMult,
+                ratio: controlCenter.sizes.ratio
+            }
+        };
+    }
+
+    function serializeLauncher(): var {
+        return {
+            enabled: launcher.enabled,
+            showOnHover: launcher.showOnHover,
+            maxShown: launcher.maxShown,
+            maxWallpapers: launcher.maxWallpapers,
+            specialPrefix: launcher.specialPrefix,
+            actionPrefix: launcher.actionPrefix,
+            enableDangerousActions: launcher.enableDangerousActions,
+            dragThreshold: launcher.dragThreshold,
+            vimKeybinds: launcher.vimKeybinds,
+            hiddenApps: launcher.hiddenApps,
+            useFuzzy: {
+                apps: launcher.useFuzzy.apps,
+                actions: launcher.useFuzzy.actions,
+                schemes: launcher.useFuzzy.schemes,
+                variants: launcher.useFuzzy.variants,
+                wallpapers: launcher.useFuzzy.wallpapers
+            },
+            sizes: {
+                itemWidth: launcher.sizes.itemWidth,
+                itemHeight: launcher.sizes.itemHeight,
+                wallpaperWidth: launcher.sizes.wallpaperWidth,
+                wallpaperHeight: launcher.sizes.wallpaperHeight
+            },
+            actions: launcher.actions
+        };
+    }
+
+    function serializeNotifs(): var {
+        return {
+            expire: notifs.expire,
+            defaultExpireTimeout: notifs.defaultExpireTimeout,
+            clearThreshold: notifs.clearThreshold,
+            expandThreshold: notifs.expandThreshold,
+            actionOnClick: notifs.actionOnClick,
+            groupPreviewNum: notifs.groupPreviewNum,
+            sizes: {
+                width: notifs.sizes.width,
+                image: notifs.sizes.image,
+                badge: notifs.sizes.badge
+            }
+        };
+    }
+
+    function serializeOsd(): var {
+        return {
+            enabled: osd.enabled,
+            hideDelay: osd.hideDelay,
+            enableBrightness: osd.enableBrightness,
+            enableMicrophone: osd.enableMicrophone,
+            sizes: {
+                sliderWidth: osd.sizes.sliderWidth,
+                sliderHeight: osd.sizes.sliderHeight
+            }
+        };
+    }
+
+    function serializeSession(): var {
+        return {
+            enabled: session.enabled,
+            dragThreshold: session.dragThreshold,
+            vimKeybinds: session.vimKeybinds,
+            commands: {
+                logout: session.commands.logout,
+                shutdown: session.commands.shutdown,
+                hibernate: session.commands.hibernate,
+                reboot: session.commands.reboot
+            },
+            sizes: {
+                button: session.sizes.button
+            }
+        };
+    }
+
+    function serializeWinfo(): var {
+        return {
+            sizes: {
+                heightMult: winfo.sizes.heightMult,
+                detailsWidth: winfo.sizes.detailsWidth
+            }
+        };
+    }
+
+    function serializeLock(): var {
+        return {
+            recolourLogo: lock.recolourLogo,
+            enableFprint: lock.enableFprint,
+            maxFprintTries: lock.maxFprintTries,
+            sizes: {
+                heightMult: lock.sizes.heightMult,
+                ratio: lock.sizes.ratio,
+                centerWidth: lock.sizes.centerWidth
+            }
+        };
+    }
+
+    function serializeUtilities(): var {
+        return {
+            enabled: utilities.enabled,
+            maxToasts: utilities.maxToasts,
+            sizes: {
+                width: utilities.sizes.width,
+                toastWidth: utilities.sizes.toastWidth
+            },
+            toasts: {
+                configLoaded: utilities.toasts.configLoaded,
+                chargingChanged: utilities.toasts.chargingChanged,
+                gameModeChanged: utilities.toasts.gameModeChanged,
+                dndChanged: utilities.toasts.dndChanged,
+                audioOutputChanged: utilities.toasts.audioOutputChanged,
+                audioInputChanged: utilities.toasts.audioInputChanged,
+                capsLockChanged: utilities.toasts.capsLockChanged,
+                numLockChanged: utilities.toasts.numLockChanged,
+                kbLayoutChanged: utilities.toasts.kbLayoutChanged,
+                vpnChanged: utilities.toasts.vpnChanged,
+                nowPlaying: utilities.toasts.nowPlaying
+            },
+            vpn: {
+                enabled: utilities.vpn.enabled,
+                provider: utilities.vpn.provider
+            }
+        };
+    }
+
+    function serializeSidebar(): var {
+        return {
+            enabled: sidebar.enabled,
+            dragThreshold: sidebar.dragThreshold,
+            sizes: {
+                width: sidebar.sizes.width
+            }
+        };
+    }
+
+    function serializeServices(): var {
+        return {
+            weatherLocation: services.weatherLocation,
+            useFahrenheit: services.useFahrenheit,
+            useTwelveHourClock: services.useTwelveHourClock,
+            gpuType: services.gpuType,
+            visualiserBars: services.visualiserBars,
+            audioIncrement: services.audioIncrement,
+            maxVolume: services.maxVolume,
+            smartScheme: services.smartScheme,
+            defaultPlayer: services.defaultPlayer,
+            playerAliases: services.playerAliases
+        };
+    }
+
+    function serializePaths(): var {
+        return {
+            wallpaperDir: paths.wallpaperDir,
+            sessionGif: paths.sessionGif,
+            mediaGif: paths.mediaGif
+        };
+    }
+
     FileView {
+        id: fileView
+
         path: `${Paths.config}/shell.json`
         watchChanges: true
         onFileChanged: {
-            timer.restart();
-            reload();
+            // Prevent reload loop - don't reload if we just saved
+            if (!saveTimer.running) {
+                timer.restart();
+                reload();
+            }
         }
         onLoaded: {
             try {
diff --git a/modules/controlcenter/appearance/AppearancePane.qml b/modules/controlcenter/appearance/AppearancePane.qml
index 388fc88..22e5580 100644
--- a/modules/controlcenter/appearance/AppearancePane.qml
+++ b/modules/controlcenter/appearance/AppearancePane.qml
@@ -84,6 +84,9 @@ RowLayout {
         // Update border
         Config.border.rounding = root.borderRounding;
         Config.border.thickness = root.borderThickness;
+
+        // Persist changes to disk
+        Config.save();
     }
 
     Item {