wip qs

flake.nix

@@ -139,10 +139,13 @@
       treefmt-config = {
         projectRootFile = "flake.nix";
         programs = {
-          nixfmt.enable = true;
+          # keep-sorted start
           jsonfmt.enable = true;
-          prettier.enable = true;
           keep-sorted.enable = true;
+          nixfmt.enable = true;
+          prettier.enable = true;
+          qmlformat.enable = true;
+          # keep-sorted end
         };
       };
       forAllSystems =

homeConfigurations/muede/.config/quickshell/Bar.qml

@@ -0,0 +1,77 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+
+PanelWindow {
+    anchors {
+        top: true
+        left: true
+        right: true
+    }
+
+    //implicitHeight: 24
+    color: "transparent"
+
+    Item {
+        anchors {
+            leftMargin: 8
+            rightMargin: 8
+            fill: parent
+        }
+
+        // left
+        Pill {
+            anchors.left: parent.left
+
+            Label {
+                text: "TODO: Niri Workspaces"
+            }
+            Label {
+                text: "TODO: System Tray"
+            }
+            Label {
+                text: "TODO: Niri Active Window"
+            }
+        }
+
+        // center
+        Pill {
+            anchors.horizontalCenter: parent.horizontalCenter
+            pillAccentColor: Theme.colors.accent0
+
+            Clock {
+                time: Time.currentTime
+            }
+
+            Label {
+                text: "swaync"
+            }
+
+            Label {
+                text: "Privacy"
+            }
+        }
+
+        // right
+        Pill {
+            anchors.right: parent.right
+
+            Label {
+                text: "TODO: MPRIS"
+            }
+            Label {
+                text: "TODO: Vol/BT/Net"
+            }
+            Label {
+                text: "TODO: Hardware/Bat"
+            }
+
+            RoundButton {
+                text: ""
+                   // textColor: "red"
+
+                    onClicked: console.log("TODO: Execute wlogout")
+            }
+        }
+    }
+}

homeConfigurations/muede/.config/quickshell/Clock.qml

@@ -0,0 +1,7 @@
+import QtQuick.Controls
+
+Label {
+    required property string time
+
+    text: time
+}

homeConfigurations/muede/.config/quickshell/Pill.qml

@@ -0,0 +1,30 @@
+import Quickshell
+import QtQuick.Layouts
+import QtQuick
+
+Rectangle {
+    default property alias content: container.data
+
+    property color pillAccentColor: Theme.colors.foreground
+    property color backgroundColor: Theme.colors.background
+
+    palette {
+        text: pillAccentColor
+        windowText: pillAccentColor
+    }
+
+    color: backgroundColor
+    border.color: pillAccentColor
+
+    border.width: 2
+    radius: 15
+
+    implicitHeight: container.implicitHeight
+    implicitWidth: container.implicitWidth + 16
+
+    RowLayout {
+        id: container
+        anchors.centerIn: parent
+        spacing: 8
+    }
+}

homeConfigurations/muede/.config/quickshell/Theme.qml

@@ -0,0 +1,50 @@
+pragma Singleton
+import QtQuick
+
+QtObject {
+    // TODO: get those from stylix
+    property QtObject colors: QtObject {
+        id: colors // for recursive reference
+        property color base00: "#1e1e2e"
+        property color base01: "#181825"
+        property color base02: "#313244"
+        property color base03: "#45475a"
+        property color base04: "#585b70"
+        property color base05: "#cdd6f4"
+        property color base06: "#f5e0dc"
+        property color base07: "#b4befe"
+        property color base08: "#f38ba8"
+        property color base09: "#6f9dff"
+        property color base0A: "#d162a4"
+        property color base0B: "#a8c9ff"
+        property color base0C: "#a30262"
+        property color base0D: "#89b4fa"
+        property color base0E: "#cba6f7"
+        property color base0F: "#f2cdcd"
+        property color base10: "#1e1e2e"
+        property color base11: "#1e1e2e"
+        property color base12: "#f38ba8"
+        property color base13: "#f9e2af"
+        property color base14: "#a6e3a1"
+        property color base15: "#94e2d5"
+        property color base16: "#89b4fa"
+        property color base17: "#cba6f7"
+
+        property alias background: colors.base00
+        property alias backgroundLight: colors.base01
+        property alias backgroundSelection: colors.base02
+        property alias comments: colors.base03
+        property alias foregroundDark: colors.base04
+        property alias foreground: colors.base05
+        property alias foregroundLight1: colors.base06
+        property alias foregroundLight2: colors.base07
+        property alias accent0: colors.base08
+        property alias accent1: colors.base09
+        property alias accent2: colors.base0A
+        property alias accent3: colors.base0B
+        property alias accent4: colors.base0C
+        property alias accent5: colors.base0D
+        property alias accent6: colors.base0E
+        property alias accent7: colors.base0F
+    }
+}

homeConfigurations/muede/.config/quickshell/Time.qml

@@ -0,0 +1,13 @@
+pragma Singleton
+import Quickshell
+import QtQuick
+
+Singleton {
+    property string currentTime: {
+        Qt.formatDateTime(clock.date, "ddd, dd. MMM hh:mm:ss");
+    }
+    SystemClock {
+        id: clock
+        precision: SystemClock.Seconds
+    }
+}

homeConfigurations/muede/.config/quickshell/shell.qml

@@ -0,0 +1,17 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+import Quickshell
+
+Scope {
+    id: root
+
+    Variants {
+        model: Quickshell.screens
+
+        Bar {
+            required property var modelData
+            screen: modelData
+        }
+    }
+}

homeConfigurations/muede/default.nix

@@ -48,6 +48,12 @@
       };
 
       chromium.enable = true;
+
+      quickshell = {
+        enable = true;
+        systemd.enable = true;
+        #activeConfig = "~/.config/";
+      };
     };
 
     home.packages = with pkgs; [
@@ -85,6 +91,17 @@
 
     home.file = {
       "idea.properties".text = "idea.filewatcher.executable.path = ${pkgs.fsnotifier}/bin/fsnotifier";
+      ".config/quickshell" = {
+        source = ./.config/quickshell;
+        recursive = true;
+      };
+    };
+
+    home.sessionVariables = {
+      XDG_CACHE_HOME = "$HOME/.cache";
+      XDG_CONFIG_HOME = "$HOME/.config";
+      XDG_DATA_HOME = "$HOME/.local/share";
+      XDG_STATE_HOME = "$HOME/.local/state";
     };
 
     services = {

homeConfigurations/muede/vscode.nix

@@ -25,6 +25,7 @@
             redhat.vscode-yaml
             rust-lang.rust-analyzer
             tamasfe.even-better-toml
+            theqtcompany.qt-qml
             yzhang.markdown-all-in-one
             # keep-sorted end
           ]