@opinly/next 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -1,14 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -17,855 +11,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
 var index_exports = {};
-__export(index_exports, {
-  HomePage: () => HomePage,
-  OpinlyBlog: () => OpinlyBlog
-});
 module.exports = __toCommonJS(index_exports);
-
-// src/components/blog-post/index.tsx
-var import_link5 = __toESM(require("next/link"), 1);
-
-// src/utils/merge.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var cn = (...inputs) => {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.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;
-      // Add other node types if they contain text content relevant for articleBody
-      // For images, you might just skip them or include an <img> tag if semantic
-      // For example:
-      // case "image":
-      //   if (node.attrs?.src) {
-      //     htmlString += `<img src="${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}" alt="${node.attrs?.alt || ''}" />`;
-      //   }
-      //   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
-var import_jsx_runtime = require("react/jsx-runtime");
-var FAQS = ({ faqs }) => {
-  if (!faqs) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: faqs.map((faq) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
-      /* @__PURE__ */ (0, import_jsx_runtime.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
-var import_link = __toESM(require("next/link"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function renderTiptapContent(content, classNames) {
-  if (!content?.content) return [];
-  return content.content.map((node, index) => {
-    switch (node.type) {
-      case "paragraph":
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
-          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__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            className: cn(
-              "relative w-full max-w-[800px] my-6",
-              classNames.image
-            ),
-            style: { aspectRatio: "2 / 1" }
-          },
-          index
-        );
-      case "bulletList":
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "ul",
-          {
-            className: classNames.bulletList || "list-disc pl-6 my-4",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      case "orderedList":
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "ol",
-          {
-            className: classNames.orderedList || "list-decimal pl-6 my-4",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      case "listItem":
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: classNames.listItem || "my-1", children: renderChildren(node.content, classNames) }, index);
-      default:
-        return null;
-    }
-  }).filter(Boolean);
-}
-var Content = ({
-  content,
-  classNames
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("strong", { children: text }, idx);
-          if (mark.type === "italic") text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: text }, idx);
-          if (mark.type === "link")
-            text = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_link.default,
-              {
-                href: mark.attrs?.href,
-                className: classNames.link || "text-blue-600 underline",
-                children: text
-              },
-              idx
-            );
-        });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: text }, idx);
-    }
-    return null;
-  }).filter(Boolean);
-}
-
-// src/components/blog-post/_components/table-of-contents.tsx
-var import_image = __toESM(require("next/image"), 1);
-
-// 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
-var import_lucide_react = require("lucide-react");
-var import_link2 = __toESM(require("next/link"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Share = ({ post }) => {
-  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2 mb-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_link2.default,
-      {
-        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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Share on LinkedIn" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Linkedin, { className: "w-4 h-4" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_link2.default,
-      {
-        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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Share on Twitter" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Twitter, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_link2.default,
-      {
-        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__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Share on Facebook" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Facebook, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_link2.default,
-      {
-        href: `mailto:?body=${encodeURIComponent(`${post.title}
-${postUrl}`)}`,
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Share via Email" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Mail, { className: "w-4 h-4" })
-        ]
-      }
-    )
-  ] });
-};
-
-// src/components/blog-post/_components/table-of-contents.tsx
-var import_link3 = __toESM(require("next/link"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var TableOfContents = ({
-  content,
-  author,
-  post
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { className: cn("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
-    author && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [
-      author.fileKey && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_image.default,
-        {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`,
-          alt: author.name,
-          width: 48,
-          height: 48,
-          className: "rounded-full"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_link3.default,
-          {
-            href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-            className: "text-xs uppercase text-muted-foreground font-medium",
-            children: author.name
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-muted-foreground text-sm", children: author.bio })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Share, { post }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "text-sm text-gray-700 space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
-    ] })
-  ] });
-};
-
-// src/components/bread-crumbs.tsx
-var import_link4 = __toESM(require("next/link"), 1);
-var import_react = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var BreadCrumbs = ({
-  breadcrumbs
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: "text-sm text-orange-100 text-muted-foreground mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("ol", { className: "list-reset flex space-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link4.default, { href: "/", className: "font-bold", children: opinlyConfig.siteName }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "/" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link4.default, { href: opinlyConfig.blogPrefix, className: "font-bold", children: "Blog" }),
-    breadcrumbs?.map((breadcrumb, index) => {
-      if (!breadcrumb) {
-        return null;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "/" }),
-        breadcrumb.url ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link4.default, { href: breadcrumb.url, className: "font-bold", children: breadcrumb.name }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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
-var import_script = __toESM(require("next/script"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var BlogPost = ({
-  post,
-  classNames = {}
-}) => {
-  const content = post.content;
-  console.log("content", content);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    post.faqs && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_script.default,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(
-            /</g,
-            "\\u003c"
-          )
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_script.default,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genBlogPostingJSONLD(post))
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_script.default,
-      {
-        strategy: "beforeInteractive",
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: {
-          __html: JSON.stringify(genBreadcrumbJSONLD(post))
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-12 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-orange-600", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          BreadCrumbs,
-          {
-            breadcrumbs: [
-              post.folder && {
-                url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
-                name: post.folder.name
-              }
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-4xl font-bold mb-2 leading-tight", children: post.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-sm mb-4", children: [
-          "Author:",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_link5.default,
-            {
-              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__ */ (0, import_jsx_runtime6.jsxs)(
-        "div",
-        {
-          className: cn(
-            "flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full ",
-            classNames.container
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("article", { className: "w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "prose w-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Content, { content, classNames }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FAQS, { faqs: post.faqs })
-            ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "block md:min-w-72 md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              TableOfContents,
-              {
-                content,
-                author: post.author,
-                post
-              }
-            ) })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/components/post-preview.tsx
-var import_link6 = __toESM(require("next/link"), 1);
-var import_image2 = __toESM(require("next/image"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var PostPreview = ({
-  post
-}) => {
-  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-    post.image?.fileKey && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link6.default, { href: postSlug, className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "relative w-full h-48 mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_image2.default,
-      {
-        src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(post.image.fileKey)}`,
-        alt: post.title,
-        fill: true,
-        className: "object-cover rounded-lg"
-      }
-    ) }) }, post.slug),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-sm text-muted-foreground mb-1", children: [
-      post.folder?.name && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_link6.default,
-          {
-            href: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
-            className: "hover:underline",
-            children: post.folder.name
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mx-1", children: "\xB7" })
-      ] }),
-      " ",
-      formatDate(post.firstPublishedAt)
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link6.default, { href: postSlug, className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-lg font-semibold leading-snug group-hover:underline", children: post.title }) }, post.slug),
-    post.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: post.description }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-xs text-gray-500 mt-2", children: [
-      post.author && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_link6.default,
-          {
-            href: `${opinlyConfig.blogPrefix}/authors/${post.author.slug}`,
-            className: "font-medium hover:underline",
-            children: post.author?.name
-          }
-        ),
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mx-1", children: "\xB7" })
-      ] }),
-      " ",
-      formatDate(post.firstPublishedAt)
-    ] })
-  ] });
-};
-
-// src/components/folder-page/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var FolderPage = ({
-  folder
-}) => {
-  console.log("folder", JSON.stringify(folder, null, 2));
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "max-w-6xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BreadCrumbs, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { className: "text-4xl font-bold mb-2", children: folder.name }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted-foreground max-w-2xl mb-8", children: folder.description || `Explore articles about ${folder.name}.` }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: [
-      folder.posts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-muted-foreground", children: "No posts added yet" }),
-      folder.posts.map((post) => {
-        console.log("post.image", post.image);
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PostPreview, { post }, post.slug);
-      })
-    ] })
-  ] });
-};
-
-// src/components/home-page.tsx
-var import_link7 = __toESM(require("next/link"), 1);
-var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: posts.map((post) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PostPreview, { post }, post.slug)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex justify-center items-center mt-10 gap-2", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_link7.default,
-      {
-        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__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-wrap gap-2 mb-10", children: folders.map((folder) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_link7.default,
-      {
-        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
-var import_image3 = __toESM(require("next/image"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var AuthorPage = ({
-  author
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      BreadCrumbs,
-      {
-        breadcrumbs: [
-          {
-            name: "Authors",
-            url: `${opinlyConfig.blogPrefix}/authors`
-          }
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-6 mb-10", children: [
-      author.image.fileKey && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_image3.default,
-        {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
-          alt: author.image.alt || author.name,
-          width: 150,
-          height: 150,
-          className: "rounded-full border"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
-        author.bio && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("h2", { className: "text-xl font-semibold mb-6", children: [
-      "Posts by ",
-      author.name
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime10.jsx)(PostPreview, { post }, post.slug)
-    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
-  ] });
-};
-
-// src/components/not-found.tsx
-var import_link8 = __toESM(require("next/link"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var OpinlyNotFound = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "bg-orange-600 py-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "max-w-7xl mx-auto px-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-4xl font-bold mb-2 leading-tight text-white", children: "Post Not Found" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-sm mb-4 text-orange-100", children: "The post you're looking for doesn't exist or has been removed." })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex max-w-7xl mx-auto mt-10 gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("article", { className: "w-2/3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "prose max-w-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-gray-600", children: "You can try:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { className: "list-disc pl-6 my-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: "Checking the URL for typos" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { children: [
-          "Returning to the",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_link8.default, { href: "/blog", className: "text-blue-600 underline", children: "blog homepage" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: "Using the search function to find what you're looking for" })
-      ] })
-    ] }) }) })
-  ] });
-};
-
-// src/components/authors-page/index.tsx
-var import_image4 = __toESM(require("next/image"), 1);
-var import_link9 = __toESM(require("next/link"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var AuthorsPage = ({
-  authors
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      BreadCrumbs,
-      {
-        breadcrumbs: [
-          {
-            name: "Authors"
-          }
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "text-3xl font-bold mb-10", children: "Authors" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-16", children: authors.map((author, idx) => {
-      const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        "div",
-        {
-          className: "rounded-lg p-6 flex flex-col gap-6",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-6 mb-4", children: [
-              author.image?.fileKey && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_link9.default, { href: authorSlug, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                import_image4.default,
-                {
-                  src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
-                  alt: author.image.alt || author.name,
-                  width: 100,
-                  height: 100,
-                  className: "rounded-full border"
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_link9.default, { href: authorSlug, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-2xl font-semibold mb-1", children: author.name }) }),
-                author.bio && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)(PostPreview, { post }, post.slug)
-              ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-                import_link9.default,
-                {
-                  href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-                  className: "text-bold",
-                  children: [
-                    "View more posts from ",
-                    author.name
-                  ]
-                }
-              ) })
-            ] })
-          ]
-        },
-        author.name + idx
-      );
-    }) })
-  ] });
-};
-
-// src/components/opinly-blog.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var OpinlyBlog = ({
-  blog,
-  page
-}) => {
-  if (blog.type === "not-found") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OpinlyNotFound, {});
-  }
-  if (blog.type === "home") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HomePage, { homePage: blog.data, page });
-  }
-  if (blog.type === "post") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BlogPost, { post: blog.data });
-  }
-  if (blog.type === "author") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AuthorPage, { author: blog.data });
-  }
-  if (blog.type === "authors") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AuthorsPage, { authors: blog.data });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FolderPage, { folder: blog.data });
-};
+__reExport(index_exports, require("./components/opinly-blog"), module.exports);
+__reExport(index_exports, require("./components/home-page"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HomePage,
-  OpinlyBlog
+  ...require("./components/opinly-blog"),
+  ...require("./components/home-page")
 });
+//# sourceMappingURL=index.cjs.map