@asteroidcms/core-utils 0.1.2 → 0.1.4

package/dist/index.cjs

@@ -1,29 +1,10 @@
 'use strict';
 
-var react = require('react');
-var react$1 = require('@apollo/client/react');
 var client = require('@apollo/client');
 var context = require('@apollo/client/link/context');
 var error = require('@apollo/client/link/error');
-var jsxRuntime = require('react/jsx-runtime');
-var hljs = require('highlight.js/lib/common');
-require('highlight.js/styles/tokyo-night-dark.css');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var hljs__default = /*#__PURE__*/_interopDefault(hljs);
-
-// src/provider/AsteroidCMSProvider.tsx
-var AsteroidCMSContext = react.createContext(null);
-function useAsteroidCMSConfig() {
-  const ctx = react.useContext(AsteroidCMSContext);
-  if (!ctx) {
-    throw new Error(
-      "useAsteroidCMSConfig must be used inside <AsteroidCMSProvider>. Wrap your app with <AsteroidCMSProvider cmsUrl=... apiKey=... />."
-    );
-  }
-  return ctx;
-}
+// src/apollo/createApolloClient.ts
 function createErrorLink(onError) {
   return new error.ErrorLink(({ error }) => {
     if (!onError) return;
@@ -83,234 +64,6 @@ function createApolloClient(config) {
     ...config.apolloOptions
   });
 }
-function AsteroidCMSProvider({ children, ...config }) {
-  const resolved = react.useMemo(() => resolveConfig(config), [
-    config.cmsUrl,
-    config.apiKey,
-    config.graphqlPath,
-    config.mediaPath,
-    config.headers,
-    config.onError
-  ]);
-  const client = react.useMemo(
-    () => createApolloClient(config),
-    // The client is intentionally rebuilt only when the identity-shaping props change.
-    [
-      config.client,
-      resolved.cmsUrl,
-      resolved.apiKey,
-      resolved.graphqlPath,
-      config.cacheConfig,
-      config.apolloOptions
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(AsteroidCMSContext.Provider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ApolloProvider, { client, children }) });
-}
-function useCmsContent({
-  schema_slug,
-  entrySlug,
-  select = [],
-  fullData = false,
-  limit,
-  offset,
-  status = "PUBLISHED",
-  filter,
-  search,
-  variables = {}
-}) {
-  const isSingle = !!entrySlug;
-  const buildSelection2 = (items = []) => {
-    const lines = [];
-    items.forEach((item) => {
-      if (typeof item === "string") {
-        lines.push(`${item}: dataField(slug: "${item}")`);
-      } else if ("field" in item && typeof item.field === "string") {
-        if (!("select" in item)) {
-          const alias2 = item.as || item.field;
-          lines.push(`${alias2}: dataField(slug: "${item.field}")`);
-          return;
-        }
-        const alias = item.as || item.field;
-        const resolver = item.single ? "expandedReferenceObject" : "expandedReference";
-        const subSelection = item.select?.length ? buildSelection2(item.select) : "data { ... }";
-        lines.push(`
-          ${alias}: ${resolver}(slug: "${item.field}") {
-            ${subSelection}
-          }
-        `);
-      }
-    });
-    return lines.join("\n      ").trim();
-  };
-  const selectionParts = [];
-  if (fullData) selectionParts.push("data");
-  if (select.length > 0) {
-    const userSelection = buildSelection2(select);
-    if (userSelection) selectionParts.push(userSelection);
-  }
-  const selection = selectionParts.join("\n      ").trim() || "id";
-  const queryVariables = {
-    schema_slug,
-    ...entrySlug && { slug: entrySlug },
-    ...variables
-  };
-  const fieldArgParts = ["schema_slug: $schema_slug"];
-  if (!isSingle) {
-    if (typeof limit === "number" && limit >= 0) {
-      fieldArgParts.push("limit: $limit");
-      queryVariables.limit = limit;
-    }
-    if (typeof offset === "number" && offset >= 0) {
-      fieldArgParts.push("offset: $offset");
-      queryVariables.offset = offset;
-    }
-    if (status) {
-      fieldArgParts.push("status: $status");
-      queryVariables.status = status;
-    }
-    const hasSearch = Array.isArray(search) && search.length > 0;
-    const hasFilter = filter && typeof filter === "object" && Object.keys(filter).length > 0;
-    if (hasSearch || hasFilter) {
-      const mergedFilter = hasFilter ? { ...filter } : {};
-      if (hasSearch) {
-        for (const condition of search) {
-          mergedFilter[condition.field] = {
-            regex: true,
-            value: condition.value,
-            mode: condition.mode ?? "i"
-          };
-        }
-      }
-      fieldArgParts.push("data: $filter");
-      queryVariables.filter = mergedFilter;
-    }
-  }
-  const varDecls = ["$schema_slug: String!"];
-  if ("limit" in queryVariables) varDecls.push("$limit: Float");
-  if ("offset" in queryVariables) varDecls.push("$offset: Float");
-  if ("status" in queryVariables) varDecls.push("$status: ContentStatus");
-  if ("filter" in queryVariables) varDecls.push("$filter: JSONObject");
-  const varBlock = varDecls.length > 0 ? `(
-  ${varDecls.join("\n  ")}
-)` : "";
-  const contentFieldArgs = fieldArgParts.join(", ");
-  const queryStr = isSingle ? `
-      query Get${schema_slug}Entry($schema_slug: String!, $slug: String!) {
-        entry: contentEntry(schema_slug: $schema_slug, slug: $slug) {
-          ${selection}
-        }
-      }
-    ` : `
-      query Get${schema_slug}Entries${varBlock} {
-        entries: contentEntries(${contentFieldArgs}) {
-          ${selection}
-        }
-      }
-    `;
-  const GET_CONTENT = client.gql(queryStr);
-  const { loading, error, data, ...rest } = react$1.useQuery(GET_CONTENT, {
-    variables: queryVariables,
-    skip: !schema_slug || isSingle && !entrySlug
-  });
-  const typed = data;
-  const result = isSingle ? typed?.entry : typed?.entries;
-  return {
-    loading,
-    error,
-    data: result,
-    ...rest
-  };
-}
-function useCmsMutate({
-  schema_slug,
-  select = [],
-  fullData = false,
-  mutationType = "create",
-  entryId,
-  variables: inputVariables = {}
-}) {
-  const buildSelection2 = (items = []) => {
-    const lines = [];
-    for (const item of items) {
-      if (typeof item === "string") {
-        lines.push(`${item}: dataField(slug: "${item}")`);
-        continue;
-      }
-      const { field, as, single, select: subSelect } = item;
-      const alias = as || field;
-      if (!subSelect?.length) {
-        lines.push(`${alias}: dataField(slug: "${field}")`);
-        continue;
-      }
-      const resolver = single ? "expandedReferenceObject" : "expandedReference";
-      const sub = buildSelection2(subSelect) || "id slug";
-      lines.push(`
-        ${alias}: ${resolver}(slug: "${field}") {
-          id
-          slug
-          ${sub}
-        }
-      `);
-    }
-    return lines.join("\n      ").trim();
-  };
-  const userSelection = buildSelection2(select);
-  let selection = fullData ? "data" : "";
-  if (userSelection) {
-    selection = selection ? `${selection}
-      ${userSelection}` : userSelection;
-  }
-  if (!selection) {
-    selection = "id slug status version created_at updated_at";
-  }
-  const operation = mutationType;
-  const mutationName = `${operation}ContentEntry`;
-  const varDecls = ["$schema_slug: String!"];
-  const callArgs = ["schema_slug: $schema_slug"];
-  if (operation === "create" || operation === "update") {
-    varDecls.unshift("$data: JSONObject!");
-    callArgs.unshift("data: $data");
-  }
-  if (operation === "update" || operation === "delete") {
-    varDecls.push("$id: ID!");
-    callArgs.push("id: $id");
-  }
-  const returnFields = selection.includes("data") ? selection : `${selection}
-        data`;
-  const MUTATION = client.gql`
-    mutation ${mutationName}(${varDecls.join(", ")}) {
-      result: ${mutationName}(${callArgs.join(", ")}) {
-        id
-        status
-        version
-        created_at
-        updated_at
-        schema {
-          id
-          slug
-        }
-        ${returnFields}
-      }
-    }
-  `;
-  const mutationVariables = {
-    schema_slug,
-    ...operation === "update" || operation === "delete" ? { id: entryId } : {},
-    ...inputVariables
-  };
-  if ((operation === "update" || operation === "delete") && !entryId) {
-    console.warn(`useCmsMutate: entryId is required for ${operation}`);
-  }
-  const [mutateFn, mutationResult] = react$1.useMutation(MUTATION, {
-    variables: mutationVariables
-  });
-  const resultData = mutationResult.data?.result;
-  return {
-    mutate: mutateFn,
-    ...mutationResult,
-    data: resultData
-  };
-}
 function buildSelection(items = []) {
   const lines = [];
   items.forEach((item) => {
@@ -442,10 +195,6 @@ function cmsImage(id, options) {
   const path = (options.mediaPath ?? "/media/canonical").replace(/^\/?/, "/");
   return `${base}${path}/${id}`;
 }
-function useCmsImage() {
-  const { cmsUrl, mediaPath } = useAsteroidCMSConfig();
-  return (id) => cmsImage(id, { cmsUrl, mediaPath });
-}
 
 // src/utils/getContentReadTime.ts
 function getContentReadTime(content, options = {}) {
@@ -577,7 +326,36 @@ function parseRichText(html, options = {}) {
   working = upgradeStandaloneImages(working);
   working = upgradeAuthoredBlockquotes(working);
   working = flattenTableCellParagraphs(working);
-  return sanitizeAndStyle(working, options);
+  working = sanitizeAndStyle(working, options);
+  if (options.autoHeadingIds !== false) {
+    working = injectHeadingIds(working);
+  }
+  return working;
+}
+function injectHeadingIds(html) {
+  const used = /* @__PURE__ */ new Map();
+  const existingRe = /<h[1-6]\b[^>]*\bid\s*=\s*("([^"]*)"|'([^']*)'|(\S+))/gi;
+  let em;
+  while ((em = existingRe.exec(html)) !== null) {
+    const id = em[2] ?? em[3] ?? em[4] ?? "";
+    if (id) used.set(id, (used.get(id) ?? 0) + 1);
+  }
+  return html.replace(
+    /<(h[1-6])\b([^>]*)>([\s\S]*?)<\/\1>/gi,
+    (full, tag, attrs, inner) => {
+      if (/\bid\s*=/i.test(attrs)) return full;
+      const text = inner.replace(/<[^>]+>/g, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/\s+/g, " ").trim();
+      if (!text) return full;
+      const base = slugifyHeading(text) || tag;
+      const n = used.get(base) ?? 0;
+      used.set(base, n + 1);
+      const id = n === 0 ? base : `${base}-${n}`;
+      return `<${tag}${attrs} id="${id}">${inner}</${tag}>`;
+    }
+  );
+}
+function slugifyHeading(text) {
+  return text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
 function flattenTableCellParagraphs(html) {
   return html.replace(
@@ -1119,507 +897,88 @@ function sanitizeAndStyle(html, options) {
   return out.join("");
 }
 
-// src/components/RichTextContent.tsx
-var DEFAULT_CLASS_MAP = {
-  variants: {
-    "figure:pullquote": "relative my-8",
-    "blockquote:pullquote": "relative italic text-lg leading-snug tracking-[-0.01em] sm:text-xl",
-    "figcaption:pullquote": "mt-4 pt-3 border-t border-current/15 not-italic text-xs uppercase tracking-[0.14em] opacity-80",
-    "span:quote-open": "mr-1 font-serif text-[1.4em] leading-none align-[-0.15em] opacity-60 select-none",
-    "span:quote-close": "ml-1 font-serif text-[1.4em] leading-none align-[-0.15em] opacity-60 select-none",
-    "span:author": "ml-1 font-semibold not-italic tracking-[0.16em] text-current"
-  }
-};
-function mergeClassMap(defaults, user) {
-  if (!user) return defaults;
-  return {
-    ...defaults,
-    ...user,
-    variants: { ...defaults.variants, ...user.variants }
-  };
-}
-var COPY_ICON_SVG = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>`;
-var CHECK_ICON_SVG = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg>`;
-var ATTRIBUTION_RE = /^(?:[—–-]+|--)\s+\S/;
-function isAttributionEl(el) {
-  if (!el) return false;
-  if (el.getAttribute("data-variant") === "attribution") return true;
-  return ATTRIBUTION_RE.test((el.textContent ?? "").trim());
-}
-function findQuoteBody(bq) {
-  const children = Array.from(bq.children);
-  if (children.length === 0) return { first: null, last: null };
-  let lastIdx = children.length - 1;
-  while (lastIdx >= 0 && isAttributionEl(children[lastIdx])) lastIdx--;
-  if (lastIdx < 0) return { first: null, last: null };
-  return { first: children[0], last: children[lastIdx] };
-}
-function enhanceBlockquotes(root) {
-  const quotes = root.querySelectorAll("blockquote");
-  quotes.forEach((bq) => {
-    if (bq.dataset.rtQuoted === "1") return;
-    if (bq.closest('figure[data-variant="pullquote"]')) return;
-    bq.dataset.rtQuoted = "1";
-    const { first, last } = findQuoteBody(bq);
-    if (!first || !last) return;
-    const open = document.createElement("span");
-    open.className = "rt-quote-open";
-    open.setAttribute("aria-hidden", "true");
-    open.textContent = "\u201C";
-    const close = document.createElement("span");
-    close.className = "rt-quote-close";
-    close.setAttribute("aria-hidden", "true");
-    close.textContent = "\u201D";
-    first.prepend(open);
-    last.append(close);
-  });
-}
-function escapeHtml2(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function preserveSpaces(html) {
-  return html.replace(/ {2,}/g, (m) => "&nbsp;".repeat(m.length));
-}
-function highlightSource(src, lang) {
-  if (lang && hljs__default.default.getLanguage(lang)) {
-    try {
-      return hljs__default.default.highlight(src, { language: lang, ignoreIllegals: true }).value;
-    } catch {
-    }
-  }
-  return escapeHtml2(src);
-}
-function highlightLine(line, lang) {
-  if (!line) return "";
-  return preserveSpaces(highlightSource(line, lang));
-}
-function highlightCodeBlock(pre) {
-  const lang = pre.dataset.language;
-  if (!lang) return;
-  const code = pre.querySelector("code");
-  if (!code) return;
-  if (code.dataset.rtHighlighted === "1") return;
-  const source = code.textContent ?? "";
-  code.innerHTML = highlightSource(source, lang);
-  code.classList.add("hljs");
-  code.dataset.rtHighlighted = "1";
-}
-var DIFF_SEPARATOR_RE = /\n?@@---@@\n?/;
-function diffLines(a, b) {
-  const n = a.length;
-  const m = b.length;
-  const dp = Array.from(
-    { length: n + 1 },
-    () => new Array(m + 1).fill(0)
-  );
-  for (let i2 = 1; i2 <= n; i2++) {
-    for (let j2 = 1; j2 <= m; j2++) {
-      dp[i2][j2] = a[i2 - 1] === b[j2 - 1] ? dp[i2 - 1][j2 - 1] + 1 : Math.max(dp[i2 - 1][j2], dp[i2][j2 - 1]);
-    }
-  }
-  const ops = [];
-  let i = n;
-  let j = m;
-  while (i > 0 && j > 0) {
-    if (a[i - 1] === b[j - 1]) {
-      ops.unshift({ t: "eq", line: a[i - 1] });
-      i--;
-      j--;
-    } else if (dp[i - 1][j] >= dp[i][j - 1]) {
-      ops.unshift({ t: "rem", line: a[i - 1] });
-      i--;
+// src/utils/extractHeadings.ts
+var DEFAULT_LEVELS = [2, 3];
+function slugify(text) {
+  return text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+}
+function decodeBasicEntities(s) {
+  return s.replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+}
+function stripTags(s) {
+  return decodeBasicEntities(s.replace(/<[^>]+>/g, " ")).replace(/\s+/g, " ").trim();
+}
+function uniqueId(base, used) {
+  const seed = base || "section";
+  const n = used.get(seed) ?? 0;
+  used.set(seed, n + 1);
+  return n === 0 ? seed : `${seed}-${n}`;
+}
+function extractHeadingsFromHtml(html, options = {}) {
+  if (!html) return [];
+  const levels = options.levels ?? DEFAULT_LEVELS;
+  const slug = options.slugify ?? slugify;
+  const used = /* @__PURE__ */ new Map();
+  const out = [];
+  const re = /<h([1-6])\b([^>]*)>([\s\S]*?)<\/h\1>/gi;
+  let m;
+  let i = 0;
+  while ((m = re.exec(html)) !== null) {
+    const level = Number(m[1]);
+    if (!levels.includes(level)) continue;
+    const attrs = m[2] ?? "";
+    const inner = m[3] ?? "";
+    const text = stripTags(inner);
+    if (!text) continue;
+    const explicitIdMatch = attrs.match(/\bid\s*=\s*("([^"]*)"|'([^']*)'|(\S+))/i);
+    let id;
+    if (explicitIdMatch) {
+      id = explicitIdMatch[2] ?? explicitIdMatch[3] ?? explicitIdMatch[4] ?? "";
+      if (id) used.set(id, (used.get(id) ?? 0) + 1);
     } else {
-      ops.unshift({ t: "add", line: b[j - 1] });
-      j--;
-    }
-  }
-  while (i > 0) ops.unshift({ t: "rem", line: a[--i] });
-  while (j > 0) ops.unshift({ t: "add", line: b[--j] });
-  return ops;
-}
-function renderDiff(before, after, lang) {
-  const ops = diffLines(before.split("\n"), after.split("\n"));
-  const rows = [];
-  let aNo = 0;
-  let bNo = 0;
-  let k = 0;
-  while (k < ops.length) {
-    const op = ops[k];
-    if (op.t === "eq") {
-      aNo++;
-      bNo++;
-      rows.push({
-        left: { n: aNo, line: op.line, cls: "" },
-        right: { n: bNo, line: op.line, cls: "" }
-      });
-      k++;
-      continue;
-    }
-    const rems = [];
-    while (k < ops.length && ops[k].t === "rem") {
-      rems.push(ops[k].line);
-      k++;
-    }
-    const adds = [];
-    while (k < ops.length && ops[k].t === "add") {
-      adds.push(ops[k].line);
-      k++;
-    }
-    const len = Math.max(rems.length, adds.length);
-    for (let x = 0; x < len; x++) {
-      const remLine = x < rems.length ? rems[x] : null;
-      const addLine = x < adds.length ? adds[x] : null;
-      rows.push({
-        left: {
-          n: remLine !== null ? ++aNo : null,
-          line: remLine,
-          cls: remLine !== null ? "rt-diff-rem" : "rt-diff-empty"
-        },
-        right: {
-          n: addLine !== null ? ++bNo : null,
-          line: addLine,
-          cls: addLine !== null ? "rt-diff-add" : "rt-diff-empty"
-        }
-      });
+      id = uniqueId(slug(text, i), used);
     }
+    out.push({ id, text, level });
+    i++;
   }
-  const cell = (c, side) => {
-    const sign = side === "l" ? "-" : "+";
-    const showSign = c.cls === "rt-diff-rem" || c.cls === "rt-diff-add";
-    return `<td class="rt-diff-num">${c.n ?? ""}</td><td class="rt-diff-sign">${showSign ? sign : ""}</td><td class="rt-diff-line ${c.cls}">${c.line === null ? "" : highlightLine(c.line, lang) || "&nbsp;"}</td>`;
-  };
-  const body = rows.map((r) => `<tr>${cell(r.left, "l")}${cell(r.right, "r")}</tr>`).join("");
-  return `<table class="rt-diff-table"><tbody>${body}</tbody></table>`;
-}
-function makeCopyButton(getText, opts = {}) {
-  const btn = document.createElement("button");
-  btn.type = "button";
-  btn.className = opts.className ?? "rt-codeblock__copy";
-  btn.setAttribute("aria-label", opts.label ?? "Copy code");
-  btn.innerHTML = COPY_ICON_SVG;
-  btn.addEventListener("click", async () => {
-    try {
-      await navigator.clipboard.writeText(getText());
-      btn.innerHTML = CHECK_ICON_SVG;
-      btn.classList.add("is-copied");
-      window.setTimeout(() => {
-        btn.innerHTML = COPY_ICON_SVG;
-        btn.classList.remove("is-copied");
-      }, 1500);
-    } catch {
-    }
-  });
-  return btn;
-}
-function buildCodeBlockLabel(pre) {
-  const filename = pre.dataset.filename;
-  if (!filename) return null;
-  const tag = document.createElement("span");
-  tag.className = "rt-codeblock__label";
-  const file = document.createElement("span");
-  file.className = "rt-codeblock__filename rt-codeblock__language";
-  file.textContent = filename;
-  tag.appendChild(file);
-  return tag;
+  return out;
 }
-function enhanceCodeBlocks(root) {
-  const blocks = root.querySelectorAll("pre");
-  blocks.forEach((pre) => {
-    if (pre.dataset.rtEnhanced === "1") return;
-    pre.dataset.rtEnhanced = "1";
-    pre.classList.add("rt-codeblock");
-    const variant = pre.dataset.variant;
-    if (variant === "diff") {
-      const codeEl = pre.querySelector("code");
-      const src = codeEl?.textContent ?? "";
-      const [beforeSrc = "", afterSrc = ""] = src.split(DIFF_SEPARATOR_RE);
-      pre.innerHTML = renderDiff(beforeSrc, afterSrc, pre.dataset.language);
-      const bar = document.createElement("div");
-      bar.className = "rt-diff-copy-bar";
-      const leftHalf = document.createElement("div");
-      leftHalf.className = "rt-diff-copy-half";
-      leftHalf.appendChild(
-        makeCopyButton(() => beforeSrc, {
-          className: "rt-diff-copy",
-          label: "Copy before"
-        })
-      );
-      const rightHalf = document.createElement("div");
-      rightHalf.className = "rt-diff-copy-half";
-      rightHalf.appendChild(
-        makeCopyButton(() => afterSrc, {
-          className: "rt-diff-copy",
-          label: "Copy after"
-        })
-      );
-      bar.appendChild(leftHalf);
-      bar.appendChild(rightHalf);
-      pre.prepend(bar);
-      const label2 = buildCodeBlockLabel(pre);
-      if (label2) pre.prepend(label2);
-      return;
-    }
-    if (variant === "terminal") {
-      pre.classList.add("rt-terminal");
-      const codeEl = pre.querySelector("code");
-      const source = codeEl?.textContent ?? "";
-      if (codeEl) {
-        const lang = pre.dataset.language || "sh";
-        const lines = source.split("\n");
-        codeEl.innerHTML = lines.map(
-          (line) => `<span class="rt-term-line"><span class="rt-term-prompt" aria-hidden="true">$</span> ${highlightLine(line, lang) || "&nbsp;"}</span>`
-        ).join("");
-      }
-      pre.appendChild(makeCopyButton(() => source, { label: "Copy commands" }));
-      return;
-    }
-    const label = buildCodeBlockLabel(pre);
-    if (label) pre.prepend(label);
-    pre.appendChild(
-      makeCopyButton(
-        () => pre.querySelector("code")?.textContent ?? pre.innerText
-      )
-    );
-    highlightCodeBlock(pre);
+function extractHeadingsFromElement(root, options = {}) {
+  const levels = options.levels ?? DEFAULT_LEVELS;
+  const slug = options.slugify ?? slugify;
+  const selector = levels.map((l) => `h${l}`).join(",");
+  const nodes = root.querySelectorAll(selector);
+  const used = /* @__PURE__ */ new Map();
+  nodes.forEach((n) => {
+    if (n.id) used.set(n.id, (used.get(n.id) ?? 0) + 1);
   });
-}
-var CODEBLOCK_STYLE = `
-.rt-codeblock { position: relative; }
-.rt-codeblock[data-filename]:not([data-filename=""]) { padding-top: 2rem; }
-.rt-codeblock__label {
-  position: absolute; top: 0.45rem; left: 0.85rem;
-  display: inline-flex; align-items: center; gap: 0.5rem;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  pointer-events: none;
-}
-.rt-codeblock__filename {
-  font-size: 0.72rem; letter-spacing: 0.02em;
-  color: #d1d5db;
-}
-.rt-codeblock__sep {
-  color: #6b7280;
-  font-size: 0.72rem;
-}
-.rt-codeblock__language {
-  font-size: 0.6rem; letter-spacing: 0.08em;
-  text-transform: lowercase;
-  color: #9ca3af;
-  padding: 0.05rem 0.35rem;
-  border: 1px solid rgba(255,255,255,0.12);
-  border-radius: 0.25rem;
-}
-.rt-codeblock__copy {
-  position: absolute; top: 0.4rem; right: 0.4rem;
-  display: inline-flex; align-items: center; justify-content: center;
-  width: 1.75rem; height: 1.75rem; padding: 0;
-  border: 1px solid rgba(255,255,255,0.08);
-  border-radius: 0.375rem;
-  background: rgba(255,255,255,0.04);
-  color: #d1d5db;
-  cursor: pointer;
-  opacity: 0; transition: opacity 120ms ease, background 120ms ease, color 120ms ease;
-}
-.rt-codeblock:hover .rt-codeblock__copy,
-.rt-codeblock:focus-within .rt-codeblock__copy { opacity: 1; }
-.rt-codeblock__copy:hover { background: rgba(255,255,255,0.1); color: #fff; }
-.rt-codeblock__copy.is-copied { color: #34d399; opacity: 1; }
-@media (hover: none) { .rt-codeblock__copy { opacity: 1; } }
-.rt-quote-open, .rt-quote-close {
-  font-family: Georgia, "Times New Roman", serif;
-  font-size: 1.4em;
-  line-height: 0;
-  vertical-align: -0.15em;
-  opacity: 0.6;
-  user-select: none;
-}
-.rt-quote-open { margin-right: 0.15em; }
-.rt-quote-close { margin-left: 0.15em; }
-/* highlight.js theme handles .hljs-* color classes; we only override the
-   default .hljs background so the per-block chrome (dark bg, terminal,
-   diff red/green rows) wins. */
-.rt-codeblock .hljs,
-.rt-codeblock code.hljs { background: transparent; padding: 0; }
-
-/* Terminal variant ------------------------------------------------------- */
-.rt-codeblock.rt-terminal,
-.rt-codeblock[data-variant="terminal"] {
-  position: relative;
-  padding-top: 2.25rem;
-  background: #0b0b0d;
-  border: 1px solid rgba(255,255,255,0.08);
-  border-radius: 0.65rem;
-  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset,
-              0 10px 30px -10px rgba(0,0,0,0.6);
-}
-.rt-codeblock.rt-terminal::before,
-.rt-codeblock[data-variant="terminal"]::before {
-  content: "";
-  position: absolute; top: 0; left: 0; right: 0; height: 1.75rem;
-  background: linear-gradient(#1a1a1d, #141417);
-  border-bottom: 1px solid rgba(255,255,255,0.06);
-  border-radius: 0.65rem 0.65rem 0 0;
-}
-.rt-codeblock.rt-terminal::after,
-.rt-codeblock[data-variant="terminal"]::after {
-  content: "";
-  position: absolute; top: 0.55rem; left: 0.75rem;
-  width: 0.65rem; height: 0.65rem; border-radius: 50%;
-  background: #ff5f57;
-  box-shadow:
-    1.1rem 0 0 0 #febc2e,
-    2.2rem 0 0 0 #28c840;
-}
-.rt-codeblock.rt-terminal code,
-.rt-codeblock[data-variant="terminal"] code {
-  color: #d4d4d8;
-  display: block;
-}
-.rt-term-line { display: block; white-space: pre-wrap; }
-.rt-term-prompt {
-  color: #28c840;
-  font-weight: 600;
-  margin-right: 0.35em;
-  user-select: none;
-}
-
-/* Diff variant ----------------------------------------------------------- */
-.rt-codeblock[data-variant="diff"] {
-  padding: 0;
-  overflow: hidden;
-  background: #0b0b0d;
-  border: 1px solid rgba(255,255,255,0.08);
-}
-.rt-codeblock[data-variant="diff"][data-filename]:not([data-filename=""]) {
-  padding-top: 2rem;
-}
-.rt-diff-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 0.78rem;
-  line-height: 1.55;
-  color: #e5e7eb;
-  table-layout: fixed;
-}
-.rt-diff-table colgroup { display: none; }
-.rt-diff-table td {
-  padding: 0 0.5rem;
-  vertical-align: top;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.rt-diff-table td.rt-diff-num {
-  width: 2.25rem;
-  text-align: right;
-  color: rgba(156,163,175,0.55);
-  user-select: none;
-  background: rgba(255,255,255,0.02);
-}
-.rt-diff-table td.rt-diff-sign {
-  width: 0.85rem;
-  text-align: center;
-  user-select: none;
-  color: rgba(255,255,255,0.45);
-}
-.rt-diff-table td.rt-diff-line.rt-diff-rem {
-  background: rgba(248,113,113,0.12);
-  color: #fecaca;
-}
-.rt-diff-table tr:has(td.rt-diff-rem) td.rt-diff-sign:first-of-type {
-  color: #f87171;
-}
-.rt-diff-table td.rt-diff-line.rt-diff-add {
-  background: rgba(74,222,128,0.12);
-  color: #bbf7d0;
-}
-.rt-diff-table tr:has(td.rt-diff-add) td.rt-diff-sign + td + td + td.rt-diff-sign {
-  color: #4ade80;
-}
-.rt-diff-table td.rt-diff-line.rt-diff-empty {
-  background: rgba(255,255,255,0.025);
-}
-.rt-diff-table tr td:nth-child(4) { border-left: 1px solid rgba(255,255,255,0.06); }
-.rt-diff-copy-bar {
-  position: absolute; top: 0.4rem; left: 0; right: 0; z-index: 2;
-  display: grid; grid-template-columns: 1fr 1fr;
-  pointer-events: none;
-}
-.rt-diff-copy-half {
-  display: flex;
-  justify-content: flex-end;
-  padding-right: 0.4rem;
-}
-.rt-diff-copy {
-  pointer-events: auto;
-  display: inline-flex; align-items: center; justify-content: center;
-  width: 1.6rem; height: 1.6rem; padding: 0;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 0.375rem;
-  background: rgba(20,20,23,0.85);
-  color: #d1d5db;
-  cursor: pointer;
-  opacity: 0; transition: opacity 120ms ease, background 120ms ease, color 120ms ease;
-}
-.rt-codeblock[data-variant="diff"]:hover .rt-diff-copy,
-.rt-codeblock[data-variant="diff"]:focus-within .rt-diff-copy { opacity: 1; }
-.rt-diff-copy:hover { background: rgba(0,0,0,0.92); color: #fff; }
-.rt-diff-copy.is-copied { color: #34d399; opacity: 1; }
-@media (hover: none) { .rt-diff-copy { opacity: 1; } }
-`;
-var styleInjected = false;
-function ensureCodeBlockStyles() {
-  if (styleInjected || typeof document === "undefined") return;
-  if (document.getElementById("rt-codeblock-style")) {
-    styleInjected = true;
-    return;
-  }
-  const tag = document.createElement("style");
-  tag.id = "rt-codeblock-style";
-  tag.textContent = CODEBLOCK_STYLE;
-  document.head.appendChild(tag);
-  styleInjected = true;
-}
-function RichTextContent({
-  html,
-  classMap,
-  as = "div",
-  className
-}) {
-  const merged = react.useMemo(
-    () => mergeClassMap(DEFAULT_CLASS_MAP, classMap),
-    [classMap]
-  );
-  const safe = react.useMemo(
-    () => parseRichText(html, { classMap: merged }),
-    [html, merged]
-  );
-  const ref = react.useRef(null);
-  react.useEffect(() => {
-    ensureCodeBlockStyles();
-    if (ref.current) {
-      enhanceCodeBlocks(ref.current);
-      enhanceBlockquotes(ref.current);
-    }
-  }, [safe]);
-  return react.createElement(as, {
-    ref,
-    className,
-    dangerouslySetInnerHTML: { __html: safe }
+  const out = [];
+  let i = 0;
+  nodes.forEach((node) => {
+    const level = Number(node.tagName.slice(1));
+    const text = (node.textContent ?? "").replace(/\s+/g, " ").trim();
+    if (!text) return;
+    if (!node.id) {
+      node.id = uniqueId(slug(text, i), used);
+    }
+    if (options.scrollMarginTop != null) {
+      node.style.scrollMarginTop = `${options.scrollMarginTop}px`;
+    }
+    out.push({ id: node.id, text, level });
+    i++;
   });
+  return out;
 }
 
-exports.AsteroidCMSProvider = AsteroidCMSProvider;
-exports.RichTextContent = RichTextContent;
 exports.buildCmsQuery = buildCmsQuery;
 exports.cmsImage = cmsImage;
 exports.createApolloClient = createApolloClient;
+exports.extractHeadingsFromElement = extractHeadingsFromElement;
+exports.extractHeadingsFromHtml = extractHeadingsFromHtml;
 exports.fetchCmsContent = fetchCmsContent;
 exports.getContentReadTime = getContentReadTime;
 exports.parseRichText = parseRichText;
 exports.removeEmptyParagraphs = removeEmptyParagraphs;
-exports.useAsteroidCMSConfig = useAsteroidCMSConfig;
-exports.useCmsContent = useCmsContent;
-exports.useCmsImage = useCmsImage;
-exports.useCmsMutate = useCmsMutate;
+exports.slugify = slugify;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map