parent
1fc5a48bf9
commit
f522c984c4
64 changed files with 182 additions and 50 deletions
nixosModules/ags-v2/config/widgets/bar/items
45
nixosModules/ags-v2/config/widgets/bar/items/battery.tsx
Normal file
45
nixosModules/ags-v2/config/widgets/bar/items/battery.tsx
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
import { bind } from 'astal';
|
||||
|
||||
import AstalBattery from 'gi://AstalBattery';
|
||||
const Battery = AstalBattery.get_default();
|
||||
|
||||
import Separator from '../../misc/separator';
|
||||
|
||||
|
||||
const LOW_BATT = 20;
|
||||
|
||||
export default () => (
|
||||
<box className="bar-item battery">
|
||||
<icon
|
||||
setup={(self) => {
|
||||
const update = () => {
|
||||
const percent = Math.round(Battery.get_percentage() * 100);
|
||||
const level = Math.floor(percent / 10) * 10;
|
||||
const isCharging = Battery.get_charging();
|
||||
const charged = percent === 100 && isCharging;
|
||||
const iconName = charged ?
|
||||
'battery-level-100-charged-symbolic' :
|
||||
`battery-level-${level}${isCharging ?
|
||||
'-charging' :
|
||||
''}-symbolic`;
|
||||
|
||||
self.set_icon(iconName);
|
||||
|
||||
self.toggleClassName('charging', isCharging);
|
||||
self.toggleClassName('charged', charged);
|
||||
self.toggleClassName('low', percent < LOW_BATT);
|
||||
};
|
||||
|
||||
update();
|
||||
|
||||
Battery.connect('notify::percentage', () => update());
|
||||
Battery.connect('notify::icon-name', () => update());
|
||||
Battery.connect('notify::battery-icon-name', () => update());
|
||||
}}
|
||||
/>
|
||||
|
||||
<Separator size={8} />
|
||||
|
||||
<label label={bind(Battery, 'percentage').as((v) => `${Math.round(v * 100)}%`)} />
|
||||
</box>
|
||||
);
|
||||
55
nixosModules/ags-v2/config/widgets/bar/items/clock.tsx
Normal file
55
nixosModules/ags-v2/config/widgets/bar/items/clock.tsx
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
import { bind, Variable } from 'astal';
|
||||
import { App } from 'astal/gtk3';
|
||||
|
||||
import GLib from 'gi://GLib';
|
||||
import PopupWindow from '../../misc/popup-window';
|
||||
|
||||
|
||||
export default () => {
|
||||
const timeVar = Variable<string>('').poll(1000, (prev) => {
|
||||
const time = GLib.DateTime.new_now_local();
|
||||
|
||||
const dayName = time.format('%a. ');
|
||||
const dayNum = time.get_day_of_month();
|
||||
const date = time.format(' %b. ');
|
||||
const hour = (new Date().toLocaleString([], {
|
||||
hour: 'numeric',
|
||||
minute: 'numeric',
|
||||
hour12: true,
|
||||
}) ?? '')
|
||||
.replace('a.m.', 'AM')
|
||||
.replace('p.m.', 'PM');
|
||||
|
||||
return (dayNum && dayName && date) ?
|
||||
(dayName + dayNum + date + hour) :
|
||||
prev;
|
||||
});
|
||||
|
||||
return (
|
||||
<button
|
||||
className="bar-item"
|
||||
cursor="pointer"
|
||||
|
||||
onButtonReleaseEvent={(self) => {
|
||||
const win = App.get_window('win-calendar') as PopupWindow;
|
||||
|
||||
win.set_x_pos(
|
||||
self.get_allocation(),
|
||||
'right',
|
||||
);
|
||||
|
||||
win.visible = !win.visible;
|
||||
}}
|
||||
|
||||
setup={(self) => {
|
||||
App.connect('window-toggled', (_, win) => {
|
||||
if (win.name === 'win-notif-center') {
|
||||
self.toggleClassName('toggle-on', win.visible);
|
||||
}
|
||||
});
|
||||
}}
|
||||
>
|
||||
<label label={bind(timeVar)} />
|
||||
</button>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
import { bind, Variable } from 'astal';
|
||||
|
||||
import AstalApps from 'gi://AstalApps';
|
||||
const Applications = AstalApps.Apps.new();
|
||||
|
||||
import AstalHyprland from 'gi://AstalHyprland';
|
||||
const Hyprland = AstalHyprland.get_default();
|
||||
|
||||
import Separator from '../../misc/separator';
|
||||
import { hyprMessage } from '../../../lib';
|
||||
|
||||
|
||||
export default () => {
|
||||
const visibleIcon = Variable<boolean>(false);
|
||||
const focusedIcon = Variable<string>('');
|
||||
const focusedTitle = Variable<string>('');
|
||||
|
||||
let lastFocused: string | undefined;
|
||||
|
||||
const updateVars = (
|
||||
client: AstalHyprland.Client | null = Hyprland.get_focused_client(),
|
||||
) => {
|
||||
lastFocused = client?.get_address();
|
||||
const app = Applications.fuzzy_query(
|
||||
client?.get_class() ?? '',
|
||||
)[0];
|
||||
|
||||
const icon = app?.iconName;
|
||||
|
||||
if (icon) {
|
||||
visibleIcon.set(true);
|
||||
focusedIcon.set(icon);
|
||||
}
|
||||
else {
|
||||
visibleIcon.set(false);
|
||||
}
|
||||
|
||||
focusedTitle.set(client?.get_title() ?? '');
|
||||
const id = client?.connect('notify::title', (c) => {
|
||||
if (c.get_address() !== lastFocused) {
|
||||
c.disconnect(id);
|
||||
}
|
||||
focusedTitle.set(c.get_title());
|
||||
});
|
||||
};
|
||||
|
||||
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 (
|
||||
<box
|
||||
className="bar-item current-window"
|
||||
visible={bind(focusedTitle).as((title) => title !== '')}
|
||||
>
|
||||
<icon
|
||||
css="font-size: 32px;"
|
||||
icon={bind(focusedIcon)}
|
||||
visible={bind(visibleIcon)}
|
||||
/>
|
||||
|
||||
<Separator size={8} />
|
||||
|
||||
<label
|
||||
label={bind(focusedTitle)}
|
||||
truncate
|
||||
/>
|
||||
</box>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
import { bind } from 'astal';
|
||||
import { App } from 'astal/gtk3';
|
||||
|
||||
import AstalNotifd from 'gi://AstalNotifd';
|
||||
const Notifications = AstalNotifd.get_default();
|
||||
|
||||
import Separator from '../../misc/separator';
|
||||
|
||||
const SPACING = 4;
|
||||
|
||||
// Types
|
||||
import PopupWindow from '../../misc/popup-window';
|
||||
|
||||
|
||||
export default () => (
|
||||
<button
|
||||
className="bar-item"
|
||||
cursor="pointer"
|
||||
|
||||
onButtonReleaseEvent={(self) => {
|
||||
const win = App.get_window('win-notif-center') as PopupWindow;
|
||||
|
||||
win.set_x_pos(
|
||||
self.get_allocation(),
|
||||
'right',
|
||||
);
|
||||
|
||||
win.visible = !win.visible;
|
||||
}}
|
||||
|
||||
setup={(self) => {
|
||||
App.connect('window-toggled', (_, win) => {
|
||||
if (win.name === 'win-notif-center') {
|
||||
self.toggleClassName('toggle-on', win.visible);
|
||||
}
|
||||
});
|
||||
}}
|
||||
>
|
||||
<box>
|
||||
<icon
|
||||
icon={bind(Notifications, 'notifications').as((notifs) => {
|
||||
if (Notifications.dontDisturb) {
|
||||
return 'notification-disabled-symbolic';
|
||||
}
|
||||
else if (notifs.length > 0) {
|
||||
return 'notification-new-symbolic';
|
||||
}
|
||||
else {
|
||||
return 'notification-symbolic';
|
||||
}
|
||||
})}
|
||||
/>
|
||||
|
||||
<Separator size={SPACING} />
|
||||
|
||||
<label label={bind(Notifications, 'notifications').as((n) => String(n.length))} />
|
||||
</box>
|
||||
</button>
|
||||
);
|
||||
78
nixosModules/ags-v2/config/widgets/bar/items/tray.tsx
Normal file
78
nixosModules/ags-v2/config/widgets/bar/items/tray.tsx
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
import { App, Gdk, Gtk, Widget } from 'astal/gtk3';
|
||||
import { bind, idle } from 'astal';
|
||||
|
||||
import AstalTray from 'gi://AstalTray';
|
||||
const Tray = AstalTray.get_default();
|
||||
|
||||
|
||||
const SKIP_ITEMS = ['.spotify-wrapped'];
|
||||
|
||||
const TrayItem = (item: AstalTray.TrayItem) => {
|
||||
if (item.iconThemePath) {
|
||||
App.add_icons(item.iconThemePath);
|
||||
}
|
||||
|
||||
const menu = item.create_menu();
|
||||
|
||||
return (
|
||||
<revealer
|
||||
transitionType={Gtk.RevealerTransitionType.SLIDE_RIGHT}
|
||||
revealChild={false}
|
||||
>
|
||||
<button
|
||||
className="tray-item"
|
||||
cursor="pointer"
|
||||
tooltipMarkup={bind(item, 'tooltipMarkup')}
|
||||
onDestroy={() => menu?.destroy()}
|
||||
onClickRelease={(self) => {
|
||||
menu?.popup_at_widget(self, Gdk.Gravity.SOUTH, Gdk.Gravity.NORTH, null);
|
||||
}}
|
||||
>
|
||||
<icon gIcon={bind(item, 'gicon')} />
|
||||
</button>
|
||||
</revealer>
|
||||
);
|
||||
};
|
||||
|
||||
export default () => {
|
||||
const itemMap = new Map<string, Widget.Revealer>();
|
||||
|
||||
return (
|
||||
<box
|
||||
className="bar-item system-tray"
|
||||
visible={bind(Tray, 'items').as((items) => items.length !== 0)}
|
||||
setup={(self) => {
|
||||
self
|
||||
.hook(Tray, 'item-added', (_, item: string) => {
|
||||
if (itemMap.has(item) || SKIP_ITEMS.includes(Tray.get_item(item).title)) {
|
||||
return;
|
||||
}
|
||||
|
||||
const widget = TrayItem(Tray.get_item(item)) as Widget.Revealer;
|
||||
|
||||
itemMap.set(item, widget);
|
||||
|
||||
self.add(widget);
|
||||
|
||||
idle(() => {
|
||||
widget.set_reveal_child(true);
|
||||
});
|
||||
})
|
||||
|
||||
.hook(Tray, 'item-removed', (_, item: string) => {
|
||||
if (!itemMap.has(item)) {
|
||||
return;
|
||||
}
|
||||
|
||||
const widget = itemMap.get(item);
|
||||
|
||||
widget?.set_reveal_child(false);
|
||||
|
||||
setTimeout(() => {
|
||||
widget?.destroy();
|
||||
}, 1000);
|
||||
});
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
172
nixosModules/ags-v2/config/widgets/bar/items/workspaces.tsx
Normal file
172
nixosModules/ags-v2/config/widgets/bar/items/workspaces.tsx
Normal file
|
|
@ -0,0 +1,172 @@
|
|||
import { Gtk, Widget } from 'astal/gtk3';
|
||||
import { timeout } from 'astal';
|
||||
|
||||
import AstalHyprland from 'gi://AstalHyprland';
|
||||
const Hyprland = AstalHyprland.get_default();
|
||||
|
||||
import { hyprMessage } from '../../../lib';
|
||||
|
||||
|
||||
const URGENT_DURATION = 1000;
|
||||
|
||||
const Workspace = ({ id = 0 }) => (
|
||||
<revealer
|
||||
name={id.toString()}
|
||||
transitionType={Gtk.RevealerTransitionType.SLIDE_RIGHT}
|
||||
>
|
||||
<eventbox
|
||||
cursor="pointer"
|
||||
tooltip_text={id.toString()}
|
||||
|
||||
onClickRelease={() => {
|
||||
hyprMessage(`dispatch workspace ${id}`).catch(console.log);
|
||||
}}
|
||||
>
|
||||
<box
|
||||
valign={Gtk.Align.CENTER}
|
||||
className="button"
|
||||
|
||||
setup={(self) => {
|
||||
const update = (
|
||||
_: Widget.Box,
|
||||
client?: AstalHyprland.Client,
|
||||
) => {
|
||||
const workspace = Hyprland.get_workspace(id);
|
||||
const occupied = workspace && workspace.get_clients().length > 0;
|
||||
|
||||
self.toggleClassName('occupied', occupied);
|
||||
|
||||
if (!client) {
|
||||
return;
|
||||
}
|
||||
|
||||
const isUrgent = client &&
|
||||
client.get_workspace().get_id() === id;
|
||||
|
||||
if (isUrgent) {
|
||||
self.toggleClassName('urgent', true);
|
||||
|
||||
// Only show for a sec when urgent is current workspace
|
||||
if (Hyprland.get_focused_workspace().get_id() === id) {
|
||||
timeout(URGENT_DURATION, () => {
|
||||
self.toggleClassName('urgent', false);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
update(self);
|
||||
self
|
||||
.hook(Hyprland, 'event', () => update(self))
|
||||
|
||||
// Deal with urgent windows
|
||||
.hook(Hyprland, 'urgent', update)
|
||||
|
||||
.hook(Hyprland, 'notify::focused-workspace', () => {
|
||||
if (Hyprland.get_focused_workspace().get_id() === id) {
|
||||
self.toggleClassName('urgent', false);
|
||||
}
|
||||
});
|
||||
}}
|
||||
/>
|
||||
</eventbox>
|
||||
</revealer>
|
||||
);
|
||||
|
||||
export default () => {
|
||||
const L_PADDING = 2;
|
||||
const WS_WIDTH = 30;
|
||||
|
||||
const updateHighlight = (self: Widget.Box) => {
|
||||
const currentId = Hyprland.get_focused_workspace().get_id().toString();
|
||||
|
||||
const indicators = ((self.get_parent() as Widget.Overlay)
|
||||
.child as Widget.Box)
|
||||
.children as Widget.Revealer[];
|
||||
|
||||
const currentIndex = indicators.findIndex((w) => w.name === currentId);
|
||||
|
||||
if (currentIndex >= 0) {
|
||||
self.css = `margin-left: ${L_PADDING + (currentIndex * WS_WIDTH)}px`;
|
||||
}
|
||||
};
|
||||
|
||||
const highlight = (
|
||||
<box
|
||||
className="button active"
|
||||
|
||||
valign={Gtk.Align.CENTER}
|
||||
halign={Gtk.Align.START}
|
||||
|
||||
setup={(self) => {
|
||||
self.hook(Hyprland, 'notify::focused-workspace', updateHighlight);
|
||||
}}
|
||||
/>
|
||||
) as Widget.Box;
|
||||
|
||||
let workspaces: Widget.Revealer[] = [];
|
||||
|
||||
return (
|
||||
<box
|
||||
className="bar-item"
|
||||
>
|
||||
<overlay
|
||||
className="workspaces"
|
||||
passThrough
|
||||
overlay={highlight}
|
||||
>
|
||||
<box
|
||||
setup={(self) => {
|
||||
const refresh = () => {
|
||||
(self.children as Widget.Revealer[]).forEach((rev) => {
|
||||
rev.reveal_child = false;
|
||||
});
|
||||
|
||||
workspaces.forEach((ws) => {
|
||||
ws.reveal_child = true;
|
||||
});
|
||||
};
|
||||
|
||||
const updateWorkspaces = () => {
|
||||
Hyprland.get_workspaces().forEach((ws) => {
|
||||
const currentWs = (self.children as Widget.Revealer[])
|
||||
.find((ch) => ch.name === ws.id.toString());
|
||||
|
||||
if (!currentWs && ws.id > 0) {
|
||||
self.add(Workspace({ id: ws.id }));
|
||||
}
|
||||
});
|
||||
|
||||
// Make sure the order is correct
|
||||
workspaces.forEach((workspace, i) => {
|
||||
(workspace.get_parent() as Widget.Box)
|
||||
.reorder_child(workspace, i);
|
||||
});
|
||||
};
|
||||
|
||||
const updateAll = () => {
|
||||
workspaces = (self.children as Widget.Revealer[])
|
||||
.filter((ch) => {
|
||||
return Hyprland.get_workspaces().find((ws) => {
|
||||
return ws.id.toString() === ch.name;
|
||||
});
|
||||
})
|
||||
.sort((a, b) => parseInt(a.name ?? '0') - parseInt(b.name ?? '0'));
|
||||
|
||||
updateWorkspaces();
|
||||
refresh();
|
||||
|
||||
// Make sure the highlight doesn't go too far
|
||||
const TEMP_TIMEOUT = 100;
|
||||
|
||||
timeout(TEMP_TIMEOUT, () => updateHighlight(highlight));
|
||||
};
|
||||
|
||||
updateAll();
|
||||
self.hook(Hyprland, 'event', updateAll);
|
||||
}}
|
||||
/>
|
||||
</overlay>
|
||||
</box>
|
||||
);
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue