Add ags

misc/.config/ags/modules/bar/workspaces.js

@@ -0,0 +1,53 @@
+const Hyprland = await Service.import("hyprland");
+
+var monitorsActiveWorkspaceCache = new Array(10).fill(-1);
+
+const is_active = (workspaceID) => {
+    let monitorID = Hyprland.getWorkspace(workspaceID).monitorID;
+    var monitor = Hyprland.getMonitor(monitorID);
+
+    // Somewhat of a hack going on here.  For some reason, the 
+    // Hyprland.monitors array only contains the monitorIDs up to the
+    // currently focused one.  That means if I am currently focused on
+    // monitor 0, then I cannot check what the focused workspace is on
+    // monitor 3.  Thus, I had to create a global cache on top to reference
+    // for when the result of Hyprland.getMonitor(monitorID) is undefined.
+    let activeID = -1;
+    if (monitor == undefined) {
+        activeID = monitorsActiveWorkspaceCache[monitorID];
+    } else {
+        monitorsActiveWorkspaceCache[monitorID] = monitor.activeWorkspace.id;
+        activeID = monitor.activeWorkspace.id;
+    }
+    return workspaceID == activeID;
+}
+
+export const Workspaces = (monitorID) => Widget.Box({
+    class_name: 'workspaces',
+    children: Hyprland.bind('workspaces').transform(ws => {
+        return ws
+            .filter(({ id, name }) => {
+                if (name == "special") {
+                    // Hyprland sometimes uses a special workspace, which 
+                    // wouldn't appear on the bar.
+                    return false;
+                }
+
+                // Only show the workspaces belonging to the monitor
+                return Hyprland.getWorkspace(id).monitorID == monitorID;
+            })
+            .sort((a, b) => a.id - b.id) // Show in order of ID
+            .map(({ id, name }) => Widget.Button({
+                on_clicked: () => Hyprland.sendMessage(`dispatch workspace ${id}`),
+                child: Widget.Label(`${name}`),
+                class_name: Hyprland.active.workspace.bind('id')
+                    .transform(i => `${is_active(id) ? 'focused' : ''}`),
+        }));
+    }),
+});
+
+export const ClientTitle = () => Widget.Label({
+    class_name: 'module',
+    label: Hyprland.active.client.bind('title'),
+});
+