@fullstackdatasolutions/articles 0.4.3 → 0.5.1

package/dist/server.js

@@ -46,11 +46,14 @@ import path from "node:path";
 import readingTime from "reading-time";
 
 // src/markdown.ts
+import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import rehypePrism from "rehype-prism-plus";
 import rehypeSanitize from "rehype-sanitize";
+import rehypeSlug from "rehype-slug";
 import rehypeStringify from "rehype-stringify";
 import { remark } from "remark";
 import remarkGfm from "remark-gfm";
+import remarkGithubBlockquoteAlert from "remark-github-blockquote-alert";
 import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { visit } from "unist-util-visit";
@@ -81,6 +84,88 @@ function sanitizeImagePath(rawPath, articleSlug) {
     return `/articles/${articleSlug}/${cleanPath}`;
   }
 }
+function styleFootnoteLinks(nodes) {
+  nodes.forEach((n) => {
+    var _a, _b;
+    if (n.type !== "element") return;
+    const el = n;
+    if (el.tagName === "a") {
+      const isBackRef = ((_a = el.properties) == null ? void 0 : _a["dataFootnoteBackref"]) !== void 0 || ((_b = el.children[0]) == null ? void 0 : _b.type) === "text" && el.children[0].value === "\u21A9";
+      if (isBackRef) {
+        el.properties.className = "text-primary hover:underline ml-1";
+        if (typeof el.properties.href === "string") {
+          el.properties.href = el.properties.href.replaceAll("#user-content-fnref-", "#ref-");
+        }
+      } else {
+        el.properties.className = "text-primary hover:underline break-all";
+      }
+    }
+    if (el.children) styleFootnoteLinks(el.children);
+  });
+}
+function processFootnoteRef(node) {
+  var _a, _b, _c, _d, _e, _f;
+  if (node.tagName !== "sup" || ((_b = (_a = node.children) == null ? void 0 : _a[0]) == null ? void 0 : _b.type) !== "element" || node.children[0].tagName !== "a")
+    return;
+  const link = node.children[0];
+  const href = (_c = link.properties) == null ? void 0 : _c.href;
+  if (typeof href !== "string" || !href.startsWith("#user-content-fn-")) return;
+  delete link.properties.target;
+  delete link.properties.rel;
+  link.properties.className = "text-primary hover:underline";
+  link.properties.href = href.replaceAll("#user-content-fn-", "#footnote-");
+  if (typeof ((_d = node.properties) == null ? void 0 : _d.id) === "string") {
+    link.properties.id = node.properties.id.replaceAll("user-content-fnref-", "ref-");
+    delete node.properties.id;
+  }
+  if (((_f = (_e = link.children) == null ? void 0 : _e[0]) == null ? void 0 : _f.type) === "text") {
+    link.children[0].value = `[${link.children[0].value}]`;
+  }
+}
+function processFootnotesSection(node) {
+  var _a;
+  const cls = (_a = node.properties) == null ? void 0 : _a.className;
+  const isFootnotes = node.tagName === "section" && (Array.isArray(cls) ? cls.includes("footnotes") : cls === "footnotes");
+  if (!isFootnotes) return;
+  const olCandidate = node.children.find(
+    (child) => child.type === "element" && child.tagName === "ol"
+  );
+  if ((olCandidate == null ? void 0 : olCandidate.type) !== "element") return;
+  const ol = olCandidate;
+  ol.properties.className = "list-decimal ml-6 space-y-2 text-sm text-muted-foreground";
+  ol.children.forEach((li) => {
+    if (li.type !== "element" || li.tagName !== "li") return;
+    const liEl = li;
+    if (liEl.properties) {
+      liEl.properties.className = "pl-2";
+      if (typeof liEl.properties.id === "string") {
+        liEl.properties.id = liEl.properties.id.replaceAll("user-content-fn-", "footnote-");
+      }
+    }
+    const pIndex = liEl.children.findIndex(
+      (child) => child.type === "element" && child.tagName === "p"
+    );
+    if (pIndex !== -1) {
+      const p = liEl.children[pIndex];
+      liEl.children.splice(pIndex, 1, ...p.children);
+    }
+    styleFootnoteLinks(liEl.children);
+  });
+  const hr = {
+    type: "element",
+    tagName: "hr",
+    properties: { className: "my-8 border-border" },
+    children: []
+  };
+  const h3 = {
+    type: "element",
+    tagName: "h3",
+    properties: { className: "text-lg font-semibold mb-4" },
+    children: [{ type: "text", value: "References" }]
+  };
+  node.children = [hr, h3, ol];
+  if (node.properties) node.properties.className = void 0;
+}
 var customRenderer = () => {
   return (tree) => {
     visit(tree, "element", (node) => {
@@ -147,95 +232,8 @@ var customRenderer = () => {
       }
     });
     visit(tree, "element", (node) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
-      if (node.tagName === "sup" && ((_b = (_a = node.children) == null ? void 0 : _a[0]) == null ? void 0 : _b.type) === "element" && node.children[0].tagName === "a") {
-        const link = node.children[0];
-        if (((_c = link.properties) == null ? void 0 : _c.href) && typeof link.properties.href === "string" && link.properties.href.startsWith("#user-content-fn-")) {
-          if (link.properties) {
-            delete link.properties.target;
-            delete link.properties.rel;
-            link.properties.className = "text-primary hover:underline";
-          }
-          link.properties.href = link.properties.href.replaceAll("#user-content-fn-", "#footnote-");
-          if (((_d = node.properties) == null ? void 0 : _d.id) && typeof node.properties.id === "string") {
-            const newId = node.properties.id.replaceAll("user-content-fnref-", "ref-");
-            link.properties.id = newId;
-            delete node.properties.id;
-          }
-          if (((_f = (_e = link.children) == null ? void 0 : _e[0]) == null ? void 0 : _f.type) === "text") {
-            link.children[0].value = `[${link.children[0].value}]`;
-          }
-        }
-      }
-      if (node.tagName === "section" && (Array.isArray((_g = node.properties) == null ? void 0 : _g.className) ? node.properties.className.includes("footnotes") : ((_h = node.properties) == null ? void 0 : _h.className) === "footnotes")) {
-        const olCandidate = node.children.find(
-          (child) => child.type === "element" && child.tagName === "ol"
-        );
-        if ((olCandidate == null ? void 0 : olCandidate.type) === "element") {
-          const ol = olCandidate;
-          ol.properties.className = "list-decimal ml-6 space-y-2 text-sm text-muted-foreground";
-          ol.children.forEach((li) => {
-            if (li.type === "element" && li.tagName === "li") {
-              const liEl = li;
-              if (liEl.properties) {
-                liEl.properties.className = "pl-2";
-                if (typeof liEl.properties.id === "string") {
-                  liEl.properties.id = liEl.properties.id.replaceAll(
-                    "user-content-fn-",
-                    "footnote-"
-                  );
-                }
-              }
-              const pIndex = liEl.children.findIndex(
-                (child) => child.type === "element" && child.tagName === "p"
-              );
-              if (pIndex !== -1) {
-                const p = liEl.children[pIndex];
-                liEl.children.splice(pIndex, 1, ...p.children);
-              }
-              const styleLinks = (nodes) => {
-                nodes.forEach((n) => {
-                  var _a2, _b2;
-                  if (n.type !== "element") return;
-                  const el = n;
-                  if (el.tagName === "a") {
-                    const isBackRef = ((_a2 = el.properties) == null ? void 0 : _a2["dataFootnoteBackref"]) !== void 0 || ((_b2 = el.children[0]) == null ? void 0 : _b2.type) === "text" && el.children[0].value === "\u21A9";
-                    if (isBackRef) {
-                      el.properties.className = "text-primary hover:underline ml-1";
-                      if (typeof el.properties.href === "string") {
-                        el.properties.href = el.properties.href.replaceAll(
-                          "#user-content-fnref-",
-                          "#ref-"
-                        );
-                      }
-                    } else {
-                      el.properties.className = "text-primary hover:underline break-all";
-                    }
-                  }
-                  if (el.children) styleLinks(el.children);
-                });
-              };
-              styleLinks(liEl.children);
-            }
-          });
-          const hr = {
-            type: "element",
-            tagName: "hr",
-            properties: { className: "my-8 border-border" },
-            children: []
-          };
-          const h3 = {
-            type: "element",
-            tagName: "h3",
-            properties: { className: "text-lg font-semibold mb-4" },
-            children: [{ type: "text", value: "References" }]
-          };
-          node.children = [hr, h3, ol];
-          if (node.properties) {
-            node.properties.className = void 0;
-          }
-        }
-      }
+      processFootnoteRef(node);
+      processFootnotesSection(node);
     });
   };
 };
@@ -260,7 +258,7 @@ var rehypeProcessImages = (options = {}) => {
 function markdownToHtml(markdown, articleSlug) {
   return __async(this, null, function* () {
     try {
-      let processor = remark().use(remarkParse).use(remarkGfm).use(remarkRehype).use(customRenderer).use(rehypePrism).use(rehypeSanitize, {
+      let processor = remark().use(remarkParse).use(remarkGfm).use(remarkGithubBlockquoteAlert).use(remarkRehype).use(customRenderer).use(rehypeSlug).use(rehypeAutolinkHeadings, { behavior: "wrap" }).use(rehypePrism).use(rehypeSanitize, {
         attributes: {
           "*": ["className", "class", "id"],
           a: ["href", "target", "rel", "id"],
@@ -278,6 +276,31 @@ function markdownToHtml(markdown, articleSlug) {
     }
   });
 }
+function nodeTextValue(c) {
+  return c.type === "text" ? c.value : "";
+}
+function extractHeadingItem(node) {
+  var _a;
+  const match = /^h([1-6])$/.exec(node.tagName);
+  if (!match) return null;
+  const id = typeof ((_a = node.properties) == null ? void 0 : _a.id) === "string" ? node.properties.id : "";
+  const text = node.children.map(nodeTextValue).join("");
+  if (!id || !text) return null;
+  return { id, depth: Number.parseInt(match[1], 10), text };
+}
+function extractToc(markdown) {
+  return __async(this, null, function* () {
+    const headings = [];
+    const collectHeadings = () => (tree) => {
+      visit(tree, "element", (node) => {
+        const item = extractHeadingItem(node);
+        if (item) headings.push(item);
+      });
+    };
+    yield remark().use(remarkParse).use(remarkGfm).use(remarkRehype).use(rehypeSlug).use(collectHeadings).use(rehypeStringify).process(markdown);
+    return headings;
+  });
+}
 
 // src/server-articles.ts
 var articlesDirectory = path.join(process.cwd(), "public/articles");
@@ -324,23 +347,20 @@ function sanitizeImagePath2(rawPath, articleSlug) {
   }
   return `/articles/${articleSlug}/${cleanPath}`;
 }
+function findArticleFile(slug) {
+  const mdPath = path.join(articlesDirectory, slug, "article.md");
+  const mdxPath = path.join(articlesDirectory, slug, "article.mdx");
+  if (fs.existsSync(mdPath)) return { filePath: mdPath, contentType: "md" };
+  if (fs.existsSync(mdxPath)) return { filePath: mdxPath, contentType: "mdx" };
+  return null;
+}
 function getAvailableArticleSlugs() {
   try {
     if (!fs.existsSync(articlesDirectory)) return [];
     const items = fs.readdirSync(articlesDirectory, { withFileTypes: true });
     return items.filter((item) => item.isDirectory()).filter((dir) => {
-      const articleDir = path.join(articlesDirectory, dir.name);
       try {
-        const entries = fs.readdirSync(articleDir, {
-          withFileTypes: true
-        });
-        return entries.some((entry) => {
-          const name = typeof entry === "string" ? entry : entry == null ? void 0 : entry.name;
-          if (name !== "article.md") return false;
-          if (typeof entry === "string") return true;
-          if (typeof (entry == null ? void 0 : entry.isFile) === "function") return entry.isFile();
-          return true;
-        });
+        return findArticleFile(dir.name) !== null;
       } catch (e) {
         return false;
       }
@@ -350,45 +370,64 @@ function getAvailableArticleSlugs() {
     return [];
   }
 }
+function parseDateField(rawDate) {
+  if (!rawDate) return void 0;
+  try {
+    const parsed = new Date(rawDate);
+    if (!Number.isNaN(parsed.getTime())) return parsed.toISOString().split("T")[0];
+  } catch (e) {
+  }
+  return void 0;
+}
+function resolveFeaturedImage(rawImage, slug) {
+  const img = typeof rawImage === "string" ? rawImage : "";
+  if (img && !img.startsWith("http")) return sanitizeImagePath2(img, slug) || "/placeholder-logo.png";
+  if (!img) return findArticleImage(slug) || "/placeholder-logo.png";
+  return img;
+}
+function parseFaqItems(raw) {
+  if (!Array.isArray(raw)) return void 0;
+  const items = raw.filter(
+    (item) => typeof item === "object" && item !== null && typeof item.question === "string" && typeof item.answer === "string"
+  );
+  return items.length ? items : void 0;
+}
+function parseHowToSteps(raw) {
+  if (!Array.isArray(raw)) return void 0;
+  const steps = raw.filter(
+    (item) => typeof item === "object" && item !== null && typeof item.name === "string" && typeof item.text === "string"
+  );
+  return steps.length ? steps : void 0;
+}
 function getArticleSummary(slug) {
   return __async(this, null, function* () {
     try {
-      const articlePath = path.join(articlesDirectory, slug, "article.md");
-      if (!fs.existsSync(articlePath)) return null;
-      const fileContent = fs.readFileSync(articlePath, "utf8");
+      const found = findArticleFile(slug);
+      if (!found) return null;
+      const fileContent = fs.readFileSync(found.filePath, "utf8");
       const { data, content: markdownContent } = matter(fileContent);
       const readTime = getReadingTime(markdownContent);
-      let featuredImage = data.featuredImage || "";
-      if (featuredImage && !featuredImage.startsWith("http")) {
-        const sanitizedPath = sanitizeImagePath2(featuredImage, slug);
-        featuredImage = sanitizedPath || "/placeholder-logo.png";
-      } else if (!featuredImage) {
-        featuredImage = findArticleImage(slug) || "/placeholder-logo.png";
-      }
-      let articleDate;
-      if (data.date) {
-        try {
-          const parsedDate = new Date(data.date);
-          if (!Number.isNaN(parsedDate.getTime())) {
-            articleDate = parsedDate.toISOString().split("T")[0];
-          }
-        } catch (e) {
-          console.warn(`Invalid date for article ${slug}: ${data.date}`);
-        }
-      }
       const allTags = Array.isArray(data.tags) ? data.tags.filter((t) => typeof t === "string" && String(t).trim()) : [];
       const categories = allTags.length > 0 ? allTags.map((t) => t.replaceAll("-", " ").trim()) : ["Campaigns"];
       return {
         slug,
         title: data.title || slug.replaceAll("-", " "),
         excerpt: data.excerpt || "",
-        date: articleDate,
+        date: parseDateField(data.date),
+        lastmod: parseDateField(data.lastmod),
         author: data.author || "Andrew Blase",
         category: categories[0],
         categories,
         readTime,
-        featuredImage,
-        tags: data.tags || []
+        featuredImage: resolveFeaturedImage(data.featuredImage, slug),
+        tags: data.tags || [],
+        contentType: found.contentType,
+        draft: data.draft === true,
+        faq: parseFaqItems(data.faq),
+        howTo: parseHowToSteps(data.howTo),
+        canonicalUrl: typeof data.canonicalUrl === "string" ? data.canonicalUrl : void 0,
+        articleType: typeof data.articleType === "string" ? data.articleType : void 0,
+        series: typeof data.series === "string" ? data.series : void 0
       };
     } catch (error) {
       console.error(`Error loading article ${slug}:`, error);
@@ -398,46 +437,21 @@ function getArticleSummary(slug) {
 }
 var getArticleMetadata = cache((slug) => __async(void 0, null, function* () {
   try {
-    const articlePath = path.join(articlesDirectory, slug, "article.md");
-    if (!fs.existsSync(articlePath)) return null;
-    const fileContent = fs.readFileSync(articlePath, "utf8");
-    const { data, content: markdownContent } = matter(fileContent);
-    const htmlContent = yield markdownToHtml(markdownContent, slug);
-    const readTime = getReadingTime(markdownContent);
-    let featuredImage = data.featuredImage || "";
-    if (featuredImage && !featuredImage.startsWith("http")) {
-      const sanitizedPath = sanitizeImagePath2(featuredImage, slug);
-      featuredImage = sanitizedPath || "/placeholder-logo.png";
-    } else if (!featuredImage) {
-      featuredImage = findArticleImage(slug) || "/placeholder-logo.png";
+    const summary = yield getArticleSummary(slug);
+    if (!summary) return null;
+    const found = findArticleFile(slug);
+    if (!found) return null;
+    const fileContent = fs.readFileSync(found.filePath, "utf8");
+    const { content: markdownContent } = matter(fileContent);
+    const toc = yield extractToc(markdownContent);
+    let htmlContent;
+    let mdxSource;
+    if (found.contentType === "mdx") {
+      mdxSource = markdownContent;
+    } else {
+      htmlContent = yield markdownToHtml(markdownContent, slug);
     }
-    let articleDate;
-    if (data.date) {
-      try {
-        const parsedDate = new Date(data.date);
-        if (!Number.isNaN(parsedDate.getTime())) {
-          articleDate = parsedDate.toISOString().split("T")[0];
-        }
-      } catch (e) {
-        console.warn(`Invalid date for article ${slug}: ${data.date}`);
-      }
-    }
-    const allTags = Array.isArray(data.tags) ? data.tags.filter((t) => typeof t === "string" && String(t).trim()) : [];
-    const categories = allTags.length > 0 ? allTags.map((t) => t.replaceAll("-", " ").trim()) : ["Campaigns"];
-    return {
-      slug,
-      title: data.title || slug.replaceAll("-", " "),
-      excerpt: data.excerpt || "",
-      date: articleDate,
-      author: data.author || "Andrew Blase",
-      category: categories[0],
-      categories,
-      readTime,
-      featuredImage,
-      tags: data.tags || [],
-      content: markdownContent,
-      htmlContent
-    };
+    return __spreadProps(__spreadValues({}, summary), { content: markdownContent, htmlContent, mdxSource, toc });
   } catch (error) {
     console.error(`Error loading article ${slug}:`, error);
     return null;
@@ -447,7 +461,7 @@ var getAllArticles = cache(() => __async(void 0, null, function* () {
   const slugs = getAvailableArticleSlugs();
   const articles = yield Promise.all(slugs.map((slug) => getArticleSummary(slug)));
   const currentDate = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-  return articles.filter((article) => article !== null).filter((article) => !article.date || article.date <= currentDate).sort((a, b) => {
+  return articles.filter((article) => article !== null).filter((article) => !article.date || article.date <= currentDate).filter((article) => !(article.draft && process.env.NODE_ENV === "production")).sort((a, b) => {
     if (!a.date && !b.date) return 0;
     if (!a.date) return 1;
     if (!b.date) return -1;
@@ -531,7 +545,7 @@ function resolveImageUrl(featuredImage, siteUrl) {
 }
 function generateArticleMetadata(slug, config) {
   return __async(this, null, function* () {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const article = yield getArticleMetadata(slug);
     if (!article) {
       return {
@@ -541,19 +555,14 @@ function generateArticleMetadata(slug, config) {
     }
     const siteUrl = config.siteUrl.replace(/\/$/, "");
     const articleUrl = `${siteUrl}/articles/${slug}`;
+    const canonicalUrl = (_a = article.canonicalUrl) != null ? _a : articleUrl;
     const imageUrl = article.featuredImage ? resolveImageUrl(article.featuredImage, siteUrl) : `${siteUrl}/placeholder-logo.png`;
-    const description = (_a = article.excerpt) != null ? _a : `Read ${article.title} on ${config.siteName}.`;
+    const description = (_b = article.excerpt) != null ? _b : `Read ${article.title} on ${config.siteName}.`;
     return {
       title: `${article.title} | ${config.siteName}`,
       description,
-      keywords: [
-        "volunteer management software",
-        "political campaign software",
-        "campaign operations",
-        "civic tech",
-        ...((_b = article.tags) != null ? _b : []).map((tag) => tag.toLowerCase())
-      ].join(", "),
-      openGraph: __spreadProps(__spreadValues({
+      keywords: [...((_c = article.tags) != null ? _c : []).map((tag) => tag.toLowerCase())].join(", "),
+      openGraph: __spreadProps(__spreadValues(__spreadValues({
         title: article.title,
         description,
         url: articleUrl,
@@ -561,9 +570,9 @@ function generateArticleMetadata(slug, config) {
         images: [{ url: imageUrl, width: 1200, height: 630, alt: article.title }],
         locale: "en_US",
         type: "article"
-      }, article.date && { publishedTime: article.date }), {
+      }, article.date && { publishedTime: article.date }), article.lastmod && { modifiedTime: new Date(article.lastmod).toISOString() }), {
         authors: [article.author],
-        tags: (_c = article.tags) != null ? _c : []
+        tags: (_d = article.tags) != null ? _d : []
       }),
       twitter: {
         card: "summary_large_image",
@@ -572,7 +581,7 @@ function generateArticleMetadata(slug, config) {
         images: [imageUrl]
       },
       alternates: {
-        canonical: articleUrl
+        canonical: canonicalUrl
       },
       robots: {
         index: true,
@@ -585,14 +594,16 @@ function generateArticleMetadata(slug, config) {
           "max-snippet": -1
         }
       },
-      other: __spreadProps(__spreadValues({
+      other: __spreadProps(__spreadValues(__spreadValues({
         "article:author": article.author
       }, article.date && {
         "article:published_time": new Date(article.date).toISOString()
+      }), article.lastmod && {
+        "article:modified_time": new Date(article.lastmod).toISOString()
       }), {
         "article:section": article.category,
-        "article:tag": (_e = (_d = article.tags) == null ? void 0 : _d.join(",")) != null ? _e : "",
-        "linkedin:owner": (_f = process.env.NEXT_PUBLIC_LINKEDIN_COMPANY_ID) != null ? _f : ""
+        "article:tag": (_f = (_e = article.tags) == null ? void 0 : _e.join(",")) != null ? _f : "",
+        "linkedin:owner": (_g = process.env.NEXT_PUBLIC_LINKEDIN_COMPANY_ID) != null ? _g : ""
       })
     };
   });
@@ -620,7 +631,10 @@ function generateArticlesIndexMetadata(config) {
       description
     },
     alternates: {
-      canonical: indexUrl
+      canonical: indexUrl,
+      types: {
+        "application/rss+xml": `${siteUrl}/articles/feed.xml`
+      }
     },
     robots: {
       index: true,
@@ -686,12 +700,17 @@ function getArticleSitemapEntries(baseUrlOrConfig) {
     const baseUrl = (typeof baseUrlOrConfig === "string" ? baseUrlOrConfig : baseUrlOrConfig.siteUrl).replace(/\/$/, "");
     try {
       const [articles, categories] = yield Promise.all([getAllArticles(), getAllCategories()]);
-      const articleEntries = articles.map((article) => ({
-        url: `${baseUrl}/articles/${article.slug}`,
-        lastModified: article.date ? new Date(article.date) : void 0,
-        changeFrequency: "weekly",
-        priority: 0.8
-      }));
+      const articleEntries = articles.map((article) => {
+        var _a;
+        const dateStr = (_a = article.lastmod) != null ? _a : article.date;
+        const lastModified = dateStr ? new Date(dateStr) : void 0;
+        return {
+          url: `${baseUrl}/articles/${article.slug}`,
+          lastModified,
+          changeFrequency: "weekly",
+          priority: 0.8
+        };
+      });
       const categoryEntries = categories.map((cat) => ({
         url: `${baseUrl}/articles/category/${cat.slug}`,
         lastModified: /* @__PURE__ */ new Date(),
@@ -704,8 +723,45 @@ function getArticleSitemapEntries(baseUrlOrConfig) {
     }
   });
 }
+
+// src/ArticleContent.tsx
+import { MDXRemote } from "next-mdx-remote/rsc";
+import { jsx } from "react/jsx-runtime";
+function ArticleContent({ article, className }) {
+  if (article.contentType === "mdx" && article.mdxSource) {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(MDXRemote, { source: article.mdxSource }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className, dangerouslySetInnerHTML: { __html: article.htmlContent || "" } });
+}
+
+// src/ArticleTOC.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ArticleTOC({ toc, className }) {
+  if (!toc.length) return null;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": "Table of contents",
+      className: `mb-8 rounded-lg border border-border bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
+      children: [
+        /* @__PURE__ */ jsx2("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ jsx2("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx2("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx2(
+          "a",
+          {
+            href: `#${item.id}`,
+            className: "text-muted-foreground hover:text-foreground transition-colors",
+            children: item.text
+          }
+        ) }, item.id)) })
+      ]
+    }
+  );
+}
 export {
+  ArticleContent,
+  ArticleTOC,
   categoryToSlug,
+  extractToc,
   generateArticleMetadata,
   generateArticleStaticParams,
   generateArticlesIndexMetadata,