chore: working menu

Apps/QsDebugger/shell.qml

@@ -0,0 +1,74 @@
+import QtQuick
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Services.Mpris
+
+FloatingWindow {
+    title: "Quickshell debugger"
+    color: "#000000"
+    visible: true
+    minimumSize: Qt.size(824, 497)
+    maximumSize: Qt.size(824, 497)
+
+    Text {
+        text: "Yall lets hype up DELTARUNE TOMMOROW!!!! Btw this window is pure quickshell + qml"
+        color: "#ffffff"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 16
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: 470
+    }
+
+    Text {
+        text: "Quickshell debugger"
+        color: "#ffffff"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 32
+        anchors.horizontalCenter: parent.horizontalCenter
+        y: 15
+    }
+
+    Image {
+        source: "/home/ralsei/Projects/Krisifier/icons/com.atproto.sync.jpg"
+        x: 10
+        y: 10
+        width: 128
+        height: 128
+    }
+
+    Text {
+        text: "Heaven knows\nthe story what we're born\nfrom our hearts\n\nOf the shadows cutting deep\nand the heroes that save us\n\nHeaven knows\nThe beauty of the soul \nand we weep\n\nTo the majesty and\npray we not forget\nthe tale of DELTARUNE"
+        color: "#ffffff"
+        font.family: "Determination Mono"
+        font.pixelSize: 32
+    }
+
+    Repeater {
+        model: Mpris.players
+        Item {
+            IconImage {
+                source: modelData.trackArtUrl
+                x: 64 + 128
+                y: 16 + 128
+                implicitSize: 128
+                asynchronous: true
+            }
+            Text {
+                text: "mpris" + index + JSON.stringify(modelData.metadata, undefined, "\t")
+                color: "#04047C"
+                font.family: "Determination Mono"
+                font.pixelSize: 16
+                y: 64 + 128 + 1
+                x: 64 + 1
+            }
+            Text {
+                text: "mpris" + index + JSON.stringify(modelData.metadata, undefined, "\t")
+                color: "#ff0000"
+                font.family: "Determination Mono"
+                font.pixelSize: 16
+                y: 64 + 128
+                x: 64
+            }
+        }
+    }
+}

CONSTANTS.txt

@@ -1,5 +1,15 @@
 1:1 dimensions + colors from deltarune in 1920x1080 fullscreen
 
+Deltarune font:
+
+font.family: "8bitoperator JVE"
+font.pixelSize: 71
+font.letterSpacing: 1
+renderType: Text.NativeRendering
+font.hintingPreference: Font.PreferNoHinting
+smooth: false
+antialiasing: false
+
 top bar:
     width: 1312px
     height: 182px

Shell/DialogBox.qml

@@ -24,7 +24,7 @@ PanelWindow {
     mask: Region {}
 
     implicitHeight: 378
-    implicitWidth: 1334 - 147
+    implicitWidth: 1332
     color: '#000000ff'
 
     DialogBox {

Shell/Windows/QuickSettings/QuickSettings.qml

@@ -6,14 +6,35 @@ ShellWindow.Window {
     id: quickSettingsWindow
     property var manager: ShellStateManager
 
+    property var quickSettingsApp: null
+
     width: 1217 + 52
     height: 767 + 52
     visible: manager ? manager.quickSettingsOpen : false
     anchors.centerIn: parent
 
+    Loader {
+        id: quickSettingsLoader
+        anchors.fill: parent
+        asynchronous: true
+        source: "./QuickSettingsApp.qml"
+        onLoaded: {
+            quickSettingsApp = item;
+            if (quickSettingsApp)
+                quickSettingsApp.manager = manager;
+        }
+    }
+
+    onManagerChanged: {
+        if (quickSettingsApp)
+            quickSettingsApp.manager = manager;
+    }
+
     QtObject {
         id: quickSettingsKeyHandler
         function handle(event) {
+            if (quickSettingsApp && quickSettingsApp.handleKey)
+                return quickSettingsApp.handleKey(event.key);
             return false;
         }
 

Shell/Windows/QuickSettings/QuickSettingsApp.qml

@@ -0,0 +1,206 @@
+import QtQuick
+import Quickshell.Services.Pipewire
+import "../.."
+
+Item {
+    id: root
+    width: parent ? parent.width : 1280
+    height: parent ? parent.height : 820
+    focus: true
+
+    /* ------------------------------
+       PIXEL CONSTANTS (DO NOT TOUCH)
+       ------------------------------ */
+
+    property int menuLeft: 64
+    property int menuTop: 140
+    property int lineHeight: 38 + 40 + 1
+
+    property int nameFontSize: 32
+    property int stateFontSize: 28
+
+    property int stateColumnX: 824
+
+    property int soulOffsetX: -36 - 32
+    property int soulOffsetY: -26
+
+    /* ------------------------------ */
+
+    property ShellStateManager manager: null
+    property int activeSelection: 0
+
+    property bool isSelected: false
+
+    function clamp(v, lo, hi) {
+        return Math.max(lo, Math.min(hi, v));
+    }
+
+    function wrapIndex(i) {
+        if (actions.length === 0)
+            return 0;
+        return (i + actions.length) % actions.length;
+    }
+
+    function currentAction() {
+        return actions.length > 0 ? actions[activeSelection] : null;
+    }
+
+    PwObjectTracker {
+        objects: [Pipewire.defaultAudioSink]
+    }
+
+    property var actions: [
+        {
+            name: "Master Volume",
+            arr: function (dir) {
+                const sink = Pipewire.defaultAudioSink;
+                if (!sink || !sink.audio)
+                    return;
+                const step = 0.05;
+                sink.audio.muted = false;
+                sink.audio.volume = clamp(sink.audio.volume + dir * step, 0, 1);
+            },
+            getState: function () {
+                const sink = Pipewire.defaultAudioSink;
+                if (!sink || !sink.audio)
+                    return "—";
+                return Math.round(sink.audio.volume * 100) + "%";
+            }
+        },
+        {
+            name: "Controls",
+            ent: function () {},
+            getState: function () {
+                console.log("deltarune tommorow");
+                return "";
+            }
+        }
+    ]
+
+    Text {
+        text: "CONFIG"
+        font.family: "8bitoperator JVE"
+        font.pixelSize: 71
+        renderType: Text.NativeRendering
+        font.hintingPreference: Font.PreferNoHinting
+        smooth: false
+        antialiasing: false
+        anchors.horizontalCenter: parent.horizontalCenter
+        color: "#ffffff"
+        y: 32
+    }
+
+    Repeater {
+        model: root.actions
+
+        delegate: Item {
+            width: root.width
+            height: lineHeight
+            x: 0
+            y: menuTop + index * lineHeight
+
+            Image {
+                source: "./soul.png"
+                width: 36
+                height: 36
+                x: 182
+                y: 8 + 14
+                visible: root.activeSelection == index
+            }
+
+            Text {
+                x: 239
+                y: 0
+                text: modelData.name
+                font.family: "8bitoperator JVE"
+                font.pixelSize: 71
+                font.letterSpacing: 1
+                renderType: Text.NativeRendering
+                font.hintingPreference: Font.PreferNoHinting
+                smooth: false
+                antialiasing: false
+                color: (root.activeSelection == index && root.isSelected == true) ? "#fefe00" : "#ffffff"
+            }
+
+            // Option state
+            Text {
+                x: menuLeft + stateColumnX
+                y: 4
+                text: modelData.getState ? modelData.getState() : ""
+                font.family: "8bitoperator JVE"
+                font.pixelSize: 71
+                font.letterSpacing: 1
+                renderType: Text.NativeRendering
+                font.hintingPreference: Font.PreferNoHinting
+                smooth: false
+                antialiasing: false
+                color: (root.activeSelection == index && root.isSelected == true) ? "#fefe00" : "#ffffff"
+            }
+        }
+    }
+
+    /* ------------------------------
+       INPUT HANDLING
+       ------------------------------ */
+
+    function handleKey(key) {
+        switch (key) {
+        case Qt.Key_Up:
+            if (root.isSelected === false)
+                activeSelection = wrapIndex(activeSelection - 1);
+            return true;
+        case Qt.Key_Down:
+            if (root.isSelected === false)
+                activeSelection = wrapIndex(activeSelection + 1);
+            return true;
+        case Qt.Key_Left:
+            {
+                const a = currentAction();
+                if (a && a.arr && root.isSelected === true)
+                    a.arr(-1);
+                return true;
+            }
+        case Qt.Key_Right:
+            {
+                const a = currentAction();
+                if (a && a.arr && root.isSelected === true)
+                    a.arr(1);
+                return true;
+            }
+        case Qt.Key_Z:
+        case Qt.Key_Return:
+        case Qt.Key_Enter:
+            {
+                const a = currentAction();
+                if (a && a.ent) {
+                    a.ent();
+                } else {
+                    root.isSelected = !root.isSelected;
+                }
+                return true;
+            }
+        case Qt.Key_X:
+        case Qt.Key_Shift:
+        case Qt.Key_Escape:
+            if (root.isSelected === true) {
+                root.isSelected = false;
+            } else {
+                if (manager && manager.closeQuickSettings) {
+                    manager.closeQuickSettings();
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+
+    Component.onCompleted: {
+        root.activeSelection = 0;
+        root.isSelected = false;
+        ShellInputManager.registerHandler("quickSettings", handleKey);
+    }
+
+    Component.onDestruction: {
+        ShellInputManager.unregisterHandler("quickSettings");
+    }
+}