noctalia-shell/shell.qml

import Quickshell
import Quickshell.Io
import Quickshell.Services.Pipewire
import Quickshell.Services.Notifications
import QtQuick
import QtCore
import qs.Bar
import qs.Bar.Modules
import qs.Widgets
import qs.Widgets.LockScreen
import qs.Widgets.Notification
import qs.Widgets.SettingsWindow
import qs.Settings
import qs.Helpers

import "./Helpers/IdleInhibitor.qml"
import "./Helpers/IPCHandlers.qml"

Scope {
    id: root

    property alias appLauncherPanel: appLauncherPanel
    property var notificationHistoryWin: notificationHistoryLoader.active ? notificationHistoryLoader.item : null
    property var settingsWindow: null
    property bool pendingReload: false
    
    // Function to load notification history
    function loadNotificationHistory() {
        if (!notificationHistoryLoader.active) {
            notificationHistoryLoader.loading = true;
        }
        return notificationHistoryLoader;
    }

    // Helper function to round value to nearest step
    function roundToStep(value, step) {
        return Math.round(value / step) * step;
    }

    // Volume property reflecting current audio volume in 0-100
    // Will be kept in sync dynamically below
    property int volume: (defaultAudioSink && defaultAudioSink.audio && !defaultAudioSink.audio.muted)
                        ? Math.round(defaultAudioSink.audio.volume * 100)
                        : 0

    // Function to update volume with clamping, stepping, and applying to audio sink
    function updateVolume(vol) {
        var clamped = Math.max(0, Math.min(100, vol));
        var stepped = roundToStep(clamped, 5);
        if (defaultAudioSink && defaultAudioSink.audio) {
            defaultAudioSink.audio.volume = stepped / 100;
        }
        volume = stepped;
    }

    Component.onCompleted: {
        Quickshell.shell = root;
    }

    Background {}
    Overview {}

    Bar {
        id: bar
        shell: root
        property var notificationHistoryWin: notificationHistoryLoader.active ? notificationHistoryLoader.item : null
    }

    Variants {
        model: Quickshell.screens
        
        Dock {
            id: dock
            property var modelData
        }
    }

    Applauncher {
        id: appLauncherPanel
        visible: false
    }

    LockScreen {
        id: lockScreen
        onLockedChanged: {
            if (!locked && root.pendingReload) {
                reloadTimer.restart();
                root.pendingReload = false;
            }
        }
    }

    IdleInhibitor {
        id: idleInhibitor
    }

    NotificationServer {
        id: notificationServer
        onNotification: function (notification) {
            console.log("[Notification] Received notification:", notification.appName, "-", notification.summary);
            notification.tracked = true;
            if (notificationPopup.notificationsVisible) {
                // Add notification to the popup manager
                notificationPopup.addNotification(notification);
            }
            if (notificationHistoryLoader.active && notificationHistoryLoader.item) {
                notificationHistoryLoader.item.addToHistory({
                    id: notification.id,
                    appName: notification.appName || "Notification",
                    summary: notification.summary || "",
                    body: notification.body || "",
                    urgency: notification.urgency,
                    timestamp: Date.now()
                });
            }
        }
    }

    NotificationPopup {
        id: notificationPopup
    }

    // LazyLoader for NotificationHistory - only load when needed
    LazyLoader {
        id: notificationHistoryLoader
        loading: false
        component: NotificationHistory {}
    }

    // Centralized LazyLoader for SettingsWindow - prevents crashes on multiple opens
    LazyLoader {
        id: settingsWindowLoader
        loading: false
        component: SettingsWindow {
            Component.onCompleted: {
                root.settingsWindow = this;
            }
        }
    }

    // Function to safely show/hide settings window
    function toggleSettingsWindow() {
        if (!settingsWindowLoader.active) {
            settingsWindowLoader.loading = true;
        }
        
        if (settingsWindowLoader.item) {
            settingsWindowLoader.item.visible = !settingsWindowLoader.item.visible;
        }
    }

    // Reference to the default audio sink from Pipewire
    property var defaultAudioSink: Pipewire.defaultAudioSink

    PwObjectTracker {
        objects: [Pipewire.defaultAudioSink]
    }

    IPCHandlers {
        appLauncherPanel: appLauncherPanel
        lockScreen: lockScreen
        idleInhibitor: idleInhibitor
        notificationPopup: notificationPopup
    }

    Connections {
        function onReloadCompleted() {
            Quickshell.inhibitReloadPopup();
        }

        function onReloadFailed() {
            Quickshell.inhibitReloadPopup();
        }

        target: Quickshell
    }

    Timer {
        id: reloadTimer
        interval: 500 // ms
        repeat: false
        onTriggered: Quickshell.reload(true)
    }

    Connections {
        target: Quickshell
        function onScreensChanged() {
            if (lockScreen.locked) {
                pendingReload = true;
            } else {
                reloadTimer.restart();
            }
        }
    }

    Connections {
        target: defaultAudioSink ? defaultAudioSink.audio : null
        function onVolumeChanged() {
            if (defaultAudioSink.audio && !defaultAudioSink.audio.muted) {
                volume = Math.round(defaultAudioSink.audio.volume * 100);
                console.log("Volume changed externally to:", volume);
            }
        }
        function onMutedChanged() {
            if (defaultAudioSink.audio) {
                if (defaultAudioSink.audio.muted) {
                    volume = 0;
                    console.log("Audio muted, volume set to 0");
                } else {
                    volume = Math.round(defaultAudioSink.audio.volume * 100);
                    console.log("Audio unmuted, volume restored to:", volume);
                }
            }
        }
    }

    Rectangle {
        width: 200 * Theme.uiScale
        height: 40 * Theme.uiScale
        color: "#333"
        anchors.top: parent.top
        anchors.left: parent.left
        Text {
            text: "UI Scale Demo"
            anchors.centerIn: parent
            font.pixelSize: 16 * Theme.uiScale
            color: "white"
        }
    }
}