const Applications = await Service.import('applications'); const { Box, Entry, Icon, Label, ListBox, Revealer, Scrollable } = Widget; import { Fzf, FzfResultItem } from 'fzf'; import PopupWindow from '../misc/popup.ts'; import AppItem from './app-item.ts'; // Types import { ListBoxRow } from 'types/@girs/gtk-3.0/gtk-3.0.cjs'; import { Application } from 'types/service/applications.ts'; import { AgsAppItem } from 'global-types'; const Applauncher = (window_name = 'applauncher') => { let fzfResults: FzfResultItem[]; const list = ListBox(); const setSort = (text: string) => { const fzf = new Fzf(Applications.list, { selector: (app) => app.name + app.executable, tiebreakers: [ (a, b) => b.item.frequency - a.item.frequency, ], }); fzfResults = fzf.find(text); list.set_sort_func((a, b) => { const row1 = (a.get_children()[0] as AgsAppItem).attribute.app.name; const row2 = (b.get_children()[0] as AgsAppItem).attribute.app.name; const s1 = fzfResults.find((r) => r.item.name === row1)?.score ?? 0; const s2 = fzfResults.find((r) => r.item.name === row2)?.score ?? 0; return s1 - s2; }); }; const makeNewChildren = () => { const rows = list.get_children() as ListBoxRow[]; rows.forEach((ch) => { ch.destroy(); }); const children = Applications.query('') .flatMap((app) => AppItem(app)); children.forEach((ch) => { list.add(ch); }); list.show_all(); }; makeNewChildren(); const placeholder = Revealer({ child: Label({ label: " Couldn't find a match", class_name: 'placeholder', }), }); const entry = Entry({ // Set some text so on-change works the first time text: '-', hexpand: true, on_accept: ({ text }) => { const appList = Applications.query(text || ''); if (appList[0]) { App.closeWindow(`win-${window_name}`); appList[0].launch(); } }, on_change: ({ text }) => { if (text === null) { return; } setSort(text); let visibleApps = 0; const rows = list.get_children() as ListBoxRow[]; rows.forEach((row) => { row.changed(); const item = (row.get_children()[0] as AgsAppItem); if (item.attribute.app) { const isMatching = fzfResults.some((r) => { return r.item.name === item.attribute.app.name; }); row.visible = isMatching; if (isMatching) { ++visibleApps; } } }); placeholder.reveal_child = visibleApps <= 0; }, }); return Box({ class_name: 'applauncher', vertical: true, setup: (self) => { self.hook(App, (_, name, visible) => { if (name !== `win-${window_name}`) { return; } entry.text = ''; if (visible) { entry.grab_focus(); } else { makeNewChildren(); } }); }, children: [ Box({ class_name: 'header', children: [ Icon('preferences-system-search-symbolic'), entry, ], }), Scrollable({ hscroll: 'never', vscroll: 'automatic', child: Box({ vertical: true, children: [list, placeholder], }), }), ], }); }; export default () => PopupWindow({ name: 'applauncher', transition: 'slide top', keymode: 'on-demand', content: Applauncher(), });