Add modular interactive widgets to the Quickshell bar

Introduces a widgets/ directory of first-party QML modules and a common/ helpers library. Widgets auto-load by name from default/quickshell/bar/widgets/<name>.qml — no edits to shell.qml needed for additions beyond the firstPartyWidgets registry. New widgets (all orientation-aware, top/bottom/left/right): - media: MPRIS now-playing with scrolling label, cover art popup, play/pause/skip controls - audioPanel: master volume slider, output device picker, per-app mixer - networkPanel: Wi-Fi scan + connect, current connection details - bluetoothPanel: paired device list, connect/disconnect, battery - calendar: month grid popup keyed to today - notificationCenter: live notification feed, DND toggle, clear all - brightness: slider popup with scroll-to-adjust - powerProfile: power-saver/balanced/performance picker (UPower) - systemStats: inline CPU + RAM sparklines, expanded popup with btop - weatherFlyout: weather popup with refresh and full report - workspacesPro: animated focus indicator that slides between workspaces - powerMenu: lock/suspend/log out/reboot/shutdown popup - idleInhibitor: coffee-cup toggle wired to omarchy-toggle-idle - microphone: mic state + mute toggle + scroll volume Common helpers (default/quickshell/bar/common/): - WidgetButton: hover/press scale animation, tooltip integration - PopupCard: orientation-aware anchor + slide-in opacity transition - Slider: drag/wheel-able linear slider with knob hover bump - PillButton: rounded action button with icon + label Bar root gains requestPopout/releasePopout so only one popup is open at a time across widgets. Updates bar-defaults.json to ship the new widgets out of the box while keeping the legacy modules available.
2026-05-14 02:21:47 -04:00
parent 30dc9fddde
commit 221e0e1fcc
21 changed files with 2829 additions and 26 deletions
@@ -0,0 +1,147 @@
+import QtQuick
+import Quickshell
+import Quickshell.Io
+import "../common" as Common
+
+Item {
+  id: root
+
+  property QtObject bar: null
+  property string moduleName: "brightness"
+  property var settings: ({})
+
+  function setting(name, fallback) {
+    var value = settings ? settings[name] : undefined
+    return value === undefined || value === null ? fallback : value
+  }
+
+  property int currentPercent: -1
+  property bool popupOpen: false
+
+  function closePopout() { popupOpen = false }
+
+  readonly property string iconGlyph: {
+    if (currentPercent < 0) return ""
+    if (currentPercent > 66) return "󰃠"
+    if (currentPercent > 33) return "󰃟"
+    return "󰃞"
+  }
+
+  implicitWidth: button.implicitWidth
+  implicitHeight: button.implicitHeight
+  visible: currentPercent >= 0
+
+  function refresh() {
+    if (!readProc.running) readProc.running = true
+  }
+
+  function setBrightness(percent) {
+    var clamped = Math.max(1, Math.min(100, Math.round(percent)))
+    currentPercent = clamped
+    writeProc.command = ["bash", "-lc", "brightnessctl set " + clamped + "% >/dev/null"]
+    writeProc.running = true
+  }
+
+  Component.onCompleted: refresh()
+
+  Process {
+    id: readProc
+    command: ["bash", "-lc", "if command -v brightnessctl >/dev/null; then echo $(( 100 * $(brightnessctl get) / $(brightnessctl max) )); fi"]
+    stdout: StdioCollector {
+      waitForEnd: true
+      onStreamFinished: {
+        var n = parseInt(String(text || "").trim(), 10)
+        if (!isNaN(n)) root.currentPercent = n
+      }
+    }
+  }
+
+  Process { id: writeProc }
+
+  Timer {
+    interval: 5000
+    running: true
+    repeat: true
+    onTriggered: root.refresh()
+  }
+
+  Common.WidgetButton {
+    id: button
+    anchors.fill: parent
+    bar: root.bar
+    text: root.iconGlyph
+    horizontalMargin: 6.5
+    tooltipText: root.currentPercent >= 0 ? "Brightness " + root.currentPercent + "%" : ""
+
+    onPressed: function(b) {
+      if (b === Qt.MiddleButton) {
+        root.popupOpen = false
+        root.setBrightness(80)
+      } else {
+        root.popupOpen = !root.popupOpen
+      }
+    }
+
+    onWheelMoved: function(delta) {
+      var step = Number(root.setting("step", 5))
+      root.setBrightness(root.currentPercent + (delta > 0 ? step : -step))
+    }
+  }
+
+  Common.PopupCard {
+    anchorItem: button
+    owner: root
+    bar: root.bar
+    open: root.popupOpen
+    contentWidth: 280
+    contentHeight: 80
+
+    Column {
+      anchors.fill: parent
+      spacing: 10
+
+      Row {
+        spacing: 10
+        width: parent.width
+
+        Text {
+          text: root.iconGlyph
+          color: root.bar.foreground
+          font.family: root.bar.fontFamily
+          font.pixelSize: 18
+          anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Text {
+          text: "Brightness"
+          color: root.bar.foreground
+          font.family: root.bar.fontFamily
+          font.pixelSize: 12
+          anchors.verticalCenter: parent.verticalCenter
+        }
+
+        Item { width: 10; height: 1 }
+
+        Text {
+          text: root.currentPercent + "%"
+          color: Qt.darker(root.bar.foreground, 1.3)
+          font.family: root.bar.fontFamily
+          font.pixelSize: 12
+          anchors.verticalCenter: parent.verticalCenter
+        }
+      }
+
+      Common.Slider {
+        bar: root.bar
+        width: parent.width
+        minimum: 1
+        maximum: 100
+        step: 5
+        integer: true
+        value: root.currentPercent
+
+        onMoved: function(v) { root.setBrightness(v) }
+      }
+    }
+  }
+}