WIP: draft a nix derivation for the ui

Author: ch1bo

ui/build.nix

@@ -0,0 +1,76 @@
+{
+  perSystem =
+    { config
+    , pkgs
+    , ...
+    }: {
+      packages = {
+        ui = pkgs.stdenv.mkDerivation {
+          pname = "leios-ui";
+          version = "0.2.0";
+
+          src = ./.;
+
+          nativeBuildInputs = with pkgs; [
+            nodejs
+            nodePackages.npm
+          ];
+
+          buildPhase = ''
+            # Install dependencies
+            npm ci --frozen-lockfile
+
+            # Build the application
+            npm run build
+          '';
+
+          installPhase = ''
+            mkdir -p $out
+            cp -r dist/* $out/
+          '';
+        };
+
+        ui-live = pkgs.writeShellApplication {
+          name = "ui-live";
+          runtimeInputs = with pkgs; [
+            python3
+            xdg-utils
+          ];
+          text = ''
+            UI_PATH="${config.packages.ui}"
+            PORT=''${PORT:-8080}
+            HOST=''${HOST:-localhost}
+
+            echo "Starting HTTP server for Leios UI at http://$HOST:$PORT"
+            echo "UI assets served from: $UI_PATH"
+
+            # Start the HTTP server in the background
+            cd "$UI_PATH"
+            python3 -m http.server "$PORT" --bind "$HOST" &
+            SERVER_PID=$!
+
+            # Wait a moment for server to start
+            sleep 2
+
+            # Open browser with scenario=2
+            URL="http://$HOST:$PORT/?scenario=2"
+            echo "Opening browser to: $URL"
+            xdg-open "$URL" || echo "Could not open browser automatically. Please visit: $URL"
+
+            # Function to cleanup on exit
+            cleanup() {
+              echo "Stopping server..."
+              kill $SERVER_PID 2>/dev/null || true
+              exit 0
+            }
+
+            # Set up signal handlers
+            trap cleanup SIGINT SIGTERM
+
+            echo "Server running. Press Ctrl+C to stop."
+            wait $SERVER_PID
+          '';
+        };
+      };
+    };
+}