nextblogkit 0.6.0

package/dist/components/index.js

@@ -0,0 +1,527 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+// src/components/BlogCard.tsx
+function BlogCard({
+  post,
+  layout = "vertical",
+  basePath = "/blog",
+  className = ""
+}) {
+  const date = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  return /* @__PURE__ */ jsx("article", { className: `nbk-card nbk-card-${layout} ${className}`, children: /* @__PURE__ */ jsxs("a", { href: `${basePath}/${post.slug}`, className: "nbk-card-link", children: [
+    post.coverImage?.url && /* @__PURE__ */ jsx("div", { className: "nbk-card-image", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: post.coverImage.url,
+        alt: post.coverImage.alt || post.title,
+        loading: "lazy"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-card-content", children: [
+      post.categories.length > 0 && /* @__PURE__ */ jsx("div", { className: "nbk-card-categories", children: post.categories.map((cat) => /* @__PURE__ */ jsx("span", { className: "nbk-card-category", children: cat }, cat)) }),
+      /* @__PURE__ */ jsx("h2", { className: "nbk-card-title", children: post.title }),
+      /* @__PURE__ */ jsx("p", { className: "nbk-card-excerpt", children: post.excerpt }),
+      /* @__PURE__ */ jsxs("div", { className: "nbk-card-meta", children: [
+        post.author.avatar && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: post.author.avatar,
+            alt: post.author.name,
+            className: "nbk-card-avatar"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "nbk-card-author", children: post.author.name }),
+        date && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "nbk-card-sep", children: "\xB7" }),
+          /* @__PURE__ */ jsx("time", { className: "nbk-card-date", children: date })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "nbk-card-sep", children: "\xB7" }),
+        /* @__PURE__ */ jsxs("span", { className: "nbk-card-reading-time", children: [
+          post.readingTime,
+          " min read"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function BlogSearch({
+  onSearch,
+  apiPath = "/api/blog",
+  placeholder = "Search posts...",
+  className = ""
+}) {
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [showResults, setShowResults] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const debounceRef = useRef();
+  const containerRef = useRef(null);
+  const search = useCallback(
+    async (q) => {
+      if (!q.trim()) {
+        setResults([]);
+        setShowResults(false);
+        return;
+      }
+      setLoading(true);
+      try {
+        const res = await fetch(`${apiPath}/posts?q=${encodeURIComponent(q)}&limit=5&status=published`);
+        const data = await res.json();
+        if (data.success) {
+          setResults(data.data || []);
+          setShowResults(true);
+        }
+      } catch {
+        setResults([]);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [apiPath]
+  );
+  const handleChange = (e) => {
+    const value = e.target.value;
+    setQuery(value);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      search(value);
+      onSearch?.(value);
+    }, 300);
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSearch?.(query);
+    setShowResults(false);
+  };
+  useEffect(() => {
+    function handleClickOutside(e) {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setShowResults(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-search ${className}`, ref: containerRef, children: [
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "nbk-search-form", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "search",
+          value: query,
+          onChange: handleChange,
+          placeholder,
+          className: "nbk-search-input",
+          onFocus: () => results.length > 0 && setShowResults(true)
+        }
+      ),
+      loading && /* @__PURE__ */ jsx("span", { className: "nbk-search-spinner" })
+    ] }),
+    showResults && results.length > 0 && /* @__PURE__ */ jsx("div", { className: "nbk-search-results", children: results.map((result) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: `/blog/${result.slug}`,
+        className: "nbk-search-result",
+        onClick: () => setShowResults(false),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "nbk-search-result-title", children: result.title }),
+          /* @__PURE__ */ jsx("div", { className: "nbk-search-result-excerpt", children: result.excerpt?.slice(0, 100) })
+        ]
+      },
+      result.slug
+    )) })
+  ] });
+}
+function TableOfContentsComponent({ headings, className = "" }) {
+  const [activeId, setActiveId] = useState("");
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            setActiveId(entry.target.id);
+          }
+        }
+      },
+      { rootMargin: "-80px 0px -80% 0px" }
+    );
+    headings.forEach(({ id }) => {
+      const el = document.getElementById(id);
+      if (el) observer.observe(el);
+    });
+    return () => observer.disconnect();
+  }, [headings]);
+  if (headings.length === 0) return null;
+  return /* @__PURE__ */ jsxs("nav", { className: `nbk-toc ${className}`, children: [
+    /* @__PURE__ */ jsx("h3", { className: "nbk-toc-title", children: "Table of Contents" }),
+    /* @__PURE__ */ jsx("ul", { className: "nbk-toc-list", children: headings.map((heading) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: `nbk-toc-item nbk-toc-level-${heading.level} ${activeId === heading.id ? "active" : ""}`,
+        children: /* @__PURE__ */ jsx("a", { href: `#${heading.id}`, className: "nbk-toc-link", children: heading.text })
+      },
+      heading.id
+    )) })
+  ] });
+}
+function ShareButtons({ url, title, className = "" }) {
+  const [copied, setCopied] = useState(false);
+  const encodedUrl = encodeURIComponent(url);
+  const encodedTitle = encodeURIComponent(title);
+  const share = (platform) => {
+    const urls = {
+      twitter: `https://twitter.com/intent/tweet?text=${encodedTitle}&url=${encodedUrl}`,
+      linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`,
+      facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`
+    };
+    const shareUrl = urls[platform];
+    if (shareUrl) {
+      window.open(shareUrl, "_blank", "width=600,height=400");
+    }
+  };
+  const copyLink = async () => {
+    try {
+      await navigator.clipboard.writeText(url);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      const input = document.createElement("input");
+      input.value = url;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-share ${className}`, children: [
+    /* @__PURE__ */ jsx("span", { className: "nbk-share-label", children: "Share this post:" }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-share-buttons", children: [
+      /* @__PURE__ */ jsx("button", { onClick: () => share("twitter"), className: "nbk-share-btn nbk-share-twitter", title: "Share on Twitter", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: () => share("linkedin"), className: "nbk-share-btn nbk-share-linkedin", title: "Share on LinkedIn", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: () => share("facebook"), className: "nbk-share-btn nbk-share-facebook", title: "Share on Facebook", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: copyLink, className: "nbk-share-btn nbk-share-copy", title: copied ? "Copied!" : "Copy link", children: copied ? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) }) : /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+      ] }) })
+    ] })
+  ] });
+}
+function ReadingProgressBar({ className = "" }) {
+  const [progress, setProgress] = useState(0);
+  useEffect(() => {
+    function handleScroll() {
+      const scrollTop = window.scrollY;
+      const docHeight = document.documentElement.scrollHeight - window.innerHeight;
+      if (docHeight > 0) {
+        setProgress(Math.min(scrollTop / docHeight * 100, 100));
+      }
+    }
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: `nbk-progress-bar ${className}`, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "nbk-progress-fill",
+      style: { width: `${progress}%` }
+    }
+  ) });
+}
+function buildHref(basePath, page, category) {
+  const params = new URLSearchParams();
+  if (page > 1) params.set("page", String(page));
+  if (category) params.set("category", category);
+  const qs = params.toString();
+  return qs ? `${basePath}?${qs}` : basePath;
+}
+function Pagination({
+  currentPage,
+  totalPages,
+  basePath = "/blog",
+  category,
+  className = ""
+}) {
+  if (totalPages <= 1) return null;
+  const pages = [];
+  const maxVisible = 5;
+  if (totalPages <= maxVisible + 2) {
+    for (let i = 1; i <= totalPages; i++) pages.push(i);
+  } else {
+    pages.push(1);
+    const start = Math.max(2, currentPage - 1);
+    const end = Math.min(totalPages - 1, currentPage + 1);
+    if (start > 2) pages.push("...");
+    for (let i = start; i <= end; i++) pages.push(i);
+    if (end < totalPages - 1) pages.push("...");
+    pages.push(totalPages);
+  }
+  return /* @__PURE__ */ jsxs("nav", { className: `nbk-pagination ${className}`, children: [
+    currentPage > 1 ? /* @__PURE__ */ jsx("a", { href: buildHref(basePath, currentPage - 1, category), className: "nbk-pagination-btn", children: "Previous" }) : /* @__PURE__ */ jsx("span", { className: "nbk-pagination-btn disabled", children: "Previous" }),
+    /* @__PURE__ */ jsx("div", { className: "nbk-pagination-pages", children: pages.map(
+      (page, idx) => typeof page === "string" ? /* @__PURE__ */ jsx("span", { className: "nbk-pagination-ellipsis", children: "..." }, `ellipsis-${idx}`) : page === currentPage ? /* @__PURE__ */ jsx("span", { className: "nbk-pagination-page active", children: page }, page) : /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: buildHref(basePath, page, category),
+          className: "nbk-pagination-page",
+          children: page
+        },
+        page
+      )
+    ) }),
+    currentPage < totalPages ? /* @__PURE__ */ jsx("a", { href: buildHref(basePath, currentPage + 1, category), className: "nbk-pagination-btn", children: "Next" }) : /* @__PURE__ */ jsx("span", { className: "nbk-pagination-btn disabled", children: "Next" })
+  ] });
+}
+function AuthorCard({ author, className = "" }) {
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-author-card ${className}`, children: [
+    author.avatar && /* @__PURE__ */ jsx("img", { src: author.avatar, alt: author.name, className: "nbk-author-avatar" }),
+    /* @__PURE__ */ jsxs("div", { className: "nbk-author-info", children: [
+      /* @__PURE__ */ jsx("div", { className: "nbk-author-name", children: author.url ? /* @__PURE__ */ jsx("a", { href: author.url, target: "_blank", rel: "noopener noreferrer", children: author.name }) : author.name }),
+      author.bio && /* @__PURE__ */ jsx("p", { className: "nbk-author-bio", children: author.bio })
+    ] })
+  ] });
+}
+function BreadcrumbNav({ items, className = "" }) {
+  return /* @__PURE__ */ jsx("nav", { className: `nbk-breadcrumb ${className}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "nbk-breadcrumb-list", children: items.map((item, idx) => /* @__PURE__ */ jsxs("li", { className: "nbk-breadcrumb-item", children: [
+    idx > 0 && /* @__PURE__ */ jsx("span", { className: "nbk-breadcrumb-sep", children: "/" }),
+    item.href ? /* @__PURE__ */ jsx("a", { href: item.href, className: "nbk-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "nbk-breadcrumb-current", children: item.label })
+  ] }, idx)) }) });
+}
+function CategoryList({
+  categories,
+  activeCategory,
+  basePath = "/blog",
+  className = ""
+}) {
+  if (categories.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-category-list ${className}`, children: [
+    /* @__PURE__ */ jsx("h3", { className: "nbk-category-list-title", children: "Categories" }),
+    /* @__PURE__ */ jsx("ul", { className: "nbk-category-items", children: categories.map((cat) => /* @__PURE__ */ jsx("li", { className: "nbk-category-item", children: /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: `${basePath}/category/${cat.slug}`,
+        className: `nbk-category-btn ${activeCategory === cat.slug ? "active" : ""}`,
+        children: [
+          cat.name,
+          /* @__PURE__ */ jsx("span", { className: "nbk-category-count", children: cat.postCount })
+        ]
+      }
+    ) }, cat.slug)) })
+  ] });
+}
+function TagCloud({ tags, basePath = "/blog", className = "" }) {
+  if (tags.length === 0) return null;
+  const maxCount = Math.max(...tags.map((t) => t.count));
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-tag-cloud ${className}`, children: [
+    /* @__PURE__ */ jsx("h3", { className: "nbk-tag-cloud-title", children: "Tags" }),
+    /* @__PURE__ */ jsx("div", { className: "nbk-tags", children: tags.map((tag) => {
+      const size = 0.8 + tag.count / maxCount * 0.6;
+      return /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `${basePath}?tag=${tag.name}`,
+          className: "nbk-tag",
+          style: { fontSize: `${size}rem` },
+          children: [
+            "#",
+            tag.name
+          ]
+        },
+        tag.name
+      );
+    }) })
+  ] });
+}
+function CodeBlock({
+  code,
+  language = "plaintext",
+  filename,
+  className = ""
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `nbk-code-block ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "nbk-code-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "nbk-code-lang", children: filename || language }),
+      /* @__PURE__ */ jsx("button", { onClick: handleCopy, className: "nbk-code-copy", children: copied ? "Copied!" : "Copy" })
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: `nbk-code-pre language-${language}`, children: /* @__PURE__ */ jsx("code", { children: code }) })
+  ] });
+}
+function BlogListPage({
+  posts,
+  total,
+  page = 1,
+  postsPerPage = 10,
+  categories = [],
+  activeCategory,
+  showCategories = true,
+  showSearch = true,
+  layout = "grid",
+  basePath = "/blog",
+  apiPath = "/api/blog",
+  className = "",
+  slots
+}) {
+  const totalPages = Math.ceil(total / postsPerPage);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    slots?.header,
+    /* @__PURE__ */ jsxs("div", { className: `nbk-blog-list ${className}`, children: [
+      /* @__PURE__ */ jsx("div", { className: "nbk-blog-header", children: showSearch && /* @__PURE__ */ jsx(BlogSearch, { apiPath }) }),
+      slots?.beforePosts,
+      /* @__PURE__ */ jsxs("div", { className: "nbk-blog-layout", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nbk-blog-main", children: [
+          posts.length === 0 ? /* @__PURE__ */ jsx("div", { className: "nbk-empty-state", children: /* @__PURE__ */ jsx("p", { children: "No posts found." }) }) : /* @__PURE__ */ jsx("div", { className: `nbk-posts-${layout}`, children: posts.map(
+            (post) => slots?.renderCard ? slots.renderCard(post) : /* @__PURE__ */ jsx(
+              BlogCard,
+              {
+                post,
+                layout: layout === "list" ? "horizontal" : "vertical",
+                basePath
+              },
+              String(post._id || post.slug)
+            )
+          ) }),
+          totalPages > 1 && /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              currentPage: page,
+              totalPages,
+              basePath,
+              category: activeCategory
+            }
+          )
+        ] }),
+        slots?.sidebar || showCategories && categories.length > 0 && /* @__PURE__ */ jsx("aside", { className: "nbk-blog-sidebar", children: /* @__PURE__ */ jsx(
+          CategoryList,
+          {
+            categories,
+            activeCategory,
+            basePath
+          }
+        ) })
+      ] }),
+      slots?.afterPosts
+    ] }),
+    slots?.footer
+  ] });
+}
+function BlogPostPage({
+  post,
+  relatedPosts = [],
+  showTOC = true,
+  tocPosition = "sidebar",
+  showAuthor = true,
+  showRelatedPosts = true,
+  showShareButtons = true,
+  showReadingProgress = true,
+  basePath = "/blog",
+  className = "",
+  slots
+}) {
+  if (!post) {
+    return /* @__PURE__ */ jsx("div", { className: "nbk-not-found", children: "Post not found" });
+  }
+  const headings = [];
+  const headingRegex = /<h([2-4])\s+id="([^"]*)"[^>]*>(.*?)<\/h[2-4]>/gi;
+  let match;
+  while ((match = headingRegex.exec(post.contentHTML || "")) !== null) {
+    headings.push({
+      level: parseInt(match[1]),
+      id: match[2],
+      text: match[3].replace(/<[^>]+>/g, "")
+    });
+  }
+  const date = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const postUrl = `${basePath}/${post.slug}`;
+  const hasTOC = showTOC && tocPosition !== "none" && headings.length > 2;
+  const hasSidebarTOC = hasTOC && tocPosition === "sidebar";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    slots?.header,
+    /* @__PURE__ */ jsxs("article", { className: `nbk-post ${hasSidebarTOC ? "nbk-post-with-toc" : ""} ${className}`, children: [
+      showReadingProgress && /* @__PURE__ */ jsx(ReadingProgressBar, {}),
+      /* @__PURE__ */ jsx(
+        BreadcrumbNav,
+        {
+          items: [
+            { label: "Home", href: "/" },
+            { label: "Blog", href: basePath },
+            ...post.categories?.[0] ? [{ label: post.categories[0], href: `${basePath}/category/${post.categories[0]}` }] : [],
+            { label: post.title }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("header", { className: "nbk-post-header", children: [
+        post.categories?.length > 0 && /* @__PURE__ */ jsx("div", { className: "nbk-post-categories", children: post.categories.map((cat) => /* @__PURE__ */ jsx("a", { href: `${basePath}/category/${cat}`, className: "nbk-post-category", children: cat }, cat)) }),
+        /* @__PURE__ */ jsx("h1", { className: "nbk-post-title", children: post.title }),
+        /* @__PURE__ */ jsxs("div", { className: "nbk-post-meta", children: [
+          post.author?.avatar && /* @__PURE__ */ jsx("img", { src: post.author.avatar, alt: post.author.name, className: "nbk-post-avatar" }),
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-author", children: post.author?.name }),
+          date && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "nbk-post-sep", children: "\xB7" }),
+            /* @__PURE__ */ jsx("time", { className: "nbk-post-date", dateTime: String(post.publishedAt), children: date })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "nbk-post-sep", children: "\xB7" }),
+          /* @__PURE__ */ jsxs("span", { className: "nbk-post-reading-time", children: [
+            post.readingTime,
+            " min read"
+          ] })
+        ] })
+      ] }),
+      post.coverImage?.url && /* @__PURE__ */ jsx("div", { className: "nbk-post-cover", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: post.coverImage.url,
+          alt: post.coverImage.alt || post.title,
+          className: "nbk-post-cover-img"
+        }
+      ) }),
+      hasTOC && tocPosition === "top" && /* @__PURE__ */ jsx("div", { className: "nbk-post-toc-inline", children: /* @__PURE__ */ jsx(TableOfContentsComponent, { headings }) }),
+      slots?.beforeContent,
+      /* @__PURE__ */ jsxs("div", { className: "nbk-post-layout", children: [
+        hasSidebarTOC && /* @__PURE__ */ jsx("aside", { className: "nbk-post-toc-sidebar", children: /* @__PURE__ */ jsx(TableOfContentsComponent, { headings }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "nbk-post-content",
+            dangerouslySetInnerHTML: { __html: post.contentHTML || "" }
+          }
+        )
+      ] }),
+      slots?.afterContent,
+      post.tags?.length > 0 && /* @__PURE__ */ jsx("div", { className: "nbk-post-tags", children: post.tags.map((tag) => /* @__PURE__ */ jsxs("a", { href: `${basePath}?tag=${tag}`, className: "nbk-tag", children: [
+        "#",
+        tag
+      ] }, tag)) }),
+      showShareButtons && /* @__PURE__ */ jsx(ShareButtons, { url: postUrl, title: post.title }),
+      showAuthor && post.author && /* @__PURE__ */ jsx(AuthorCard, { author: post.author }),
+      showRelatedPosts && relatedPosts.length > 0 && /* @__PURE__ */ jsxs("section", { className: "nbk-related", children: [
+        /* @__PURE__ */ jsx("h2", { className: "nbk-related-title", children: "Related Posts" }),
+        /* @__PURE__ */ jsx("div", { className: "nbk-related-grid", children: relatedPosts.map((p) => /* @__PURE__ */ jsx(BlogCard, { post: p, basePath }, String(p._id || p.slug))) })
+      ] })
+    ] }),
+    slots?.footer
+  ] });
+}
+
+export { AuthorCard, BlogCard, BlogListPage, BlogPostPage, BlogSearch, BreadcrumbNav, CategoryList, CodeBlock, Pagination, ReadingProgressBar, ShareButtons, TableOfContentsComponent as TableOfContents, TagCloud };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map