ags: add simple bar

modules/home/ags/default.nix

@@ -1,6 +1,7 @@
 {
   config,
   lib,
+	pkgs,
   ...
 }:
 with lib; let
@@ -12,11 +13,16 @@ in {
     programs.ags = {
       configDir = ./.;
     };
-
 		xdg.configFile."ags".recursive = true;
+
     xdg.configFile."ags/src/style/colors.css".text =
       concatMapStringsSep "\n"
       (color: "@define-color ${color} ${colors.withHashtag.${color}};")
 			colorNames;
+
+		xdg.configFile."ags/src/assets/nixos-symbolic.svg".source = pkgs.fetchurl {
+        url = "https://raw.githubusercontent.com/NixOS/nixos-artwork/35ebbbf01c3119005ed180726c388a01d4d1100c/logo/white.svg";
+        hash = "sha256-Ed2l6i2wi/YTcWCq23bspH/t3RYp6AodykpXF1Zgccw=";
+		};
   };
 }

modules/home/ags/src/index.ts

@@ -1,4 +1,7 @@
+import Bar from "./widget/Bar";
+
+App.addIcons(`${App.configDir}/src/assets`);
 App.config({
-	windows: [],
+	windows: [Bar(0)],
 	style: `${App.configDir}/src/style/global.css`,
 });

modules/home/ags/src/widget/Bar/index.ts

@@ -0,0 +1,21 @@
+export default (monitor = 0) => Widget.Window({
+	monitor,
+	name: `bar-${monitor}`,
+	anchor: ['top', 'left', 'right'],
+	child: Widget.CenterBox({
+		startWidget: Widget.Box({
+			hexpand: true,
+			hpack: "start",
+			child: Widget.Icon("nixos-symbolic"),
+		}),
+		centerWidget: Widget.Box({
+			hpack: "center",
+			child: Widget.Label().poll(1000, self => self.label = Utils.exec("date")),
+		}),
+		endWidget: Widget.Box({
+			hexpand: true,
+			hpack: "end",
+			child: Widget.Icon("nixos-symbolic"),
+		}),
+	}),
+});