refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/overview/Overview.js

@@ -0,0 +1,52 @@
+import Hyprland from "resource:///com/github/Aylur/ags/service/hyprland.js";
+import PopupWindow from "../misc/PopupWindow.js";
+import Workspace from "./Workspace.js";
+import options from "../options.js";
+import { range } from "../utils.js";
+
+const ws = options.workspaces;
+
+const Overview = () =>
+  Widget.Box({
+    children: [Workspace(0)], // for type infer
+    setup: (self) =>
+      Utils.idle(() => {
+        self.hook(ws, () => {
+          self.children = range(ws.value).map(Workspace);
+          update(self);
+          children(self);
+        });
+        self.hook(Hyprland, update);
+        self.hook(Hyprland, children, "notify::workspaces");
+        update(self);
+        children(self);
+      }),
+  });
+
+/** @param {ReturnType<typeof Overview>} box */
+const update = (box) => {
+  if (!box.get_parent()?.visible) return;
+
+  Hyprland.sendMessage("j/clients")
+    .then((clients) => {
+      box.children.forEach((ws) => {
+        ws.attribute(JSON.parse(clients));
+      });
+    })
+    .catch(console.error);
+};
+
+/** @param {import('types/widgets/box').default} box */
+const children = (box) => {
+  if (ws.value === 0) {
+    box.children = Hyprland.workspaces
+      .sort((ws1, ws2) => ws1.id - ws2.id)
+      .map(({ id }) => Workspace(id));
+  }
+};
+
+export default () =>
+  PopupWindow({
+    name: "overview",
+    child: Overview(),
+  });