@opinly/next 0.1.2

package/dist/index.cjs

@@ -0,0 +1,876 @@
+"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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  HomePage: () => HomePage,
+  OpinlyBlog: () => OpinlyBlog
+});
+module.exports = __toCommonJS(src_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;
+      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 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HomePage,
+  OpinlyBlog
+});