138 lines
3.8 KiB
TypeScript
138 lines
3.8 KiB
TypeScript
const Hyprland = await Service.import('hyprland');
|
|
const { Box, EventBox, Revealer, Window } = Widget;
|
|
|
|
|
|
const FullscreenState = Variable({
|
|
monitors: [] as number[],
|
|
clientAddrs: new Map() as Map<number, string>,
|
|
});
|
|
|
|
Hyprland.connect('event', (hyprObj) => {
|
|
const arrayEquals = (a1: unknown[], a2: unknown[]) =>
|
|
a1.sort().toString() === a2.sort().toString();
|
|
|
|
const mapEquals = (m1: Map<number, string>, m2: Map<number, string>) =>
|
|
m1.size === m2.size &&
|
|
Array.from(m1.keys()).every((key) => m1.get(key) === m2.get(key));
|
|
|
|
const fs = FullscreenState.value;
|
|
const fsClients = hyprObj.clients.filter((c) => {
|
|
const mon = Hyprland.getMonitor(c.monitor);
|
|
|
|
return c.fullscreen &&
|
|
c.workspace.id === mon?.activeWorkspace.id;
|
|
});
|
|
|
|
const monitors = fsClients.map((c) => c.monitor);
|
|
const clientAddrs = new Map(fsClients.map((c) => [c.monitor, c.address]));
|
|
|
|
const hasChanged =
|
|
!arrayEquals(monitors, fs.monitors) ||
|
|
!mapEquals(clientAddrs, fs.clientAddrs);
|
|
|
|
if (hasChanged) {
|
|
FullscreenState.setValue({
|
|
monitors,
|
|
clientAddrs,
|
|
});
|
|
}
|
|
});
|
|
|
|
export default ({ anchor, bar, monitor = 0, ...rest }) => {
|
|
const BarVisible = Variable(true);
|
|
|
|
FullscreenState.connect('changed', (v) => {
|
|
BarVisible.setValue(!v.value.monitors.includes(monitor));
|
|
});
|
|
|
|
const barCloser = Window({
|
|
name: `bar-${monitor}-closer`,
|
|
visible: false,
|
|
monitor,
|
|
anchor: ['top', 'bottom', 'left', 'right'],
|
|
layer: 'overlay',
|
|
|
|
child: EventBox({
|
|
on_hover: () => {
|
|
barCloser.set_visible(false);
|
|
BarVisible.setValue(false);
|
|
},
|
|
|
|
child: Box({
|
|
css: 'padding: 1px;',
|
|
}),
|
|
}),
|
|
});
|
|
|
|
// Hide bar instantly when out of focus
|
|
Hyprland.active.workspace.connect('changed', () => {
|
|
const addr = FullscreenState.value.clientAddrs.get(monitor);
|
|
|
|
if (addr) {
|
|
const client = Hyprland.getClient(addr);
|
|
|
|
if (client!.workspace.id !== Hyprland.active.workspace.id) {
|
|
BarVisible.setValue(false);
|
|
barCloser.visible = false;
|
|
}
|
|
}
|
|
});
|
|
|
|
const buffer = Box({
|
|
css: 'min-height: 10px',
|
|
visible: BarVisible.bind().as((v) => !v),
|
|
});
|
|
|
|
const vertical = anchor.includes('left') && anchor.includes('right');
|
|
const isBottomOrLeft = (
|
|
anchor.includes('left') && anchor.includes('right') && anchor.includes('bottom')
|
|
) || (
|
|
anchor.includes('top') && anchor.includes('bottom') && anchor.includes('left')
|
|
);
|
|
|
|
let transition: 'slide_up' | 'slide_down' | 'slide_left' | 'slide_right';
|
|
|
|
if (vertical) {
|
|
transition = isBottomOrLeft ? 'slide_up' : 'slide_down';
|
|
}
|
|
else {
|
|
transition = isBottomOrLeft ? 'slide_right' : 'slide_left';
|
|
}
|
|
|
|
const barWrap = Revealer({
|
|
reveal_child: BarVisible.bind(),
|
|
transition,
|
|
child: bar,
|
|
});
|
|
|
|
return Window({
|
|
name: `bar-${monitor}`,
|
|
layer: 'overlay',
|
|
monitor,
|
|
margins: [-1, -1, -1, -1],
|
|
anchor,
|
|
...rest,
|
|
|
|
attribute: {
|
|
barCloser,
|
|
},
|
|
|
|
child: EventBox({
|
|
child: Box({
|
|
css: 'min-height: 1px; padding: 1px;',
|
|
hexpand: true,
|
|
hpack: 'fill',
|
|
vertical,
|
|
|
|
children: isBottomOrLeft ?
|
|
[buffer, barWrap] :
|
|
[barWrap, buffer],
|
|
}),
|
|
}).on('enter-notify-event', () => {
|
|
if (!BarVisible.value) {
|
|
barCloser.visible = true;
|
|
BarVisible.setValue(true);
|
|
}
|
|
}),
|
|
});
|
|
};
|