Files
serverAppConfigs/shared/homepage/app.js
T
Frank e3eb5334cb feat: initialize serverAppConfigs with podman stacks for Dankserver and Dankclaw
- Dankserver stack: RomM, Copyparty, Calibre-Web, node-exporter
- Dankclaw stack: Gluetun VPN (SearXNG tunnel), SearXNG+Valkey, ComfyUI
  (CPU backend), OpenWebUI, Hermes, Gitea+Postgres (migrated), Caddy
  reverse proxy, Grafana+Prometheus+Loki+Alloy observability
- Caddyfiles with .local hostname convention and basicauth homepage
- bind-mount storage policy, no named volumes
- deploy.sh mirroring vllmScripts git workflow (push -> pull -> restart -> health)
- docs/ Obsidian vault: per-service docs from frank-default-small research
  subagents (promtail EOL -> Alloy; gitea SECRET_KEY preservation; ComfyUI --cpu)
- bats test suite at 6 seams — 22 tests green
2026-08-13 20:19:41 -07:00

80 lines
2.6 KiB
JavaScript

// Dankclaw homepage status checker.
// Loads services.json, renders cards, probes each service URL for up/down.
(function () {
"use strict";
function probe(url, timeoutMs) {
// Same-origin fetch only; cross-origin will throw -> counted as checking
// via proxy. For LAN hostnames Caddy proxies everything, so URLs here are
// Caddy hostnames and fetch works same-origin.
var controller = new AbortController();
var timer = setTimeout(function () { controller.abort(); }, timeoutMs);
return fetch(url, { signal: controller.signal, cache: "no-store" })
.then(function (r) { return r.ok; })
.catch(function () { return false; })
.finally(function () { clearTimeout(timer); });
}
function card(svc) {
var el = document.createElement("article");
el.className = "card";
var top = document.createElement("div");
top.className = "top";
var badge = document.createElement("span");
badge.className = "badge checking";
badge.title = "checking";
var h2 = document.createElement("h2");
h2.textContent = svc.name;
top.appendChild(badge);
top.appendChild(h2);
var desc = document.createElement("p");
desc.textContent = svc.description;
var links = document.createElement("div");
links.className = "links";
var aOpen = document.createElement("a");
aOpen.href = svc.url;
aOpen.target = "_blank";
aOpen.rel = "noopener";
aOpen.textContent = "Open";
var aDocs = document.createElement("a");
aDocs.href = svc.docs;
aDocs.textContent = "Docs";
links.appendChild(aOpen);
links.appendChild(aDocs);
el.appendChild(top);
el.appendChild(desc);
el.appendChild(links);
return { el: el, badge: badge };
}
fetch("services.json")
.then(function (r) { return r.json(); })
.then(function (data) {
var grid = document.getElementById("services");
data.services.forEach(function (svc) {
var c = card(svc);
grid.appendChild(c.el);
// For the homepage itself, mark up immediately.
if (svc.url === "/") {
c.badge.className = "badge up";
c.badge.title = "up";
return;
}
probe(svc.url, 6000).then(function (ok) {
c.badge.className = "badge " + (ok ? "up" : "down");
c.badge.title = ok ? "up" : "down";
});
});
})
.catch(function (err) {
var grid = document.getElementById("services");
var p = document.createElement("p");
p.textContent = "Failed to load services.json: " + err.message;
grid.appendChild(p);
});
})();