Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ ags(apps-window): focus entry on open, show results immediatelly

Browse Source
This commit is contained in:
retrozinndev
2025-04-10 16:31:51 -03:00
parent 65d6ef3c89
commit 4ca4d5914d
1 changed files with 105 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ags/window/AppsWindow.ts
+43 -30
View File
@@ -7,25 +7,18 @@ const { TOP, LEFT, RIGHT, BOTTOM } = Astal.WindowAnchor;
export const AppsWindow = (mon: number): (Widget.Window) => { export const AppsWindow = (mon: number): (Widget.Window) => {
const searchString = new Variable<string>(""); const searchString = new Variable<string>("");
let searchSubscription: () => void; const searchSubscription = searchString.subscribe((str: string) => {
updateResults(str);
});
let results: Array<AstalApps.Application> = [];
return 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()
},
setup: (window) => {
const flowbox = new Gtk.FlowBox({ const flowbox = new Gtk.FlowBox({
rowSpacing: 6, rowSpacing: 6,
homogeneous: true, homogeneous: true,
columnSpacing: 6, columnSpacing: 6,
expand: false, expand: false,
vexpand: false,
orientation: Gtk.Orientation.HORIZONTAL, orientation: Gtk.Orientation.HORIZONTAL,
visible: true visible: true
} as Gtk.FlowBox.ConstructorProps); } as Gtk.FlowBox.ConstructorProps);
@@ -39,24 +32,34 @@ export const AppsWindow = (mon: number): (Widget.Window) => {
} }
} as Widget.EntryProps); } as Widget.EntryProps);
searchSubscription = searchString.subscribe((str: string) => { async function updateResults(str: string) {
const results: Array<AstalApps.Application> = getAstalApps().fuzzy_query(str); results = [];
results = getAstalApps().fuzzy_query(str);
// Destroy is handled by GnomeJS // Destroy is handled by GnomeJS
flowbox.get_children().map(flowboxChild => flowbox.remove(flowboxChild)); flowbox.get_children().map(flowboxChild => flowbox.remove(flowboxChild));
results.map(app => { results.map(app => {
flowbox.insert(new Widget.Button({ 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) => { onClick: (_button, event: Astal.ClickEvent) => {
if(event.button === Astal.MouseButton.PRIMARY) { if(event.button === Astal.MouseButton.PRIMARY) {
searchString.set(""); searchString.set("");
entry.text = ""; entry.text = "";
window.close(); window.close();
cleanExec(app); cleanExec(app);
return; return;
} }
// select app launch options TODO // select app launch options TODO
}, },
child: new Widget.Box({ child: new Widget.Box({
@@ -74,17 +77,25 @@ export const AppsWindow = (mon: number): (Widget.Window) => {
} as Widget.LabelProps) } as Widget.LabelProps)
] ]
} as Widget.BoxProps) } as Widget.BoxProps)
} as Widget.ButtonProps), -1); } as Widget.ButtonProps);
}
const flowboxchild = flowbox.get_children()[flowbox.get_children().length-1]; const window = new Widget.Window({
flowboxchild.set_valign(Gtk.Align.START); namespace: "apps-window",
}); layer: Astal.Layer.OVERLAY,
exclusivity: Astal.Exclusivity.IGNORE,
const firstChild = flowbox.get_child_at_index(0); anchor: TOP | LEFT | RIGHT | BOTTOM,
firstChild && flowbox.select_child(firstChild); keymode: Astal.Keymode.EXCLUSIVE,
}); monitor: mon,
onDestroy: () => {
window.add(new Widget.EventBox({ searchString.set("");
searchSubscription()
},
onKeyPressEvent: (_, event: Gdk.Event) => {
event.get_keyval()[1] === Gdk.KEY_Escape &&
_.close();
},
child: new Widget.EventBox({
onClick: () => { onClick: () => {
searchString.set(""); searchString.set("");
entry.text = ""; entry.text = "";
@@ -111,7 +122,9 @@ export const AppsWindow = (mon: number): (Widget.Window) => {
} as Widget.ScrollableProps) } as Widget.ScrollableProps)
] ]
} as Widget.BoxProps) } as Widget.BoxProps)
} as Widget.EventBoxProps)); } as Widget.EventBoxProps),
} setup: () => updateResults("")
}); });
return window;
} }