update ags

config/ags/modules/misc/Dock.js

@@ -0,0 +1,114 @@
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+
+
+const prefix = "100"  // Identifier for minimized workspace
+
+function getMinimizedWS(maximizedWS){
+    return parseInt(prefix + maximizedWS)
+}
+
+function getMaximizedWS(minimizedWS){
+    return parseInt(minimizedWS.toString().substring(prefix.length))
+}
+
+function isMinimized(ws){
+    ws = ws.toString()
+    if (ws.length > 3 || ws.slice(0, prefix.length) == prefix){
+        return true
+    }
+    else{
+        return false
+    }
+}
+
+
+const focusClient = (client) => {
+
+    // If minimized
+    if (isMinimized(client.workspace.id)){
+        var maximizedWS = getMaximizedWS(client.workspace.id)
+        Hyprland.messageAsync(`dispatch movetoworkspacesilent ${maximizedWS},address:${client.address}`)
+        // Focus window
+        //Hyprland.messageAsync(`dispatch focuswindow address:${client.address}`)
+        Hyprland.messageAsync(`dispatch alterzorder top,address:${client.address}`)
+    }
+
+    // If maximized
+    else{
+        var minimizedWS = getMinimizedWS(client.workspace.id)
+        Hyprland.messageAsync(`dispatch movetoworkspacesilent ${minimizedWS},address:${client.address}`)
+    }
+
+}
+
+const Client = (client = null) => Widget.Box({
+    // Attributes
+    attribute: {
+        returnWS: client.workspace,
+    },
+})
+
+
+const appButton = (client = null) => Widget.Button({
+    class_name: "dock-button",
+    tooltip_text: client.title,
+    on_primary_click: () => focusClient(client),
+    child: Widget.Box({
+        vertical: true,
+        children: [
+            Widget.Box({
+                children: [
+                    Widget.Box({
+                        class_name: "dock-app-indicator",
+                        vpack: "center",
+                        setup: (self) => {
+                            self.hook(Hyprland, () => {
+                                //self.toggleClassName("dock-button-current", Hyprland.active.client.address === client.address)
+                                self.toggleClassName("dock-app-indicator-active", Hyprland.active.client.address === client.address)
+                            }, 'event')
+                        }
+                    }),
+                    /*
+                    Widget.Icon({
+                        class_name: 'client-icon',
+                        css: 'font-size: 3rem;',
+                        icon: client.class,
+                    }),
+                    */
+                ],
+            }),
+            Widget.Label({
+                label: client.class,
+                truncate: 'end',
+                maxWidthChars: 8,
+            })
+        ],
+    }),
+});
+
+const clientList = Widget.Scrollable({
+    hscroll: "never",
+    child: Widget.Box({
+        class_name: "dock-container",
+        css: "min-height: 6rem;",
+        css: "min-width: 6rem;",
+        vertical: true,
+    }).hook(Hyprland, self => {
+        //check if ws is empty
+        self.children = Hyprland.clients.filter(client => client.class != "" && (client.workspace.id === Hyprland.active.workspace.id || client.workspace.id === getMinimizedWS(Hyprland.active.workspace.id))).map(client => {
+            return appButton(client)
+        })
+    })
+})
+
+export const Dock = (monitor = 0) => Widget.Window({
+    name: `Dock`, // name has to be unique
+    monitor,
+    visible: false,
+    //margins: [4,64,4,64],
+    //margins: [8,8,8,8],
+    anchor: ['bottom', 'left', 'top'],
+    exclusivity: 'exclusive',
+    child: clientList,
+});