marksites 0.2.3 → 0.2.5

package/dist/features/table-of-contents.js

@@ -1,91 +0,0 @@
-import GithubSlugger from "github-slugger";
-import { escapeHtml, plainTextFromHtml } from "../utils/html.js";
-function renderTableOfContents(items, title, minDepth) {
-    if (items.length === 0)
-        return "";
-    const links = items
-        .map(({ depth, id, text }) => `    <li style="--toc-level: ${depth - minDepth}"><a href="#${escapeHtml(id)}">${escapeHtml(text)}</a></li>`)
-        .join("\n");
-    const escapedTitle = escapeHtml(title);
-    return `<nav class="table-of-contents sidebar-panel" id="sidebar-panel-toc" role="tabpanel" aria-labelledby="sidebar-tab-toc" aria-label="${escapedTitle}">
-  <div class="toc-panel">
-    <ul>
-${links}
-    </ul>
-  </div>
-</nav>
-`;
-}
-function renderTableOfContentsScript() {
-    return `<script>
-(() => {
-  const navigation = document.querySelector('.table-of-contents');
-  if (!navigation) return;
-
-  const panel = navigation.querySelector('.toc-panel');
-  const links = [...panel.querySelectorAll('a[href^="#"]')];
-  const entries = links
-    .map((link) => ({ link, heading: document.getElementById(link.getAttribute('href').slice(1)) }))
-    .filter((entry) => entry.heading);
-  if (entries.length === 0) return;
-
-  let scheduled = false;
-  const update = () => {
-    scheduled = false;
-    const marker = Math.min(160, window.innerHeight * 0.25);
-    let active = entries[0];
-
-    for (const entry of entries) {
-      if (entry.heading.getBoundingClientRect().top > marker) break;
-      active = entry;
-    }
-
-    for (const entry of entries) {
-      if (entry === active) entry.link.setAttribute('aria-current', 'location');
-      else entry.link.removeAttribute('aria-current');
-    }
-    const navigationRect = navigation.getBoundingClientRect();
-    const activeRect = active.link.getBoundingClientRect();
-    if (!navigation.hidden && (activeRect.top < navigationRect.top || activeRect.bottom > navigationRect.bottom)) {
-      navigation.scrollTop += activeRect.top - navigationRect.top - navigation.clientHeight / 2;
-    }
-  };
-  const schedule = () => {
-    if (scheduled) return;
-    scheduled = true;
-    requestAnimationFrame(update);
-  };
-
-  addEventListener('scroll', schedule, { passive: true });
-  addEventListener('resize', schedule);
-  update();
-})();
-</script>`;
-}
-export function createTableOfContentsFeature(renderer, config) {
-    const items = [];
-    const slugger = new GithubSlugger();
-    renderer.heading = ({ tokens, depth }) => {
-        const renderedText = renderer.parser.parseInline(tokens);
-        const plainText = plainTextFromHtml(renderedText);
-        const id = slugger.slug(plainText);
-        if (config.enabled &&
-            depth >= config.minDepth &&
-            depth <= config.maxDepth) {
-            items.push({ depth, id, text: plainText });
-        }
-        return `<h${depth} id="${escapeHtml(id)}">${renderedText}</h${depth}>\n`;
-    };
-    return {
-        render() {
-            const markup = config.enabled
-                ? renderTableOfContents(items, config.title, config.minDepth)
-                : "";
-            return {
-                markup,
-                script: markup ? renderTableOfContentsScript() : "",
-                title: config.title,
-            };
-        },
-    };
-}