150 lines
5.6 KiB
JavaScript
150 lines
5.6 KiB
JavaScript
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 => {
|
|
const valX = scale(client.size[0]) * VARS.ICON_SCALE;
|
|
const valY = scale(client.size[1]) * VARS.ICON_SCALE;
|
|
|
|
var size = Math.min(valX, valY);
|
|
return size <= 0 ? 0.1 : size;
|
|
};
|
|
|
|
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);
|
|
}
|