First commit

app.js~

@@ -0,0 +1,118 @@
+const statusEl = document.getElementById("status");
+const healthEl = document.getElementById("health");
+const buildBtn = document.getElementById("buildBtn");
+const buildResultEl = document.getElementById("buildResult");
+
+async function fetchStatus() {
+  try {
+    const res = await fetch("/api/status");
+    const text = await res.text();
+    statusEl.textContent = text;
+    statusEl.className = "badge ok";
+  } catch {
+    statusEl.textContent = "ERROR";
+    statusEl.className = "badge error";
+  }
+}
+
+async function fetchHealth() {
+  try {
+    const res = await fetch("/api/health");
+    const text = await res.text();
+    healthEl.textContent = text;
+    healthEl.className = "badge ok";
+  } catch {
+    healthEl.textContent = "ERROR";
+    healthEl.className = "badge error";
+  }
+}
+
+async function runBuild() {
+  buildBtn.disabled = true;
+  buildResultEl.textContent = "Running build...";
+  buildResultEl.className = "muted";
+
+  try {
+    const res = await fetch("/api/build", {
+      method: "POST"
+    });
+
+    if (!res.ok) {
+      throw new Error("Build failed");
+    }
+
+    const text = await res.text();
+    buildResultEl.textContent = text || "Build started successfully";
+  } catch (err) {
+    buildResultEl.textContent = "Build failed";
+  } finally {
+    buildBtn.disabled = false;
+  }
+}
+const logOutput = document.getElementById("logOutput");
+
+function streamLogs() {
+  const eventSource = new EventSource("/api/build/logs");
+
+  eventSource.onmessage = function(event) {
+    logOutput.textContent += event.data + "\n";
+    logOutput.scrollTop = logOutput.scrollHeight;
+  };
+
+  eventSource.onerror = function() {
+    eventSource.close();
+  };
+}
+
+streamLogs();
+// Initial load
+fetchStatus();
+fetchHealth();
+
+// Button handler
+buildBtn.addEventListener("click", runBuild);
+
+const orgRoamBtn = document.getElementById("orgRoamBtn");
+const orgRoamResult = document.getElementById("orgRoamResult");
+const orgRoamLogs = document.getElementById("orgRoamLogs");
+
+let orgRoamEventSource = null;
+
+async function runOrgRoamBuild() {
+
+  orgRoamBtn.disabled = true;
+  orgRoamLogs.textContent = ""; // 🔥 clear logs each run
+  orgRoamResult.textContent = "Running make...";
+
+  try {
+    const res = await fetch("/api/orgroam/build", { method: "POST" });
+
+    if (!res.ok) {
+      throw new Error("Build failed");
+    }
+
+    orgRoamResult.textContent = "Build started";
+
+    if (orgRoamEventSource) {
+      orgRoamEventSource.close();
+    }
+
+    orgRoamEventSource = new EventSource("/api/orgroam/logs");
+
+    orgRoamEventSource.onmessage = function(event) {
+      orgRoamLogs.textContent += event.data + "\n";
+      orgRoamLogs.scrollTop = orgRoamLogs.scrollHeight;
+    };
+
+    orgRoamEventSource.onerror = function() {
+      orgRoamEventSource.close();
+    };
+
+  } catch (err) {
+    orgRoamResult.textContent = "Build failed";
+  } finally {
+    orgRoamBtn.disabled = false;
+  }
+}
+
+orgRoamBtn.addEventListener("click", runOrgRoamBuild);