lildocs 0.1.15 → 0.1.16

package/dist/render/section-highlight.ts

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,31 @@
+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 setCollapsed = (collapsed: boolean) => {
+    document.documentElement.classList.toggle("sidebar-collapsed", collapsed);
+    collapseButton.setAttribute(
+      "aria-label",
+      collapsed ? "Expand sidebar" : "Collapse sidebar",
+    );
+  };
+
+  collapseButton.addEventListener("click", () => setCollapsed(true));
+  expandButton.addEventListener("click", () => setCollapsed(false));
+  searchButton.addEventListener("click", () => {
+    setCollapsed(false);
+    document.dispatchEvent(new CustomEvent("lildocs:search-toggle"));
+  });
+}