import { App, Hyprland, Utils, Widget } from '../../imports.js'; const { Icon, Revealer } = Widget; const { execAsync } = Utils; import { WindowButton } from './dragndrop.js'; import * as VARS from './variables.js'; 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) => { const wsName = String(client.workspace.name).replace('special:', ''); const wsId = client.workspace.id; const addr = `address:${client.address}`; // FIXME: special workspaces not closing when in one and clicking on normal client return Revealer({ transition: 'crossfade', setup: rev => rev.revealChild = true, properties: [ ['address', client.address], ['toDestroy', false], ], child: WindowButton({ address: client.address, onSecondaryClickRelease: () => { execAsync(`hyprctl dispatch closewindow ${addr}`) .catch(print); }, onPrimaryClickRelease: () => { if (wsId < 0) { if (client.workspace.name === 'special') { execAsync(`hyprctl dispatch movetoworkspacesilent special:${wsId},${addr}`) .then( execAsync(`hyprctl dispatch togglespecialworkspace ${wsId}`).then( () => App.closeWindow('overview'), ).catch(print), ).catch(print); } else { execAsync(`hyprctl 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 => c.address === activeAddress); if (currentActive && currentActive.workspace.id < 0) { execAsync(`hyprctl dispatch togglespecialworkspace ${wsName}`) .catch(print); } execAsync(`hyprctl dispatch focuswindow ${addr}`).then( () => App.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(out => { const clients = JSON.parse(out).filter(client => client.class); box._workspaces.forEach(workspace => { const fixed = workspace.getFixed(); const 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; } const 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 Utils.timeout(1, () => { newClient[0].child.child.className = `window ${active}`; newClient[0].child.child.style = IconStyle(client); }); }); fixed.show_all(); toRemove.forEach(ch => { if (ch._toDestroy) { ch.destroy(); } else { ch.revealChild = false; ch._toDestroy = true; } }); }); }).catch(print); }