lildocs 0.1.20 → 0.1.22

package/dist/render/section-highlight.ts

@@ -1,63 +0,0 @@
-const sectionHighlightStorageKey = "lildocs:section-highlight";
-let pendingSectionUrl: string | undefined;
-
-export function initSectionHighlights() {
-  document.addEventListener("click", (event) => {
-    if (!(event.target instanceof Element)) {
-      return;
-    }
-
-    const link = event.target.closest<HTMLAnchorElement>('.toc a[href^="#"]');
-    if (link) {
-      queueSectionHighlight(link.href);
-    }
-  });
-  document.addEventListener("lildocs:page-view", highlightPendingSection);
-  window.addEventListener("hashchange", highlightPendingSection);
-  highlightPendingSection();
-}
-
-export function queueSectionHighlight(href: string) {
-  pendingSectionUrl = href;
-  try {
-    window.sessionStorage.setItem(sectionHighlightStorageKey, href);
-  } catch {}
-  window.requestAnimationFrame(highlightPendingSection);
-}
-
-function highlightPendingSection() {
-  let href = pendingSectionUrl;
-  if (!href) {
-    try {
-      href =
-        window.sessionStorage.getItem(sectionHighlightStorageKey) ?? undefined;
-    } catch {}
-  }
-  if (!href) {
-    return;
-  }
-
-  const targetUrl = new URL(href, document.baseURI);
-  if (
-    targetUrl.origin !== window.location.origin ||
-    targetUrl.pathname !== window.location.pathname ||
-    targetUrl.search !== window.location.search ||
-    targetUrl.hash !== window.location.hash
-  ) {
-    return;
-  }
-
-  const target = document.getElementById(
-    decodeURIComponent(targetUrl.hash.slice(1)),
-  );
-  if (!target) {
-    return;
-  }
-
-  pendingSectionUrl = undefined;
-  try {
-    window.sessionStorage.removeItem(sectionHighlightStorageKey);
-  } catch {}
-  target.classList.remove("sectionHighlight");
-  window.requestAnimationFrame(() => target.classList.add("sectionHighlight"));
-}

package/dist/render/sidebar.ts

@@ -1,93 +0,0 @@
-export function initSidebar() {
-  const sidebar = document.querySelector("#lildocs-sidebar");
-  const collapseButton = document.querySelector<HTMLButtonElement>(
-    "#lildocs-sidebar-toggle",
-  );
-  const expandButton = document.querySelector<HTMLButtonElement>(
-    "#lildocs-sidebar-expand",
-  );
-  const searchButton = document.querySelector<HTMLButtonElement>(
-    "#lildocs-floating-search",
-  );
-
-  if (!sidebar || !collapseButton || !expandButton || !searchButton) {
-    return;
-  }
-
-  const mobileQuery = window.matchMedia("(max-width: 860px)");
-
-  const setMenuOpen = (open: boolean) => {
-    document.documentElement.classList.toggle("sidebar-menu-open", open);
-    collapseButton.setAttribute("aria-expanded", String(open));
-    collapseButton.setAttribute(
-      "aria-label",
-      open ? "Close navigation menu" : "Open navigation menu",
-    );
-  };
-
-  const setCollapsed = (collapsed: boolean) => {
-    document.documentElement.classList.toggle("sidebar-collapsed", collapsed);
-    collapseButton.setAttribute(
-      "aria-label",
-      collapsed ? "Expand sidebar" : "Collapse sidebar",
-    );
-  };
-
-  const syncResponsiveState = () => {
-    document.documentElement.classList.remove("sidebar-menu-open");
-    collapseButton.setAttribute("aria-expanded", "false");
-    collapseButton.setAttribute(
-      "aria-label",
-      mobileQuery.matches ? "Open navigation menu" : "Collapse sidebar",
-    );
-  };
-
-  collapseButton.addEventListener("click", () => {
-    if (mobileQuery.matches) {
-      setMenuOpen(
-        !document.documentElement.classList.contains("sidebar-menu-open"),
-      );
-      return;
-    }
-    setCollapsed(true);
-  });
-  expandButton.addEventListener("click", () => setCollapsed(false));
-  document.addEventListener("keydown", (event) => {
-    if (event.key === "Escape" && mobileQuery.matches) {
-      setMenuOpen(false);
-      return;
-    }
-    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "b") {
-      event.preventDefault();
-      if (mobileQuery.matches) {
-        setMenuOpen(
-          !document.documentElement.classList.contains("sidebar-menu-open"),
-        );
-        return;
-      }
-      setCollapsed(
-        !document.documentElement.classList.contains("sidebar-collapsed"),
-      );
-    }
-  });
-  sidebar.addEventListener("click", (event) => {
-    if (
-      mobileQuery.matches &&
-      event.target instanceof Element &&
-      event.target.closest("a[href]")
-    ) {
-      setMenuOpen(false);
-    }
-  });
-  searchButton.addEventListener("click", () => {
-    setCollapsed(false);
-    document.dispatchEvent(new CustomEvent("lildocs:search-toggle"));
-  });
-  document.addEventListener("lildocs:sidebar-menu-open", () => {
-    if (mobileQuery.matches) {
-      setMenuOpen(true);
-    }
-  });
-  mobileQuery.addEventListener("change", syncResponsiveState);
-  syncResponsiveState();
-}

package/dist/render/table-viewer.ts

@@ -1,161 +0,0 @@
-let activeDialog: HTMLDialogElement | undefined;
-
-export function initTableViewer() {
-  enhanceTables();
-  enhanceMermaidDiagrams();
-  document.addEventListener("lildocs:page-view", () => {
-    activeDialog?.close();
-    enhanceTables();
-    enhanceMermaidDiagrams();
-  });
-}
-
-function enhanceTables() {
-  const tables = document.querySelectorAll<HTMLTableElement>(
-    ".content article table",
-  );
-  for (const table of Array.from(tables)) {
-    if (table.closest(".tableFrame")) {
-      continue;
-    }
-
-    const frame = document.createElement("div");
-    frame.className = "tableFrame";
-    const toolbar = document.createElement("div");
-    toolbar.className = "tableToolbar";
-    const button = document.createElement("button");
-    button.type = "button";
-    button.className = "tableExpandButton";
-    button.title = "Expand table";
-    button.setAttribute("aria-label", "View table in full screen");
-    button.innerHTML =
-      '<span class="ti ti-arrows-maximize" aria-hidden="true"></span>';
-    const viewport = document.createElement("div");
-    viewport.className = "tableViewport";
-
-    button.addEventListener("click", () =>
-      openFullscreenDialog(table, button, {
-        dialogClass: "tableFullscreenDialog",
-        dialogLabel: "Full screen table",
-        title: table.querySelector("caption")?.textContent?.trim() || "Table",
-        closeLabel: "Minimize table",
-        viewportClass: "tableFullscreenViewport content",
-        openClass: "tableFullscreenOpen",
-      }),
-    );
-    table.before(frame);
-    toolbar.append(button);
-    viewport.append(table);
-    frame.append(viewport, toolbar);
-  }
-}
-
-function enhanceMermaidDiagrams() {
-  const diagrams = document.querySelectorAll<HTMLElement>(
-    ".content article .mermaidDiagram",
-  );
-  for (const diagram of Array.from(diagrams)) {
-    if (diagram.closest(".mermaidFrame")) {
-      continue;
-    }
-
-    const frame = document.createElement("div");
-    frame.className = "mermaidFrame";
-    const toolbar = document.createElement("div");
-    toolbar.className = "mermaidToolbar";
-    const button = document.createElement("button");
-    button.type = "button";
-    button.className = "mermaidExpandButton";
-    button.title = "Expand diagram";
-    button.setAttribute("aria-label", "View diagram in full screen");
-    button.innerHTML =
-      '<span class="ti ti-arrows-maximize" aria-hidden="true"></span>';
-    const viewport = document.createElement("div");
-    viewport.className = "mermaidViewport";
-
-    button.addEventListener("click", () =>
-      openFullscreenDialog(diagram, button, {
-        dialogClass: "mermaidFullscreenDialog",
-        dialogLabel: "Full screen diagram",
-        title: "Diagram",
-        closeLabel: "Minimize diagram",
-        viewportClass: "mermaidFullscreenViewport content",
-        openClass: "mermaidFullscreenOpen",
-      }),
-    );
-    diagram.before(frame);
-    toolbar.append(button);
-    viewport.append(diagram);
-    frame.append(viewport, toolbar);
-  }
-}
-
-type FullscreenDialogOptions = {
-  dialogClass: string;
-  dialogLabel: string;
-  title: string;
-  closeLabel: string;
-  viewportClass: string;
-  openClass: string;
-};
-
-function openFullscreenDialog(
-  source: HTMLElement,
-  opener: HTMLButtonElement,
-  options: FullscreenDialogOptions,
-) {
-  activeDialog?.close();
-
-  const dialog = document.createElement("dialog");
-  dialog.className = options.dialogClass;
-  dialog.setAttribute("aria-label", options.dialogLabel);
-  const content = document.createElement("div");
-  content.className = "tableFullscreenContent";
-  const header = document.createElement("header");
-  header.className = "tableFullscreenHeader";
-  const title = document.createElement("strong");
-  title.textContent = options.title;
-  const closeButton = document.createElement("button");
-  closeButton.type = "button";
-  closeButton.className = "tableFullscreenClose";
-  closeButton.title = options.closeLabel;
-  closeButton.setAttribute("aria-label", options.closeLabel);
-  closeButton.innerHTML =
-    '<span class="ti ti-arrows-minimize" aria-hidden="true"></span>';
-  const viewport = document.createElement("div");
-  viewport.className = options.viewportClass;
-  viewport.append(source.cloneNode(true));
-
-  closeButton.addEventListener("click", () => dialog.close());
-  dialog.addEventListener("cancel", (event) => {
-    event.preventDefault();
-    dialog.close();
-  });
-  dialog.addEventListener("click", (event) => {
-    if (event.target === dialog) {
-      dialog.close();
-    }
-  });
-  dialog.addEventListener(
-    "close",
-    () => {
-      document.documentElement.classList.remove(options.openClass);
-      dialog.remove();
-      if (activeDialog === dialog) {
-        activeDialog = undefined;
-      }
-      if (opener.isConnected) {
-        opener.focus();
-      }
-    },
-    { once: true },
-  );
-
-  header.append(title, closeButton);
-  content.append(header, viewport);
-  dialog.append(content);
-  document.body.append(dialog);
-  document.documentElement.classList.add(options.openClass);
-  activeDialog = dialog;
-  dialog.showModal();
-}

package/dist/render/toc-visibility.ts

@@ -1,78 +0,0 @@
-let animationFrame: number | undefined;
-
-export function initTocVisibility() {
-  window.addEventListener("scroll", scheduleTocVisibilityUpdate, {
-    passive: true,
-  });
-  window.addEventListener("resize", scheduleTocVisibilityUpdate);
-  document.addEventListener("lildocs:page-view", scheduleTocVisibilityUpdate);
-  void document.fonts?.ready.then(scheduleTocVisibilityUpdate);
-  scheduleTocVisibilityUpdate();
-}
-
-function scheduleTocVisibilityUpdate() {
-  if (animationFrame !== undefined) {
-    return;
-  }
-
-  animationFrame = window.requestAnimationFrame(() => {
-    animationFrame = undefined;
-    updateTocVisibility();
-  });
-}
-
-function updateTocVisibility() {
-  const container = document.querySelector<HTMLElement>("[data-toc-links]");
-  const indicator = container?.querySelector<HTMLElement>(
-    "[data-toc-visibility]",
-  );
-  if (!container || !indicator) {
-    return;
-  }
-
-  const items = Array.from(
-    container.querySelectorAll<HTMLAnchorElement>('a[href^="#"]'),
-  )
-    .map((link) => {
-      const heading = headingForLink(link);
-      return heading ? { heading, link } : undefined;
-    })
-    .filter((item): item is { heading: HTMLElement; link: HTMLAnchorElement } =>
-      Boolean(item),
-    );
-  const visibleItems = items.filter(({ heading }) => {
-    const bounds = heading.getBoundingClientRect();
-    return bounds.bottom > 0 && bounds.top < window.innerHeight;
-  });
-  if (visibleItems.length === 0 || visibleItems.length === items.length) {
-    indicator.classList.remove("isVisible");
-    return;
-  }
-
-  const containerBounds = container.getBoundingClientRect();
-  const firstBounds = visibleItems[0].link.getBoundingClientRect();
-  const lastBounds =
-    visibleItems.at(-1)?.link.getBoundingClientRect() ?? firstBounds;
-  indicator.style.setProperty(
-    "--ld-toc-visibility-top",
-    `${firstBounds.top - containerBounds.top}px`,
-  );
-  indicator.style.setProperty(
-    "--ld-toc-visibility-height",
-    `${lastBounds.bottom - firstBounds.top}px`,
-  );
-  indicator.classList.add("isVisible");
-}
-
-function headingForLink(link: HTMLAnchorElement): HTMLElement | null {
-  const id = link.hash.slice(1);
-  if (!id) {
-    return null;
-  }
-
-  try {
-    return document.getElementById(decodeURIComponent(id));
-  } catch {
-    return document.getElementById(id);
-  }
-}

package/dist/render/types.ts

@@ -1,9 +0,0 @@
-export type AdjacentPageLink = {
-  title: string;
-  href: string;
-};
-
-export type PageNavigation = {
-  previous?: AdjacentPageLink;
-  next?: AdjacentPageLink;
-};