import { App, Hyprland, Utils, Widget } from '../../imports.js'; const { Icon, Revealer } = Widget; const { closeWindow } = App; const { execAsync } = Utils; import { WindowButton } from './dragndrop.js'; import * as VARS from './variables.js'; Array.prototype.remove = function (el) { this.splice(this.indexOf(el), 1) }; const scale = size => size * VARS.SCALE - VARS.MARGIN; const getFontSize = client => Math.min(scale(client.size[0]), scale(client.size[1])) * VARS.ICON_SCALE; const IconStyle = client => `transition: font-size 0.2s linear; min-width: ${scale(client.size[0])}px; min-height: ${scale(client.size[1])}px; font-size: ${getFontSize(client)}px;`; const Client = (client, active, clients) => Revealer({ transition: 'crossfade', setup: rev => { rev.revealChild = true; }, properties: [ ['address', client.address], ['toDestroy', false] ], child: WindowButton({ address: client.address, onSecondaryClickRelease: () => execAsync(`hyprctl dispatch closewindow address:${client.address}`).catch(print), onPrimaryClickRelease: () => { let wsName = String(client.workspace.name).replace('special:', ''); let wsId = client.workspace.id; let addr = `address:${client.address}`; if (wsId < 0) { if (client.workspace.name === 'special') { execAsync(`hyprctl dispatch movetoworkspacesilent special:${wsId},${addr}`).then( execAsync(`hyprctl dispatch togglespecialworkspace ${wsId}`).then( () => closeWindow('overview') ).catch(print) ).catch(print); } else { execAsync(`hyprctl dispatch togglespecialworkspace ${wsName}`).then( () => closeWindow('overview') ).catch(print); } } else { // close special workspace if one is opened let activeAddress = Hyprland.active.client.address; let currentActive = clients.find(c => c.address === activeAddress) if (currentActive && currentActive.workspace.id < 0) { execAsync(`hyprctl dispatch togglespecialworkspace ${wsName}`).catch(print); } execAsync(`hyprctl dispatch focuswindow ${addr}`).then( () => closeWindow('overview') ).catch(print); } }, child: Icon({ className: `window ${active}`, style: IconStyle(client) + 'font-size: 10px;', icon: client.class, }), }), }); export function updateClients(box) { execAsync('hyprctl clients -j').then( result => { let clients = JSON.parse(result).filter(client => client.class) box._workspaces.forEach(workspace => { let fixed = workspace.child.child.get_children()[2].children[0]; let toRemove = fixed.get_children(); clients.filter(client => client.workspace.id == workspace._id).forEach(client => { let active = ''; if (client.address == Hyprland.active.client.address) { active = 'active'; } // 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; } let newClient = [ fixed.get_children().find(ch => ch._address == client.address), client.at[0] * VARS.SCALE, client.at[1] * VARS.SCALE, ]; if (newClient[0]) { toRemove.remove(newClient[0]); fixed.move(...newClient); } else { newClient[0] = Client(client, active, clients); fixed.put(...newClient); } // Set a timeout here to have an animation when the icon first appears setTimeout(() => { newClient[0].child.child.className = `window ${active}`; newClient[0].child.child.style = IconStyle(client); }, 1); }); fixed.show_all(); toRemove.forEach(ch => { if (ch._toDestroy) { ch.destroy(); } else { ch.revealChild = false; ch._toDestroy = true; } }); }); }).catch(print); };