import App from 'resource:///com/github/Aylur/ags/app.js'; import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; import { Icon, Revealer } from 'resource:///com/github/Aylur/ags/widget.js'; import { timeout } from 'resource:///com/github/Aylur/ags/utils.js'; import { WindowButton } from './dragndrop.js'; import * as VARS from './variables.js'; /** * @typedef {import('types/service/hyprland.js').Client} Client * @typedef {import('types/widgets/revealer').default} Revealer * @typedef {import('types/widgets/box').default} Box */ /** @param {number} size */ const scale = (size) => (size * VARS.SCALE) - VARS.MARGIN; /** @param {Client} client */ const getFontSize = (client) => { const valX = scale(client.size[0]) * VARS.ICON_SCALE; const valY = scale(client.size[1]) * VARS.ICON_SCALE; const size = Math.min(valX, valY); return size <= 0 ? 0.1 : size; }; /** @param {Client} client */ const IconStyle = (client) => ` min-width: ${scale(client.size[0])}px; min-height: ${scale(client.size[1])}px; font-size: ${getFontSize(client)}px; `; /** * @param {Client} client * @param {boolean} active * @param {Array} clients * @param {Box} box */ const Client = (client, active, clients, box) => { const wsName = String(client.workspace.name).replace('special:', ''); const wsId = client.workspace.id; const addr = `address:${client.address}`; return Revealer({ transition: 'crossfade', reveal_child: true, attribute: { address: client.address, to_destroy: false, }, child: WindowButton({ mainBox: box, address: client.address, on_secondary_click_release: () => { Hyprland.sendMessage(`dispatch closewindow ${addr}`); }, on_primary_click_release: () => { if (wsId < 0) { if (client.workspace.name === 'special') { Hyprland.sendMessage('dispatch ' + `movetoworkspacesilent special:${wsId},${addr}`) .then(() => { Hyprland.sendMessage('dispatch ' + `togglespecialworkspace ${wsId}`) .then(() => { App.closeWindow('overview'); }).catch(print); }).catch(print); } else { Hyprland.sendMessage('dispatch ' + `togglespecialworkspace ${wsName}`) .then(() => { App.closeWindow('overview'); }).catch(print); } } else { // Close special workspace if one is opened const activeAddress = Hyprland.active.client.address; const currentActive = clients.find((c) => { return c.address === activeAddress; }); if (currentActive && currentActive.workspace.id < 0) { const currentSpecial = `${currentActive.workspace.name}` .replace('special:', ''); Hyprland.sendMessage('dispatch ' + `togglespecialworkspace ${currentSpecial}`) .catch(print); } Hyprland.sendMessage(`dispatch focuswindow ${addr}`) .then(() => { App.closeWindow('overview'); }).catch(print); } }, child: Icon({ class_name: `window ${active ? 'active' : ''}`, css: `${IconStyle(client)} font-size: 10px;`, icon: client.class, }), }), }); }; /** @param {Box} box */ export const updateClients = (box) => { Hyprland.sendMessage('j/clients').then((out) => { /** @type Array */ let clients = JSON.parse(out); clients = clients.filter((client) => client.class); box.attribute.workspaces.forEach( /** @param {Revealer} workspace */ (workspace) => { const fixed = workspace.attribute.get_fixed(); /** @type Array */ const toRemove = fixed.get_children(); clients.filter((client) => client.workspace.id === workspace.attribute.id) .forEach((client) => { const active = client.address === Hyprland.active.client.address; // TODO: fix multi monitor issue. this is just a temp fix client.at[1] -= 2920; // Special workspaces that haven't been opened yet // return a size of 0. We need to set them to default // values to show the workspace properly if (client.size[0] === 0) { client.size[0] = VARS.DEFAULT_SPECIAL.SIZE_X; client.size[1] = VARS.DEFAULT_SPECIAL.SIZE_Y; client.at[0] = VARS.DEFAULT_SPECIAL.POS_X; client.at[1] = VARS.DEFAULT_SPECIAL.POS_Y; } const newClient = [ fixed.get_children().find( /** @param {typeof WindowButton} ch */ // @ts-expect-error (ch) => ch.attribute.address === client.address, ), client.at[0] * VARS.SCALE, client.at[1] * VARS.SCALE, ]; // If it exists already if (newClient[0]) { toRemove.splice(toRemove.indexOf(newClient[0]), 1); fixed.move(...newClient); } else { newClient[0] = Client(client, active, clients, box); fixed.put(...newClient); } // Set a timeout here to have an animation when the icon first appears timeout(1, () => { newClient[0].child.child.className = `window ${active}`; newClient[0].child.child.setCss(IconStyle(client)); }); }); fixed.show_all(); toRemove.forEach((ch) => { if (ch.attribute.to_destroy) { ch.destroy(); } else { ch.reveal_child = false; ch.attribute.to_destroy = true; } }); }, ); }).catch(print); };