launcher v1

modules/launcher/AppList.qml

@@ -0,0 +1,51 @@
+pragma ComponentBehavior: Bound
+
+import "items"
+import "services"
+import qs.config
+import qs.widgets
+import Quickshell
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+StyledListView {
+    id: root
+
+    required property TextField search
+
+    Layout.fillWidth: true
+
+    model: ScriptModel {
+        id: model
+
+        onValuesChanged: root.currentIndex = 0
+        values: Apps.query(search.text)
+      }
+
+    spacing: 12
+
+    implicitWidth: 500
+    implicitHeight: 500
+    highlightMoveDuration: 100
+    highlightResizeDuration: 0
+    highlight: Rectangle {
+        radius: 8
+        color: Theme.palette.primary
+    }
+
+    header: StyledText {
+        text: "Apps"
+        font.pixelSize: 18
+        padding: 8
+    }
+    delegate: appItem
+
+    Component {
+        id: appItem
+
+        AppItem {
+          active: ListView.isCurrentItem
+        }
+    }
+}

modules/launcher/Launcher.qml

@@ -0,0 +1,105 @@
+pragma ComponentBehavior: Bound
+
+import "services"
+import qs.config
+import qs.constants
+import qs.services
+import qs.widgets
+import Quickshell.Hyprland
+import Quickshell.Wayland
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+
+StyledWindow {
+    id: root
+    name: "launcher"
+
+    visible: Visibility.launcher
+    implicitWidth: rect.width
+    implicitHeight: rect.height
+
+    WlrLayershell.layer: WlrLayer.Top
+    WlrLayershell.keyboardFocus: root.visible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
+
+    HyprlandFocusGrab {
+        active: root.visible
+        windows: [search]
+        onCleared: {
+            root.reset();
+        }
+    }
+
+    function reset() {
+        Visibility.launcher = false;
+        list.currentIndex = 0;
+        search.clear();
+    }
+
+    WrapperRectangle {
+        id: rect
+
+        color: Theme.palette.base300
+        margin: 18
+        radius: 8
+
+        ColumnLayout {
+            WrapperRectangle {
+                id: searchWrapper
+
+                Layout.fillWidth: true
+                Layout.alignment: Qt.AlignTop
+                color: Theme.palette.base200
+                margin: 4
+                radius: 8
+
+                RowLayout {
+                    LucideIcon {
+                        id: icon
+                        Layout.leftMargin: 8
+                        text: Icons.search
+                    }
+
+                    StyledTextField {
+                        id: search
+
+                        Layout.fillWidth: true
+                        implicitHeight: 40
+                        cursorVisible: true
+                        focus: root.visible
+
+                        placeholderText: "Applications"
+                        placeholderTextColor: "grey"
+
+                        Keys.onEscapePressed: event => {
+                            event.accepted = true;
+                            root.reset();
+                        }
+                        Keys.onReturnPressed: event => {
+                            event.accepted = true;
+                            Apps.launch(list.currentItem.modelData);
+                            root.reset();
+                        }
+                        Keys.onUpPressed: event => {
+                            event.accepted = true;
+                            list.decrementCurrentIndex();
+                        }
+                        Keys.onDownPressed: event => {
+                            event.accepted = true;
+                            list.incrementCurrentIndex();
+                        }
+                    }
+                }
+            }
+
+            Item {
+                implicitWidth: list.width
+                implicitHeight: list.height
+                AppList {
+                    id: list
+                    search: search
+                }
+            }
+        }
+    }
+}

modules/launcher/items/AppItem.qml

@@ -0,0 +1,60 @@
+import qs.config
+import qs.widgets
+import Quickshell
+import Quickshell.Widgets
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+
+    required property DesktopEntry modelData
+    required property int index
+    property bool active: false
+
+    anchors.left: parent?.left
+    anchors.right: parent?.right
+    implicitHeight: grid.height
+
+    GridLayout {
+        id: grid
+
+        columnSpacing: 12
+        rowSpacing: 1
+        columns: 2
+        rows: 2
+
+        anchors.left: root?.left
+        anchors.right: root?.right
+
+        IconImage {
+            Layout.leftMargin: 8
+            Layout.topMargin: 8
+            Layout.bottomMargin: 8
+            Layout.columnSpan: 1
+            Layout.rowSpan: 2
+            source: Quickshell.iconPath(root.modelData.runInTerminal ? "terminal-app" : root.modelData.icon, "image-missing")
+            implicitSize: 32
+        }
+
+        StyledText {
+            text: root.modelData.name.trim()
+
+            Layout.alignment: Qt.AlignBottom
+            Layout.fillWidth: true
+            color: root.active ? Theme.palette.primarycontent : Theme.palette.basecontent
+            font.pixelSize: 14
+            font.bold: true
+        }
+
+        StyledText {
+            text: root.modelData.comment != "" ? root.modelData.comment : root.modelData.genericName
+
+            Layout.alignment: Qt.AlignTop
+            Layout.fillWidth: true
+            color: root.active ? Theme.palette.primarycontent : Theme.palette.basecontent
+            font.pixelSize: 10
+            elide: Text.ElideRight
+        }
+    }
+}

modules/launcher/services/Apps.qml

@@ -0,0 +1,22 @@
+pragma Singleton
+
+import qs.utils
+import Quickshell
+import QtQuick
+
+FuzzySearch {
+    list: DesktopEntries.applications.values.filter(a => !a.noDisplay).sort((a, b) => a.name.localeCompare(b.name))
+
+    function launch(entry: DesktopEntry): void {
+        if (entry.runInTerminal)
+            Quickshell.execDetached({
+                command: ["kitty", "exec", ...entry.command],
+                workingDirectory: entry.workingDirectory
+            });
+        else
+            Quickshell.execDetached({
+                command: [...entry.command],
+                workingDirectory: entry.workingDirectory
+            });
+    }
+}