feat(waybar): improve screen recorder module

.config/sway/scripts/screen-recorder.sh

@@ -1,5 +1,9 @@
 #! /usr/bin/env bash
 
+toggle_screenrecording() {
+  pkill -RTMIN+8 waybar
+}
+
 main() {
   pid="$(pgrep "wf-recorder" || pgrep "slurp")"
   status=$?
@@ -17,10 +21,14 @@ main() {
     fi
 
     filename="$output_dir/$(date +'recording_%Y-%m-%d-%H%M%S.mp4')"
+    region="$(slurp)"
 
-    region="$(slurp)" &&  wf-recorder -g "$region" -f "$filename"
+    wf-recorder -g "$region" -f "$filename" &
+    
+    toggle_screenrecording
   else 
     pkill --signal SIGINT wf-recorder
+    toggle_screenrecording
   fi
 }
 

.config/waybar/config.jsonc

@@ -9,7 +9,6 @@
 	"modules-center": ["clock"],
 	"modules-right": [
 		"custom/pacman",
-		"custom/recorder",
 		"privacy",
 		"group/system",
 		"group/misc",
@@ -21,7 +20,13 @@
 	},
 	"group/misc": {
 		"orientation": "inherit",
-		"modules": ["pulseaudio", "pulseaudio#microphone", "backlight", "battery"]
+		"modules": [
+			"pulseaudio",
+			"pulseaudio#microphone",
+			"backlight",
+			"battery",
+			"custom/recorder"
+		]
 	},
 	"group/connections": {
 		"orientation": "inherit",
@@ -89,13 +94,10 @@
 		"signal": 1
 	},
 	"custom/recorder": {
-		"interval": 1,
-		"tooltip": true,
-		"format": "",
 		"return-type": "json",
-		"exec": "echo '{\"class\": \"recording\"}'",
+		"exec": "$HOME/.config/waybar/scripts/check-screen-recorder.sh",
-		"exec-if": "pgrep wf-recorder",
+		"on-click": "$HOME/.config/sway/scripts/screen-recorder.sh",
-		"on-click": "$HOME/.config/sway/scripts/screen-recorder.sh"
+		"signal": 8
 	},
 	"privacy": {
 		"icon-spacing": 4,

.config/waybar/hyprland.jsonc

@@ -9,7 +9,6 @@
 	"modules-center": ["clock"],
 	"modules-right": [
 		"custom/pacman",
-		"custom/recorder",
 		"privacy",
 		"group/system",
 		"group/misc",
@@ -21,7 +20,13 @@
 	},
 	"group/misc": {
 		"orientation": "inherit",
-		"modules": ["pulseaudio", "pulseaudio#microphone", "backlight", "battery"]
+		"modules": [
+			"pulseaudio",
+			"pulseaudio#microphone",
+			"backlight",
+			"battery",
+			"custom/recorder"
+		]
 	},
 	"group/connections": {
 		"orientation": "inherit",
@@ -83,13 +88,10 @@
 		"signal": 1
 	},
 	"custom/recorder": {
-		"interval": 1,
-		"tooltip": true,
-		"format": "",
 		"return-type": "json",
-		"exec": "echo '{\"class\": \"recording\"}'",
+		"exec": "$HOME/.config/waybar/scripts/check-screen-recorder.sh",
-		"exec-if": "pgrep wf-recorder",
+		"on-click": "$HOME/.config/sway/scripts/screen-recorder.sh",
-		"on-click": "$HOME/.config/sway/scripts/screen-recorder.sh"
+		"signal": 8
 	},
 	"privacy": {
 		"icon-spacing": 4,

.config/waybar/scripts/check-screen-recorder.sh

@@ -0,0 +1,15 @@
+#! /usr/bin/env bash
+
+main() {
+  local data=""
+
+  if pgrep -x wf-recorder > /dev/null 2>&1; then
+    data='{"text": "󰻂", "tooltip": "Stop recording", "class": "active"}'
+  else
+    data='{"text": "󰻂", "tooltip": "Start recording", "class": "idle"}'
+  fi
+
+  echo $data | jq --unbuffered --compact-output
+}
+
+main $@

.config/waybar/style.css

@@ -46,7 +46,6 @@ tooltip label {
 #mode,
 #clock,
 #workspaces,
-#custom-recorder,
 #custom-power,
 #mpris,
 #mpris.paused,
@@ -56,7 +55,7 @@ tooltip label {
 	color: #ffffff;
 }
 
-#custom-recorder, #custom-pacman {
+#custom-pacman {
 	background-color: #32e47c;
 	color: #383c4a;
 }
@@ -103,7 +102,6 @@ tooltip label {
 }
 
 #custom-pacman,
-#custom-recorder,
 #mode,
 #mpris,
 #custom-power,
@@ -112,7 +110,6 @@ tooltip label {
 }
 
 #custom-pacman,
-#custom-recorder,
 #mode,
 #clock,
 #privacy,
@@ -164,3 +161,13 @@ tooltip label {
 #idle_inhibitor.activated {
 	background-color: #26a65b;
 }
+
+#custom-recorder {
+	padding-top: 4px;
+	padding-bottom: 4px;
+	padding-left: 8px;
+}
+
+#custom-recorder.active {
+  color: #e63946;
+}