initial structure refactor

2025-12-06 05:25:41 -05:00 · 2025-07-18 12:37:37 -04:00
parent 3a3f18c298
commit d8938e8d15
52 changed files with 1070 additions and 1283 deletions
--- a/Modules/TopBar/WorkspaceSwitcher.qml
+++ b/Modules/TopBar/WorkspaceSwitcher.qml
@@ -0,0 +1,124 @@
+import QtQuick
+import Quickshell
+import qs.Common
+import qs.Services
+
+Rectangle {
+    id: root
+
+    property string screenName: ""
+    property int currentWorkspace: getDisplayActiveWorkspace()
+    property var workspaceList: getDisplayWorkspaces()
+
+    function getDisplayWorkspaces() {
+        if (!NiriWorkspaceService.niriAvailable || NiriWorkspaceService.allWorkspaces.length === 0)
+            return [1, 2];
+
+        if (!root.screenName)
+            return NiriWorkspaceService.getCurrentOutputWorkspaceNumbers();
+
+        var displayWorkspaces = [];
+        for (var i = 0; i < NiriWorkspaceService.allWorkspaces.length; i++) {
+            var ws = NiriWorkspaceService.allWorkspaces[i];
+            if (ws.output === root.screenName)
+                displayWorkspaces.push(ws.idx + 1);
+
+        }
+        return displayWorkspaces.length > 0 ? displayWorkspaces : [1, 2];
+    }
+
+    function getDisplayActiveWorkspace() {
+        if (!NiriWorkspaceService.niriAvailable || NiriWorkspaceService.allWorkspaces.length === 0)
+            return 1;
+
+        if (!root.screenName)
+            return NiriWorkspaceService.getCurrentWorkspaceNumber();
+
+        for (var i = 0; i < NiriWorkspaceService.allWorkspaces.length; i++) {
+            var ws = NiriWorkspaceService.allWorkspaces[i];
+            if (ws.output === root.screenName && ws.is_active)
+                return ws.idx + 1;
+
+        }
+        return 1;
+    }
+
+    width: Math.max(120, workspaceRow.implicitWidth + Theme.spacingL * 2)
+    height: 30
+    radius: Theme.cornerRadiusLarge
+    color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.08)
+    visible: NiriWorkspaceService.niriAvailable
+
+    Connections {
+        function onAllWorkspacesChanged() {
+            root.workspaceList = root.getDisplayWorkspaces();
+            root.currentWorkspace = root.getDisplayActiveWorkspace();
+        }
+
+        function onFocusedWorkspaceIndexChanged() {
+            root.currentWorkspace = root.getDisplayActiveWorkspace();
+        }
+
+        function onNiriAvailableChanged() {
+            if (NiriWorkspaceService.niriAvailable) {
+                root.workspaceList = root.getDisplayWorkspaces();
+                root.currentWorkspace = root.getDisplayActiveWorkspace();
+            }
+        }
+
+        target: NiriWorkspaceService
+    }
+
+    Row {
+        id: workspaceRow
+
+        anchors.centerIn: parent
+        spacing: Theme.spacingS
+
+        Repeater {
+            model: root.workspaceList
+
+            Rectangle {
+                property bool isActive: modelData === root.currentWorkspace
+                property bool isHovered: mouseArea.containsMouse
+                property int sequentialNumber: index + 1
+
+                width: isActive ? Theme.spacingXL + Theme.spacingM : Theme.spacingL + Theme.spacingXS
+                height: Theme.spacingM
+                radius: height / 2
+                color: isActive ? Theme.primary : isHovered ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.5) : Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.3)
+
+                MouseArea {
+                    id: mouseArea
+
+                    anchors.fill: parent
+                    hoverEnabled: true
+                    cursorShape: Qt.PointingHandCursor
+                    onClicked: {
+                        Quickshell.execDetached(["niri", "msg", "action", "focus-workspace", modelData.toString()]);
+                    }
+                }
+
+                Behavior on width {
+                    NumberAnimation {
+                        duration: Theme.mediumDuration
+                        easing.type: Theme.emphasizedEasing
+                    }
+
+                }
+
+                Behavior on color {
+                    ColorAnimation {
+                        duration: Theme.mediumDuration
+                        easing.type: Theme.emphasizedEasing
+                    }
+
+                }
+
+            }
+
+        }
+
+    }
+
+}