ags: build with derivation

modules/home/ags/.gitignore

@@ -1,4 +1,4 @@
 node_modules/
 types
 
-dist/
+config.js

modules/home/ags/README.md

@@ -1,19 +1,25 @@
 # AgsDots
 
-## Contributing
+## Getting Started
 
-1. Install AGS and Bun.
+### Installing AGS and Bun
 
 ```bash
 home-manager switch --flake .
 ```
 
-2. Install type definitions.
+### Installing type definitions
 
 ```bash
 bun install
 ```
 
+### Building
+
+```bash
+bun run build
+```
+
 ## Acknowledgements
 
 This project was created using `bun init` in bun v1.0.33. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

modules/home/ags/config.ts

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

modules/home/ags/default.nix

@@ -1,25 +1,34 @@
 {
   config,
   lib,
+  pkgs,
   nixos-symbolic,
   ...
 }:
 with lib; let
   cfg = config.programs.ags;
-  colors = config.lib.stylix.colors;
-  colorNames = map (n: "base${fixedWidthNumber 2 n}") (range 0 16);
 in {
   config = mkIf cfg.enable {
     programs.ags = {
-      configDir = ./.;
-    };
-    xdg.configFile."ags".recursive = true;
+      configDir = pkgs.stdenv.mkDerivation {
+        name = "ags-dots";
+        src = ./.;
+
+        nativeBuildInputs = with pkgs; [bun];
+        buildPhase = ''
+          # Copy assets
+          cp ${nixos-symbolic} ./assets/nixos-symbolic.svg
 
-    xdg.configFile."ags/src/style/colors.css".text =
-      concatMapStringsSep "\n"
-      (color: "@define-color ${color} ${colors.withHashtag.${color}};")
-      colorNames;
+          # Build bun files
+          bun install
+          bun run build
+        '';
 
-    xdg.configFile."ags/src/assets/nixos-symbolic.svg".source = nixos-symbolic;
+        installPhase = ''
+          mkdir -p $out
+          cp -r assets style config.js $out
+        '';
+      };
+    };
   };
 }

modules/home/ags/package.json

@@ -9,6 +9,7 @@
     "typescript": "^5.0.0"
   },
   "scripts": {
-    "postinstall": "rm types; ln -s $HOME/.local/share/com.github.Aylur.ags/types types"
+    "postinstall": "rm types; ln -s $HOME/.local/share/com.github.Aylur.ags/types types",
+    "build": "bun build ./config.ts --outfile ./config.js --external \"resource://*\" --external \"gi://*\""
   }
 }