nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

popupwindow: switch to class

Browse source
This commit is contained in:
2 * r + 2 * t 2025-01-16 16:23:30 +11:00
parent bb0a071034
commit 476fbe69d3
2 changed files with 48 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
modules/launcher.tsx
View file

@ -8,7 +8,7 @@ import { Apps } from "../services/apps";
import Math, { type HistoryItem } from "../services/math";
import { getAppCategoryIcon } from "../utils/icons";
import { launch } from "../utils/system";
import { convertPopupWindowProps, setupCustomTooltip } from "../utils/widgets";
import { PopupWindow, setupCustomTooltip } from "../utils/widgets";
type Mode = "apps" | "files" | "math";
@ -346,7 +346,7 @@ const LauncherContent = ({
);
@register()
export default class Launcher extends Widget.Window {
export default class Launcher extends PopupWindow {
readonly mode: Variable<Mode>;
constructor() {
@ -354,8 +354,7 @@ export default class Launcher extends Widget.Window {
const mode = Variable<Mode>("apps");
const showResults = Variable.derive([bind(entry, "textLength"), mode], (t, m) => t > 0 || m !== "apps");
super(
convertPopupWindowProps({
super({
name: "launcher",
anchor: Astal.WindowAnchor.TOP,
keymode: Astal.Keymode.EXCLUSIVE,
@ -372,8 +371,7 @@ export default class Launcher extends Widget.Window {
}
},
child: <LauncherContent mode={mode} showResults={showResults} entry={entry} />,
})
);
});
this.mode = mode;

20
utils/widgets.tsx
View file

@ -1,4 +1,4 @@
import { Binding } from "astal";
import { Binding, register } from "astal";
import { App, Astal, Gdk, Widget } from "astal/gtk3";
import AstalHyprland from "gi://AstalHyprland";
@ -52,7 +52,10 @@ const extendProp = <T,>(
override: (prop: T | undefined) => T | undefined
) => prop && (prop instanceof Binding ? prop.as(override) : override(prop));
export const convertPopupWindowProps = (props: Widget.WindowProps): Widget.WindowProps => ({
@register()
export class PopupWindow extends Widget.Window {
constructor(props: Widget.WindowProps) {
super({
keymode: Astal.Keymode.ON_DEMAND,
exclusivity: Astal.Exclusivity.IGNORE,
...props,
@ -67,6 +70,15 @@ export const convertPopupWindowProps = (props: Widget.WindowProps): Widget.Windo
return props.onKeyPressEvent?.(self, event);
},
borderWidth: 20, // To allow shadow, cause if not it gets cut off
});
});
}
export const PopupWindow = (props: Widget.WindowProps) => <window {...convertPopupWindowProps(props)} />;
popup_at_widget(widget: JSX.Element, event: Gdk.Event) {
const { width, height } = widget.get_allocation();
const [_, x, y] = event.get_coords();
const { x: cx, y: cy } = AstalHyprland.get_default().get_cursor_position();
this.marginLeft = cx + ((width - this.get_preferred_width()[1]) / 2 - x);
this.marginTop = cy + (height - y);
this.show();
}
}