@dogsbay/ssg 0.0.0-stage → 0.2.0-beta.129

package/dist/package/client.mjs

@@ -0,0 +1,683 @@
+// src/client/elements.ts
+import "@dogsbay/elements/db-tabs";
+import "@dogsbay/elements/db-accordion";
+import "@dogsbay/elements/db-details-sheet";
+import "@dogsbay/elements/db-code-block";
+import "@dogsbay/elements/db-nav-tree";
+import "@dogsbay/elements/db-toc";
+import "@dogsbay/elements/db-dialog";
+import "@dogsbay/elements/db-combobox";
+import "@dogsbay/elements/db-select";
+import "@dogsbay/elements/db-popover";
+import "@dogsbay/elements/db-tooltip";
+
+// node_modules/@dogsbay/ui/src/sidebar/sidebar.ts
+import { ScrollLock } from "@dogsbay/primitives/scroll-lock";
+var SIDEBAR_STORAGE_KEY = "sidebar_state";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var MOBILE_BREAKPOINT = 768;
+var instances = /* @__PURE__ */ new WeakMap();
+function getStoredState(key) {
+  try {
+    return localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function setStoredState(key, value) {
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function initSidebar(provider) {
+  if (instances.has(provider)) return;
+  const sidebar = provider.querySelector(
+    "[data-component='sidebar']"
+  );
+  if (!sidebar) return;
+  const collapsible = sidebar.dataset.collapsible || "offcanvas";
+  const side = sidebar.dataset.side || "left";
+  const defaultOpen = sidebar.dataset.defaultOpen !== "false";
+  const storedState = getStoredState(SIDEBAR_STORAGE_KEY);
+  const initialOpen = storedState !== null ? storedState === "true" : defaultOpen;
+  const desktopSidebar = sidebar.querySelector(
+    "[data-sidebar-desktop]"
+  );
+  const mobileSidebar = sidebar.querySelector(
+    "[data-sidebar-mobile]"
+  );
+  const mobileBackdrop = sidebar.querySelector(
+    "[data-sidebar-mobile-backdrop]"
+  );
+  const mediaQuery = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+  const instance = {
+    provider,
+    sidebar,
+    desktopSidebar,
+    mobileSidebar,
+    mobileBackdrop,
+    collapsible,
+    side,
+    open: initialOpen,
+    openMobile: false,
+    isMobile: mediaQuery.matches,
+    mediaQuery
+  };
+  instances.set(provider, instance);
+  updateDesktopState(instance);
+  const handleMediaChange = (e) => {
+    instance.isMobile = e.matches;
+    if (!e.matches && instance.openMobile) {
+      closeMobile(provider);
+    }
+  };
+  mediaQuery.addEventListener("change", handleMediaChange);
+  const handleKeyDown = (e) => {
+    if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      toggleSidebar(provider);
+    } else if (e.key === "Escape" && instance.openMobile) {
+      e.preventDefault();
+      closeMobile(provider);
+    }
+  };
+  document.addEventListener("keydown", handleKeyDown);
+  bindTriggers(provider, instance);
+  if (mobileBackdrop) {
+    mobileBackdrop.addEventListener("click", () => {
+      closeMobile(provider);
+    });
+  }
+  const rail = sidebar.querySelector("[data-part='rail']");
+  if (rail) {
+    rail.addEventListener("click", () => {
+      toggleSidebar(provider);
+    });
+  }
+}
+function bindTriggers(provider, instance) {
+  provider.querySelectorAll("[data-part='sidebar-trigger']").forEach((el) => {
+    el.addEventListener("click", () => {
+      toggleSidebar(provider);
+    });
+  });
+}
+function toggleSidebar(provider) {
+  const instance = instances.get(provider);
+  if (!instance) return;
+  if (instance.isMobile) {
+    if (instance.openMobile) {
+      closeMobile(provider);
+    } else {
+      openMobile(provider);
+    }
+  } else {
+    instance.open = !instance.open;
+    updateDesktopState(instance);
+    setStoredState(SIDEBAR_STORAGE_KEY, String(instance.open));
+  }
+}
+function updateDesktopState(instance) {
+  const state = instance.open ? "expanded" : "collapsed";
+  instance.provider.setAttribute("data-state", state);
+  instance.sidebar.setAttribute("data-state", state);
+  if (instance.desktopSidebar) {
+    instance.desktopSidebar.setAttribute("data-state", state);
+    if (!instance.open) {
+      instance.desktopSidebar.setAttribute(
+        "data-collapsible",
+        instance.collapsible
+      );
+    } else {
+      instance.desktopSidebar.setAttribute("data-collapsible", "");
+    }
+  }
+}
+function openMobile(provider) {
+  const instance = instances.get(provider);
+  if (!instance || instance.openMobile || !instance.mobileSidebar) return;
+  instance.openMobile = true;
+  const sidebarInner = instance.desktopSidebar?.querySelector(
+    "[data-sidebar='sidebar-inner']"
+  );
+  if (sidebarInner) {
+    while (sidebarInner.firstChild) {
+      instance.mobileSidebar.appendChild(sidebarInner.firstChild);
+    }
+  }
+  instance.mobileSidebar.hidden = false;
+  instance.mobileSidebar.setAttribute("data-state", "open");
+  if (instance.mobileBackdrop) {
+    instance.mobileBackdrop.hidden = false;
+  }
+  ScrollLock.activate();
+  requestAnimationFrame(() => {
+    const focusable = instance.mobileSidebar?.querySelector(
+      'a, button, [tabindex]:not([tabindex="-1"])'
+    );
+    focusable?.focus();
+  });
+}
+function closeMobile(provider) {
+  const instance = instances.get(provider);
+  if (!instance || !instance.openMobile || !instance.mobileSidebar) return;
+  instance.openMobile = false;
+  const sidebarInner = instance.desktopSidebar?.querySelector(
+    "[data-sidebar='sidebar-inner']"
+  );
+  if (sidebarInner && instance.mobileSidebar) {
+    while (instance.mobileSidebar.firstChild) {
+      sidebarInner.appendChild(instance.mobileSidebar.firstChild);
+    }
+  }
+  instance.mobileSidebar.setAttribute("data-state", "closed");
+  instance.mobileSidebar.hidden = true;
+  if (instance.mobileBackdrop) {
+    instance.mobileBackdrop.hidden = true;
+  }
+  ScrollLock.deactivate();
+  const trigger = instance.provider.querySelector(
+    "[data-part='sidebar-trigger']"
+  );
+  trigger?.focus();
+}
+function init() {
+  document.querySelectorAll("[data-component='sidebar-provider']").forEach((el) => {
+    initSidebar(el);
+  });
+}
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", init);
+} else {
+  init();
+}
+document.addEventListener("astro:page-load", init);
+
+// src/client/search.ts
+import { loadDetails, parseQuery as parseQuery2, scriptData, search } from "@dogsbay/search/query";
+
+// src/client/pagefind.ts
+import { parseQuery } from "@dogsbay/search/query";
+function pagefindSearch(unitRoot) {
+  let mod;
+  const unitPath = new URL(unitRoot || "./", location.href).pathname;
+  return async (q) => {
+    mod ??= import(new URL(`${unitRoot}pagefind/pagefind.js`, location.href).href).catch((e) => {
+      mod = void 0;
+      throw e;
+    });
+    const words = q.replace(/(?<!\S)-?(tag|section):("[^"]*"?|\S*)/gi, " ").trim();
+    const found = words ? await (await mod).search(words) : null;
+    const hits = found?.results ?? [];
+    const toResult = async (h, i) => {
+      const d = await h.data();
+      const url = d.url.startsWith(unitPath) ? d.url.slice(unitPath.length) : d.url.replace(/^\/+/, "");
+      const headings = (d.sub_results ?? []).map((s) => [s.title, s.url.split("#")[1] ?? ""]).filter(([, id]) => id);
+      return { id: i, title: d.meta.title ?? url, url, section: "", score: hits.length - i, fragment: [text(d.excerpt), headings], sections: headings.slice(0, 3) };
+    };
+    const first = await Promise.all(hits.slice(0, 10).map(toResult));
+    const more = Promise.all(hits.slice(10, 30).map((h, i) => toResult(h, i + 10)));
+    more.catch(() => {
+    });
+    return { results: first, more, total: hits.length, highlight: parseQuery(q).highlight };
+  };
+}
+function text(html) {
+  return new DOMParser().parseFromString(html, "text/html").body.textContent ?? "";
+}
+
+// src/client/search.ts
+function initSearch(opts) {
+  const { signal } = opts;
+  const dialog = document.getElementById("db-search");
+  if (!dialog) return;
+  const input = dialog.querySelector("[data-db-search-input]");
+  const list = dialog.querySelector("[data-part='listbox']");
+  const status = dialog.querySelector("[data-db-search-status]");
+  const hint = status.textContent ?? "";
+  const data = scriptData(`${opts.unitRoot}_dogsbay/search/`, opts.loadScript, window);
+  const engine = document.body.dataset.search ?? "builtin";
+  const served = location.protocol !== "file:";
+  const pagefind = engine === "pagefind" || engine === "both" && served ? pagefindSearch(opts.unitRoot) : void 0;
+  const needsServer = engine === "pagefind" && !served;
+  dialog.addEventListener("db-dialog:open", () => {
+    input.focus();
+    input.select();
+    if (needsServer) status.textContent = list.dataset.needsServer ?? "";
+    else if (!pagefind) void data.meta().catch(() => status.textContent = "Search index could not be loaded.");
+  }, { signal });
+  document.addEventListener("keydown", (e) => {
+    const typing = e.target.closest("input, textarea, select, [contenteditable]");
+    if (e.key === "/" && !typing || e.key.toLowerCase() === "k" && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      if (!dialog.open) dialog.show();
+      else input.focus();
+    }
+  }, { signal });
+  list.addEventListener("click", (e) => {
+    if (e.target.closest("a")) dialog.close("api");
+  }, { signal });
+  let seq = 0;
+  let parsed;
+  let timer;
+  input.addEventListener("input", () => {
+    clearTimeout(timer);
+    timer = setTimeout(() => void run(++seq), 80);
+  }, { signal });
+  const pending = /* @__PURE__ */ new Map();
+  const observer = typeof IntersectionObserver === "function" ? new IntersectionObserver((entries) => {
+    for (const e of entries)
+      if (e.isIntersecting) {
+        pending.get(e.target)?.();
+        pending.delete(e.target);
+        observer.unobserve(e.target);
+      }
+  }) : void 0;
+  const run = async (mine) => {
+    const q = input.value.trim();
+    if (!q) {
+      observer?.disconnect();
+      pending.clear();
+      filterBar.hidden = true;
+      list.replaceChildren();
+      status.textContent = hint;
+      return;
+    }
+    if (needsServer) return;
+    try {
+      if (pagefind) {
+        const found = await pagefind(q);
+        if (mine !== seq) return;
+        render(q, found.results, found.highlight, found.total);
+        const more = await found.more;
+        if (mine === seq && more.length) append(q, more, found.highlight);
+      } else {
+        const found = await search(q, data);
+        if (mine !== seq) return;
+        parsed = found.parsed;
+        render(q, found.results.slice(0, 30), found.parsed.highlight, found.results.length, found.results);
+      }
+    } catch {
+      if (mine === seq) status.textContent = "Search index could not be loaded.";
+    }
+  };
+  const filterBar = document.createElement("div");
+  filterBar.setAttribute("role", "group");
+  filterBar.setAttribute("aria-label", list.dataset.filterSection ?? "Filter by section");
+  filterBar.className = "flex flex-wrap gap-1 px-3 pb-2";
+  filterBar.hidden = true;
+  list.before(filterBar);
+  signal?.addEventListener("abort", () => {
+    clearTimeout(timer);
+    seq++;
+    observer?.disconnect();
+    pending.clear();
+    filterBar.remove();
+  });
+  const bare = (name) => name.replace(/"/g, "");
+  const sectionToken = (name) => `section:"${bare(name)}"`;
+  let refocus;
+  const filters = (q, all) => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const r of all) if (r.section) counts.set(r.section, (counts.get(r.section) ?? 0) + 1);
+    const active = [...q.matchAll(/section:"([^"]*)"/gi)].map((m) => m[1].toLowerCase());
+    const isActive = (name) => active.includes(bare(name).toLowerCase());
+    const names = [...counts].sort((a, b) => b[1] - a[1]).slice(0, 6).map(([n]) => n);
+    for (const a of active) if (!names.some((n) => bare(n).toLowerCase() === a)) names.push(a);
+    filterBar.replaceChildren(
+      ...names.length > 1 || active.length ? names.map((name) => {
+        const b = document.createElement("button");
+        b.type = "button";
+        const on = isActive(name);
+        b.setAttribute("aria-pressed", String(on));
+        b.className = "rounded-full border px-2.5 py-0.5 text-xs hover:bg-accent aria-pressed:bg-primary aria-pressed:text-primary-foreground";
+        b.textContent = name;
+        b.addEventListener("click", () => {
+          const token = sectionToken(name);
+          const rest = input.value.replace(new RegExp(`\\s*section:"${bare(name).replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}"`, "i"), "").trim();
+          input.value = on ? rest : `${rest} ${token}`.trim();
+          refocus = name;
+          input.dispatchEvent(new Event("input", { bubbles: true }));
+        }, { signal });
+        return b;
+      }) : []
+    );
+    filterBar.hidden = !filterBar.childElementCount;
+    if (refocus !== void 0) {
+      const again = [...filterBar.querySelectorAll("button")].find((b) => b.textContent === refocus);
+      (again ?? input).focus();
+      refocus = void 0;
+    }
+  };
+  const render = (q, results, terms, total, all = results) => {
+    observer?.disconnect();
+    pending.clear();
+    filters(q, all);
+    list.replaceChildren(...items(q, results, terms));
+    status.textContent = total ? `${total} result${total === 1 ? "" : "s"}` : `${list.dataset.noResults} \u201C${q}\u201D`;
+  };
+  const append = (q, results, terms) => list.append(...items(q, results, terms));
+  const items = (q, results, terms) => {
+    const items2 = [];
+    for (const r of results) {
+      const page = option(r.url, terms, "block rounded-md p-3 hover:bg-accent");
+      const t = document.createElement("div");
+      t.className = "font-medium";
+      t.append(...highlight(r.title, terms));
+      page.a.appendChild(t);
+      if (r.section) {
+        const s = document.createElement("div");
+        s.className = "text-xs text-muted-foreground";
+        s.textContent = r.section;
+        page.a.appendChild(s);
+      }
+      const excerpt = document.createElement("div");
+      excerpt.className = "mt-1 line-clamp-2 text-xs text-muted-foreground";
+      page.a.appendChild(excerpt);
+      items2.push(page.li);
+      const fill = () => {
+        if (!r.fragment) return [];
+        if (r.fragment[0]) excerpt.replaceChildren(...highlight(r.fragment[0], terms));
+        return (r.sections ?? []).map(([text2, id]) => {
+          const sub = option(`${r.url}#${id}`, terms, "ml-4 block rounded-md border-l px-3 py-1.5 text-sm hover:bg-accent");
+          sub.a.append(...highlight(text2, terms));
+          return sub.li;
+        });
+      };
+      if (r.fragment) items2.push(...fill());
+      else if (observer) {
+        const p = parsed ?? parseQuery2(q);
+        pending.set(page.li, () => void loadDetails(p, [r], data).then(() => page.li.after(...fill()), () => {
+        }));
+        observer.observe(page.li);
+      }
+    }
+    return items2;
+  };
+  const option = (url, terms, className) => {
+    const li = document.createElement("li");
+    li.setAttribute("role", "none");
+    li.className = "mb-1";
+    const a = document.createElement("a");
+    a.setAttribute("data-part", "option");
+    a.dataset.value = url;
+    a.href = withHighlight(opts.unitRoot + url, terms);
+    a.tabIndex = -1;
+    a.className = className;
+    li.appendChild(a);
+    return { li, a };
+  };
+}
+function withHighlight(href, terms) {
+  if (!terms.length) return href;
+  const hash = href.indexOf("#");
+  const [path, frag] = hash < 0 ? [href, ""] : [href.slice(0, hash), href.slice(hash)];
+  return `${path}${path.includes("?") ? "&" : "?"}h=${encodeURIComponent(terms.join(" "))}${frag}`;
+}
+function highlight(text2, terms) {
+  if (!terms.length) return [document.createTextNode(text2)];
+  const re = new RegExp(`(${terms.map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "gi");
+  return text2.split(re).map((part, i) => {
+    if (i % 2 === 0) return document.createTextNode(part);
+    const m = document.createElement("mark");
+    m.textContent = part;
+    return m;
+  });
+}
+
+// src/client/highlight.ts
+var MAX_MARKS = 500;
+var CJK = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u;
+function initHighlights(signal) {
+  let terms;
+  try {
+    terms = (new URLSearchParams(location.search).get("h") ?? "").split(/\s+/).filter((t) => t.length > 0);
+  } catch {
+    return;
+  }
+  const article = document.querySelector("#db-content article") ?? document.querySelector("#db-content");
+  if (!terms.length || !article) return;
+  const esc = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const byLength = [...terms].sort((a, b) => b.length - a.length);
+  const cjk = byLength.filter((t) => CJK.test(t)).map(esc);
+  const words = byLength.filter((t) => !CJK.test(t)).map(esc);
+  const parts = [words.length ? `(?<![\\p{L}\\p{N}])(?:${words.join("|")})` : "", cjk.length ? `(?:${cjk.join("|")})` : ""].filter(Boolean);
+  const re = new RegExp(`(${parts.join("|")})`, "giu");
+  const marks = [];
+  const walker = document.createTreeWalker(article, NodeFilter.SHOW_TEXT, {
+    acceptNode: (n) => n.parentElement?.closest("script, style, mark, button, [aria-hidden='true']") ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT
+  });
+  const nodes = [];
+  for (let n = walker.nextNode(); n; n = walker.nextNode()) nodes.push(n);
+  for (const node of nodes) {
+    if (marks.length >= MAX_MARKS) break;
+    const text2 = node.data;
+    re.lastIndex = 0;
+    if (!re.test(text2)) continue;
+    re.lastIndex = 0;
+    const frag = document.createDocumentFragment();
+    let at = 0;
+    for (const m of text2.matchAll(re)) {
+      frag.append(text2.slice(at, m.index));
+      const mark = document.createElement("mark");
+      mark.className = "db-search-hl";
+      mark.textContent = m[0];
+      frag.append(mark);
+      marks.push(mark);
+      at = m.index + m[0].length;
+    }
+    frag.append(text2.slice(at));
+    node.replaceWith(frag);
+  }
+  cleanUrl();
+  if (!marks.length) return;
+  const label = document.querySelector("[data-clear-highlights]")?.dataset.clearHighlights ?? "Clear highlights";
+  const bar = document.createElement("div");
+  bar.className = "not-prose mb-4";
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "inline-flex h-8 items-center rounded-md border px-3 text-sm hover:bg-accent";
+  button.textContent = label;
+  button.addEventListener("click", () => {
+    for (const m of marks) m.replaceWith(document.createTextNode(m.textContent ?? ""));
+    article.normalize();
+    bar.remove();
+    document.getElementById("db-content")?.focus({ preventScroll: true });
+  }, { signal });
+  bar.append(button);
+  article.prepend(bar);
+  if (!location.hash) marks[0].scrollIntoView({ block: "center" });
+}
+function cleanUrl() {
+  try {
+    const url = new URL(location.href);
+    url.searchParams.delete("h");
+    history.replaceState(history.state, "", url.toString());
+  } catch {
+  }
+}
+
+// src/client/image-zoom.ts
+import mediumZoom from "medium-zoom";
+var shared;
+function initImageZoom(signal) {
+  const raw = document.body.dataset.imageZoom;
+  if (!raw) return;
+  let opts;
+  try {
+    opts = JSON.parse(raw);
+  } catch {
+    return;
+  }
+  const images = [...document.querySelectorAll('img[data-zoomable="true"]')];
+  if (!images.length) return;
+  const zoom = shared ??= mediumZoom();
+  zoom.update(opts);
+  zoom.attach(...images);
+  signal?.addEventListener("abort", () => {
+    void zoom.close();
+    zoom.detach(...images);
+  });
+  const on = { signal };
+  let byKeyboard = false;
+  const isKey = (e) => e.key === "Enter" || e.key === " ";
+  for (const img of images) {
+    if (!img.alt) continue;
+    img.tabIndex = 0;
+    img.addEventListener("keydown", (e) => {
+      if (!isKey(e)) return;
+      e.preventDefault();
+      byKeyboard = true;
+      zoom.open({ target: img });
+    }, on);
+    img.addEventListener("medium-zoom:opened", () => {
+      const zoomed = document.querySelector(".medium-zoom-image--opened");
+      if (!byKeyboard || !zoomed) return;
+      zoomed.tabIndex = -1;
+      zoomed.addEventListener("keydown", (e) => {
+        if (!isKey(e)) return;
+        e.preventDefault();
+        zoom.close();
+      });
+      zoomed.focus();
+    }, on);
+    img.addEventListener("medium-zoom:closed", () => {
+      if (byKeyboard) img.focus();
+      byKeyboard = false;
+    }, on);
+  }
+}
+
+// src/client/targets.ts
+function isRelativeTarget(t) {
+  return !/^[\x00-\x20]*([a-z][a-z0-9+.-]*:|[\\/])/i.test(t.replace(/[\t\n\r]/g, ""));
+}
+
+// src/client/mount.ts
+var loaded = /* @__PURE__ */ new Map();
+function loadScript(src) {
+  let p = loaded.get(src);
+  if (!p) {
+    p = new Promise((resolve, reject) => {
+      const s = document.createElement("script");
+      s.src = src;
+      s.onload = () => resolve();
+      s.onerror = () => {
+        loaded.delete(src);
+        reject(new Error(`could not load ${src}`));
+      };
+      document.head.appendChild(s);
+    });
+    loaded.set(src, p);
+  }
+  return p;
+}
+function initTheme(signal) {
+  document.querySelectorAll("[data-component='theme-toggle']").forEach((btn) => {
+    const sync = () => btn.setAttribute("aria-pressed", String(document.documentElement.classList.contains("dark")));
+    sync();
+    btn.addEventListener("click", () => {
+      const dark = !document.documentElement.classList.contains("dark");
+      document.documentElement.classList.toggle("dark", dark);
+      try {
+        localStorage.setItem("theme", dark ? "dark" : "light");
+      } catch {
+      }
+      sync();
+    }, { signal });
+  });
+}
+function initPageActions(signal) {
+  document.addEventListener("click", async (e) => {
+    const btn = e.target.closest("[data-copy-markdown]");
+    if (!btn) return;
+    const md = (document.getElementById("db-page-markdown")?.textContent ?? "").replace(/<\\\/(script)/gi, "</$1").replace(/<\\!--/g, "<!--");
+    try {
+      await navigator.clipboard.writeText(md);
+      const label = btn.dataset.label ??= btn.textContent ?? "";
+      btn.textContent = "Copied";
+      clearTimeout(Number(btn.dataset.timer));
+      btn.dataset.timer = String(setTimeout(() => btn.textContent = label, 1500));
+    } catch {
+    }
+    btn.closest("db-popover")?.close?.("close-press");
+  }, { signal });
+}
+function initSwitchers(siteRoot, signal) {
+  const page = document.body.dataset.page ?? "index.html";
+  document.querySelectorAll("select[data-db-switch]").forEach((sel) => {
+    sel.addEventListener("change", async () => {
+      const opt = sel.selectedOptions[0];
+      const prefix = opt?.dataset.prefix ?? "";
+      const target = sel.value;
+      if (!isRelativeTarget(target) || !isRelativeTarget(prefix)) return;
+      try {
+        const at = prefix ? `${siteRoot}${prefix}/` : siteRoot;
+        await loadScript(`${at}_dogsbay/pages.js`);
+        const pages = window.__DOGSBAY_PAGES__?.[prefix];
+        location.href = pages && !pages.includes(page) ? `${at}index.html` : target;
+      } catch {
+        location.href = target;
+      }
+    }, { signal });
+  });
+}
+function initAnchors(signal) {
+  document.addEventListener("click", (e) => {
+    const a = e.target.closest("a.db-anchor");
+    if (!a || location.protocol === "file:") return;
+    navigator.clipboard?.writeText(a.href).catch(() => {
+    });
+  }, { signal });
+}
+var providers = /* @__PURE__ */ new Set();
+function closeDetached() {
+  for (const p of providers) if (!p.isConnected) closeMobile(p);
+}
+function wireSidebars() {
+  document.querySelectorAll("[data-component='sidebar-provider']").forEach((p) => {
+    initSidebar(p);
+    providers.add(p);
+  });
+  document.removeEventListener("keydown", closeDetached);
+  document.addEventListener("keydown", closeDetached);
+}
+var current;
+function mount(o = {}) {
+  current?.unmount();
+  const ac = new AbortController();
+  const { signal } = ac;
+  const body = document.body;
+  const unitRoot = body.dataset.unitRoot ?? "";
+  const siteRoot = body.dataset.siteRoot ?? "";
+  if (o.nav !== void 0) window.__DOGSBAY_NAV__ = o.nav;
+  wireSidebars();
+  if (o.theme !== false) initTheme(signal);
+  initPageActions(signal);
+  if (o.switchers !== false) initSwitchers(siteRoot, signal);
+  initAnchors(signal);
+  if (o.search !== false) initSearch({ unitRoot, loadScript, signal });
+  initHighlights(signal);
+  initImageZoom(signal);
+  const page = {
+    unmount() {
+      if (signal.aborted) return;
+      ac.abort();
+      for (const p of providers) closeMobile(p);
+      if (current === page) current = void 0;
+    }
+  };
+  return current = page;
+}
+
+// src/client/data-script.ts
+function readDataScript(text2) {
+  const m = /^\s*window\.__DOGSBAY_[A-Z_]+__\s*=\s*([\s\S]*?);?\s*$/.exec(text2);
+  if (!m) throw new Error("readDataScript: not a _dogsbay data script (window.__DOGSBAY_\u2026__=\u2026;)");
+  return JSON.parse(m[1]);
+}
+export {
+  mount,
+  readDataScript
+};