import App from 'resource:///com/github/Aylur/ags/app.js'; import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; import { Revealer, Box, Window } from 'resource:///com/github/Aylur/ags/widget.js'; import { timeout } from 'resource:///com/github/Aylur/ags/utils.js'; /** * @typedef {import('types/widgets/revealer').RevealerProps} RevProp * @typedef {import('types/widgets/window').WindowProps} WinProp */ /** * @param {WinProp & { * transition?: RevProp['transition'] * transition_duration?: RevProp['transition_duration'] * on_open?: function * on_close?: function * blur?: boolean * close_on_unfocus?: 'none'|'stay'|'released'|'clicked' * }} o */ export default ({ transition = 'slide_down', transition_duration = 800, on_open = () => {/**/}, on_close = () => {/**/}, // Window props name, child, visible = false, layer = 'overlay', blur = false, close_on_unfocus = 'released', ...props }) => { const window = Window({ name, layer, visible: false, ...props, attribute: { /** * @param {typeof imports.gi.Gtk.Allocation} alloc * @param {'left'|'right'} side */ set_x_pos: ( alloc, side = 'right', ) => { const width = window.get_display() .get_monitor_at_point(alloc.x, alloc.y) .get_geometry().width; window.margins = [ window.margins[0], side === 'right' ? (width - alloc.x - alloc.width) : window.margins[1], window.margins[2], side === 'right' ? window.margins[3] : (alloc.x - alloc.width), ]; }, // @ts-expect-error get_child: () => window.child.children[0].child, /** @param {import('types/widget').Widget} new_child */ set_child: (new_child) => { // @ts-expect-error window.child.children[0].child = new_child; // @ts-expect-error window.child.children[0].show_all(); }, // This is for my custom pointers.js close_on_unfocus, }, setup: () => { // Add way to make window open on startup const id = App.connect('config-parsed', () => { if (visible) { App.openWindow(String(name)); } App.disconnect(id); }); if (blur) { Hyprland.sendMessage('[[BATCH]] ' + `keyword layerrule ignorealpha[0.97],${name}; ` + `keyword layerrule blur,${name}`); } }, // Wrapping the revealer inside a box is needed // to allocate some space for it even when not revealed child: Box({ css: ` min-height:1px; min-width:1px; padding: 1px; `, child: Revealer({ transition, transition_duration, setup: (self) => { self.hook(App, (_, currentName, isOpen) => { if (currentName === name) { self.reveal_child = isOpen; if (isOpen) { on_open(window); } else { timeout(Number(transition_duration), () => { on_close(window); }); } } }); }, child: child || Box(), }), }), }); return window; };