const Applications = await Service.import('applications'); const Hyprland = await Service.import('hyprland'); const Notifications = await Service.import('notifications'); const { Box, Icon, Label, Button } = Widget; const { lookUpIcon } = Utils; const { GLib } = imports.gi; import Gesture from './gesture.ts'; import CursorBox from '../misc/cursorbox.ts'; // Types import { Notification as NotifObj } from 'types/service/notifications.ts'; import { Client } from 'types/service/hyprland.ts'; type NotificationWidget = { notif: NotifObj slideIn?: 'Left' | 'Right' command?(): void }; import { CursorBox as CBox, EventBoxGeneric, NotifGesture, } from 'global-types'; // Set Notifications settings Notifications.popupTimeout = 5000; Notifications.cacheActions = true; const setTime = (time: number) => { return GLib.DateTime .new_from_unix_local(time) .format('%H:%M'); }; const getDragState = (box: EventBoxGeneric) => (box .get_parent() ?.get_parent() ?.get_parent() ?.get_parent() ?.get_parent() as NotifGesture) ?.attribute.dragging; const NotificationIcon = (notif: NotifObj) => { let iconCmd = (box: CBox):void => { if (!box) { console.log(); } }; if (notif.app_entry && Applications.query(notif.app_entry).length > 0) { const app = Applications.query(notif.app_entry)[0]; let wmClass = app.app.get_string('StartupWMClass'); if (app.app?.get_filename()?.includes('discord')) { wmClass = 'discord'; } if (wmClass != null) { iconCmd = (box) => { if (!getDragState(box)) { if (wmClass === 'thunderbird') { Hyprland.sendMessage('dispatch ' + 'togglespecialworkspace thunder'); } else if (wmClass === 'Spotify') { Hyprland.sendMessage('dispatch ' + 'togglespecialworkspace spot'); } else { Hyprland.sendMessage('j/clients').then((msg) => { const clients = JSON.parse(msg) as Array; const classes = [] as Array; for (const key of clients) { if (key.class) { classes.push(key.class); } } if (wmClass && classes.includes(wmClass)) { Hyprland.sendMessage('dispatch ' + `focuswindow ^(${wmClass})`); } else { Hyprland.sendMessage('dispatch workspace empty') .then(() => { app.launch(); }); } }); } globalThis.closeAll(); } }; } } if (notif.image) { return CursorBox({ on_primary_click_release: (self) => { iconCmd(self); }, child: Box({ vpack: 'start', hexpand: false, class_name: 'icon img', css: ` background-image: url("${notif.image}"); background-size: contain; background-repeat: no-repeat; background-position: center; min-width: 78px; min-height: 78px; `, }), }); } let icon = 'dialog-information-symbolic'; if (lookUpIcon(notif.app_icon)) { icon = notif.app_icon; } if (notif.app_entry && lookUpIcon(notif.app_entry)) { icon = notif.app_entry; } return CursorBox({ on_primary_click_release: (self) => { iconCmd(self); }, child: Box({ vpack: 'start', hexpand: false, class_name: 'icon', css: ` min-width: 78px; min-height: 78px; `, children: [Icon({ icon, size: 58, hpack: 'center', hexpand: true, vpack: 'center', vexpand: true, })], }), }); }; // Make a variable to connect to for Widgets // to know when there are notifs or not export const HasNotifs = Variable(false); export const Notification = ({ notif, slideIn = 'Left', command = () => {/**/}, }: NotificationWidget) => { if (!notif) { return; } const BlockedApps = [ 'Spotify', ]; if (BlockedApps.find((app) => app === notif.app_name)) { notif.close(); return; } HasNotifs.value = Notifications.notifications.length > 0; // Init notif const notifWidget = Gesture({ command, slideIn, id: notif.id, }); // Add body to notif (notifWidget.child as EventBoxGeneric).add(Box({ class_name: `notification ${notif.urgency}`, vexpand: false, // Notification child: Box({ vertical: true, children: [ // Content Box({ children: [ NotificationIcon(notif), Box({ hexpand: true, vertical: true, children: [ // Top of Content Box({ children: [ // Title Label({ class_name: 'title', xalign: 0, justification: 'left', hexpand: true, max_width_chars: 24, truncate: 'end', wrap: true, label: notif.summary, use_markup: notif.summary .startsWith('<'), }), // Time Label({ class_name: 'time', vpack: 'start', label: setTime(notif.time), }), // Close button CursorBox({ child: Button({ class_name: 'close-button', vpack: 'start', on_primary_click_release: () => notif.close(), child: Icon('window-close' + '-symbolic'), }), }), ], }), // Description Label({ class_name: 'description', hexpand: true, use_markup: true, xalign: 0, justification: 'left', label: notif.body, wrap: true, }), ], }), ], }), // Actions Box({ class_name: 'actions', children: notif.actions.map((action) => Button({ class_name: 'action-button', hexpand: true, on_primary_click_release: () => notif.invoke(action.id), child: Label(action.label), })), }), ], }), })); return notifWidget; };