feat(Spotlight): Add a New Lightweight Spotlight style launcher option

2026-06-08 12:13:31 -04:00 · 2026-05-16 17:34:56 -04:00
parent 05c7a77c8b
commit 9f2ae6241e
11 changed files with 1496 additions and 8 deletions
@@ -0,0 +1,183 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import Quickshell
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+Item {
+    id: root
+
+    property var controller: null
+    property bool hasQuery: false
+    property var rows: []
+
+    signal itemRightClicked(int index, var item, real mouseX, real mouseY)
+
+    function resetScroll() {
+        mainListView.contentY = mainListView.originY;
+    }
+
+    function ensureVisible(flatIndex) {
+        if (!controller || flatIndex < 0)
+            return;
+        for (let i = 0; i < rows.length; i++) {
+            if ((rows[i]?.flatIndex ?? -1) === flatIndex) {
+                mainListView.positionViewAtIndex(i, ListView.Contain);
+                return;
+            }
+        }
+    }
+
+    function getSelectedItemPosition() {
+        const fallback = mapToItem(null, width / 2, Math.min(height / 2, 56));
+        if (!controller || controller.selectedFlatIndex < 0)
+            return fallback;
+        for (let i = 0; i < rows.length; i++) {
+            if ((rows[i]?.flatIndex ?? -1) === controller.selectedFlatIndex) {
+                const rowY = i * mainListView.rowHeight - mainListView.contentY + mainListView.originY;
+                return mapToItem(null, width / 2, Math.max(28, Math.min(height - 28, rowY + mainListView.rowHeight / 2)));
+            }
+        }
+        return fallback;
+    }
+
+    Connections {
+        target: root.controller
+        function onSelectedFlatIndexChanged() {
+            if (root.controller?.keyboardNavigationActive)
+                Qt.callLater(() => root.ensureVisible(root.controller.selectedFlatIndex));
+        }
+    }
+
+    DankListView {
+        id: mainListView
+        anchors.fill: parent
+        clip: true
+        visible: root.rows.length > 0
+
+        readonly property int rowHeight: 64
+
+        model: ScriptModel {
+            values: root.rows
+            objectProp: "_rowId"
+        }
+
+        add: null
+        remove: null
+        displaced: null
+        move: null
+
+        delegate: Item {
+            id: delegateRoot
+            required property var modelData
+            required property int index
+
+            width: mainListView.width
+            height: mainListView.rowHeight
+
+            SpotlightResultRow {
+                anchors.fill: parent
+                anchors.leftMargin: Theme.spacingS
+                anchors.rightMargin: Theme.spacingS
+                anchors.topMargin: 3
+                anchors.bottomMargin: 3
+                item: delegateRoot.modelData?.item ?? null
+                sectionTitle: delegateRoot.modelData?.sectionTitle ?? ""
+                sectionIcon: delegateRoot.modelData?.sectionIcon ?? ""
+                flatIndex: delegateRoot.modelData?.flatIndex ?? -1
+                controller: root.controller
+                isSelected: (delegateRoot.modelData?.flatIndex ?? -1) === root.controller?.selectedFlatIndex
+
+                onClicked: {
+                    if (root.controller && delegateRoot.modelData?.item)
+                        root.controller.executeItem(delegateRoot.modelData.item);
+                }
+
+                onRightClicked: (mouseX, mouseY) => {
+                    root.itemRightClicked(delegateRoot.modelData?.flatIndex ?? -1, delegateRoot.modelData?.item ?? null, mouseX, mouseY);
+                }
+            }
+        }
+    }
+
+    Item {
+        anchors.fill: parent
+        visible: root.hasQuery && root.rows.length === 0
+
+        Row {
+            anchors.centerIn: parent
+            spacing: Theme.spacingM
+
+            Rectangle {
+                width: 40
+                height: 40
+                radius: Theme.cornerRadius
+                anchors.verticalCenter: parent.verticalCenter
+                color: Theme.surfaceContainerHigh
+
+                DankIcon {
+                    anchors.centerIn: parent
+                    name: root.controller?.isSearching || root.controller?.isFileSearching ? "search" : statusIcon()
+                    size: 22
+                    color: Theme.surfaceVariantText
+
+                    function statusIcon() {
+                        const mode = root.controller?.searchMode ?? "all";
+                        if (mode === "files")
+                            return "folder_open";
+                        if (mode === "plugins")
+                            return "extension";
+                        if (mode === "apps")
+                            return "apps";
+                        return "search_off";
+                    }
+                }
+            }
+
+            Column {
+                anchors.verticalCenter: parent.verticalCenter
+                width: Math.min(420, root.width - 88)
+                spacing: 2
+
+                StyledText {
+                    width: parent.width
+                    text: statusTitle()
+                    font.pixelSize: Theme.fontSizeMedium
+                    font.weight: Font.Medium
+                    color: Theme.surfaceText
+                    elide: Text.ElideRight
+
+                    function statusTitle() {
+                        if (root.controller?.isSearching || root.controller?.isFileSearching)
+                            return I18n.tr("Searching");
+                        if ((root.controller?.searchMode ?? "") === "files" && !DSearchService.dsearchAvailable)
+                            return I18n.tr("File search unavailable");
+                        if ((root.controller?.searchMode ?? "") === "files" && (root.controller?.searchQuery?.length ?? 0) < 2)
+                            return I18n.tr("Keep typing");
+                        return I18n.tr("No results");
+                    }
+                }
+
+                StyledText {
+                    width: parent.width
+                    text: statusSubtitle()
+                    font.pixelSize: Theme.fontSizeSmall
+                    color: Theme.surfaceVariantText
+                    maximumLineCount: 2
+                    wrapMode: Text.WordWrap
+                    elide: Text.ElideRight
+
+                    function statusSubtitle() {
+                        if ((root.controller?.searchMode ?? "") === "files" && !DSearchService.dsearchAvailable)
+                            return I18n.tr("Install dsearch to search files.");
+                        if ((root.controller?.searchMode ?? "") === "files" && (root.controller?.searchQuery?.length ?? 0) < 2)
+                            return I18n.tr("Type at least 2 characters to search files.");
+                        return I18n.tr("Try a different search or switch filters.");
+                    }
+                }
+            }
+        }
+    }
+}