@opinly/next 0.1.4 → 0.1.6

package/dist/index.mjs

@@ -1,838 +0,0 @@
-// src/components/blog-post/index.tsx
-import Link5 from "next/link";
-
-// src/utils/merge.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-var cn = (...inputs) => {
-  return twMerge(clsx(inputs));
-};
-
-// src/sdk-config.ts
-var siteUrl = process.env.OPINLY_SITE_URL;
-var opinlyEnvVars = {
-  OPINLY_IMAGES_PREFIX: process.env.OPINLY_IMAGES_PREFIX,
-  OPINLY_SITE_URL: process.env.OPINLY_SITE_URL,
-  OPINLY_BLOG_PREFIX: process.env.OPINLY_BLOG_PREFIX,
-  OPINLY_CDN_URL: process.env.OPINLY_CDN_URL,
-  OPINLY_SITE_NAME: process.env.OPINLY_SITE_NAME
-};
-Object.entries(opinlyEnvVars).forEach(([key, value]) => {
-  if (!value) {
-    throw new Error(`OPINLY ERROR: env var ${key} is not set`);
-  }
-});
-var opinlyConfig = {
-  cdnUrl: process.env.OPINLY_CDN_URL || "https://cdn.opinly.ai",
-  siteUrl: process.env.OPINLY_SITE_URL,
-  imagesPrefix: process.env.OPINLY_IMAGES_PREFIX,
-  imagesUrl: `${process.env.OPINLY_SITE_URL}${process.env.OPINLY_IMAGES_PREFIX}`,
-  blogPrefix: process.env.OPINLY_BLOG_PREFIX,
-  blogUrl: `${process.env.OPINLY_SITE_URL}${process.env.OPINLY_BLOG_PREFIX}`,
-  siteName: process.env.OPINLY_SITE_NAME
-};
-
-// src/utils/images.ts
-function replaceImageNameSpace(fileKey) {
-  const pathParts = fileKey.split("/").filter(Boolean);
-  if (pathParts.length > 1) {
-    pathParts.shift();
-  }
-  return pathParts.join("/");
-}
-
-// src/components/blog-post/_helpers/json-ld.ts
-function generateArticleBodyHtml(content) {
-  if (!content?.content)
-    return "";
-  let htmlString = "";
-  content.content.forEach((node) => {
-    switch (node.type) {
-      case "paragraph":
-        htmlString += `<p>${generateChildrenHtml(node.content)}</p>`;
-        break;
-      case "heading":
-        const headingLevel = node.attrs?.level || 1;
-        htmlString += `<h${headingLevel}>${generateChildrenHtml(node.content)}</h${headingLevel}>`;
-        break;
-      case "bulletList":
-        htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;
-        break;
-      case "orderedList":
-        htmlString += `<ol>${generateChildrenHtml(node.content)}</ol>`;
-        break;
-      case "listItem":
-        htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;
-        break;
-      default:
-        break;
-    }
-  });
-  return htmlString;
-}
-function generateChildrenHtml(nodes) {
-  if (!nodes)
-    return "";
-  let childrenHtml = "";
-  nodes.forEach((child) => {
-    if (child.type === "text") {
-      let text = child.text || "";
-      if (child.marks) {
-        child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = `<strong>${text}</strong>`;
-          if (mark.type === "italic")
-            text = `<em>${text}</em>`;
-          if (mark.type === "link" && mark.attrs?.href) {
-            text = `<a href="${mark.attrs.href}">${text}</a>`;
-          }
-        });
-      }
-      childrenHtml += text;
-    }
-  });
-  return childrenHtml;
-}
-var genFaqJSONLD = (faqs) => {
-  return {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: faqs.map((faq) => ({
-      "@type": "Question",
-      name: faq.question,
-      acceptedAnswer: {
-        "@type": "Answer",
-        text: faq.answer
-      }
-    }))
-  };
-};
-var genBlogPostingJSONLD = (post) => {
-  return {
-    "@context": "https://schema.org",
-    "@type": "BlogPosting",
-    headline: post.title,
-    description: post.description || void 0,
-    url: `${opinlyConfig.blogUrl}/${post.folder ? `${post.folder.slug + "/"}${post.slug}` : post.slug}`,
-    datePublished: post.firstPublishedAt || void 0,
-    dateModified: post.modifiedAt || void 0,
-    image: post.titleFile?.fileKey ? {
-      "@type": "ImageObject",
-      url: `${opinlyConfig.imagesUrl}/${replaceImageNameSpace(post.titleFile.fileKey)}`
-    } : void 0,
-    author: post.author ? {
-      "@type": "Person",
-      name: post.author.name,
-      url: `${opinlyConfig.blogUrl}/author/${post.author.slug}`,
-      description: post.author.bio || void 0
-    } : void 0,
-    isAccessibleForFree: true,
-    articleBody: generateArticleBodyHtml(post.content)
-  };
-};
-var genBreadcrumbJSONLD = (post) => {
-  const itemListElement = [
-    {
-      "@type": "ListItem",
-      position: 1,
-      name: "Company Name",
-      item: opinlyConfig.siteUrl
-    },
-    {
-      "@type": "ListItem",
-      position: 2,
-      name: post.folder?.name || "Blog",
-      item: `${opinlyConfig.blogUrl}/blog`
-    }
-  ];
-  if (post.folder) {
-    itemListElement.push({
-      "@type": "ListItem",
-      position: 3,
-      name: post.folder.name,
-      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}`
-    });
-    itemListElement.push({
-      "@type": "ListItem",
-      position: 4,
-      name: post.title,
-      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`
-    });
-  } else {
-    itemListElement.push({
-      "@type": "ListItem",
-      position: 3,
-      name: post.title,
-      item: `${opinlyConfig.blogUrl}/blog/${post.slug}`
-    });
-  }
-  return {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    itemListElement
-  };
-};
-
-// src/components/blog-post/_components/faq.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var FAQS = ({ faqs }) => {
-  if (!faqs)
-    return null;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
-    /* @__PURE__ */ jsx("ul", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700", children: faq.answer })
-    ] }, faq.question)) })
-  ] });
-};
-
-// src/components/blog-post/_helpers/reading-time.ts
-var countWords = (content) => {
-  if (!content?.content)
-    return 0;
-  let wordCount = 0;
-  const countWords2 = (nodes) => {
-    for (const node of nodes) {
-      if (node.type === "text" && node.text) {
-        const words = node.text.trim().split(/\s+/).filter(Boolean);
-        wordCount += words.length;
-      }
-      if (node.content)
-        countWords2(node.content);
-    }
-  };
-  countWords2(content.content);
-  return wordCount;
-};
-function calculateReadingTime(content) {
-  const wordCount = countWords(content.content);
-  const readingTimeMinutes = Math.ceil(wordCount / 200);
-  return readingTimeMinutes;
-}
-
-// src/components/blog-post/_components/content.tsx
-import Link from "next/link";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function renderTiptapContent(content, classNames) {
-  if (!content?.content)
-    return [];
-  return content.content.map((node, index) => {
-    switch (node.type) {
-      case "paragraph":
-        return /* @__PURE__ */ jsx2("p", { className: classNames.paragraph || "mb-4", children: renderChildren(node.content, classNames) }, index);
-      case "heading": {
-        const text = node.content?.[0]?.text ?? "";
-        const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-        const Tag = `h${node.attrs?.level || 1}`;
-        return /* @__PURE__ */ jsx2(
-          Tag,
-          {
-            id: slug,
-            className: classNames.heading || "mt-8 mb-4 font-bold text-gray-800",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      }
-      case "image":
-        return /* @__PURE__ */ jsx2(
-          "div",
-          {
-            className: cn(
-              "relative w-full max-w-[800px] my-6",
-              classNames.image
-            ),
-            style: { aspectRatio: "2 / 1" }
-          },
-          index
-        );
-      case "bulletList":
-        return /* @__PURE__ */ jsx2(
-          "ul",
-          {
-            className: classNames.bulletList || "list-disc pl-6 my-4",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      case "orderedList":
-        return /* @__PURE__ */ jsx2(
-          "ol",
-          {
-            className: classNames.orderedList || "list-decimal pl-6 my-4",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      case "listItem":
-        return /* @__PURE__ */ jsx2("li", { className: classNames.listItem || "my-1", children: renderChildren(node.content, classNames) }, index);
-      default:
-        return null;
-    }
-  }).filter(Boolean);
-}
-var Content = ({
-  content,
-  classNames
-}) => {
-  return /* @__PURE__ */ jsx2("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
-};
-function renderChildren(nodes, classNames) {
-  if (!nodes)
-    return [];
-  return nodes.map((child, idx) => {
-    if (child.type === "text") {
-      let text = child.text;
-      if (child.marks) {
-        child.marks.forEach((mark) => {
-          if (mark.type === "bold")
-            text = /* @__PURE__ */ jsx2("strong", { children: text }, idx);
-          if (mark.type === "italic")
-            text = /* @__PURE__ */ jsx2("em", { children: text }, idx);
-          if (mark.type === "link")
-            text = /* @__PURE__ */ jsx2(
-              Link,
-              {
-                href: mark.attrs?.href,
-                className: classNames.link || "text-blue-600 underline",
-                children: text
-              },
-              idx
-            );
-        });
-      }
-      return /* @__PURE__ */ jsx2("span", { children: text }, idx);
-    }
-    return null;
-  }).filter(Boolean);
-}
-
-// src/components/blog-post/_components/table-of-contents.tsx
-import Image from "next/image";
-
-// src/components/blog-post/_helpers/extract-headings.ts
-function extractHeadings(content) {
-  const headings = [];
-  if (!content?.content)
-    return headings;
-  const walk = (nodes) => {
-    for (const node of nodes) {
-      if (node.type === "heading" && node.content?.[0]?.text) {
-        const text = node.content[0].text;
-        const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-        headings.push({ text, slug });
-      }
-      if (node.content)
-        walk(node.content);
-    }
-  };
-  walk(content.content);
-  return headings;
-}
-
-// src/components/blog-post/_components/share.tsx
-import { Facebook, Linkedin, Mail, Twitter } from "lucide-react";
-import Link2 from "next/link";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Share = ({ post }) => {
-  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);
-  return /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 mb-6", children: [
-    /* @__PURE__ */ jsxs2(
-      Link2,
-      {
-        href: `https://linkedin.com/sharing/share-offsite?url=${postUrl}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Share on LinkedIn" }),
-          /* @__PURE__ */ jsx3(Linkedin, { className: "w-4 h-4" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
-      Link2,
-      {
-        href: `https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(
-          `Check out this article by ${post.author?.name}`
-        )}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Share on Twitter" }),
-          /* @__PURE__ */ jsx3(Twitter, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
-      Link2,
-      {
-        href: `https://facebook.com/sharer/sharer.php?u=${postUrl}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Share on Facebook" }),
-          /* @__PURE__ */ jsx3(Facebook, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs2(
-      Link2,
-      {
-        href: `mailto:?body=${encodeURIComponent(`${post.title}
-${postUrl}`)}`,
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Share via Email" }),
-          /* @__PURE__ */ jsx3(Mail, { className: "w-4 h-4" })
-        ]
-      }
-    )
-  ] });
-};
-
-// src/components/blog-post/_components/table-of-contents.tsx
-import Link3 from "next/link";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var TableOfContents = ({
-  content,
-  author,
-  post
-}) => {
-  return /* @__PURE__ */ jsxs3("aside", { className: cn("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
-    author && /* @__PURE__ */ jsx4("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 mb-3", children: [
-      author.fileKey && /* @__PURE__ */ jsx4(
-        Image,
-        {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`,
-          alt: author.name,
-          width: 48,
-          height: 48,
-          className: "rounded-full"
-        }
-      ),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx4(
-          Link3,
-          {
-            href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-            className: "text-xs uppercase text-muted-foreground font-medium",
-            children: author.name
-          }
-        ),
-        /* @__PURE__ */ jsx4("div", { className: "text-muted-foreground text-sm", children: author.bio })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx4(Share, { post }),
-    /* @__PURE__ */ jsxs3("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
-      /* @__PURE__ */ jsx4("ul", { className: "text-sm text-gray-700 space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
-    ] })
-  ] });
-};
-
-// src/components/bread-crumbs.tsx
-import Link4 from "next/link";
-import { Fragment } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var BreadCrumbs = ({
-  breadcrumbs
-}) => {
-  return /* @__PURE__ */ jsx5("nav", { className: "text-sm text-orange-100 text-muted-foreground mb-4", children: /* @__PURE__ */ jsxs4("ol", { className: "list-reset flex space-x-2", children: [
-    /* @__PURE__ */ jsx5(Link4, { href: "/", className: "font-bold", children: opinlyConfig.siteName }),
-    /* @__PURE__ */ jsx5("span", { children: "/" }),
-    /* @__PURE__ */ jsx5(Link4, { href: opinlyConfig.blogPrefix, className: "font-bold", children: "Blog" }),
-    breadcrumbs?.map((breadcrumb, index) => {
-      if (!breadcrumb) {
-        return null;
-      }
-      return /* @__PURE__ */ jsxs4(Fragment, { children: [
-        /* @__PURE__ */ jsx5("span", { children: "/" }),
-        breadcrumb.url ? /* @__PURE__ */ jsx5(Link4, { href: breadcrumb.url, className: "font-bold", children: breadcrumb.name }) : /* @__PURE__ */ jsx5("span", { className: "font-bold", children: breadcrumb.name })
-      ] }, index);
-    })
-  ] }) });
-};
-
-// src/utils/dates.ts
-var formatDate = (iso) => new Date(iso).toLocaleDateString("en-US", {
-  month: "short",
-  day: "2-digit",
-  year: "numeric"
-});
-
-// src/components/blog-post/index.tsx
-import Script from "next/script";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var BlogPost = ({
-  post,
-  classNames = {}
-}) => {
-  const content = post.content;
-  console.log("content", content);
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    post.faqs && /* @__PURE__ */ jsx6(
-      Script,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(
-            /</g,
-            "\\u003c"
-          )
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      Script,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genBlogPostingJSONLD(post))
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      Script,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genBreadcrumbJSONLD(post))
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx6("div", { className: "max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-12 w-full", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "bg-orange-600", children: [
-        /* @__PURE__ */ jsx6(
-          BreadCrumbs,
-          {
-            breadcrumbs: [
-              post.folder && {
-                url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
-                name: post.folder.name
-              }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx6("h1", { className: "text-4xl font-bold mb-2 leading-tight", children: post.title }),
-        /* @__PURE__ */ jsxs5("div", { className: "text-sm mb-4", children: [
-          "Author:",
-          " ",
-          /* @__PURE__ */ jsx6(
-            Link5,
-            {
-              href: `${opinlyConfig.blogPrefix}/authors/${post.author?.slug}`,
-              className: "font-medium",
-              children: post.author?.name
-            }
-          ),
-          " ",
-          "\xB7 ",
-          calculateReadingTime(content),
-          " min read \xB7",
-          " ",
-          formatDate(post.firstPublishedAt) || "Today"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs5(
-        "div",
-        {
-          className: cn(
-            "flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full ",
-            classNames.container
-          ),
-          children: [
-            /* @__PURE__ */ jsx6("article", { className: "w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4", children: /* @__PURE__ */ jsxs5("div", { className: "prose w-full", children: [
-              /* @__PURE__ */ jsx6(Content, { content, classNames }),
-              /* @__PURE__ */ jsx6(FAQS, { faqs: post.faqs })
-            ] }) }),
-            /* @__PURE__ */ jsx6("div", { className: "block md:min-w-72 md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ jsx6(
-              TableOfContents,
-              {
-                content,
-                author: post.author,
-                post
-              }
-            ) })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/components/post-preview.tsx
-import Link6 from "next/link";
-import Image2 from "next/image";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var PostPreview = ({
-  post
-}) => {
-  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
-  return /* @__PURE__ */ jsxs6("div", { children: [
-    post.image?.fileKey && /* @__PURE__ */ jsx7(Link6, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx7("div", { className: "relative w-full h-48 mb-4", children: /* @__PURE__ */ jsx7(
-      Image2,
-      {
-        src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(post.image.fileKey)}`,
-        alt: post.title,
-        fill: true,
-        className: "object-cover rounded-lg"
-      }
-    ) }) }, post.slug),
-    /* @__PURE__ */ jsxs6("div", { className: "text-sm text-muted-foreground mb-1", children: [
-      post.folder?.name && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        /* @__PURE__ */ jsx7(
-          Link6,
-          {
-            href: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
-            className: "hover:underline",
-            children: post.folder.name
-          }
-        ),
-        /* @__PURE__ */ jsx7("span", { className: "mx-1", children: "\xB7" })
-      ] }),
-      " ",
-      formatDate(post.firstPublishedAt)
-    ] }),
-    /* @__PURE__ */ jsx7(Link6, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx7("h2", { className: "text-lg font-semibold leading-snug group-hover:underline", children: post.title }) }, post.slug),
-    post.description && /* @__PURE__ */ jsx7("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: post.description }),
-    /* @__PURE__ */ jsxs6("div", { className: "text-xs text-gray-500 mt-2", children: [
-      post.author && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        /* @__PURE__ */ jsx7(
-          Link6,
-          {
-            href: `${opinlyConfig.blogPrefix}/authors/${post.author.slug}`,
-            className: "font-medium hover:underline",
-            children: post.author?.name
-          }
-        ),
-        " ",
-        /* @__PURE__ */ jsx7("span", { className: "mx-1", children: "\xB7" })
-      ] }),
-      " ",
-      formatDate(post.firstPublishedAt)
-    ] })
-  ] });
-};
-
-// src/components/folder-page/index.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var FolderPage = ({
-  folder
-}) => {
-  console.log("folder", JSON.stringify(folder, null, 2));
-  return /* @__PURE__ */ jsxs7("div", { className: "max-w-6xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx8(BreadCrumbs, {}),
-    /* @__PURE__ */ jsx8("h1", { className: "text-4xl font-bold mb-2", children: folder.name }),
-    /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground max-w-2xl mb-8", children: folder.description || `Explore articles about ${folder.name}.` }),
-    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: [
-      folder.posts.length === 0 && /* @__PURE__ */ jsx8("div", { className: "text-muted-foreground", children: "No posts added yet" }),
-      folder.posts.map((post) => {
-        console.log("post.image", post.image);
-        return /* @__PURE__ */ jsx8(PostPreview, { post }, post.slug);
-      })
-    ] })
-  ] });
-};
-
-// src/components/home-page.tsx
-import Link7 from "next/link";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var HomePage = ({
-  homePage,
-  page
-}) => {
-  const { posts, folders, count } = homePage;
-  console.log("posts", JSON.stringify(posts, null, 2));
-  const currentPage = page;
-  const totalPages = Math.ceil(count / 10);
-  return /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: posts.map((post) => /* @__PURE__ */ jsx9(PostPreview, { post }, post.slug)) }),
-    /* @__PURE__ */ jsx9("div", { className: "flex justify-center items-center mt-10 gap-2", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsx9(
-      Link7,
-      {
-        href: `?page=${p}`,
-        className: `px-3 py-1 border rounded ${p === currentPage ? "bg-black text-white" : "hover:bg-gray-100 text-gray-700"}`,
-        children: p
-      },
-      p
-    )) }),
-    /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-2 mb-10", children: folders.map((folder) => /* @__PURE__ */ jsx9(
-      Link7,
-      {
-        href: `/blog/${folder.slug}`,
-        className: "px-4 py-1 bg-gray-100 text-sm rounded-full hover:bg-gray-200",
-        children: folder.title
-      },
-      folder.slug
-    )) })
-  ] });
-};
-
-// src/components/author-page/index.tsx
-import Image3 from "next/image";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var AuthorPage = ({
-  author
-}) => {
-  return /* @__PURE__ */ jsxs9("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx10(
-      BreadCrumbs,
-      {
-        breadcrumbs: [
-          {
-            name: "Authors",
-            url: `${opinlyConfig.blogPrefix}/authors`
-          }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-6 mb-10", children: [
-      author.image.fileKey && /* @__PURE__ */ jsx10(
-        Image3,
-        {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
-          alt: author.image.alt || author.name,
-          width: 150,
-          height: 150,
-          className: "rounded-full border"
-        }
-      ),
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx10("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
-        author.bio && /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs9("h2", { className: "text-xl font-semibold mb-6", children: [
-      "Posts by ",
-      author.name
-    ] }),
-    /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: author.posts && author.posts.length > 0 ? author.posts.map(
-      (post) => post && /* @__PURE__ */ jsx10(PostPreview, { post }, post.slug)
-    ) : /* @__PURE__ */ jsx10("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
-  ] });
-};
-
-// src/components/not-found.tsx
-import Link8 from "next/link";
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var OpinlyNotFound = () => {
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx11("div", { className: "bg-orange-600 py-10", children: /* @__PURE__ */ jsxs10("div", { className: "max-w-7xl mx-auto px-4", children: [
-      /* @__PURE__ */ jsx11("h1", { className: "text-4xl font-bold mb-2 leading-tight text-white", children: "Post Not Found" }),
-      /* @__PURE__ */ jsx11("div", { className: "text-sm mb-4 text-orange-100", children: "The post you're looking for doesn't exist or has been removed." })
-    ] }) }),
-    /* @__PURE__ */ jsx11("div", { className: "flex max-w-7xl mx-auto mt-10 gap-12", children: /* @__PURE__ */ jsx11("article", { className: "w-2/3", children: /* @__PURE__ */ jsxs10("div", { className: "prose max-w-none", children: [
-      /* @__PURE__ */ jsx11("p", { className: "text-gray-600", children: "You can try:" }),
-      /* @__PURE__ */ jsxs10("ul", { className: "list-disc pl-6 my-4", children: [
-        /* @__PURE__ */ jsx11("li", { children: "Checking the URL for typos" }),
-        /* @__PURE__ */ jsxs10("li", { children: [
-          "Returning to the",
-          " ",
-          /* @__PURE__ */ jsx11(Link8, { href: "/blog", className: "text-blue-600 underline", children: "blog homepage" })
-        ] }),
-        /* @__PURE__ */ jsx11("li", { children: "Using the search function to find what you're looking for" })
-      ] })
-    ] }) }) })
-  ] });
-};
-
-// src/components/authors-page/index.tsx
-import Image4 from "next/image";
-import Link9 from "next/link";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var AuthorsPage = ({
-  authors
-}) => {
-  return /* @__PURE__ */ jsxs11("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx12(
-      BreadCrumbs,
-      {
-        breadcrumbs: [
-          {
-            name: "Authors"
-          }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx12("h1", { className: "text-3xl font-bold mb-10", children: "Authors" }),
-    /* @__PURE__ */ jsx12("div", { className: "space-y-16", children: authors.map((author, idx) => {
-      const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;
-      return /* @__PURE__ */ jsxs11(
-        "div",
-        {
-          className: "rounded-lg p-6 flex flex-col gap-6",
-          children: [
-            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-6 mb-4", children: [
-              author.image?.fileKey && /* @__PURE__ */ jsx12(Link9, { href: authorSlug, children: /* @__PURE__ */ jsx12(
-                Image4,
-                {
-                  src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
-                  alt: author.image.alt || author.name,
-                  width: 100,
-                  height: 100,
-                  className: "rounded-full border"
-                }
-              ) }),
-              /* @__PURE__ */ jsxs11("div", { children: [
-                /* @__PURE__ */ jsx12(Link9, { href: authorSlug, children: /* @__PURE__ */ jsx12("h2", { className: "text-2xl font-semibold mb-1", children: author.name }) }),
-                author.bio && /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs11("div", { children: [
-              /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4", children: author.posts && author.posts.length > 0 ? author.posts.map(
-                (post) => post && /* @__PURE__ */ jsx12(PostPreview, { post }, post.slug)
-              ) : /* @__PURE__ */ jsx12("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) }),
-              /* @__PURE__ */ jsx12("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs11(
-                Link9,
-                {
-                  href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-                  className: "text-bold",
-                  children: [
-                    "View more posts from ",
-                    author.name
-                  ]
-                }
-              ) })
-            ] })
-          ]
-        },
-        author.name + idx
-      );
-    }) })
-  ] });
-};
-
-// src/components/opinly-blog.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var OpinlyBlog = ({
-  blog,
-  page
-}) => {
-  if (blog.type === "not-found") {
-    return /* @__PURE__ */ jsx13(OpinlyNotFound, {});
-  }
-  if (blog.type === "home") {
-    return /* @__PURE__ */ jsx13(HomePage, { homePage: blog.data, page });
-  }
-  if (blog.type === "post") {
-    return /* @__PURE__ */ jsx13(BlogPost, { post: blog.data });
-  }
-  if (blog.type === "author") {
-    return /* @__PURE__ */ jsx13(AuthorPage, { author: blog.data });
-  }
-  if (blog.type === "authors") {
-    return /* @__PURE__ */ jsx13(AuthorsPage, { authors: blog.data });
-  }
-  return /* @__PURE__ */ jsx13(FolderPage, { folder: blog.data });
-};
-export {
-  HomePage,
-  OpinlyBlog
-};