retrozinndev
131 lines
4.3 KiB
TypeScript
131 lines
4.3 KiB
TypeScript
import { Variable } from "astal";
|
|
import { Astal, Gdk, Gtk, Widget } from "astal/gtk3";
|
|
import { cleanExec, getAstalApps } from "../scripts/apps";
|
|
import AstalApps from "gi://AstalApps";
|
|
|
|
const { TOP, LEFT, RIGHT, BOTTOM } = Astal.WindowAnchor;
|
|
|
|
export const AppsWindow = (mon: number): (Widget.Window) => {
|
|
const searchString = new Variable<string>("");
|
|
const searchSubscription = searchString.subscribe((str: string) => {
|
|
updateResults(str);
|
|
});
|
|
|
|
let results: Array<AstalApps.Application> = [];
|
|
|
|
const flowbox = new Gtk.FlowBox({
|
|
rowSpacing: 6,
|
|
homogeneous: true,
|
|
columnSpacing: 6,
|
|
expand: false,
|
|
vexpand: false,
|
|
orientation: Gtk.Orientation.HORIZONTAL,
|
|
visible: true
|
|
} as Gtk.FlowBox.ConstructorProps);
|
|
|
|
const entry = new Widget.Entry({
|
|
className: "entry",
|
|
halign: Gtk.Align.CENTER,
|
|
primary_icon_name: "system-search",
|
|
onChanged: (entry) => {
|
|
searchString.set(entry.text);
|
|
}
|
|
} as Widget.EntryProps);
|
|
|
|
async function updateResults(str: string) {
|
|
results = [];
|
|
results = getAstalApps().fuzzy_query(str);
|
|
|
|
// Destroy is handled by GnomeJS
|
|
flowbox.get_children().map(flowboxChild => flowbox.remove(flowboxChild));
|
|
|
|
results.map(app => {
|
|
flowbox.insert(AppWidget(app), -1);
|
|
|
|
const flowboxchild = flowbox.get_children()[flowbox.get_children().length-1];
|
|
flowboxchild.set_valign(Gtk.Align.START);
|
|
});
|
|
|
|
const firstChild = flowbox.get_child_at_index(0);
|
|
firstChild && flowbox.select_child(firstChild);
|
|
}
|
|
|
|
function AppWidget(app: AstalApps.Application) {
|
|
return new Widget.Button({
|
|
onClick: (_button, event: Astal.ClickEvent) => {
|
|
if(event.button === Astal.MouseButton.PRIMARY) {
|
|
searchString.set("");
|
|
entry.text = "";
|
|
window.close();
|
|
cleanExec(app);
|
|
return;
|
|
}
|
|
// select app launch options TODO
|
|
},
|
|
child: new Widget.Box({
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
children: [
|
|
new Widget.Icon({
|
|
className: "icon",
|
|
expand: true,
|
|
icon: app.get_icon_name()
|
|
} as Widget.IconProps),
|
|
new Widget.Label({
|
|
className: "name",
|
|
truncate: true,
|
|
label: app.get_name()
|
|
} as Widget.LabelProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
} as Widget.ButtonProps);
|
|
}
|
|
|
|
const window = new Widget.Window({
|
|
namespace: "apps-window",
|
|
layer: Astal.Layer.OVERLAY,
|
|
exclusivity: Astal.Exclusivity.IGNORE,
|
|
anchor: TOP | LEFT | RIGHT | BOTTOM,
|
|
keymode: Astal.Keymode.EXCLUSIVE,
|
|
monitor: mon,
|
|
onDestroy: () => {
|
|
searchString.set("");
|
|
searchSubscription()
|
|
},
|
|
onKeyPressEvent: (_, event: Gdk.Event) => {
|
|
event.get_keyval()[1] === Gdk.KEY_Escape &&
|
|
_.close();
|
|
},
|
|
child: new Widget.EventBox({
|
|
onClick: () => {
|
|
searchString.set("");
|
|
entry.text = "";
|
|
window.close();
|
|
},
|
|
onKeyPressEvent: (_, event: Gdk.Event) => {
|
|
if(event.get_keyval()[1] === Gdk.KEY_Escape) {
|
|
searchString.set("");
|
|
entry.text = "";
|
|
window.close();
|
|
}
|
|
},
|
|
child: new Widget.Box({
|
|
className: "apps-window-container",
|
|
expand: true,
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
children: [
|
|
entry,
|
|
new Widget.Scrollable({
|
|
vscroll: Gtk.PolicyType.AUTOMATIC,
|
|
hscroll: Gtk.PolicyType.NEVER,
|
|
expand: true,
|
|
child: flowbox
|
|
} as Widget.ScrollableProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
} as Widget.EventBoxProps),
|
|
setup: () => updateResults("")
|
|
});
|
|
|
|
return window;
|
|
}
|