120 lines
3.6 KiB
TypeScript
120 lines
3.6 KiB
TypeScript
import { App, Astal, Gtk, Widget } from 'astal/gtk3';
|
|
import { property, register } from 'astal/gobject';
|
|
import { Binding, idle } from 'astal';
|
|
|
|
import { hyprMessage } from '../../lib';
|
|
|
|
/* Types */
|
|
import AstalHyprland from 'gi://AstalHyprland';
|
|
type CloseType = 'none' | 'stay' | 'released' | 'clicked';
|
|
type HyprTransition = 'slide' | 'slide top' | 'slide bottom' | 'slide left' |
|
|
'slide right' | 'popin' | 'fade';
|
|
type PopupCallback = (self?: Widget.Window) => void;
|
|
|
|
export type PopupWindowProps = Widget.WindowProps & {
|
|
transition?: HyprTransition | Binding<HyprTransition>
|
|
close_on_unfocus?: CloseType | Binding<CloseType>
|
|
on_open?: PopupCallback
|
|
on_close?: PopupCallback
|
|
};
|
|
|
|
|
|
@register()
|
|
export class PopupWindow extends Widget.Window {
|
|
@property(String)
|
|
declare transition: HyprTransition | Binding<HyprTransition>;
|
|
|
|
@property(String)
|
|
declare close_on_unfocus: CloseType | Binding<CloseType>;
|
|
|
|
on_open: PopupCallback;
|
|
on_close: PopupCallback;
|
|
|
|
constructor({
|
|
transition = 'slide top',
|
|
close_on_unfocus = 'released',
|
|
on_open = () => { /**/ },
|
|
on_close = () => { /**/ },
|
|
|
|
name,
|
|
visible = false,
|
|
layer = Astal.Layer.OVERLAY,
|
|
...rest
|
|
}: PopupWindowProps) {
|
|
super({
|
|
...rest,
|
|
name: `win-${name}`,
|
|
namespace: `win-${name}`,
|
|
visible: false,
|
|
layer,
|
|
setup: () => idle(() => {
|
|
// Add way to make window open on startup
|
|
if (visible) {
|
|
this.visible = true;
|
|
}
|
|
}),
|
|
});
|
|
|
|
App.add_window(this);
|
|
|
|
const setTransition = (_: PopupWindow, t: HyprTransition | Binding<HyprTransition>) => {
|
|
hyprMessage(`keyword layerrule animation ${t}, ${this.name}`).catch(console.log);
|
|
};
|
|
|
|
this.connect('notify::transition', setTransition);
|
|
|
|
this.close_on_unfocus = close_on_unfocus;
|
|
this.transition = transition;
|
|
this.on_open = on_open;
|
|
this.on_close = on_close;
|
|
|
|
this.connect('notify::visible', () => {
|
|
// Make sure we have the right animation
|
|
setTransition(this, this.transition);
|
|
|
|
if (this.visible) {
|
|
this.on_open(this);
|
|
}
|
|
else {
|
|
this.on_close(this);
|
|
}
|
|
});
|
|
};
|
|
|
|
async set_x_pos(
|
|
alloc: Gtk.Allocation,
|
|
side = 'right' as 'left' | 'right',
|
|
) {
|
|
const monitor = this.gdkmonitor ??
|
|
this.get_display().get_monitor_at_point(alloc.x, alloc.y);
|
|
|
|
// FIXME: switch back to this when it's fixed upstream
|
|
// const transform = get_hyprland_monitor(monitor)?.transform;
|
|
const manufacturer = monitor.manufacturer?.replace(',', '');
|
|
const model = monitor.model?.replace(',', '');
|
|
const start = `${manufacturer} ${model}`;
|
|
|
|
const transform = (JSON.parse(await hyprMessage('j/monitors')) as AstalHyprland.Monitor[])
|
|
// @ts-expect-error this will be fixed soon
|
|
.find((m) => m.description?.startsWith(start))?.transform;
|
|
|
|
let width: number;
|
|
|
|
if (transform && (transform === 1 || transform === 3)) {
|
|
width = monitor.get_geometry().height;
|
|
}
|
|
else {
|
|
width = monitor.get_geometry().width;
|
|
}
|
|
|
|
this.margin_right = side === 'right' ?
|
|
(width - alloc.x - alloc.width) :
|
|
this.margin_right;
|
|
|
|
this.margin_left = side === 'right' ?
|
|
this.margin_left :
|
|
(alloc.x - alloc.width);
|
|
}
|
|
}
|
|
|
|
export default PopupWindow;
|