ags: update to new syntax

2024-01-11 16:50:12 +07:00
parent c61db15a88
commit 85704218e3
74 changed files with 2155 additions and 1898 deletions
@@ -1,44 +1,42 @@
-import { App, Service, Utils, Widget } from '../../imports.js';
+import App from 'resource:///com/github/Aylur/ags/app.js';
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
-const { CONFIG_DIR, exec, execAsync } = Utils;
-import { setupCursorHover } from "../../lib/cursorhover.js";
 import { RoundedCorner } from "../../lib/roundedcorner.js";
 import Brightness from '../../services/brightness.js';
 import Indicator from '../../services/indicator.js';

-// Removes everything after the last 
-// em dash, en dash, minus, vertical bar, or middle dot    (note: maybe add open parenthesis?)
-// For example:
-// • Discord | #ricing-theming | r/unixporn — Mozilla Firefox    -->   • Discord | #ricing-theming 
-// GJS Error · Issue #112 · Aylur/ags — Mozilla Firefox          -->   GJS Error · Issue #112 
-function truncateTitle(str) {
-    let lastDash = -1;
-    let found = -1; // 0: em dash, 1: en dash, 2: minus, 3: vertical bar, 4: middle dot
-    for (let i = str.length - 1; i >= 0; i--) {
-        if (str[i] === '—') {
-            found = 0;
-            lastDash = i;
-        }
-        else if (str[i] === '–' && found < 1) {
-            found = 1;
-            lastDash = i;
-        }
-        else if (str[i] === '-' && found < 2) {
-            found = 2;
-            lastDash = i;
-        }
-        else if (str[i] === '|' && found < 3) {
-            found = 3;
-            lastDash = i;
-        }
-        else if (str[i] === '·' && found < 4) {
-            found = 4;
-            lastDash = i;
-        }
+const WindowTitle = async () => Widget.Scrollable({
+    hexpand: true, vexpand: true,
+    hscroll: 'automatic', vscroll: 'never',
+    child: Widget.Box({
+        vertical: true,
+        children: [
+            Widget.Label({
+                xalign: 0,
+                className: 'txt-smaller bar-topdesc txt',
+                setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
+                    label.label = Hyprland.active.client.class.length === 0 ? 'Desktop' : Hyprland.active.client.class;
+                }),
+            }),
+            Widget.Label({
+                xalign: 0,
+                className: 'txt txt-smallie',
+                setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
+                    label.label = Hyprland.active.client.title.length === 0 ? `Workspace ${Hyprland.active.workspace.id}` : Hyprland.active.client.title;
+                }),
+            })
+        ]
+    })
+})
+
+const OptionalWindowTitle = async () => {
+    try {
+        return await WindowTitle();
+    } catch {
+        return null;
    }
-    if (lastDash === -1) return str;
-    return str.substring(0, lastDash);
-}
+};
+const OptionalWindowTitleInstance = await OptionalWindowTitle();

 export const ModuleLeftSpace = () => Widget.EventBox({
    onScrollUp: () => {
@@ -65,29 +63,7 @@ export const ModuleLeftSpace = () => Widget.EventBox({
                            vertical: true,
                            className: 'bar-space-button',
                            children: [
-                                Widget.Scrollable({
-                                    hexpand: true, vexpand: true,
-                                    hscroll: 'automatic', vscroll: 'never',
-                                    child: Widget.Box({
-                                        vertical: true,
-                                        children: [
-                                            Widget.Label({
-                                                xalign: 0,
-                                                className: 'txt-smaller bar-topdesc txt',
-                                                setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
-                                                    label.label = Hyprland.active.client._class.length === 0 ? 'Desktop' : Hyprland.active.client._class;
-                                                }),
-                                            }),
-                                            Widget.Label({
-                                                xalign: 0,
-                                                className: 'txt txt-smallie',
-                                                setup: (self) => self.hook(Hyprland.active.client, label => { // Hyprland.active.client
-                                                    label.label = Hyprland.active.client._title.length === 0 ? `Workspace ${Hyprland.active.workspace.id}` : Hyprland.active.client._title;
-                                                }),
-                                            })
-                                        ]
-                                    })
-                                })
+                                OptionalWindowTitleInstance,
                            ]
                        })]
                    }),
@@ -1,13 +1,18 @@
-const { Gdk, Gtk } = imports.gi;
-import { App, Service, Utils, Widget } from '../../imports.js';
-const { execAsync, exec } = Utils;
+const { Gtk } = imports.gi;
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';

 import { ModuleLeftSpace } from "./leftspace.js";
 import { ModuleMusic } from "./music.js";
 import { ModuleRightSpace } from "./rightspace.js";
 import { ModuleSystem } from "./system.js";
-import ModuleWorkspaces from "./workspaces.js";
-import { RoundedCorner } from "../../lib/roundedcorner.js";
+const OptionalWorkspaces = async () => {
+    try {
+        return (await import('./workspaces_hyprland.js')).default();
+    } catch {
+        // return (await import('./workspaces_sway.js')).default();
+        return Box({});
+    }
+};

 const left = Widget.Box({
    className: 'bar-sidemodule',
@@ -18,7 +23,7 @@ const left = Widget.Box({

 const center = Widget.Box({
    children: [
-        ModuleWorkspaces(),
+        await OptionalWorkspaces(),
    ],
 });

@@ -1,6 +1,6 @@
-import { Service, Utils, Widget } from '../../imports.js';
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
 import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
-import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
 import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
 const { execAsync, exec } = Utils;
 import { AnimatedCircProg } from "../../lib/animatedcircularprogress.js";
@@ -23,10 +23,10 @@ const TrackProgress = () => {
    return AnimatedCircProg({
        className: 'bar-music-circprog',
        vpack: 'center', hpack: 'center',
-        connections: [ // Update on change/once every 3 seconds
-            [Mpris, _updateProgress],
-            [3000, _updateProgress]
-        ]
+        extraSetup: (self) => self
+            .hook(Mpris, _updateProgress)
+            .poll(3000, _updateProgress)
+        ,
    })
 }

@@ -53,17 +53,17 @@ export const ModuleMusic = () => Widget.EventBox({ // TODO: use cairo to make bu
                                    vpack: 'center',
                                    className: 'bar-music-playstate-txt',
                                    justification: 'center',
-                                    connections: [[Mpris, label => {
+                                    setup: (self) => self.hook(Mpris, label => {
                                        const mpris = Mpris.getPlayer('');
                                        label.label = `${mpris !== null && mpris.playBackStatus == 'Playing' ? 'pause' : 'play_arrow'}`;
-                                    }]],
+                                    }),
                                })],
-                                connections: [[Mpris, label => {
+                                setup: (self) => self.hook(Mpris, label => {
                                    const mpris = Mpris.getPlayer('');
                                    if (!mpris) return;
                                    label.toggleClassName('bar-music-playstate-playing', mpris !== null && mpris.playBackStatus == 'Playing');
                                    label.toggleClassName('bar-music-playstate', mpris !== null || mpris.playBackStatus == 'Paused');
-                                }]],
+                                }),
                            }),
                            overlays: [
                                TrackProgress(),
@@ -74,13 +74,13 @@ export const ModuleMusic = () => Widget.EventBox({ // TODO: use cairo to make bu
                        hexpand: true,
                        child: Widget.Label({
                            className: 'txt-smallie txt-onSurfaceVariant',
-                            connections: [[Mpris, label => {
+                            setup: (self) => self.hook(Mpris, label => {
                                const mpris = Mpris.getPlayer('');
                                if (mpris)
                                    label.label = `${trimTrackTitle(mpris.trackTitle)} • ${mpris.trackArtists.join(', ')}`;
                                else
                                    label.label = 'No media';
-                            }]],
+                            }),
                        })
                    })
                ]
@@ -1,6 +1,8 @@
-import { App, Utils, Widget } from '../../imports.js';
+import App from 'resource:///com/github/Aylur/ags/app.js';
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
+
 import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
-import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
 import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js';
 const { execAsync } = Utils;
 import Indicator from '../../services/indicator.js';
@@ -33,8 +35,8 @@ export const ModuleRightSpace = () => {
        // onHover: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', true) },
        // onHoverLost: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', false) },
        onPrimaryClick: () => App.toggleWindow('sideright'),
-        onSecondaryClickRelease: () => execAsync(['bash', '-c', 'playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"` &']),
-        onMiddleClickRelease: () => Mpris.getPlayer('')?.playPause(),
+        onSecondaryClickRelease: () => execAsync(['bash', '-c', 'playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"` &']).catch(print),
+        onMiddleClickRelease: () => execAsync('playerctl play-pause').catch(print),
        child: Widget.Box({
            homogeneous: false,
            children: [
@@ -51,19 +53,20 @@ export const ModuleRightSpace = () => {
                                Widget.Revealer({
                                    transition: 'slide_left',
                                    revealChild: false,
-                                    properties: [
-                                        ['count', 0],
-                                        ['update', (self, diff) => {
-                                            self._count += diff;
-                                            self.revealChild = (self._count > 0);
-                                        }]],
+                                    attribute: {
+                                        'count': 0,
+                                        'update': (self, diff) => {
+                                            self.attribute.count += diff;
+                                            self.revealChild = (self.attribute.count > 0);
+                                        }
+                                    },
                                    child: Widget.Box({
                                        vpack: 'center',
                                        className: 'separator-circle',
                                    }),
                                    setup: (self) => self
-                                        .hook(SystemTray, (self) => self._update(self, 1), 'added')
-                                        .hook(SystemTray, (self) => self._update(self, -1), 'removed')
+                                        .hook(SystemTray, (self) => self.attribute.update(self, 1), 'added')
+                                        .hook(SystemTray, (self) => self.attribute.update(self, -1), 'removed')
                                    ,
                                }),
                                barStatusIcons,
@@ -1,6 +1,7 @@
 // This is for the right pill of the bar. 
 // For the cool memory indicator on the sidebar, see sysinfo.js
-import { Service, Utils, Widget } from '../../imports.js';
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
 const { Box, Label, Button, Overlay, Revealer, Scrollable, Stack, EventBox } = Widget;
 const { exec, execAsync } = Utils;
 const { GLib } = imports.gi;
@@ -21,9 +22,9 @@ const BatBatteryProgress = () => {
    return AnimatedCircProg({
        className: 'bar-batt-circprog',
        vpack: 'center', hpack: 'center',
-        connections: [
-            [Battery, _updateProgress],
-        ],
+        extraSetup: (self) => self
+            .hook(Battery, _updateProgress)
+        ,
    })
 }

@@ -147,13 +148,6 @@ const BarResource = (name, icon, command) => {
    const resourceCircProg = AnimatedCircProg({
        className: 'bar-batt-circprog',
        vpack: 'center', hpack: 'center',
-        connections: [[5000, (progress) => execAsync(['bash', '-c', command])
-            .then((output) => {
-                progress.css = `font-size: ${Number(output)}px;`;
-                resourceLabel.label = `${Math.round(Number(output))}%`;
-                widget.tooltipText = `${name}: ${Math.round(Number(output))}%`;
-            }).catch(print)
-        ]],
    });
    const widget = Box({
        className: 'spacing-h-4 txt-onSurfaceVariant',
@@ -170,7 +164,15 @@ const BarResource = (name, icon, command) => {
                }),
                overlays: [resourceCircProg]
            }),
-        ]
+        ],
+        setup: (self) => self
+            .poll(5000, () => execAsync(['bash', '-c', command])
+                .then((output) => {
+                    resourceCircProg.css = `font-size: ${Number(output)}px;`;
+                    resourceLabel.label = `${Math.round(Number(output))}%`;
+                    widget.tooltipText = `${name}: ${Math.round(Number(output))}%`;
+                }).catch(print))
+        ,
    });
    return widget;
 }
@@ -1,24 +1,28 @@
-const { GLib, Gdk, Gtk } = imports.gi;
-import { Service, Widget } from '../../imports.js';
+const { Gtk } = imports.gi;
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js';
 const { Box, Icon, Button, Revealer } = Widget;
 const { Gravity } = imports.gi.Gdk;

 const revealerDuration = 200;

-const SysTrayItem = item => Button({
+const SysTrayItem = (item) => Button({
    className: 'bar-systray-item',
    child: Icon({
        hpack: 'center',
-        binds: [['icon', item, 'icon']],
-        setup: (self) => Utils.timeout(1, () => {
-            const styleContext = self.get_parent().get_style_context();
-            const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-            self.size = Math.max(width, height, 1); // im too lazy to add another box lol
-        }),
+        setup: (self) => {
+            self.hook(item, (self) => self.icon = item.icon);
+            Utils.timeout(1, () => {
+                const styleContext = self.get_parent().get_style_context();
+                const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
+                const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
+                self.size = Math.max(width, height, 1); // im too lazy to add another box lol
+            })
+        },
    }),
-    binds: [['tooltipMarkup', item, 'tooltip-markup']],
+    setup: (self) => self
+        .hook(item, (self) => self.tooltipMarkup = item['tooltip-markup'])
+    ,
    onClicked: btn => item.menu.popup_at_widget(btn, Gravity.SOUTH, Gravity.NORTH, null),
    onSecondaryClick: btn => item.menu.popup_at_widget(btn, Gravity.SOUTH, Gravity.NORTH, null),
 });
@@ -26,34 +30,34 @@ const SysTrayItem = item => Button({
 export const Tray = (props = {}) => {
    const trayContent = Box({
        className: 'margin-right-5 spacing-h-15',
-        properties: [
-            ['items', new Map()],
-            ['onAdded', (box, id) => {
+        attribute: {
+            items: new Map(),
+            onAdded: (box, id) => {
                const item = SystemTray.getItem(id);
                if (!item) return;
                item.menu.className = 'menu';
-                if (box._items.has(id) || !item)
+                if (box.attribute.items.has(id) || !item)
                    return;
                const widget = SysTrayItem(item);
-                box._items.set(id, widget);
+                box.attribute.items.set(id, widget);
                box.add(widget);
                box.show_all();
-                if (box._items.size === 1)
+                if (box.attribute.items.size === 1)
                    trayRevealer.revealChild = true;
-            }],
-            ['onRemoved', (box, id) => {
-                if (!box._items.has(id))
+            },
+            onRemoved: (box, id) => {
+                if (!box.attribute.items.has(id))
                    return;

-                box._items.get(id).destroy();
-                box._items.delete(id);
-                if (box._items.size === 0)
+                box.attribute.items.get(id).destroy();
+                box.attribute.items.delete(id);
+                if (box.attribute.items.size === 0)
                    trayRevealer.revealChild = false;
-            }],
-        ],
+            },
+        },
        setup: (self) => self
-            .hook(SystemTray, (box, id) => box._onAdded(box, id), 'added')
-            .hook(SystemTray, (box, id) => box._onRemoved(box, id), 'removed')
+            .hook(SystemTray, (box, id) => box.attribute.onAdded(box, id), 'added')
+            .hook(SystemTray, (box, id) => box.attribute.onRemoved(box, id), 'removed')
        ,
    });
    const trayRevealer = Widget.Revealer({
@@ -3,7 +3,8 @@ const Lang = imports.lang;
 const Cairo = imports.cairo;
 const Pango = imports.gi.Pango;
 const PangoCairo = imports.gi.PangoCairo;
-import { App, Service, Utils, Widget } from '../../imports.js';
+import App from 'resource:///com/github/Aylur/ags/app.js';
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 const { Box, DrawingArea, EventBox } = Widget;
 import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';

@@ -16,11 +17,11 @@ const dummyOccupiedWs = Box({ className: 'bar-ws bar-ws-occupied' }); // Not sho
 const WorkspaceContents = (count = 10) => {
    return DrawingArea({
        css: `transition: 90ms cubic-bezier(0.1, 1, 0, 1);`,
-        properties: [
-            ['initialized', false],
-            ['workspaceMask', 0],
-            ['updateMask', (self) => {
-                if (self._initialized) return; // We only need this to run once
+        attribute: {
+            initialized: false,
+            workspaceMask: 0,
+            updateMask: (self) => {
+                if (self.attribute.initialized) return; // We only need this to run once
                const workspaces = Hyprland.workspaces;
                let workspaceMask = 0;
                for (let i = 0; i < workspaces.length; i++) {
@@ -31,21 +32,21 @@ const WorkspaceContents = (count = 10) => {
                        workspaceMask |= (1 << ws.id);
                    }
                }
-                self._workspaceMask = workspaceMask;
-                self._initialized = true;
-            }],
-            ['toggleMask', (self, occupied, name) => {
-                if (occupied) self._workspaceMask |= (1 << parseInt(name));
-                else self._workspaceMask &= ~(1 << parseInt(name));
-            }]
-        ],
+                self.attribute.workspaceMask = workspaceMask;
+                self.attribute.initialized = true;
+            },
+            toggleMask: (self, occupied, name) => {
+                if (occupied) self.attribute.workspaceMask |= (1 << parseInt(name));
+                else self.attribute.workspaceMask &= ~(1 << parseInt(name));
+            },
+        },
        setup: (area) => area
            .hook(Hyprland.active.workspace, (area) =>
                area.setCss(`font-size: ${Hyprland.active.workspace.id}px;`)
            )
-            .hook(Hyprland, (self) => self._updateMask(self), 'notify::workspaces')
-            .hook(Hyprland, (self, name) => self._toggleMask(self, true, name), 'workspace-added')
-            .hook(Hyprland, (self, name) => self._toggleMask(self, false, name), 'workspace-removed')
+            .hook(Hyprland, (self) => self.attribute.updateMask(self), 'notify::workspaces')
+            .hook(Hyprland, (self, name) => self.attribute.toggleMask(self, true, name), 'workspace-added')
+            .hook(Hyprland, (self, name) => self.attribute.toggleMask(self, false, name), 'workspace-removed')
            .on('draw', Lang.bind(area, (area, cr) => {
                const allocation = area.get_allocation();
                const { width, height } = allocation;
@@ -85,12 +86,12 @@ const WorkspaceContents = (count = 10) => {

                // Draw workspace numbers
                for (let i = 1; i <= count; i++) {
-                    if (area._workspaceMask & (1 << i)) {
+                    if (area.attribute.workspaceMask & (1 << i)) {
                        // Draw bg highlight
                        cr.setSourceRGBA(occupiedbg.red, occupiedbg.green, occupiedbg.blue, occupiedbg.alpha);
                        const wsCenterX = -(workspaceRadius) + (workspaceDiameter * i);
                        const wsCenterY = height / 2;
-                        if (!(area._workspaceMask & (1 << (i - 1)))) { // Left
+                        if (!(area.attribute.workspaceMask & (1 << (i - 1)))) { // Left
                            cr.arc(wsCenterX, wsCenterY, workspaceRadius, 0.5 * Math.PI, 1.5 * Math.PI);
                            cr.fill();
                        }
@@ -98,7 +99,7 @@ const WorkspaceContents = (count = 10) => {
                            cr.rectangle(wsCenterX - workspaceRadius, wsCenterY - workspaceRadius, workspaceRadius, workspaceRadius * 2)
                            cr.fill();
                        }
-                        if (!(area._workspaceMask & (1 << (i + 1)))) { // Right
+                        if (!(area.attribute.workspaceMask & (1 << (i + 1)))) { // Right
                            cr.arc(wsCenterX, wsCenterY, workspaceRadius, -0.5 * Math.PI, 0.5 * Math.PI);
                            cr.fill();
                        }
@@ -141,9 +142,7 @@ export default () => EventBox({
    onScrollDown: () => Hyprland.sendMessage(`dispatch workspace +1`),
    onMiddleClickRelease: () => App.toggleWindow('overview'),
    onSecondaryClickRelease: () => App.toggleWindow('osk'),
-    properties: [
-        ['clicked', false],
-    ],
+    attribute: { clicked: false },
    child: Box({
        homogeneous: true,
        className: 'bar-group-margin',
@@ -158,8 +157,7 @@ export default () => EventBox({
    setup: (self) => {
        self.add_events(Gdk.EventMask.POINTER_MOTION_MASK);
        self.on('motion-notify-event', (self, event) => {
-            if (!self._clicked) return;
-            console.log('switching move');
+            if (!self.attribute.clicked) return;
            const [_, cursorX, cursorY] = event.get_coords();
            const widgetWidth = self.get_allocation().width;
            const wsId = Math.ceil(cursorX * NUM_OF_WORKSPACES / widgetWidth);
@@ -167,13 +165,12 @@ export default () => EventBox({
        })
        self.on('button-press-event', (self, event) => {
            if (!(event.get_button()[1] === 1)) return; // We're only interested in left-click here
-            console.log('switching');
-            self._clicked = true;
+            self.attribute.clicked = true;
            const [_, cursorX, cursorY] = event.get_coords();
            const widgetWidth = self.get_allocation().width;
            const wsId = Math.ceil(cursorX * NUM_OF_WORKSPACES / widgetWidth);
            Hyprland.sendMessage(`dispatch workspace ${wsId}`);
        })
-        self.on('button-release-event', (self) => self._clicked = false);
+        self.on('button-release-event', (self) => self.attribute.clicked = false);
    }
 })
@@ -0,0 +1,58 @@
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import Sway from "../../services/sway.js";
+import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
+import options from "../../options.js";
+import { range } from "../../utils.js";
+
+
+const dispatch = (arg) => Utils.execAsync(`swaymsg workspace ${arg}`);
+
+const Workspaces = () => {
+    const ws = options.workspaces.value || 20;
+    return Widget.Box({
+        children: range(ws).map((i) =>
+            Widget.Button({
+                setup: (btn) => (btn.id = i),
+                on_clicked: () => dispatch(i),
+                child: Widget.Label({
+                    label: `${i}`,
+                    class_name: "indicator",
+                    vpack: "center",
+                }),
+                setup: (self) => self.hook(Sway, (btn) => {
+                    btn.toggleClassName("active", Sway.active.workspace.name == i);
+                    btn.toggleClassName(
+                        "occupied",
+                        Sway.getWorkspace(`${i}`)?.nodes.length > 0,
+                    );
+                }),
+            })
+        ),
+        setup: (self) => self.hook(Sway.active.workspace,
+            (box) => box.children.map((btn) => {
+                btn.visible = Sway.workspaces.some(
+                    (ws) => ws.name == btn.id,
+                );
+            })
+        ),
+    });
+};
+
+export default () => Widget.EventBox({
+    class_name: "workspaces panel-button",
+    child: Widget.Box({
+        // its nested like this to keep it consistent with other PanelButton widgets
+        child: Widget.EventBox({
+            on_scroll_up: () => dispatch("next"),
+            on_scroll_down: () => dispatch("prev"),
+            class_name: "eventbox",
+            // binds: [["child", options.workspaces, "value", Workspaces]],
+            setup: (self) => self
+                .hook(options.workspaces, (self) => Selection.child = Workspaces(), "value")
+            ,
+        }),
+    }),
+    setup: (self) => {
+        console.log('[LOG] Sway workspace module loaded')
+    }
+});