import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js'; import { timeout } from 'resource:///com/github/Aylur/ags/utils.js'; import { Box, Icon, MenuItem, Revealer } from 'resource:///com/github/Aylur/ags/widget.js'; import Gtk from 'gi://Gtk'; import Separator from '../misc/separator.js'; const SysTrayItem = item => MenuItem({ child: Revealer({ transition: 'slide_right', child: Icon({ size: 24, }), }), submenu: item.menu, connections: [[item, btn => { btn.child.child.icon = item.icon; btn.tooltipMarkup = item.tooltipMarkup; }]], }); const SysTray = () => { const widget = Gtk.MenuBar.new(); // Properties widget._items = new Map(); widget._onAdded = id => { const item = SystemTray.getItem(id); if (widget._items.has(id) || !item) return; const w = SysTrayItem(item); widget._items.set(id, w); widget.add(w); widget.show_all(); w.child.revealChild = true; }; widget._onRemoved = id => { if (!widget._items.has(id)) return; widget._items.get(id).child.revealChild = false; timeout(400, () => { widget._items.get(id).destroy(); widget._items.delete(id); }); }; // Connections SystemTray.connect('added', (_, id) => widget._onAdded(id)); SystemTray.connect('removed', (_, id) => widget._onRemoved(id)); return widget; }; export default () => Revealer({ transition: 'slide_right', connections: [[SystemTray, rev => { rev.revealChild = rev.child.children[0].get_children().length > 0; }]], child: Box({ children: [ Box({ className: 'sys-tray', children: [ SysTray(), ], }), Separator(12), ], }), });