import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js'; import { Box } from 'resource:///com/github/Aylur/ags/widget.js'; import { interval } from 'resource:///com/github/Aylur/ags/utils.js'; import GLib from 'gi://GLib'; import { Notification } from './base.js'; const DELAY = 2000; export default () => Box({ vertical: true, // Needed so it occupies space at the start css: 'padding: 1px;', setup: (self) => { /** @param {number} id */ const addPopup = (id) => { if (!id) { return; } const notif = Notifications.getNotification(id); if (notif) { const NewNotif = Notification({ notif, command: () => { if (notif.popup) { notif.dismiss(); } }, }); if (NewNotif) { // Use this instead of add to put it at the top self.pack_end(NewNotif, false, false, 0); self.show_all(); } } }; /** * @param {number} id * @param {boolean} force */ const handleDismiss = (id, force = false) => { // @ts-expect-error const notif = self.children.find((ch) => ch.attribute.id === id); if (!notif) { return; } // If notif isn't hovered or was closed, slide away // @ts-expect-error if (!notif.attribute.hovered || force) { // @ts-expect-error notif.attribute.slideAway('Left'); } // If notif is hovered, delay close // @ts-expect-error else if (notif.attribute.hovered) { const intervalId = interval(DELAY, () => { // @ts-expect-error if (!notif.attribute.hovered && intervalId) { // @ts-expect-error notif.attribute.slideAway('Left'); GLib.source_remove(intervalId); } }); } }; self .hook(Notifications, (_, id) => addPopup(id), 'notified') .hook(Notifications, (_, id) => handleDismiss(id), 'dismissed') .hook(Notifications, (_, id) => handleDismiss(id, true), 'closed'); }, });