✨ chore: restructure the project, make it not use the astal application stuff

now it's more organized and I have more control over the shell behaviour
2025-08-06 15:25:21 -03:00
parent 5a6d5b47c6
commit d549ad9596
191 changed files with 529 additions and 1000 deletions
@@ -0,0 +1,43 @@
+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"} layer={Astal.Layer.TOP}
+      anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
+      exclusivity={Astal.Exclusivity.EXCLUSIVE} heightRequest={46} monitor={mon}
+      visible={true} canFocus={false}>
+        <Gtk.Box class={"bar-container"}>
+            <Gtk.CenterBox class={"bar-centerbox"} hexpand>
+                <Gtk.Box class={"widgets-left"} homogeneous={false}
+                  halign={Gtk.Align.START} spacing={widgetSpacing}
+                  $type="start">
+
+                    <Apps />
+                    <Workspaces />
+                    <FocusedClient />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-center"} homogeneous={false}
+                  spacing={widgetSpacing} halign={Gtk.Align.CENTER}
+                  $type="center">
+
+                    <Clock />
+                    <Media />
+                </Gtk.Box>
+                <Gtk.Box class={"widgets-right"} homogeneous={false}
+                  spacing={widgetSpacing} halign={Gtk.Align.END}
+                  $type="end">
+                    <Tray />
+                    <Status />
+                </Gtk.Box>
+            </Gtk.CenterBox>
+        </Gtk.Box>
+    </Astal.Window>
+}