From f76b43db25fb06a016ccf64ec2b28079c325c346 Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Sat, 9 Mar 2024 05:06:11 -0800
Subject: [PATCH] followpanel: add focus following panel example

---
 focus_following_panel/README.md |  6 +++++
 focus_following_panel/shell.qml | 45 +++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 focus_following_panel/README.md
 create mode 100644 focus_following_panel/shell.qml

diff --git a/focus_following_panel/README.md b/focus_following_panel/README.md
new file mode 100644
index 0000000..588ae68
--- /dev/null
+++ b/focus_following_panel/README.md
@@ -0,0 +1,6 @@
+# Focus following panel
+
+This is a hyprland specific panel that follows monitor focus using the hyprland
+unix socket for events. To run it you will need to be using hyprland.
+
+You can run the panel with `quickshell -p shell.qml`.
diff --git a/focus_following_panel/shell.qml b/focus_following_panel/shell.qml
new file mode 100644
index 0000000..b5fd7ee
--- /dev/null
+++ b/focus_following_panel/shell.qml
@@ -0,0 +1,45 @@
+import QtQuick
+import Quickshell
+import Quickshell.Io
+
+ShellRoot {
+	Socket {
+		// Create and connect a Socket to the hyprland event socket.
+		// https://wiki.hyprland.org/IPC/
+		path: `/tmp/hypr/${Quickshell.env("HYPRLAND_INSTANCE_SIGNATURE")}/.socket2.sock`
+		connected: true
+
+		parser: SplitParser {
+			// Regex that will return the newly focused monitor when it changes.
+			property var regex: new RegExp("focusedmon>>(.+),.*");
+
+			// Sent for every line read from the socket
+			onRead: msg => {
+				const match = regex.exec(msg);
+
+				if (match != null) {
+					// Filter out the right screen from the list and update the panel.
+					// match[1] will always be the monitor name captured by the regex.
+					panel.screen = Quickshell.screens.filter(screen => screen.name == match[1])[0];
+				}
+			}
+		}
+	}
+
+	// The default screen a panel will be created on under hyprland is the currently
+	// focused one. We use this since we don't get a focusedmon event on connect.
+	PanelWindow {
+		id: panel
+
+		anchors {
+			left: true
+			top: true
+			bottom: true
+		}
+
+		Text {
+			anchors.centerIn: parent
+			text: "todo"
+		}
+	}
+}