kontexta 4.3.1

package/bundle/standalone/node_modules/kxta-publish/dist/template/app.js

@@ -0,0 +1,297 @@
+// ---- Mermaid zoom/fullscreen (per-diagram) ----
+const _zoomMap = new Map();
+
+function escapeHtml(s) {
+  return String(s ?? "")
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+function zoomDiagram(id, delta) {
+  const current = _zoomMap.get(id) ?? 1;
+  const level = Math.max(0.25, Math.min(4, current + delta));
+  _zoomMap.set(id, level);
+  const stage = document.getElementById(id);
+  if (!stage) return;
+  stage.style.transform = `scale(${level})`;
+  stage.style.transformOrigin = 'top left';
+  const bar = document.getElementById(`${id}-level`);
+  if (bar) bar.textContent = `${Math.round(level * 100)}%`;
+}
+
+function toggleDiagramFullscreen(wrapId) {
+  const wrap = document.getElementById(wrapId);
+  if (!wrap) return;
+  if (document.fullscreenElement) {
+    document.exitFullscreen();
+  } else {
+    wrap.requestFullscreen();
+  }
+}
+
+function _onFsChange() {
+  if (document.fullscreenElement) {
+    const wrap = document.fullscreenElement.closest('.mermaid-wrap');
+    if (wrap) {
+      const stage = wrap.querySelector('.mermaid-stage');
+      if (stage) stage.style.maxHeight = 'none';
+    }
+  } else {
+    document.querySelectorAll('.mermaid-stage').forEach((stage) => {
+      stage.style.maxHeight = '600px';
+    });
+  }
+}
+document.addEventListener('fullscreenchange', _onFsChange);
+document.addEventListener('webkitfullscreenchange', _onFsChange);
+
+// ---- Data bootstrapping + router + chrome ----
+// Injected by shell.ts as globals: window.__NAV__, window.__DOCS__, window.__SEARCH__, window.__ENDPOINTS__, window.__SITE__
+const NAV = window.__NAV__ || [];
+const DOCS = window.__DOCS__ || {};
+const SEARCH = window.__SEARCH__ || [];
+const ENDPOINTS = window.__ENDPOINTS__ || {};
+const SITE = window.__SITE__ || {};
+
+function routeKey() {
+  const h = location.hash.replace(/^#\/+/g, "");
+  if (!h) return firstDocKey();
+  // Strip any in-page fragment first: "folder/slug#heading" → "folder/slug".
+  const pathPart = h.split("#")[0];
+  // Folders can be NESTED ("specs/slt-cdc"), so a naive split("/") would
+  // misread the folder as the first segment only and the slug as the
+  // second — DOCS[ ] then misses and the content pane stays empty. Use
+  // the LAST "/" as the folder/slug boundary; slugs are always a single
+  // filename and never contain "/".
+  const lastSlash = pathPart.lastIndexOf("/");
+  if (lastSlash < 0) return firstDocKey();
+  const folder = pathPart.slice(0, lastSlash);
+  const slug = pathPart.slice(lastSlash + 1);
+  if (!folder || !slug) return firstDocKey();
+  // URI-decode each segment so a navigation to `#/foo%26bar/slug` (escaped &)
+  // produces the same raw key as the data-key attribute on the matching nav
+  // item. Tolerate malformed URI escapes by falling back to the raw value.
+  let f = folder, s = slug;
+  try { f = decodeURIComponent(folder); } catch {}
+  try { s = decodeURIComponent(slug); } catch {}
+  return `${f}/${s}`;
+}
+
+function firstDocKey() {
+  const g = NAV[0];
+  const i = g && g.items[0];
+  return i ? `${i.folder}/${i.slug}` : "";
+}
+
+function renderSidebar() {
+  const el = document.getElementById("sidebar");
+  el.innerHTML = NAV.map((g) =>
+    `<div class="nav-group-label">${escapeHtml(g.group)}</div>` +
+    g.items.map((i) => {
+      // Use the raw key for the data attribute (escaping just for HTML safety
+      // when emitting) so dataset.key after the browser decodes the attribute
+      // matches the raw key returned by routeKey(). Previously we built the
+      // key from already-HTML-escaped halves, then re-embedded that escaped
+      // string into the attribute, producing a double-encoded value that
+      // never matched the raw routeKey() comparison for folder names
+      // containing &, <, > etc.
+      const rawKey = `${i.folder}/${i.slug}`;
+      const attrKey = escapeHtml(rawKey);
+      const href = `#/${encodeURI(rawKey)}`;
+      return `<a class="nav-item" data-key="${attrKey}" href="${href}">${i.icon ? escapeHtml(i.icon) + " " : ""}${escapeHtml(i.title)}</a>`;
+    }).join("")
+  ).join("");
+}
+
+function renderToc(doc) {
+  const el = document.getElementById("toc");
+  el.innerHTML = `<div class="toc-label">On this page</div>` +
+    (doc.toc || []).map((t) =>
+      `<a class="toc-item level-${escapeHtml(t.level)}" href="#/${escapeHtml(doc.folder)}/${escapeHtml(doc.slug)}#${escapeHtml(t.id)}" data-id="${escapeHtml(t.id)}">${escapeHtml(t.text)}</a>`
+    ).join("");
+}
+
+function showDoc(key) {
+  const doc = DOCS[key];
+  if (!doc) return;
+
+  const content = document.getElementById("content");
+  // Create or reuse the content-inner wrapper
+  let inner = content.querySelector('.content-inner');
+  if (!inner) {
+    inner = document.createElement('div');
+    inner.className = 'content-inner';
+    content.appendChild(inner);
+  }
+  inner.innerHTML = doc.html;
+
+  // Update active nav item
+  document.querySelectorAll(".nav-item").forEach((a) =>
+    a.classList.toggle("active", a.dataset.key === key));
+
+  renderToc(doc);
+
+  // Re-init mermaid diagrams
+  if (window.mermaid) {
+    document.querySelectorAll('.mermaid').forEach(el => {
+      el.removeAttribute('data-processed');
+    });
+    window.mermaid.run({ querySelector: '#content .mermaid' }).then(() => {
+      // Hide wrappers for diagrams that failed to render (syntax errors, etc.)
+      // Mermaid renders an SVG with aria-roledescription="error" for broken diagrams.
+      document.querySelectorAll('#content .mermaid-wrap').forEach((wrap) => {
+        if (wrap.querySelector('svg[aria-roledescription="error"]')) {
+          wrap.style.display = 'none';
+        }
+      });
+    });
+  }
+
+  // Scroll to fragment or top
+  const frag = location.hash.split("#")[2];
+  if (frag) {
+    setTimeout(() => {
+      const el = document.getElementById(frag);
+      if (el) el.scrollIntoView({ behavior: 'smooth' });
+    }, 50);
+  } else {
+    content.scrollTo?.(0, 0);
+  }
+
+  initScrollSpy();
+  attachCopyButtons();
+}
+
+/** Add a "Copy" button to every <pre> in the content pane. Idempotent —
+ *  re-running on the same DOM (e.g. after route change) won't duplicate. */
+function attachCopyButtons() {
+  document.querySelectorAll('#content pre').forEach((pre) => {
+    if (pre.querySelector(':scope > .copy-btn')) return;
+    pre.classList.add('has-copy');
+    const btn = document.createElement('button');
+    btn.type = 'button';
+    btn.className = 'copy-btn';
+    btn.setAttribute('aria-label', 'Copy code');
+    btn.textContent = 'Copy';
+    btn.addEventListener('click', async (e) => {
+      e.stopPropagation();
+      const text = (pre.querySelector('code') || pre).innerText;
+      try {
+        await navigator.clipboard.writeText(text);
+        btn.textContent = 'Copied';
+        btn.classList.add('copied');
+      } catch {
+        btn.textContent = 'Failed';
+      }
+      setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 1500);
+    });
+    pre.appendChild(btn);
+  });
+}
+
+// scroll-spy for TOC
+let _scrollSpy = null;
+function initScrollSpy() {
+  if (_scrollSpy) {
+    _scrollSpy.disconnect();
+    _scrollSpy = null;
+  }
+  const content = document.getElementById("content");
+  const headers = content.querySelectorAll(".content-inner h2, .content-inner h3");
+  if (headers.length === 0) return;
+  _scrollSpy = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        document.querySelectorAll(".toc-item").forEach((a) =>
+          a.classList.toggle("active", a.dataset.id === entry.target.id));
+      }
+    });
+  }, { root: content, rootMargin: "0px 0px -60% 0px" });
+  headers.forEach((h) => _scrollSpy.observe(h));
+}
+
+function onRoute() { showDoc(routeKey()); }
+window.addEventListener("hashchange", onRoute);
+
+// Endpoint modal
+window.openEndpoint = function (id) {
+  const ep = ENDPOINTS[id];
+  if (!ep) return;
+  const m = document.getElementById("modal");
+  document.getElementById("modal-body").innerHTML = endpointHtml(ep);
+  m.classList.add("open");
+};
+
+function endpointHtml(ep) {
+  const rows = (obj) => Object.entries(obj || {}).map(([k, v]) => `<div><code>${escapeHtml(k)}</code> — ${escapeHtml(v)}</div>`).join("");
+  return `<div class="modal-section-title">${escapeHtml(ep.method)} ${escapeHtml(ep.path)}</div>
+    ${ep.description ? `<p>${escapeHtml(ep.description)}</p>` : ""}
+    ${ep.headers ? `<div class="modal-section"><div class="modal-section-title">Headers</div>${rows(ep.headers)}</div>` : ""}
+    ${ep.statusCodes ? `<div class="modal-section"><div class="modal-section-title">Status Codes</div>${rows(ep.statusCodes)}</div>` : ""}
+    ${ep.request ? `<div class="modal-section"><div class="modal-section-title">Request</div><pre>${escapeHtml(ep.request)}</pre></div>` : ""}
+    ${ep.response ? `<div class="modal-section"><div class="modal-section-title">Response</div><pre>${escapeHtml(ep.response)}</pre></div>` : ""}`;
+}
+
+function closeModal() { document.getElementById("modal").classList.remove("open"); }
+
+// Cmd/Ctrl+K search palette over the embedded index
+function openPalette() { document.getElementById("search-overlay").classList.add("open"); document.getElementById("search-input").focus(); }
+function closePalette() { document.getElementById("search-overlay").classList.remove("open"); document.getElementById("search-input").value = ""; }
+
+function runSearch(q) {
+  const ql = q.toLowerCase().trim();
+  const hits = ql ? SEARCH.filter((e) => (e.title + " " + (e.snippet || "")).toLowerCase().includes(ql)).slice(0, 30) : [];
+  document.getElementById("search-results").innerHTML = hits.map((h) =>
+    `<a class="search-result" href="${escapeHtml(h.url)}" onclick="closePaletteSoon()"><span class="search-type">${escapeHtml(h.type)}</span> ${escapeHtml(h.title)}</a>`
+  ).join("") || `<div class="search-empty">No results found</div>`;
+}
+window.closePaletteSoon = () => setTimeout(closePalette, 0);
+
+// Theme toggle (light/dark), default dark
+function applyTheme(t) { document.documentElement.classList.toggle("dark", t === "dark"); }
+function toggleTheme() {
+  const next = document.documentElement.classList.contains("dark") ? "light" : "dark";
+  try { localStorage.setItem("kxta-publish-theme", next); } catch {}
+  applyTheme(next);
+}
+
+// boot
+document.addEventListener("DOMContentLoaded", () => {
+  let t = "dark";
+  try { t = localStorage.getItem("kxta-publish-theme") || "dark"; } catch {}
+  applyTheme(t);
+
+  renderSidebar();
+  if (!location.hash) location.hash = `#/${firstDocKey()}`;
+  onRoute();
+
+  document.addEventListener("keydown", (e) => {
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") { e.preventDefault(); openPalette(); }
+    if (e.key === "Escape") { closePalette(); closeModal(); }
+  });
+
+  document.getElementById("search-input").addEventListener("input", (e) => runSearch(e.target.value));
+  document.getElementById("theme-toggle").addEventListener("click", toggleTheme);
+  document.getElementById("modal-close").addEventListener("click", closeModal);
+  document.getElementById("nav-toggle")?.addEventListener("click", () => {
+    const sidebar = document.getElementById("sidebar");
+    sidebar.classList.toggle("open");
+    document.getElementById("sidebar-backdrop")?.classList.toggle("open", sidebar.classList.contains("open"));
+  });
+  document.getElementById("sidebar-backdrop")?.addEventListener("click", () => {
+    document.getElementById("sidebar").classList.remove("open");
+    document.getElementById("sidebar-backdrop").classList.remove("open");
+  });
+
+  // Close search overlay when clicking outside
+  document.getElementById("search-overlay").addEventListener("click", (e) => {
+    if (e.target === e.currentTarget) closePalette();
+  });
+  // Close modal when clicking outside
+  document.getElementById("modal").addEventListener("click", (e) => {
+    if (e.target === e.currentTarget) closeModal();
+  });
+});

package/bundle/standalone/node_modules/kxta-publish/dist/template/brutalist.css

@@ -0,0 +1,57 @@
+/* ---- brutalist theme — high-contrast B&W, thick borders, no shadows ---- */
+:root {
+  --accent: #000000;
+  --accent-soft: #ffff00;
+  --bg-primary: #ffffff;
+  --bg-secondary: #ffffff;
+  --bg-tertiary: #f0f0f0;
+  --text-primary: #000000;
+  --text-secondary: #000000;
+  --muted: #555555;
+  --border: #000000;
+  --success: #008000; --warning: #ff8c00; --danger: #ff0000;
+  --font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --font-mono: 'Courier New', Courier, monospace;
+}
+.dark {
+  --accent: #ffffff;
+  --accent-soft: #ffff00;
+  --bg-primary: #000000;
+  --bg-secondary: #000000;
+  --bg-tertiary: #1a1a1a;
+  --text-primary: #ffffff;
+  --text-secondary: #ffffff;
+  --muted: #aaaaaa;
+  --border: #ffffff;
+}
+
+* { box-shadow: none !important; }
+.topbar, .sidebar, .toc { border-width: 2px !important; }
+.topbar button, .api-endpoint, .glossary-item, .content pre,
+.modal-card, .search-palette, .mermaid-wrap, .content blockquote {
+  border-radius: 0 !important;
+  border-width: 2px !important;
+  border-color: var(--border) !important;
+  box-shadow: none !important;
+}
+.api-method { border-radius: 0 !important; border: 2px solid currentColor; font-weight: 800; }
+/* Anything that lands on a yellow background must use black text — readable
+   in both light and dark mode (yellow stays yellow either way). */
+.topbar button:hover,
+.nav-item:hover, .nav-item.active, .nav-item.active:hover,
+.api-endpoint:hover,
+.search-result:hover, .search-result.active,
+.toc-item.active,
+.mermaid-zoom-bar button, .mermaid-zoom-bar button:hover,
+.content blockquote, .content blockquote * {
+  background: var(--accent-soft) !important;
+  color: #000000 !important;
+  border-color: #000000 !important;
+}
+/* Blockquote shouldn't recolor itself on hover — keep its yellow bg static. */
+.content blockquote { background: var(--accent-soft) !important; }
+.nav-item.active { border: 2px solid #000000; font-weight: 800; }
+.mermaid-zoom-bar button { border: 2px solid #000000 !important; border-radius: 0 !important; }
+.content h1, .content h2 { border-bottom-width: 3px !important; text-transform: uppercase; letter-spacing: -0.5px; }
+.content a { text-decoration: underline; text-underline-offset: 2px; }
+::selection { background: var(--accent-soft); color: #000000; }

package/bundle/standalone/node_modules/kxta-publish/dist/template/flat.css

@@ -0,0 +1,182 @@
+/* ---- flat theme — Material Design vibe: vibrant, elevated, colorful ---- */
+:root {
+  --accent: #e91e63;
+  --accent-soft: rgba(233,30,99,0.10);
+  --accent-2: #00bcd4;
+  --accent-3: #ff9800;
+  --accent-4: #4caf50;
+  --accent-5: #9c27b0;
+  --bg-primary: #fafafa;
+  --bg-secondary: #ffffff;
+  --bg-tertiary: #f5f5f5;
+  --text-primary: #212121;
+  --text-secondary: #424242;
+  --muted: #757575;
+  --border: #e0e0e0;
+  --success: #4caf50; --warning: #ff9800; --danger: #f44336;
+  --font-sans: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --font-mono: 'Roboto Mono', 'SF Mono', 'Fira Code', monospace;
+  --shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
+  --shadow-2: 0 3px 6px rgba(0,0,0,0.14), 0 3px 6px rgba(0,0,0,0.10);
+  --shadow-3: 0 10px 20px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.12);
+}
+.dark {
+  --accent: #f06292;
+  --accent-soft: rgba(240,98,146,0.14);
+  --accent-2: #4dd0e1;
+  --accent-3: #ffb74d;
+  --accent-4: #81c784;
+  --accent-5: #ba68c8;
+  --bg-primary: #121212;
+  --bg-secondary: #1e1e1e;
+  --bg-tertiary: #2a2a2a;
+  --text-primary: #ffffff;
+  --text-secondary: #e0e0e0;
+  --muted: #9e9e9e;
+  --border: #333333;
+  --shadow-1: 0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.4);
+  --shadow-2: 0 3px 6px rgba(0,0,0,0.6), 0 3px 6px rgba(0,0,0,0.4);
+  --shadow-3: 0 10px 20px rgba(0,0,0,0.7), 0 6px 6px rgba(0,0,0,0.5);
+}
+
+body { background: var(--bg-primary); }
+
+/* Bold Material topbar with gradient + elevation */
+.topbar {
+  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-5) 100%);
+  border-bottom: none;
+  box-shadow: var(--shadow-2);
+}
+.brand { color: #ffffff !important; letter-spacing: 1.5px; }
+.topbar button {
+  background: rgba(255,255,255,0.18);
+  border: none;
+  color: #ffffff;
+  border-radius: 20px;
+  padding: 6px 14px;
+  font-weight: 500;
+  text-transform: uppercase;
+  font-size: 11px;
+  letter-spacing: 0.5px;
+  box-shadow: var(--shadow-1);
+  transition: all 0.2s;
+}
+.topbar button:hover {
+  background: rgba(255,255,255,0.28);
+  color: #ffffff;
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-2);
+}
+
+.sidebar { background: var(--bg-secondary); border-right: none; box-shadow: var(--shadow-1); }
+
+/* Material elevated cards */
+.api-endpoint, .glossary-item, .mermaid-wrap, .modal-card, .search-palette {
+  border-radius: 12px !important;
+  border: none !important;
+  box-shadow: var(--shadow-1) !important;
+  background: var(--bg-secondary) !important;
+  transition: all 0.2s ease;
+}
+.api-endpoint:hover, .glossary-item:hover {
+  box-shadow: var(--shadow-3) !important;
+  transform: translateY(-2px);
+  background: var(--bg-secondary) !important;
+}
+
+/* Vibrant HTTP method pills */
+.api-method {
+  border-radius: 14px !important;
+  padding: 3px 10px !important;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: 10px;
+  letter-spacing: 0.8px;
+  color: #ffffff !important;
+}
+.api-method.get { background: var(--accent-4) !important; }
+.api-method.post { background: var(--accent-3) !important; }
+.api-method.put { background: var(--accent-2) !important; }
+.api-method.delete { background: var(--danger) !important; }
+
+/* Colorful nav group labels rotating through the palette */
+.nav-group-label:nth-of-type(5n+1) { color: var(--accent); }
+.nav-group-label:nth-of-type(5n+2) { color: var(--accent-2); }
+.nav-group-label:nth-of-type(5n+3) { color: var(--accent-3); }
+.nav-group-label:nth-of-type(5n+4) { color: var(--accent-4); }
+.nav-group-label:nth-of-type(5n+5) { color: var(--accent-5); }
+
+.nav-item.active {
+  background: var(--accent) !important;
+  color: #ffffff !important;
+  box-shadow: var(--shadow-1);
+}
+.nav-item:hover {
+  background: var(--accent-soft) !important;
+  color: var(--accent) !important;
+}
+
+/* Headings with colored left accent bars */
+.content h1 {
+  border-bottom: none;
+  padding-left: 16px;
+  border-left: 6px solid var(--accent);
+}
+.content h2 {
+  border-bottom: none;
+  padding-left: 12px;
+  border-left: 4px solid var(--accent-2);
+}
+.content h3 {
+  color: var(--accent-5);
+  padding-left: 10px;
+  border-left: 3px solid var(--accent-5);
+}
+
+.content a { color: var(--accent-2); font-weight: 500; }
+.content a:hover { color: var(--accent); }
+
+.content blockquote {
+  background: linear-gradient(90deg, var(--accent-soft) 0%, transparent 100%);
+  border-left: 4px solid var(--accent);
+  border-radius: 0 8px 8px 0;
+}
+
+.content pre {
+  border: none;
+  border-radius: 10px;
+  box-shadow: var(--shadow-1);
+}
+.content code {
+  background: var(--accent-soft);
+  color: var(--accent);
+  border-radius: 4px;
+  font-weight: 500;
+}
+
+.glossary-term { color: var(--accent); font-weight: 700; }
+
+/* Floating Action Button style for theme toggle */
+#theme-toggle {
+  background: var(--accent-3) !important;
+  color: #ffffff !important;
+  border-radius: 50% !important;
+  width: 36px;
+  height: 36px;
+  padding: 0 !important;
+  font-size: 16px !important;
+  box-shadow: var(--shadow-2) !important;
+}
+#theme-toggle:hover {
+  background: var(--accent-3) !important;
+  transform: rotate(180deg) translateY(-1px);
+  box-shadow: var(--shadow-3) !important;
+}
+
+.search-input { font-size: 16px; }
+.search-result.active, .search-result:hover {
+  background: var(--accent-soft);
+  border-left: 3px solid var(--accent);
+}
+
+::selection { background: var(--accent); color: #ffffff; }