75 lines
2 KiB
TypeScript
75 lines
2 KiB
TypeScript
import { bind, Variable } from 'astal';
|
|
import { Gtk } from 'astal/gtk3';
|
|
|
|
import AstalApps from 'gi://AstalApps';
|
|
import AstalHyprland from 'gi://AstalHyprland';
|
|
|
|
import Separator from '../../misc/separator';
|
|
import { hyprMessage } from '../../../lib';
|
|
|
|
|
|
export default () => {
|
|
const applications = AstalApps.Apps.new();
|
|
const hyprland = AstalHyprland.get_default();
|
|
|
|
const visibleIcon = Variable<boolean>(false);
|
|
const focusedIcon = Variable<string>('');
|
|
|
|
let lastFocusedAddress: string | null;
|
|
|
|
const updateVars = (
|
|
client: AstalHyprland.Client | null = hyprland.get_focused_client(),
|
|
) => {
|
|
lastFocusedAddress = client ? client.get_address() : null;
|
|
|
|
const app = client ?
|
|
applications.fuzzy_query(client.get_class())[0] :
|
|
null;
|
|
|
|
const icon = app?.iconName;
|
|
|
|
if (icon) {
|
|
visibleIcon.set(true);
|
|
focusedIcon.set(icon);
|
|
}
|
|
else {
|
|
visibleIcon.set(false);
|
|
}
|
|
|
|
const id = client?.connect('notify::title', (c) => {
|
|
if (c.get_address() !== lastFocusedAddress) {
|
|
c.disconnect(id);
|
|
}
|
|
});
|
|
};
|
|
|
|
updateVars();
|
|
hyprland.connect('notify::focused-client', () => updateVars());
|
|
hyprland.connect('client-removed', () => updateVars());
|
|
hyprland.connect('client-added', async() => {
|
|
try {
|
|
updateVars(hyprland.get_client(JSON.parse(await hyprMessage('j/activewindow')).address));
|
|
}
|
|
catch (e) {
|
|
console.log(e);
|
|
}
|
|
});
|
|
|
|
return (
|
|
<revealer
|
|
transitionType={Gtk.RevealerTransitionType.SLIDE_RIGHT}
|
|
revealChild={bind(visibleIcon)}
|
|
>
|
|
<box>
|
|
<box className="bar-item current-window">
|
|
<icon
|
|
css="font-size: 32px;"
|
|
icon={bind(focusedIcon)}
|
|
/>
|
|
</box>
|
|
|
|
<Separator size={8} />
|
|
</box>
|
|
</revealer>
|
|
);
|
|
};
|