feat: add volume change OSD modules for audio sink and source and added Default Sink and Source to the Bar

modules/bar/Bar.qml

@@ -68,10 +68,12 @@ PanelWindow {
 
             // TODO: Add bluetooth, network, audio, power, maybe HW monitor
             Tray{}
+            // AudioSource{}
+            AudioSink{}
             Battery{}
-            Network {}
+            Network{}
             IdleButton { panelWindow: panel }
-            PowerButton {}
+            PowerButton{}
 
         }
     }

modules/bar/states/Audio/DefaultSinkState.qml

@@ -0,0 +1,36 @@
+pragma Singleton
+
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pipewire
+
+Item {
+    id: root
+
+    PwObjectTracker {
+        objects: [ Pipewire.defaultAudioSink ]
+    }
+
+    property var audioSink: Pipewire.defaultAudioSink
+
+    property bool exists: audioSink != null
+    property bool mute: audioSink?.audio?.muted ?? false
+    property real volume: Math.round((audioSink?.audio?.volume ?? 0) * 1000) / 10
+
+    property bool volumeChanged: false
+
+	Connections {
+		target: audioSink?.audio
+
+		function onVolumeChanged() {
+			root.volumeChanged = true;
+			hideTimer.restart();
+		}
+	}
+
+    Timer {
+        id: hideTimer
+        interval: 1000
+        onTriggered: root.volumeChanged = false
+    }
+}

modules/bar/states/Audio/DefaultSourceState.qml

@@ -0,0 +1,36 @@
+pragma Singleton
+
+import QtQuick
+import Quickshell
+import Quickshell.Services.Pipewire
+
+Item {
+    id: root
+
+    PwObjectTracker {
+        objects: [ Pipewire.defaultAudioSource ]
+    }
+
+    property var audioSource: Pipewire.defaultAudioSource
+
+    property bool exists: audioSource != null
+    property bool mute: audioSource?.audio?.muted ?? false
+    property real volume: Math.round((audioSource?.audio?.volume ?? 0) * 1000) / 10
+
+    property bool volumeChanged: false
+
+	Connections {
+		target: audioSource?.audio
+
+		function onVolumeChanged() {
+			root.volumeChanged = true;
+			hideTimer.restart();
+		}
+	}
+
+    Timer {
+        id: hideTimer
+        interval: 1000
+        onTriggered: root.volumeChanged = false
+    }
+}

modules/bar/states/Audio/qmldir

@@ -0,0 +1,2 @@
+singleton Sink DefaultSinkState.qml
+singleton Source DefaultSourceState.qml

modules/bar/widgets/AudioSink.qml

@@ -0,0 +1,63 @@
+import QtQuick
+import "../../../config"
+import "../states/Audio"
+import Quickshell.Hyprland
+
+MouseArea {
+    id: audioButton
+
+    width: Math.max(audioRow.width + Config.spacing_fun(height)*3.5, height)
+    height: bar.height
+    hoverEnabled: true
+    cursorShape: Qt.PointingHandCursor
+    enabled: Sink.exists
+
+    Rectangle {
+        anchors.fill: parent
+        color: audioButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
+        radius: Config.radius_fun(audioButton.height)
+        border.width: Config.border_width
+        border.color: audioButton.containsMouse ? Colors.tertiaryContainer_fg
+            : Colors.secondaryContainer_fg
+
+        Row {
+            id: audioRow
+            width: audioSourceText.width + audioSinkText.width + audioPercentageText.width + Config.spacing_fun(height)*2
+            height: parent.height
+            spacing: Config.spacing_fun(height)/2
+            anchors.centerIn: parent
+
+            Text {
+                id: audioSourceText
+                text: (Source.mute ? "󰍭" :
+                "󰍬")
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+                rightPadding: Config.spacing_fun(height)*1.5
+            }
+
+            Text {
+                id: audioSinkText
+                text: (Sink.mute ? "󰝟" : 
+                Sink.volume > 60 ? "󰕾" :
+                Sink.volume > 30 ? "󰖀" :
+                "󰕿")
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+            }
+
+            Text {
+                id: audioPercentageText
+                text: Sink.volume + "%"
+                anchors.verticalCenter: parent.verticalCenter
+                font.pixelSize: Config.iconSize(bar.height)
+                font.family: Config.font
+                color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+            }
+        }
+    }
+}

modules/bar/widgets/AudioSource.qml

@@ -0,0 +1,32 @@
+import QtQuick
+import "../../../config"
+import "../states/Audio"
+
+MouseArea {
+    id: audioButton
+
+    width: Math.max(audioText.width + Config.spacing_fun(height)*2, height)
+    height: bar.height
+    hoverEnabled: true
+    cursorShape: Qt.PointingHandCursor
+    enabled: Sink.exists
+
+    Rectangle {
+        anchors.fill: parent
+        color: audioButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
+        radius: Config.radius_fun(audioButton.height)
+        border.width: Config.border_width
+        border.color: audioButton.containsMouse ? Colors.tertiaryContainer_fg
+            : Colors.secondaryContainer_fg
+
+        Text {
+            id: audioText
+            text: (Source.mute ? "󰍭" :
+            "󰍬")
+            anchors.centerIn: parent
+            font.pixelSize: Config.iconSize(bar.height)
+            font.family: Config.font
+            color: audioButton.containsMouse ? Colors.tertiary_fg : Colors.primary
+        }
+    }
+}