feat: update ags

home/desktops/hyprland/ags/js/overview/Client.js

@@ -0,0 +1,50 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import App from "resource:///com/github/Aylur/ags/app.js";
+import { createSurfaceFromWidget, substitute } from "../utils.js";
+import Gdk from "gi://Gdk";
+import Gtk from "gi://Gtk";
+import options from "../options.js";
+import Hyprland from "resource:///com/github/Aylur/ags/service/hyprland.js";
+
+const SCALE = 0.08;
+const TARGET = [Gtk.TargetEntry.new("text/plain", Gtk.TargetFlags.SAME_APP, 0)];
+
+/** @param {string} args */
+const dispatch = (args) => Hyprland.sendMessage(`dispatch ${args}`);
+
+/** @param {string} str */
+const icon = (str) => substitute(options.substitutions.icons, str);
+
+export default ({ address, size: [w, h], class: c, title }) =>
+  Widget.Button({
+    class_name: "client",
+    tooltip_text: `${title}`,
+    child: Widget.Icon({
+      css: `
+            min-width: ${w * SCALE}px;
+            min-height: ${h * SCALE}px;
+        `,
+      icon: icon(c),
+    }),
+    on_secondary_click: () => dispatch(`closewindow address:${address}`),
+    on_clicked: () =>
+      dispatch(`focuswindow address:${address}`).then(() =>
+        App.closeWindow("overview"),
+      ),
+
+    setup: (btn) => {
+      btn.drag_source_set(
+        Gdk.ModifierType.BUTTON1_MASK,
+        TARGET,
+        Gdk.DragAction.COPY,
+      );
+      btn.connect("drag-data-get", (_w, _c, data) =>
+        data.set_text(address, address.length),
+      );
+      btn.connect("drag-begin", (_, context) => {
+        Gtk.drag_set_icon_surface(context, createSurfaceFromWidget(btn));
+        btn.toggleClassName("hidden", true);
+      });
+      btn.connect("drag-end", () => btn.toggleClassName("hidden", false));
+    },
+  });

home/desktops/hyprland/ags/js/overview/Overview.js

@@ -0,0 +1,53 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import App from "resource:///com/github/Aylur/ags/app.js";
+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;
+
+/** @param {import('types/widgets/box').default} box */
+const update = (box) => {
+  if (App.windows.has("overview") && !App.getWindow("overview")?.visible)
+    return;
+
+  Hyprland.sendMessage("j/clients")
+    .then((clients) => {
+      box.children.forEach((ws) => {
+        // @ts-expect-error
+        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: Widget.Box({
+      setup: update,
+      connections: [
+        [
+          ws,
+          (box) => {
+            box.children = range(ws.value).map(Workspace);
+            update(box);
+            children(box);
+          },
+        ],
+        [Hyprland, update],
+        [Hyprland, children, "notify::workspaces"],
+      ],
+    }),
+  });

home/desktops/hyprland/ags/js/overview/Workspace.js

@@ -0,0 +1,64 @@
+import Hyprland from "resource:///com/github/Aylur/ags/service/hyprland.js";
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
+import Gdk from "gi://Gdk";
+import Gtk from "gi://Gtk";
+import Client from "./Client.js";
+
+const SCALE = 0.08;
+const TARGET = [Gtk.TargetEntry.new("text/plain", Gtk.TargetFlags.SAME_APP, 0)];
+
+/** @param {string} args */
+const dispatch = (args) => Utils.execAsync(`hyprctl dispatch ${args}`);
+
+/** @param {number} index */
+export default (index) => {
+  const fixed = Gtk.Fixed.new();
+
+  return Widget.Box({
+    class_name: "workspace",
+    vpack: "center",
+    css: `
+            min-width: ${1920 * SCALE}px;
+            min-height: ${1080 * SCALE}px;
+        `,
+    connections: [
+      [
+        Hyprland,
+        (box) => {
+          box.toggleClassName("active", Hyprland.active.workspace.id === index);
+        },
+      ],
+    ],
+    child: Widget.EventBox({
+      hexpand: true,
+      vexpand: true,
+      on_primary_click: () => dispatch(`workspace ${index}`),
+      setup: (eventbox) => {
+        eventbox.drag_dest_set(
+          Gtk.DestDefaults.ALL,
+          TARGET,
+          Gdk.DragAction.COPY,
+        );
+        eventbox.connect("drag-data-received", (_w, _c, _x, _y, data) => {
+          dispatch(`movetoworkspacesilent ${index},address:${data.get_text()}`);
+        });
+      },
+      child: fixed,
+    }),
+
+    /** @param {Array<import('types/service/hyprland').Client>} clients */
+    attribute: (clients) => {
+      fixed.get_children().forEach((ch) => ch.destroy());
+      clients
+        .filter(({ workspace: { id } }) => id === index)
+        .forEach((c) => {
+          c.at[0] -= Hyprland.getMonitor(c.monitor)?.x || 0;
+          c.at[1] -= Hyprland.getMonitor(c.monitor)?.y || 0;
+          c.mapped && fixed.put(Client(c), c.at[0] * SCALE, c.at[1] * SCALE);
+        });
+
+      fixed.show_all();
+    },
+  });
+};