import App from 'resource:///com/github/Aylur/ags/app.js'; import Applications from 'resource:///com/github/Aylur/ags/service/applications.js'; import { Label, Box, Icon, Button, Scrollable, Entry } from 'resource:///com/github/Aylur/ags/widget.js'; import { execAsync } from 'resource:///com/github/Aylur/ags/utils.js'; import Separator from '../misc/separator.js'; import PopupWindow from '../misc/popup.js'; const icons = { apps: { apps: 'view-app-grid-symbolic', search: 'preferences-system-search-symbolic', }, }; const AppItem = (app, window) => { if (app.app.get_string('Icon') == 'Nextcloud') return; return Button({ className: 'app', connections: [['clicked', () => { App.closeWindow(window); execAsync(['hyprctl', 'dispatch', 'exec', `sh -c ${app.executable}`]); // TODO: focus on new client. Is this only needed after launch? ++app.frequency; }]], child: Box({ children: [ Icon({ icon: app.app.get_string('Icon'), size: 42, }), Box({ vertical: true, children: [ Label({ className: 'title', label: app.name, xalign: 0, vpack: 'center', ellipsize: 3, }), Label({ className: 'description', label: app.description || '', wrap: true, xalign: 0, justification: 'left', vpack: 'center', }), ], }), ], }), }); }; const Applauncher = ({ windowName = 'applauncher' } = {}) => { const list = Box({ vertical: true }); const placeholder = Label({ label: " Couldn't find a match", className: 'placeholder', }); const entry = Entry({ hexpand: true, placeholderText: 'Search', onAccept: ({ text }) => { const list = Applications.query(text); if (list[0]) { App.toggleWindow(windowName); list[0].launch(); } }, onChange: ({ text }) => { list.children = Applications.query(text).map(app => [ Separator(4), AppItem(app, windowName), ]).flat(); list.add(Separator(4)); list.show_all(); placeholder.visible = list.children.length === 1; }, }); return Box({ className: 'applauncher', properties: [['list', list]], vertical: true, children: [ Box({ className: 'header', children: [ Icon(icons.apps.search), entry, ], }), Scrollable({ hscroll: 'never', child: Box({ vertical: true, children: [list, placeholder], }), }), ], connections: [[App, (_b, name, visible) => { if (name !== windowName) return; entry.set_text('-'); // force onChange entry.set_text(''); if (visible) entry.grab_focus(); }]], }); }; export default () => PopupWindow({ name: 'applauncher', focusable: true, child: Applauncher(), });