update Tue 07/14/2026 11:38:16.92

2026-07-14 11:38:17 +10:00
commit b2b555ef16
38 changed files with 7348 additions and 0 deletions
@@ -0,0 +1,46 @@
+/* admin.js — shared auth + API helpers for admin pages. */
+export async function api(path, method = 'GET', body) {
+  const res = await fetch(path, {
+    method,
+    headers: {
+      'Content-Type': 'application/json',
+      'x-exhibit-token': localStorage.getItem('exhibitToken') || '',
+    },
+    body: body === undefined ? undefined : JSON.stringify(body),
+  });
+  if (res.status === 401) { location.href = '/admin/login.html?next=' + encodeURIComponent(location.pathname); throw new Error('unauthorized'); }
+  if (!res.ok) throw new Error((await res.json().catch(() => ({}))).error || res.statusText);
+  return res.json();
+}
+
+export async function requireAuth() {
+  const info = await (await fetch('/api/info')).json();
+  if (!info.authRequired) return info;
+  // probe a guarded endpoint
+  const res = await fetch('/api/client-errors', { headers: { 'x-exhibit-token': localStorage.getItem('exhibitToken') || '' } });
+  if (res.status === 401) location.href = '/admin/login.html?next=' + encodeURIComponent(location.pathname);
+  return info;
+}
+
+export const styles = `
+  :root { color-scheme: dark; }
+  body { margin:0; background:#0a0d18; color:#e8ecff; font-family:system-ui,sans-serif; }
+  header { display:flex; gap:14px; align-items:center; padding:10px 16px; background:#111730; }
+  header a { color:#8fb8ff; text-decoration:none; font-size:.9rem; }
+  header a.active { color:#51eaf1; }
+  h1 { font-size:1.05rem; margin:0 auto 0 0; }
+  button { background:#2a3a6e; color:#fff; border:0; border-radius:6px; padding:6px 14px; cursor:pointer; }
+  button.primary { background:linear-gradient(135deg,#51eaf1,#529eff); color:#04121a; font-weight:600; }
+  button.danger { background:#7a2437; }
+  input, select { background:#141a33; color:#fff; border:1px solid #2a3a6e; border-radius:5px; padding:4px 8px; }
+  label { font-size:.8rem; opacity:.85; }
+`;
+
+export function nav(active) {
+  return `<header>
+    <h1>Newbury Exhibit — Admin</h1>
+    ${['layout', 'playlist', 'print', 'calibrate', 'errors'].map(p =>
+      `<a href="/admin/${p}.html" class="${p === active ? 'active' : ''}">${p}</a>`).join('')}
+    <a href="/">viewer ↗</a>
+  </header>`;
+}