✨ ags(workspaces): show last used client(window) on workspaces

ags/widget/bar/Workspaces.ts

@@ -1,31 +1,42 @@
-import { bind } from "astal";
+import { bind, Variable } from "astal";
 import { Gtk, Widget } from "astal/gtk3";
 import AstalHyprland from "gi://AstalHyprland";
+import { getAppIcon } from "../../scripts/apps";
 
 const hyprland = AstalHyprland.get_default();
 
 export function Workspaces(): Gtk.Widget {
-    const workspacesEventBox = new Widget.EventBox({
+
+    return new Widget.EventBox({
         onScroll: (_, event) => 
             event.delta_y > 0 ? hyprland.dispatch("workspace", "e-1") : hyprland.dispatch("workspace", "e+1"),
-
         child: new Widget.Box({
             className: "workspaces",
-            vexpand: false,
-            valign: Gtk.Align.CENTER,
             children: bind(hyprland, "workspaces").as((workspaces) => {
-                const sortedWorkspaces = workspaces.sort((a: AstalHyprland.Workspace, b: AstalHyprland.Workspace) => a.get_id() - b.get_id());
+                const sortedWorkspaces = workspaces.sort(
+                    (a: AstalHyprland.Workspace, b: AstalHyprland.Workspace) => a.get_id() - b.get_id());
+
                 return sortedWorkspaces.map((workspace: AstalHyprland.Workspace) => 
                     new Widget.Button({
-                        className: bind(hyprland, "focusedWorkspace").as((focusedWs: AstalHyprland.Workspace) => workspace === focusedWs ? "focus" : ""),
+                        className: bind(hyprland, "focusedWorkspace").as(
+                            (focusedWs: AstalHyprland.Workspace) => workspace.id === focusedWs.id ? "focus" : ""),
                         visible: true,
+                        child: new Widget.Icon({
+                            className: "last-app-icon",
+                            visible: Variable.derive([
+                                bind(workspace, "lastClient"),
+                                bind(hyprland, "focusedWorkspace")
+                            ], (lastClient, focusedWorkspace) => focusedWorkspace?.id === workspace.id ?
+                                 false : Boolean(lastClient))(),
+                            icon: bind(workspace, "lastClient").as((lastClient) =>
+                                lastClient ? 
+                                    getAppIcon(lastClient.initialClass) || "image-missing"
+                                : "image-missing")
+                        } as Widget.IconProps),
                         onClicked: () => workspace.focus()
                     } as Widget.ButtonProps)
                 )
             })
         } as Widget.BoxProps)
     } as Widget.EventBoxProps);
-
-
-    return workspacesEventBox;
 }