@lchase/kiln 0.10.0 → 0.12.0

package/assets/serve.js

@@ -911,6 +911,54 @@
       .catch(function () { showSettingsError("Could not load settings."); });
   }
 
+  function toggleTrigger(button) {
+    var id = button.getAttribute("data-trigger-toggle");
+    var enabled = button.getAttribute("data-enabled") !== "true";
+    var error = document.getElementById("trigger-error");
+    if (error) error.hidden = true;
+    button.disabled = true;
+    fetch("/api/settings", { cache: "no-store", headers: { Accept: "application/json" } })
+      .then(function (response) { return response.json().then(function (data) { return { ok: response.ok, data: data }; }); })
+      .then(function (result) {
+        if (!result.ok) throw new Error((result.data && result.data.error) || "Could not load settings.");
+        var data = result.data;
+        var toggles = [];
+        var buttons = document.querySelectorAll("[data-trigger-toggle]");
+        for (var i = 0; i < buttons.length; i++) {
+          var buttonId = buttons[i].getAttribute("data-trigger-toggle");
+          var on = buttons[i].getAttribute("data-enabled") === "true";
+          if (buttonId === id) on = enabled;
+          toggles.push({ id: buttonId, enabled: on });
+        }
+        var body = { revision: data.revision, repos: data.repos || {}, triggers: toggles };
+        ["stallTimeoutMs", "maxAttempts", "maxFixRounds", "maxSameFingerprint", "dailyDollarCap"].forEach(function (key) {
+          if (data[key] !== undefined && data[key] !== null) body[key] = data[key];
+        });
+        if (data.sandbox) body.sandbox = data.sandbox;
+        return fetch("/api/settings", {
+          method: "PUT",
+          headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+            "X-Kiln-CSRF": document.body.getAttribute("data-csrf") || "",
+          },
+          body: JSON.stringify(body),
+        });
+      })
+      .then(function (response) { return response.json().then(function (data) { return { ok: response.ok, data: data }; }); })
+      .then(function (result) {
+        if (!result.ok) throw new Error((result.data && result.data.error) || "Could not save settings.");
+        location.reload();
+      })
+      .catch(function (err) {
+        button.disabled = false;
+        if (error) {
+          error.hidden = false;
+          error.textContent = err && err.message ? err.message : "Could not update the trigger.";
+        }
+      });
+  }
+
   function saveSettings() {
     if (settingsSaving) return;
     if (!flushEditor()) return;
@@ -1011,8 +1059,14 @@
   document.addEventListener("click", function (event) {
     var target = event.target;
     if (!target || !target.closest) return;
-    if (target.closest("#open-settings")) {
-      openSettings();
+    var triggerToggle = target.closest("[data-trigger-toggle]");
+    if (triggerToggle) {
+      toggleTrigger(triggerToggle);
+      return;
+    }
+    var settingsControl = target.closest("#open-settings");
+    if (settingsControl) {
+      if (settingsControl.tagName !== "A") openSettings();
       return;
     }
     if (target.closest("#add-job")) {
@@ -1169,7 +1223,7 @@
       return;
     }
     el.className = "status";
-    var jobs = document.querySelectorAll(".board .card").length;
+    var jobs = document.querySelectorAll(".job").length;
     el.textContent = jobs + (jobs === 1 ? " job · " : " jobs · ") + new Date().toLocaleTimeString();
     localizeTimes(document);
   }
@@ -1194,11 +1248,20 @@
           toggle.textContent = data.paused ? "Resume" : "Pause";
           toggle.setAttribute("aria-pressed", data.paused ? "true" : "false");
           form.setAttribute("action", data.paused ? "/api/resume" : "/api/pause");
+          var label = document.getElementById("run-label");
+          var dot = document.getElementById("run-dot");
+          if (label) label.textContent = data.paused ? "Paused" : "Running";
+          if (dot) dot.classList.toggle("paused", data.paused);
         }
         var spend = document.getElementById("spend");
         if (spend && data && data.spend) {
           var capText = data.spend.cap == null ? "no cap" : "$" + Number(data.spend.cap).toFixed(2);
           spend.textContent = "today " + data.spend.day + "  $" + Number(data.spend.usd).toFixed(2) + " / " + capText;
+          var capNote = document.getElementById("cap-note");
+          if (capNote) {
+            var blocked = data.spend.blocked === true || (data.spend.cap != null && Number(data.spend.usd) >= Number(data.spend.cap));
+            capNote.hidden = !blocked;
+          }
         }
         stamp(true);
       })
@@ -1237,11 +1300,70 @@
   }
   var previewBtn = document.getElementById("preview-job");
   if (previewBtn) previewBtn.addEventListener("click", function () { submitIntake(true); });
+  function readSeen() {
+    try {
+      var raw = localStorage.getItem("kiln-seen");
+      var parsed = raw ? JSON.parse(raw) : {};
+      return parsed && typeof parsed === "object" ? parsed : {};
+    } catch (err) {
+      return {};
+    }
+  }
+
+  function writeSeen(map) {
+    try { localStorage.setItem("kiln-seen", JSON.stringify(map)); } catch (err) { /* private mode */ }
+  }
+
+  function paintCount(node, count) {
+    if (!node) return;
+    if (!count) {
+      node.hidden = true;
+      node.textContent = "";
+      return;
+    }
+    node.hidden = false;
+    node.textContent = count === 1 ? "1 change since you last looked" : count + " changes since you last looked";
+  }
+
+  function paintUnseen() {
+    var seen = readSeen();
+    var params = [];
+    for (var id in seen) {
+      if (!Object.prototype.hasOwnProperty.call(seen, id)) continue;
+      if (typeof seen[id] !== "string" || !seen[id]) continue;
+      params.push("seen=" + encodeURIComponent(id + "|" + seen[id]));
+    }
+    fetch("/api/unseen" + (params.length ? "?" + params.join("&") : ""), { cache: "no-store", headers: { Accept: "application/json" } })
+      .then(function (response) { return response.ok ? response.json() : null; })
+      .then(function (data) {
+        if (!data) return;
+        var counts = {};
+        var jobs = data.jobs || [];
+        for (var i = 0; i < jobs.length; i++) counts[jobs[i].jobId] = jobs[i].count;
+        var nodes = document.querySelectorAll("[data-unseen-for]");
+        for (var n = 0; n < nodes.length; n++) paintCount(nodes[n], counts[nodes[n].getAttribute("data-unseen-for")] || 0);
+        paintCount(document.getElementById("inbox-unseen"), data.inbox || 0);
+      })
+      .catch(function () { /* the list still works without the badge */ });
+  }
+
+  function markLooking() {
+    var id = body.getAttribute("data-job");
+    var latest = body.getAttribute("data-latest");
+    if (!id || !latest) return;
+    var seen = readSeen();
+    seen[id] = latest;
+    writeSeen(seen);
+  }
+
   showFresh();
   renderCompact();
   notifyLabel();
   applyRepo();
   stamp(true);
+  paintUnseen();
+  markLooking();
+  if (document.getElementById("settings-form")) loadSettings();
   try {
     var open = localStorage.getItem("kiln-drawer");
     if (open) openJob(open);