65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import { App, Astal, Gtk, Gdk } from "astal/gtk4"
|
|
import { Variable } from "astal"
|
|
|
|
function hide() {
|
|
App.get_window("launcher")!.hide()
|
|
}
|
|
|
|
export default function Launcher(monitor: Gdk.Monitor) {
|
|
const { CENTER } = Gtk.Align
|
|
const apps = new Apps.Apps()
|
|
const width = Variable(1000)
|
|
|
|
const text = Variable("")
|
|
const list = text(text => apps.fuzzy_query(text).slice(0, MAX_ITEMS))
|
|
const onEnter = () => {
|
|
apps.fuzzy_query(text.get())?.[0].launch()
|
|
hide()
|
|
}
|
|
|
|
return <window
|
|
name="launcher"
|
|
anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.BOTTOM}
|
|
exclusivity={Astal.Exclusivity.IGNORE}
|
|
keymode={Astal.Keymode.ON_DEMAND}
|
|
application={App}
|
|
onShow={(self) => {
|
|
text.set("")
|
|
width.set(self.get_current_monitor().workarea.width)
|
|
}}
|
|
onKeyPressEvent={function (self, event: Gdk.KeyEvent) {
|
|
if (event.get_keyval() === Gdk.KEY_Escape)
|
|
self.hide()
|
|
}}>
|
|
<box>
|
|
<eventbox widthRequest={width(w => w / 2)} expand onClick={hide} />
|
|
<box hexpand={false} vertical>
|
|
<eventbox heightRequest={100} onClick={hide} />
|
|
<box widthRequest={500} className="Applauncher" vertical>
|
|
<entry
|
|
placeholderText="Search"
|
|
text={text()}
|
|
onChanged={self => text.set(self.text)}
|
|
onActivate={onEnter}
|
|
/>
|
|
<box spacing={6} vertical>
|
|
{list.as(list => list.map(app => (
|
|
<AppButton app={app} />
|
|
)))}
|
|
</box>
|
|
<box
|
|
halign={CENTER}
|
|
className="not-found"
|
|
vertical
|
|
visible={list.as(l => l.length === 0)}>
|
|
<icon icon="system-search-symbolic" />
|
|
<label label="No match found" />
|
|
</box>
|
|
</box>
|
|
<eventbox expand onClick={hide} />
|
|
</box>
|
|
<eventbox widthRequest={width(w => w / 2)} expand onClick={hide} />
|
|
</box>
|
|
</window>
|
|
}
|