✨ chore: migrate all windows to gtk4 and ags v3

2025-07-06 19:53:48 -03:00
parent f98357f6c9
commit 8fd009557d
14 changed files with 384 additions and 590 deletions
@@ -0,0 +1,45 @@
+import { Astal, Gtk } from "ags/gtk4";
+
+import { Tray } from "../widget/bar/Tray";
+import { Workspaces } from "../widget/bar/Workspaces";
+import { FocusedClient } from "../widget/bar/FocusedClient";
+import { Media } from "../widget/bar/Media";
+import { Apps } from "../widget/bar/Apps";
+import { Clock } from "../widget/bar/Clock";
+import { Status } from "../widget/bar/Status";
+
+export const Bar = (mon: number) => {
+    const widgetSpacing = 4;
+    return <Astal.Window 
+        namespace={"top-bar"}
+        anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
+        layer={Astal.Layer.TOP}
+        exclusivity={Astal.Exclusivity.EXCLUSIVE}
+        heightRequest={46}
+        monitor={mon}
+        visible={true}
+        canFocus={false}>
+            <Gtk.Box class={"bar-container"}>
+            <Gtk.CenterBox class={"bar-centerbox"}>
+                <Gtk.Box class={"widgets-left"} homogeneous={false}
+                         halign={Gtk.Align.START} spacing={widgetSpacing}>
+
+                    <Apps />
+                    <Workspaces />
+                    <FocusedClient />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-center"} homogeneous={false}
+                         spacing={widgetSpacing} halign={Gtk.Align.CENTER}>
+
+                    <Clock />
+                    <Media />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-right"} homogeneous={false}
+                         spacing={widgetSpacing} halign={Gtk.Align.END}>
+                    <Tray />
+                    <Status />
+                </Gtk.Box>
+            </Gtk.CenterBox>
+        </Gtk.Box>
+    </Astal.Window>
+}