@opinly/next 0.1.17 → 0.1.19

package/dist/components/blog-post/_components/table-of-contents.js

@@ -5,13 +5,17 @@ import { opinlyConfig } from "../../../utils/sdk-config";
 import { extractHeadings } from "../_helpers/extract-headings";
 import { Share } from "./share";
 import Link from "next/link";
+const headingColorMap = {
+  2: "text-op-heading",
+  3: "text-op-body"
+};
 const TableOfContents = ({
   content,
   author,
   post
 }) => {
-  return /* @__PURE__ */ jsxs("aside", { className: cn("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
-    author && /* @__PURE__ */ jsx("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full flex flex-col space-y-4"), children: [
+    author && /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col space-y-2 mb-6 border p-4 rounded-md text-sm", children: [
       author.fileKey && /* @__PURE__ */ jsx(
         Image,
         {
@@ -23,22 +27,45 @@ const TableOfContents = ({
           className: "rounded-full"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col space-y-2", children: [
         /* @__PURE__ */ jsx(
           Link,
           {
             href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-            className: "text-xs uppercase text-muted-foreground font-medium",
+            className: "text-lg text-op-heading font-bold",
             children: author.name
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: author.bio })
+        /* @__PURE__ */ jsxs("div", { className: "w-48 ", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-op-muted text-sm w-56 break-words block md:hidden", children: author.bio && author.bio.length > 40 ? author.bio.slice(0, 40) + "..." : author.bio }),
+          /* @__PURE__ */ jsx("p", { className: "text-op-muted text-sm w-48  hidden md:block", children: author.bio })
+        ] })
       ] })
-    ] }) }),
+    ] }),
     /* @__PURE__ */ jsx(Share, { post }),
-    /* @__PURE__ */ jsxs("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
-      /* @__PURE__ */ jsx("ul", { className: "text-sm text-gray-700 space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
+    /* @__PURE__ */ jsxs("div", { className: "border-l-4 border-op-accent pl-4 mb-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "Table of Contents" }),
+      /* @__PURE__ */ jsx("ul", { className: "text-sm space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: cn(heading.level === 3 && "ml-2"),
+          children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: `#${heading.slug}`,
+              className: cn(
+                headingColorMap[heading.level]
+              ),
+              children: [
+                heading.level === 3 && "-",
+                " ",
+                heading.text
+              ]
+            }
+          )
+        },
+        heading.slug
+      )) })
     ] })
   ] });
 };

package/dist/components/blog-post/_components/table-of-contents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_components/table-of-contents.tsx"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { cn } from \"../../../utils/merge\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { extractHeadings } from \"../_helpers/extract-headings\";\nimport { Share } from \"./share\";\nimport Link from \"next/link\";\n\ntype TableOfContentsProps = {\n  content: JSONContent;\n  author: BlogPostRes[\"author\"] | null;\n  post: BlogPostRes;\n};\n\nexport const TableOfContents = ({\n  content,\n  author,\n  post,\n}: TableOfContentsProps) => {\n  return (\n    <aside className={cn(\"w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start\")}>\n      {author && (\n        <div className=\"w-full mb-6 border p-4 rounded-md text-sm\">\n          <div className=\"flex items-center gap-3 mb-3\">\n            {author.fileKey && (\n              <Image\n                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${author.fileKey}`}\n                alt={author.name}\n                width={48}\n                height={48}\n                className=\"rounded-full\"\n              />\n            )}\n            <div>\n              <Link\n                href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                className=\"text-xs uppercase text-muted-foreground font-medium\"\n              >\n                {author.name}\n              </Link>\n              <div className=\"text-muted-foreground text-sm\">{author.bio}</div>\n            </div>\n          </div>\n        </div>\n      )}\n      <Share post={post} />\n      <div className=\"border-l-4 border-opinlyAccent pl-4 mb-4\">\n        <h2 className=\"text-lg font-semibold mb-2\">TABLE OF CONTENTS</h2>\n        <ul className=\"text-sm text-gray-700 space-y-1\">\n          {(extractHeadings(content) || []).map((heading) => (\n            <li key={heading.slug}>\n              <a href={`#${heading.slug}`} className=\"hover:underline\">\n                {heading.text}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </aside>\n  );\n};\n"],"mappings":"AA0Bc,cASF,YATE;AAxBd,SAAS,UAAU;AACnB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,OAAO,UAAU;AAQV,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,qBAAC,WAAM,WAAW,GAAG,mDAAmD,GACrE;AAAA,cACC,oBAAC,SAAI,WAAU,6CACb,+BAAC,SAAI,WAAU,gCACZ;AAAA,aAAO,WACN;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAC1B,KAAK,GAAG,aAAa,YAAY,IAAI,OAAO,OAAO;AAAA,UACnD,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,oBAAC,SAAI,WAAU,iCAAiC,iBAAO,KAAI;AAAA,SAC7D;AAAA,OACF,GACF;AAAA,IAEF,oBAAC,SAAM,MAAY;AAAA,IACnB,qBAAC,SAAI,WAAU,4CACb;AAAA,0BAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,oBAAC,QAAG,WAAU,mCACV,2BAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC,oBAAC,QACC,8BAAC,OAAE,MAAM,IAAI,QAAQ,IAAI,IAAI,WAAU,mBACpC,kBAAQ,MACX,KAHO,QAAQ,IAIjB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_components/table-of-contents.tsx"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { cn } from \"../../../utils/merge\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { extractHeadings } from \"../_helpers/extract-headings\";\nimport { Share } from \"./share\";\nimport Link from \"next/link\";\n\ntype TableOfContentsProps = {\n  content: JSONContent;\n  author: BlogPostRes[\"author\"] | null;\n  post: BlogPostRes;\n};\n\nconst headingColorMap = {\n  2: \"text-op-heading\",\n  3: \"text-op-body\",\n};\n\nexport const TableOfContents = ({\n  content,\n  author,\n  post,\n}: TableOfContentsProps) => {\n  return (\n    <div className={cn(\"w-full flex flex-col space-y-4\")}>\n      {author && (\n        <div className=\"w-full flex flex-col space-y-2 mb-6 border p-4 rounded-md text-sm\">\n          {author.fileKey && (\n            <Image\n              unoptimized={opinlyConfig.unoptimizedImages}\n              src={`${opinlyConfig.imagesPrefix}/${author.fileKey}`}\n              alt={author.name}\n              width={48}\n              height={48}\n              className=\"rounded-full\"\n            />\n          )}\n          <div className=\"w-full flex flex-col space-y-2\">\n            <Link\n              href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n              className=\"text-lg text-op-heading font-bold\"\n            >\n              {author.name}\n            </Link>\n            <div className=\"w-48 \">\n              {/* Mobile: show truncated bio */}\n              <span className=\"text-op-muted text-sm w-56 break-words block md:hidden\">\n                {author.bio && author.bio.length > 40\n                  ? author.bio.slice(0, 40) + \"...\"\n                  : author.bio}\n              </span>\n              {/* Desktop: show full bio */}\n              <p className=\"text-op-muted text-sm w-48  hidden md:block\">\n                {author.bio}\n              </p>\n            </div>\n          </div>\n        </div>\n      )}\n      <Share post={post} />\n      <div className=\"border-l-4 border-op-accent pl-4 mb-4\">\n        <h2 className=\"text-lg font-semibold mb-2\">Table of Contents</h2>\n        <ul className=\"text-sm space-y-1\">\n          {(extractHeadings(content) || []).map((heading) => (\n            <li\n              key={heading.slug}\n              className={cn(heading.level === 3 && \"ml-2\")}\n            >\n              <a\n                href={`#${heading.slug}`}\n                className={cn(\n                  headingColorMap[heading.level as keyof typeof headingColorMap]\n                )}\n              >\n                {heading.level === 3 && \"-\"} {heading.text}\n              </a>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AA8BY,cAgBA,YAhBA;AA5BZ,SAAS,UAAU;AACnB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,OAAO,UAAU;AAQjB,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,qBAAC,SAAI,WAAW,GAAG,gCAAgC,GAChD;AAAA,cACC,qBAAC,SAAI,WAAU,qEACZ;AAAA,aAAO,WACN;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAC1B,KAAK,GAAG,aAAa,YAAY,IAAI,OAAO,OAAO;AAAA,UACnD,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,qBAAC,SAAI,WAAU,kCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,qBAAC,SAAI,WAAU,SAEb;AAAA,8BAAC,UAAK,WAAU,0DACb,iBAAO,OAAO,OAAO,IAAI,SAAS,KAC/B,OAAO,IAAI,MAAM,GAAG,EAAE,IAAI,QAC1B,OAAO,KACb;AAAA,UAEA,oBAAC,OAAE,WAAU,+CACV,iBAAO,KACV;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,IAEF,oBAAC,SAAM,MAAY;AAAA,IACnB,qBAAC,SAAI,WAAU,yCACb;AAAA,0BAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,oBAAC,QAAG,WAAU,qBACV,2BAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,GAAG,QAAQ,UAAU,KAAK,MAAM;AAAA,UAE3C;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,IAAI,QAAQ,IAAI;AAAA,cACtB,WAAW;AAAA,gBACT,gBAAgB,QAAQ,KAAqC;AAAA,cAC/D;AAAA,cAEC;AAAA,wBAAQ,UAAU,KAAK;AAAA,gBAAI;AAAA,gBAAE,QAAQ;AAAA;AAAA;AAAA,UACxC;AAAA;AAAA,QAVK,QAAQ;AAAA,MAWf,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_helpers/extract-headings.cjs

@@ -29,7 +29,8 @@ function extractHeadings(content) {
       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 });
+        const level = node.attrs?.level;
+        headings.push({ text, slug, level });
       }
       if (node.content) walk(node.content);
     }

package/dist/components/blog-post/_helpers/extract-headings.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/extract-headings.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport function extractHeadings(\n  content: JSONContent\n): { text: string; slug: string }[] {\n  const headings: { text: string; slug: string }[] = [];\n  if (!content?.content) return headings;\n\n  const walk = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"heading\" && node.content?.[0]?.text) {\n        const text = node.content[0].text;\n        const slug = text\n          .toLowerCase()\n          .replace(/[^a-z0-9]+/g, \"-\")\n          .replace(/^-+|-+$/g, \"\");\n        headings.push({ text, slug });\n      }\n      if (node.content) walk(node.content);\n    }\n  };\n\n  walk(content.content);\n  return headings;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBACd,SACkC;AAClC,QAAM,WAA6C,CAAC;AACpD,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,QAAM,OAAO,CAAC,UAAiB;AAC7B,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,aAAa,KAAK,UAAU,CAAC,GAAG,MAAM;AACtD,cAAM,OAAO,KAAK,QAAQ,CAAC,EAAE;AAC7B,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,iBAAS,KAAK,EAAE,MAAM,KAAK,CAAC;AAAA,MAC9B;AACA,UAAI,KAAK,QAAS,MAAK,KAAK,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,OAAK,QAAQ,OAAO;AACpB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/extract-headings.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport function extractHeadings(\n  content: JSONContent\n): { text: string; slug: string; level: number }[] {\n  const headings: { text: string; slug: string; level: number }[] = [];\n  if (!content?.content) return headings;\n\n  const walk = (nodes: JSONContent[]) => {\n    for (const node of nodes) {\n      if (node.type === \"heading\" && node.content?.[0]?.text) {\n        const text = node.content[0].text;\n        const slug = text\n          .toLowerCase()\n          .replace(/[^a-z0-9]+/g, \"-\")\n          .replace(/^-+|-+$/g, \"\");\n\n        const level = node.attrs?.level;\n        headings.push({ text, slug, level });\n      }\n      if (node.content) walk(node.content);\n    }\n  };\n\n  walk(content.content);\n  return headings;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,gBACd,SACiD;AACjD,QAAM,WAA4D,CAAC;AACnE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,QAAM,OAAO,CAAC,UAAyB;AACrC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,aAAa,KAAK,UAAU,CAAC,GAAG,MAAM;AACtD,cAAM,OAAO,KAAK,QAAQ,CAAC,EAAE;AAC7B,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AAEzB,cAAM,QAAQ,KAAK,OAAO;AAC1B,iBAAS,KAAK,EAAE,MAAM,MAAM,MAAM,CAAC;AAAA,MACrC;AACA,UAAI,KAAK,QAAS,MAAK,KAAK,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,OAAK,QAAQ,OAAO;AACpB,SAAO;AACT;","names":[]}

package/dist/components/blog-post/_helpers/extract-headings.d.cts

@@ -3,6 +3,7 @@ import { JSONContent } from '@tiptap/core';
 declare function extractHeadings(content: JSONContent): {
     text: string;
     slug: string;
+    level: number;
 }[];
 
 export { extractHeadings };

package/dist/components/blog-post/_helpers/extract-headings.d.ts

@@ -3,6 +3,7 @@ import { JSONContent } from '@tiptap/core';
 declare function extractHeadings(content: JSONContent): {
     text: string;
     slug: string;
+    level: number;
 }[];
 
 export { extractHeadings };

package/dist/components/blog-post/_helpers/extract-headings.js

@@ -6,7 +6,8 @@ function extractHeadings(content) {
       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 });
+        const level = node.attrs?.level;
+        headings.push({ text, slug, level });
       }
       if (node.content) walk(node.content);
     }

package/dist/components/blog-post/_helpers/extract-headings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/extract-headings.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport function extractHeadings(\n  content: JSONContent\n): { text: string; slug: string }[] {\n  const headings: { text: string; slug: string }[] = [];\n  if (!content?.content) return headings;\n\n  const walk = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"heading\" && node.content?.[0]?.text) {\n        const text = node.content[0].text;\n        const slug = text\n          .toLowerCase()\n          .replace(/[^a-z0-9]+/g, \"-\")\n          .replace(/^-+|-+$/g, \"\");\n        headings.push({ text, slug });\n      }\n      if (node.content) walk(node.content);\n    }\n  };\n\n  walk(content.content);\n  return headings;\n}\n"],"mappings":"AAEO,SAAS,gBACd,SACkC;AAClC,QAAM,WAA6C,CAAC;AACpD,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,QAAM,OAAO,CAAC,UAAiB;AAC7B,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,aAAa,KAAK,UAAU,CAAC,GAAG,MAAM;AACtD,cAAM,OAAO,KAAK,QAAQ,CAAC,EAAE;AAC7B,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,iBAAS,KAAK,EAAE,MAAM,KAAK,CAAC;AAAA,MAC9B;AACA,UAAI,KAAK,QAAS,MAAK,KAAK,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,OAAK,QAAQ,OAAO;AACpB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/extract-headings.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport function extractHeadings(\n  content: JSONContent\n): { text: string; slug: string; level: number }[] {\n  const headings: { text: string; slug: string; level: number }[] = [];\n  if (!content?.content) return headings;\n\n  const walk = (nodes: JSONContent[]) => {\n    for (const node of nodes) {\n      if (node.type === \"heading\" && node.content?.[0]?.text) {\n        const text = node.content[0].text;\n        const slug = text\n          .toLowerCase()\n          .replace(/[^a-z0-9]+/g, \"-\")\n          .replace(/^-+|-+$/g, \"\");\n\n        const level = node.attrs?.level;\n        headings.push({ text, slug, level });\n      }\n      if (node.content) walk(node.content);\n    }\n  };\n\n  walk(content.content);\n  return headings;\n}\n"],"mappings":"AAEO,SAAS,gBACd,SACiD;AACjD,QAAM,WAA4D,CAAC;AACnE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,QAAM,OAAO,CAAC,UAAyB;AACrC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,aAAa,KAAK,UAAU,CAAC,GAAG,MAAM;AACtD,cAAM,OAAO,KAAK,QAAQ,CAAC,EAAE;AAC7B,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AAEzB,cAAM,QAAQ,KAAK,OAAO;AAC1B,iBAAS,KAAK,EAAE,MAAM,MAAM,MAAM,CAAC;AAAA,MACrC;AACA,UAAI,KAAK,QAAS,MAAK,KAAK,OAAO;AAAA,IACrC;AAAA,EACF;AAEA,OAAK,QAAQ,OAAO;AACpB,SAAO;AACT;","names":[]}

package/dist/components/blog-post/_helpers/json-ld.cjs

@@ -35,7 +35,9 @@ function generateArticleBodyHtml(content) {
         break;
       case "heading":
         const headingLevel = node.attrs?.level || 1;
-        htmlString += `<h${headingLevel}>${generateChildrenHtml(node.content)}</h${headingLevel}>`;
+        htmlString += `<h${headingLevel}>${generateChildrenHtml(
+          node.content
+        )}</h${headingLevel}>`;
         break;
       case "bulletList":
         htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;
@@ -120,13 +122,11 @@ const genBlogPostingJSONLD = (post) => {
 const genBreadcrumbJSONLD = (post) => {
   const itemListElement = [
     {
-      "@type": "ListItem",
       position: 1,
-      name: "Company Name",
+      name: import_sdk_config.opinlyConfig.siteName,
       item: import_sdk_config.opinlyConfig.siteUrl
     },
     {
-      "@type": "ListItem",
       position: 2,
       name: post.folder?.name || "Blog",
       item: `${import_sdk_config.opinlyConfig.blogUrl}/blog`
@@ -134,30 +134,23 @@ const genBreadcrumbJSONLD = (post) => {
   ];
   if (post.folder) {
     itemListElement.push({
-      "@type": "ListItem",
       position: 3,
       name: post.folder.name,
       item: `${import_sdk_config.opinlyConfig.blogUrl}/blog/${post.folder.slug}`
     });
     itemListElement.push({
-      "@type": "ListItem",
       position: 4,
       name: post.title,
       item: `${import_sdk_config.opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`
     });
   } else {
     itemListElement.push({
-      "@type": "ListItem",
       position: 3,
       name: post.title,
       item: `${import_sdk_config.opinlyConfig.blogUrl}/blog/${post.slug}`
     });
   }
-  return {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    itemListElement
-  };
+  return itemListElement;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/blog-post/_helpers/json-ld.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/json-ld.ts"],"sourcesContent":["import {\n  BlogPosting,\n  BreadcrumbList,\n  FAQPage,\n  WithContext,\n  ListItem,\n} from \"schema-dts\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { JSONContent } from \"@tiptap/core\";\n\n// Add this function somewhere in your BlogPost component file\nexport function generateArticleBodyHtml(content: JSONContent): string {\n  if (!content?.content) return \"\";\n\n  let htmlString = \"\";\n\n  content.content.forEach((node) => {\n    switch (node.type) {\n      case \"paragraph\":\n        htmlString += `<p>${generateChildrenHtml(node.content)}</p>`;\n        break;\n      case \"heading\":\n        const headingLevel = node.attrs?.level || 1;\n        htmlString += `<h${headingLevel}>${generateChildrenHtml(node.content)}</h${headingLevel}>`;\n        break;\n      case \"bulletList\":\n        htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;\n        break;\n      case \"orderedList\":\n        htmlString += `<ol>${generateChildrenHtml(node.content)}</ol>`;\n        break;\n      case \"listItem\":\n        htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;\n        break;\n      // Add other node types if they contain text content relevant for articleBody\n      // For images, you might just skip them or include an <img> tag if semantic\n      // For example:\n      // case \"image\":\n      //   if (node.attrs?.src) {\n      //     htmlString += `<img src=\"${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}\" alt=\"${node.attrs?.alt || ''}\" />`;\n      //   }\n      //   break;\n      default:\n        // Handle other block types or just ignore them for articleBody\n        break;\n    }\n  });\n\n  return htmlString;\n}\n\nfunction generateChildrenHtml(\n  nodes: JSONContent[\"content\"] | undefined\n): string {\n  if (!nodes) return \"\";\n\n  let childrenHtml = \"\";\n  nodes.forEach((child) => {\n    if (child.type === \"text\") {\n      let text = child.text || \"\";\n      if (child.marks) {\n        child.marks.forEach((mark) => {\n          if (mark.type === \"bold\") text = `<strong>${text}</strong>`;\n          if (mark.type === \"italic\") text = `<em>${text}</em>`;\n          if (mark.type === \"link\" && mark.attrs?.href) {\n            text = `<a href=\"${mark.attrs.href}\">${text}</a>`;\n          }\n        });\n      }\n      childrenHtml += text;\n    }\n    // If you have nested content within child nodes, you might need a recursive call here\n    // For example, if a list item can contain paragraphs\n    // if (child.content) {\n    //   childrenHtml += generateChildrenHtml(child.content);\n    // }\n  });\n  return childrenHtml;\n}\n\nexport const genFaqJSONLD = (\n  faqs: NonNullable<BlogPostRes[\"faqs\"]>\n): WithContext<FAQPage> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: faqs.map((faq) => ({\n      \"@type\": \"Question\",\n      name: faq.question,\n      acceptedAnswer: {\n        \"@type\": \"Answer\",\n        text: faq.answer,\n      },\n    })),\n  };\n};\n\nexport const genBlogPostingJSONLD = (\n  post: BlogPostRes\n): WithContext<BlogPosting> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BlogPosting\",\n    headline: post.title,\n    description: post.description || undefined,\n    url: `${opinlyConfig.blogUrl}/${post.folder ? `${post.folder.slug + \"/\"}${post.slug}` : post.slug}`,\n    datePublished: post.firstPublishedAt || undefined,\n    dateModified: post.modifiedAt || undefined,\n    image: post.titleFile?.fileKey\n      ? {\n          \"@type\": \"ImageObject\",\n          url: `${opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`,\n        }\n      : undefined,\n    author: post.author\n      ? {\n          \"@type\": \"Person\",\n          name: post.author.name,\n          url: `${opinlyConfig.blogUrl}/author/${post.author.slug}`,\n          description: post.author.bio || undefined,\n        }\n      : undefined,\n    isAccessibleForFree: true,\n    articleBody: generateArticleBodyHtml(post.content as JSONContent),\n  };\n};\n\nexport const genBreadcrumbJSONLD = (\n  post: BlogPostRes\n): WithContext<BreadcrumbList> => {\n  const itemListElement = [\n    {\n      \"@type\": \"ListItem\",\n      position: 1,\n      name: \"Company Name\",\n      item: opinlyConfig.siteUrl,\n    },\n    {\n      \"@type\": \"ListItem\",\n      position: 2,\n      name: post.folder?.name || \"Blog\",\n      item: `${opinlyConfig.blogUrl}/blog`,\n    },\n  ];\n\n  if (post.folder) {\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 3,\n      name: post.folder.name,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}`,\n    });\n\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 4,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`,\n    });\n  } else {\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 3,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.slug}`,\n    });\n  }\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: itemListElement as ListItem[],\n  };\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/json-ld.ts"],"sourcesContent":["import {\n  BlogPosting,\n  BreadcrumbList,\n  FAQPage,\n  WithContext,\n  ListItem,\n} from \"schema-dts\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { JSONContent } from \"@tiptap/core\";\n\n// Add this function somewhere in your BlogPost component file\nexport function generateArticleBodyHtml(content: JSONContent): string {\n  if (!content?.content) return \"\";\n\n  let htmlString = \"\";\n\n  content.content.forEach((node) => {\n    switch (node.type) {\n      case \"paragraph\":\n        htmlString += `<p>${generateChildrenHtml(node.content)}</p>`;\n        break;\n      case \"heading\":\n        const headingLevel = node.attrs?.level || 1;\n        htmlString += `<h${headingLevel}>${generateChildrenHtml(\n          node.content\n        )}</h${headingLevel}>`;\n        break;\n      case \"bulletList\":\n        htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;\n        break;\n      case \"orderedList\":\n        htmlString += `<ol>${generateChildrenHtml(node.content)}</ol>`;\n        break;\n      case \"listItem\":\n        htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;\n        break;\n      // Add other node types if they contain text content relevant for articleBody\n      // For images, you might just skip them or include an <img> tag if semantic\n      // For example:\n      // case \"image\":\n      //   if (node.attrs?.src) {\n      //     htmlString += `<img src=\"${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}\" alt=\"${node.attrs?.alt || ''}\" />`;\n      //   }\n      //   break;\n      default:\n        // Handle other block types or just ignore them for articleBody\n        break;\n    }\n  });\n\n  return htmlString;\n}\n\nfunction generateChildrenHtml(\n  nodes: JSONContent[\"content\"] | undefined\n): string {\n  if (!nodes) return \"\";\n\n  let childrenHtml = \"\";\n  nodes.forEach((child) => {\n    if (child.type === \"text\") {\n      let text = child.text || \"\";\n      if (child.marks) {\n        child.marks.forEach((mark) => {\n          if (mark.type === \"bold\") text = `<strong>${text}</strong>`;\n          if (mark.type === \"italic\") text = `<em>${text}</em>`;\n          if (mark.type === \"link\" && mark.attrs?.href) {\n            text = `<a href=\"${mark.attrs.href}\">${text}</a>`;\n          }\n        });\n      }\n      childrenHtml += text;\n    }\n    // If you have nested content within child nodes, you might need a recursive call here\n    // For example, if a list item can contain paragraphs\n    // if (child.content) {\n    //   childrenHtml += generateChildrenHtml(child.content);\n    // }\n  });\n  return childrenHtml;\n}\n\nexport const genFaqJSONLD = (\n  faqs: NonNullable<BlogPostRes[\"faqs\"]>\n): WithContext<FAQPage> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: faqs.map((faq) => ({\n      \"@type\": \"Question\",\n      name: faq.question,\n      acceptedAnswer: {\n        \"@type\": \"Answer\",\n        text: faq.answer,\n      },\n    })),\n  };\n};\n\nexport const genBlogPostingJSONLD = (\n  post: BlogPostRes\n): WithContext<BlogPosting> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BlogPosting\",\n    headline: post.title,\n    description: post.description || undefined,\n    url: `${opinlyConfig.blogUrl}/${\n      post.folder ? `${post.folder.slug + \"/\"}${post.slug}` : post.slug\n    }`,\n    datePublished: post.firstPublishedAt || undefined,\n    dateModified: post.modifiedAt || undefined,\n    image: post.titleFile?.fileKey\n      ? {\n          \"@type\": \"ImageObject\",\n          url: `${opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`,\n        }\n      : undefined,\n    author: post.author\n      ? {\n          \"@type\": \"Person\",\n          name: post.author.name,\n          url: `${opinlyConfig.blogUrl}/author/${post.author.slug}`,\n          description: post.author.bio || undefined,\n        }\n      : undefined,\n    isAccessibleForFree: true,\n    articleBody: generateArticleBodyHtml(post.content as JSONContent),\n  };\n};\n\nexport const genBreadcrumbJSONLD = (post: BlogPostRes) => {\n  const itemListElement = [\n    {\n      position: 1,\n      name: opinlyConfig.siteName,\n      item: opinlyConfig.siteUrl,\n    },\n    {\n      position: 2,\n      name: post.folder?.name || \"Blog\",\n      item: `${opinlyConfig.blogUrl}/blog`,\n    },\n  ];\n\n  if (post.folder) {\n    itemListElement.push({\n      position: 3,\n      name: post.folder.name,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}`,\n    });\n\n    itemListElement.push({\n      position: 4,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`,\n    });\n  } else {\n    itemListElement.push({\n      position: 3,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.slug}`,\n    });\n  }\n\n  return itemListElement;\n};\n"],"mappings":"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","names":[]}

package/dist/components/blog-post/_helpers/json-ld.d.cts

@@ -1,4 +1,4 @@
-import { WithContext, FAQPage, BlogPosting, BreadcrumbList } from 'schema-dts';
+import { WithContext, FAQPage, BlogPosting } from 'schema-dts';
 import { BlogPostRes } from '../_types/blog-post.cjs';
 import { JSONContent } from '@tiptap/core';
 import '@opinly/backend';
@@ -6,6 +6,10 @@ import '@opinly/backend';
 declare function generateArticleBodyHtml(content: JSONContent): string;
 declare const genFaqJSONLD: (faqs: NonNullable<BlogPostRes["faqs"]>) => WithContext<FAQPage>;
 declare const genBlogPostingJSONLD: (post: BlogPostRes) => WithContext<BlogPosting>;
-declare const genBreadcrumbJSONLD: (post: BlogPostRes) => WithContext<BreadcrumbList>;
+declare const genBreadcrumbJSONLD: (post: BlogPostRes) => {
+    position: number;
+    name: string;
+    item: string;
+}[];
 
 export { genBlogPostingJSONLD, genBreadcrumbJSONLD, genFaqJSONLD, generateArticleBodyHtml };

package/dist/components/blog-post/_helpers/json-ld.d.ts

@@ -1,4 +1,4 @@
-import { WithContext, FAQPage, BlogPosting, BreadcrumbList } from 'schema-dts';
+import { WithContext, FAQPage, BlogPosting } from 'schema-dts';
 import { BlogPostRes } from '../_types/blog-post.js';
 import { JSONContent } from '@tiptap/core';
 import '@opinly/backend';
@@ -6,6 +6,10 @@ import '@opinly/backend';
 declare function generateArticleBodyHtml(content: JSONContent): string;
 declare const genFaqJSONLD: (faqs: NonNullable<BlogPostRes["faqs"]>) => WithContext<FAQPage>;
 declare const genBlogPostingJSONLD: (post: BlogPostRes) => WithContext<BlogPosting>;
-declare const genBreadcrumbJSONLD: (post: BlogPostRes) => WithContext<BreadcrumbList>;
+declare const genBreadcrumbJSONLD: (post: BlogPostRes) => {
+    position: number;
+    name: string;
+    item: string;
+}[];
 
 export { genBlogPostingJSONLD, genBreadcrumbJSONLD, genFaqJSONLD, generateArticleBodyHtml };

package/dist/components/blog-post/_helpers/json-ld.js

@@ -9,7 +9,9 @@ function generateArticleBodyHtml(content) {
         break;
       case "heading":
         const headingLevel = node.attrs?.level || 1;
-        htmlString += `<h${headingLevel}>${generateChildrenHtml(node.content)}</h${headingLevel}>`;
+        htmlString += `<h${headingLevel}>${generateChildrenHtml(
+          node.content
+        )}</h${headingLevel}>`;
         break;
       case "bulletList":
         htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;
@@ -94,13 +96,11 @@ const genBlogPostingJSONLD = (post) => {
 const genBreadcrumbJSONLD = (post) => {
   const itemListElement = [
     {
-      "@type": "ListItem",
       position: 1,
-      name: "Company Name",
+      name: opinlyConfig.siteName,
       item: opinlyConfig.siteUrl
     },
     {
-      "@type": "ListItem",
       position: 2,
       name: post.folder?.name || "Blog",
       item: `${opinlyConfig.blogUrl}/blog`
@@ -108,30 +108,23 @@ const genBreadcrumbJSONLD = (post) => {
   ];
   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
-  };
+  return itemListElement;
 };
 export {
   genBlogPostingJSONLD,

package/dist/components/blog-post/_helpers/json-ld.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/json-ld.ts"],"sourcesContent":["import {\n  BlogPosting,\n  BreadcrumbList,\n  FAQPage,\n  WithContext,\n  ListItem,\n} from \"schema-dts\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { JSONContent } from \"@tiptap/core\";\n\n// Add this function somewhere in your BlogPost component file\nexport function generateArticleBodyHtml(content: JSONContent): string {\n  if (!content?.content) return \"\";\n\n  let htmlString = \"\";\n\n  content.content.forEach((node) => {\n    switch (node.type) {\n      case \"paragraph\":\n        htmlString += `<p>${generateChildrenHtml(node.content)}</p>`;\n        break;\n      case \"heading\":\n        const headingLevel = node.attrs?.level || 1;\n        htmlString += `<h${headingLevel}>${generateChildrenHtml(node.content)}</h${headingLevel}>`;\n        break;\n      case \"bulletList\":\n        htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;\n        break;\n      case \"orderedList\":\n        htmlString += `<ol>${generateChildrenHtml(node.content)}</ol>`;\n        break;\n      case \"listItem\":\n        htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;\n        break;\n      // Add other node types if they contain text content relevant for articleBody\n      // For images, you might just skip them or include an <img> tag if semantic\n      // For example:\n      // case \"image\":\n      //   if (node.attrs?.src) {\n      //     htmlString += `<img src=\"${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}\" alt=\"${node.attrs?.alt || ''}\" />`;\n      //   }\n      //   break;\n      default:\n        // Handle other block types or just ignore them for articleBody\n        break;\n    }\n  });\n\n  return htmlString;\n}\n\nfunction generateChildrenHtml(\n  nodes: JSONContent[\"content\"] | undefined\n): string {\n  if (!nodes) return \"\";\n\n  let childrenHtml = \"\";\n  nodes.forEach((child) => {\n    if (child.type === \"text\") {\n      let text = child.text || \"\";\n      if (child.marks) {\n        child.marks.forEach((mark) => {\n          if (mark.type === \"bold\") text = `<strong>${text}</strong>`;\n          if (mark.type === \"italic\") text = `<em>${text}</em>`;\n          if (mark.type === \"link\" && mark.attrs?.href) {\n            text = `<a href=\"${mark.attrs.href}\">${text}</a>`;\n          }\n        });\n      }\n      childrenHtml += text;\n    }\n    // If you have nested content within child nodes, you might need a recursive call here\n    // For example, if a list item can contain paragraphs\n    // if (child.content) {\n    //   childrenHtml += generateChildrenHtml(child.content);\n    // }\n  });\n  return childrenHtml;\n}\n\nexport const genFaqJSONLD = (\n  faqs: NonNullable<BlogPostRes[\"faqs\"]>\n): WithContext<FAQPage> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: faqs.map((faq) => ({\n      \"@type\": \"Question\",\n      name: faq.question,\n      acceptedAnswer: {\n        \"@type\": \"Answer\",\n        text: faq.answer,\n      },\n    })),\n  };\n};\n\nexport const genBlogPostingJSONLD = (\n  post: BlogPostRes\n): WithContext<BlogPosting> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BlogPosting\",\n    headline: post.title,\n    description: post.description || undefined,\n    url: `${opinlyConfig.blogUrl}/${post.folder ? `${post.folder.slug + \"/\"}${post.slug}` : post.slug}`,\n    datePublished: post.firstPublishedAt || undefined,\n    dateModified: post.modifiedAt || undefined,\n    image: post.titleFile?.fileKey\n      ? {\n          \"@type\": \"ImageObject\",\n          url: `${opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`,\n        }\n      : undefined,\n    author: post.author\n      ? {\n          \"@type\": \"Person\",\n          name: post.author.name,\n          url: `${opinlyConfig.blogUrl}/author/${post.author.slug}`,\n          description: post.author.bio || undefined,\n        }\n      : undefined,\n    isAccessibleForFree: true,\n    articleBody: generateArticleBodyHtml(post.content as JSONContent),\n  };\n};\n\nexport const genBreadcrumbJSONLD = (\n  post: BlogPostRes\n): WithContext<BreadcrumbList> => {\n  const itemListElement = [\n    {\n      \"@type\": \"ListItem\",\n      position: 1,\n      name: \"Company Name\",\n      item: opinlyConfig.siteUrl,\n    },\n    {\n      \"@type\": \"ListItem\",\n      position: 2,\n      name: post.folder?.name || \"Blog\",\n      item: `${opinlyConfig.blogUrl}/blog`,\n    },\n  ];\n\n  if (post.folder) {\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 3,\n      name: post.folder.name,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}`,\n    });\n\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 4,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`,\n    });\n  } else {\n    itemListElement.push({\n      \"@type\": \"ListItem\",\n      position: 3,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.slug}`,\n    });\n  }\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: itemListElement as ListItem[],\n  };\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/json-ld.ts"],"sourcesContent":["import {\n  BlogPosting,\n  BreadcrumbList,\n  FAQPage,\n  WithContext,\n  ListItem,\n} from \"schema-dts\";\nimport { BlogPostRes } from \"../_types/blog-post\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport { JSONContent } from \"@tiptap/core\";\n\n// Add this function somewhere in your BlogPost component file\nexport function generateArticleBodyHtml(content: JSONContent): string {\n  if (!content?.content) return \"\";\n\n  let htmlString = \"\";\n\n  content.content.forEach((node) => {\n    switch (node.type) {\n      case \"paragraph\":\n        htmlString += `<p>${generateChildrenHtml(node.content)}</p>`;\n        break;\n      case \"heading\":\n        const headingLevel = node.attrs?.level || 1;\n        htmlString += `<h${headingLevel}>${generateChildrenHtml(\n          node.content\n        )}</h${headingLevel}>`;\n        break;\n      case \"bulletList\":\n        htmlString += `<ul>${generateChildrenHtml(node.content)}</ul>`;\n        break;\n      case \"orderedList\":\n        htmlString += `<ol>${generateChildrenHtml(node.content)}</ol>`;\n        break;\n      case \"listItem\":\n        htmlString += `<li>${generateChildrenHtml(node.content)}</li>`;\n        break;\n      // Add other node types if they contain text content relevant for articleBody\n      // For images, you might just skip them or include an <img> tag if semantic\n      // For example:\n      // case \"image\":\n      //   if (node.attrs?.src) {\n      //     htmlString += `<img src=\"${replaceImageHostname(node.attrs.src, opinlyConfig.imagesPrefix)}\" alt=\"${node.attrs?.alt || ''}\" />`;\n      //   }\n      //   break;\n      default:\n        // Handle other block types or just ignore them for articleBody\n        break;\n    }\n  });\n\n  return htmlString;\n}\n\nfunction generateChildrenHtml(\n  nodes: JSONContent[\"content\"] | undefined\n): string {\n  if (!nodes) return \"\";\n\n  let childrenHtml = \"\";\n  nodes.forEach((child) => {\n    if (child.type === \"text\") {\n      let text = child.text || \"\";\n      if (child.marks) {\n        child.marks.forEach((mark) => {\n          if (mark.type === \"bold\") text = `<strong>${text}</strong>`;\n          if (mark.type === \"italic\") text = `<em>${text}</em>`;\n          if (mark.type === \"link\" && mark.attrs?.href) {\n            text = `<a href=\"${mark.attrs.href}\">${text}</a>`;\n          }\n        });\n      }\n      childrenHtml += text;\n    }\n    // If you have nested content within child nodes, you might need a recursive call here\n    // For example, if a list item can contain paragraphs\n    // if (child.content) {\n    //   childrenHtml += generateChildrenHtml(child.content);\n    // }\n  });\n  return childrenHtml;\n}\n\nexport const genFaqJSONLD = (\n  faqs: NonNullable<BlogPostRes[\"faqs\"]>\n): WithContext<FAQPage> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: faqs.map((faq) => ({\n      \"@type\": \"Question\",\n      name: faq.question,\n      acceptedAnswer: {\n        \"@type\": \"Answer\",\n        text: faq.answer,\n      },\n    })),\n  };\n};\n\nexport const genBlogPostingJSONLD = (\n  post: BlogPostRes\n): WithContext<BlogPosting> => {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BlogPosting\",\n    headline: post.title,\n    description: post.description || undefined,\n    url: `${opinlyConfig.blogUrl}/${\n      post.folder ? `${post.folder.slug + \"/\"}${post.slug}` : post.slug\n    }`,\n    datePublished: post.firstPublishedAt || undefined,\n    dateModified: post.modifiedAt || undefined,\n    image: post.titleFile?.fileKey\n      ? {\n          \"@type\": \"ImageObject\",\n          url: `${opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`,\n        }\n      : undefined,\n    author: post.author\n      ? {\n          \"@type\": \"Person\",\n          name: post.author.name,\n          url: `${opinlyConfig.blogUrl}/author/${post.author.slug}`,\n          description: post.author.bio || undefined,\n        }\n      : undefined,\n    isAccessibleForFree: true,\n    articleBody: generateArticleBodyHtml(post.content as JSONContent),\n  };\n};\n\nexport const genBreadcrumbJSONLD = (post: BlogPostRes) => {\n  const itemListElement = [\n    {\n      position: 1,\n      name: opinlyConfig.siteName,\n      item: opinlyConfig.siteUrl,\n    },\n    {\n      position: 2,\n      name: post.folder?.name || \"Blog\",\n      item: `${opinlyConfig.blogUrl}/blog`,\n    },\n  ];\n\n  if (post.folder) {\n    itemListElement.push({\n      position: 3,\n      name: post.folder.name,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}`,\n    });\n\n    itemListElement.push({\n      position: 4,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.folder.slug}/${post.slug}`,\n    });\n  } else {\n    itemListElement.push({\n      position: 3,\n      name: post.title,\n      item: `${opinlyConfig.blogUrl}/blog/${post.slug}`,\n    });\n  }\n\n  return itemListElement;\n};\n"],"mappings":"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","names":[]}

package/dist/components/blog-post/_helpers/reading-time.cjs

@@ -38,7 +38,7 @@ const countWords = (content) => {
   return wordCount;
 };
 function calculateReadingTime(content) {
-  const wordCount = countWords(content.content);
+  const wordCount = countWords(content);
   const readingTimeMinutes = Math.ceil(wordCount / 200);
   return readingTimeMinutes;
 }

package/dist/components/blog-post/_helpers/reading-time.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/reading-time.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport const countWords = (content: JSONContent | undefined): number => {\n  if (!content?.content) return 0;\n\n  let wordCount = 0;\n\n  const countWords = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"text\" && node.text) {\n        const words = node.text.trim().split(/\\s+/).filter(Boolean);\n        wordCount += words.length;\n      }\n      if (node.content) countWords(node.content);\n    }\n  };\n\n  countWords(content.content);\n\n  return wordCount;\n};\n\nexport function calculateReadingTime(content: JSONContent): number {\n  const wordCount = countWords(content.content);\n\n  const readingTimeMinutes = Math.ceil(wordCount / 200);\n  return readingTimeMinutes;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,aAAa,CAAC,YAA6C;AACtE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,MAAI,YAAY;AAEhB,QAAMA,cAAa,CAAC,UAAiB;AACnC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,UAAU,KAAK,MAAM;AACrC,cAAM,QAAQ,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC1D,qBAAa,MAAM;AAAA,MACrB;AACA,UAAI,KAAK,QAAS,CAAAA,YAAW,KAAK,OAAO;AAAA,IAC3C;AAAA,EACF;AAEA,EAAAA,YAAW,QAAQ,OAAO;AAE1B,SAAO;AACT;AAEO,SAAS,qBAAqB,SAA8B;AACjE,QAAM,YAAY,WAAW,QAAQ,OAAO;AAE5C,QAAM,qBAAqB,KAAK,KAAK,YAAY,GAAG;AACpD,SAAO;AACT;","names":["countWords"]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/reading-time.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport const countWords = (content: JSONContent | undefined): number => {\n  if (!content?.content) return 0;\n\n  let wordCount = 0;\n\n  const countWords = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"text\" && node.text) {\n        const words = node.text.trim().split(/\\s+/).filter(Boolean);\n        wordCount += words.length;\n      }\n      if (node.content) countWords(node.content);\n    }\n  };\n\n  countWords(content.content);\n\n  return wordCount;\n};\n\nexport function calculateReadingTime(content: JSONContent): number {\n  const wordCount = countWords(content);\n\n  const readingTimeMinutes = Math.ceil(wordCount / 200);\n  return readingTimeMinutes;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,aAAa,CAAC,YAA6C;AACtE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,MAAI,YAAY;AAEhB,QAAMA,cAAa,CAAC,UAAiB;AACnC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,UAAU,KAAK,MAAM;AACrC,cAAM,QAAQ,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC1D,qBAAa,MAAM;AAAA,MACrB;AACA,UAAI,KAAK,QAAS,CAAAA,YAAW,KAAK,OAAO;AAAA,IAC3C;AAAA,EACF;AAEA,EAAAA,YAAW,QAAQ,OAAO;AAE1B,SAAO;AACT;AAEO,SAAS,qBAAqB,SAA8B;AACjE,QAAM,YAAY,WAAW,OAAO;AAEpC,QAAM,qBAAqB,KAAK,KAAK,YAAY,GAAG;AACpD,SAAO;AACT;","names":["countWords"]}

package/dist/components/blog-post/_helpers/reading-time.js

@@ -14,7 +14,7 @@ const countWords = (content) => {
   return wordCount;
 };
 function calculateReadingTime(content) {
-  const wordCount = countWords(content.content);
+  const wordCount = countWords(content);
   const readingTimeMinutes = Math.ceil(wordCount / 200);
   return readingTimeMinutes;
 }

package/dist/components/blog-post/_helpers/reading-time.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_helpers/reading-time.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport const countWords = (content: JSONContent | undefined): number => {\n  if (!content?.content) return 0;\n\n  let wordCount = 0;\n\n  const countWords = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"text\" && node.text) {\n        const words = node.text.trim().split(/\\s+/).filter(Boolean);\n        wordCount += words.length;\n      }\n      if (node.content) countWords(node.content);\n    }\n  };\n\n  countWords(content.content);\n\n  return wordCount;\n};\n\nexport function calculateReadingTime(content: JSONContent): number {\n  const wordCount = countWords(content.content);\n\n  const readingTimeMinutes = Math.ceil(wordCount / 200);\n  return readingTimeMinutes;\n}\n"],"mappings":"AAEO,MAAM,aAAa,CAAC,YAA6C;AACtE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,MAAI,YAAY;AAEhB,QAAMA,cAAa,CAAC,UAAiB;AACnC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,UAAU,KAAK,MAAM;AACrC,cAAM,QAAQ,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC1D,qBAAa,MAAM;AAAA,MACrB;AACA,UAAI,KAAK,QAAS,CAAAA,YAAW,KAAK,OAAO;AAAA,IAC3C;AAAA,EACF;AAEA,EAAAA,YAAW,QAAQ,OAAO;AAE1B,SAAO;AACT;AAEO,SAAS,qBAAqB,SAA8B;AACjE,QAAM,YAAY,WAAW,QAAQ,OAAO;AAE5C,QAAM,qBAAqB,KAAK,KAAK,YAAY,GAAG;AACpD,SAAO;AACT;","names":["countWords"]}
+{"version":3,"sources":["../../../../src/components/blog-post/_helpers/reading-time.ts"],"sourcesContent":["import { JSONContent } from \"@tiptap/core\";\n\nexport const countWords = (content: JSONContent | undefined): number => {\n  if (!content?.content) return 0;\n\n  let wordCount = 0;\n\n  const countWords = (nodes: any[]) => {\n    for (const node of nodes) {\n      if (node.type === \"text\" && node.text) {\n        const words = node.text.trim().split(/\\s+/).filter(Boolean);\n        wordCount += words.length;\n      }\n      if (node.content) countWords(node.content);\n    }\n  };\n\n  countWords(content.content);\n\n  return wordCount;\n};\n\nexport function calculateReadingTime(content: JSONContent): number {\n  const wordCount = countWords(content);\n\n  const readingTimeMinutes = Math.ceil(wordCount / 200);\n  return readingTimeMinutes;\n}\n"],"mappings":"AAEO,MAAM,aAAa,CAAC,YAA6C;AACtE,MAAI,CAAC,SAAS,QAAS,QAAO;AAE9B,MAAI,YAAY;AAEhB,QAAMA,cAAa,CAAC,UAAiB;AACnC,eAAW,QAAQ,OAAO;AACxB,UAAI,KAAK,SAAS,UAAU,KAAK,MAAM;AACrC,cAAM,QAAQ,KAAK,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC1D,qBAAa,MAAM;AAAA,MACrB;AACA,UAAI,KAAK,QAAS,CAAAA,YAAW,KAAK,OAAO;AAAA,IAC3C;AAAA,EACF;AAEA,EAAAA,YAAW,QAAQ,OAAO;AAE1B,SAAO;AACT;AAEO,SAAS,qBAAqB,SAA8B;AACjE,QAAM,YAAY,WAAW,OAAO;AAEpC,QAAM,qBAAqB,KAAK,KAAK,YAAY,GAAG;AACpD,SAAO;AACT;","names":["countWords"]}

package/dist/components/blog-post/index.cjs

@@ -48,6 +48,7 @@ const BlogPost = ({
   classNames = {}
 }) => {
   const content = post.content;
+  console.log("is app router", !import_sdk_config.opinlyConfig.pagesRouter);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     post.faqs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_script.default,
@@ -83,7 +84,7 @@ const BlogPost = ({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-12 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-orange-600", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_bread_crumbs.BreadCrumbs,
           {
@@ -95,39 +96,42 @@ const BlogPost = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-4xl font-bold mb-2 leading-tight", children: post.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm mb-4", children: [
-          "Author:",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_link.default,
-            {
-              href: `${import_sdk_config.opinlyConfig.blogPrefix}/authors/${post.author?.slug}`,
-              className: "font-medium",
-              children: post.author?.name
-            }
-          ),
-          " ",
-          "\xB7 ",
-          (0, import_reading_time.calculateReadingTime)(content),
-          " min read \xB7",
-          " ",
-          (0, import_dates.formatDate)(post.firstPublishedAt) || "Today"
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-op-heading text-4xl font-bold mb-2 leading-tight", children: post.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm mb-4 text-op-muted space-x-1", children: [
+          post.author && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_link.default,
+              {
+                href: `${import_sdk_config.opinlyConfig.blogPrefix}/authors/${post.author?.slug}`,
+                className: "font-medium",
+                children: post.author?.name
+              }
+            ),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-op-muted", children: "\xB7" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            (0, import_reading_time.calculateReadingTime)(content),
+            " min read ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xB7" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_dates.formatDate)(post.firstPublishedAt) || "Today" })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "div",
         {
           className: (0, import_merge.cn)(
-            "flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full ",
+            "flex md:space-x-12 flex-col mx-auto w-full",
+            "md:flex-row-reverse",
             classNames.container
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("div", { className: "prose w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: "w-full md:w-3/4 order-2 md:order-1 flex items-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "prose w-full ", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_content.Content, { content, classNames }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_faq.FAQS, { faqs: post.faqs })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block md:min-w-72 md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex md:w-1/4 md:sticky md:top-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_table_of_contents.TableOfContents,
               {
                 content,

package/dist/components/blog-post/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/blog-post/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { JSONContent } from \"@tiptap/core\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { BlogPostRes } from \"./_types/blog-post\";\nimport {\n  genBlogPostingJSONLD,\n  genBreadcrumbJSONLD,\n  genFaqJSONLD,\n} from \"./_helpers/json-ld\";\nimport { BlogComponentClassNames } from \"./_types/class-names\";\nimport { FAQS } from \"./_components/faq\";\nimport { calculateReadingTime } from \"./_helpers/reading-time\";\nimport { Content } from \"./_components/content\";\nimport { TableOfContents } from \"./_components/table-of-contents\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { formatDate } from \"../../utils/dates\";\nimport Script from \"next/script\";\n\nexport const BlogPost = ({\n  post,\n  classNames = {},\n}: {\n  post: BlogPostRes;\n  classNames?: BlogComponentClassNames;\n  notFoundComponent?: React.ReactNode;\n}) => {\n  const content = post.content as JSONContent;\n\n  return (\n    <>\n      {/* <Head>\n        <> */}\n      {post.faqs && (\n        <Script\n          strategy=\"beforeInteractive\"\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(\n              /</g,\n              \"\\\\u003c\"\n            ),\n          }}\n        />\n      )}\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBlogPostingJSONLD(post)),\n        }}\n      />\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBreadcrumbJSONLD(post)),\n        }}\n      />\n      {/* </>\n      </Head> */}\n\n      <div className=\"max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8\">\n        <div className=\"flex flex-col gap-12 w-full\">\n          <div className=\"bg-orange-600\">\n            <BreadCrumbs\n              breadcrumbs={[\n                post.folder && {\n                  url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,\n                  name: post.folder.name,\n                },\n              ]}\n            />\n\n            <h1 className=\"text-4xl font-bold mb-2 leading-tight\">\n              {post.title}\n            </h1>\n            <div className=\"text-sm mb-4\">\n              Author:{\" \"}\n              <Link\n                href={`${opinlyConfig.blogPrefix}/authors/${post.author?.slug}`}\n                className=\"font-medium\"\n              >\n                {post.author?.name}\n              </Link>{\" \"}\n              · {calculateReadingTime(content)} min read ·{\" \"}\n              {formatDate(post.firstPublishedAt as string) || \"Today\"}\n            </div>\n          </div>\n\n          <div\n            className={cn(\n              \"flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full \",\n              classNames.container\n            )}\n          >\n            <article className=\"w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4\">\n              <div className=\"prose w-full\">\n                <Content content={content} classNames={classNames} />\n                <FAQS faqs={post.faqs} />\n              </div>\n            </article>\n            <div className=\"block md:min-w-72 md:sticky md:top-20 md:self-start\">\n              <TableOfContents\n                content={content}\n                author={post.author}\n                post={post}\n              />\n            </div>\n          </div>\n        </div>\n        {/* <div className=\"hidden md:block \">\n        <TableOfContents\n          content={content}\n          author={post.post.author}\n          post={post}\n        />\n      </div> */}\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA7BJ,kBAAiB;AACjB,mBAAmB;AACnB,wBAA6B;AAE7B,qBAIO;AAEP,iBAAqB;AACrB,0BAAqC;AACrC,qBAAwB;AACxB,+BAAgC;AAChC,0BAA4B;AAC5B,mBAA2B;AAC3B,oBAAmB;AAEZ,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,aAAa,CAAC;AAChB,MAIM;AACJ,QAAM,UAAU,KAAK;AAErB,SACE,4EAGG;AAAA,SAAK,QACJ;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,6BAAa,KAAK,IAAI,CAAC,EAAE;AAAA,YAC9C;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,qCAAqB,IAAI,CAAC;AAAA,QACnD;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,oCAAoB,IAAI,CAAC;AAAA,QAClD;AAAA;AAAA,IACF;AAAA,IAIA,4CAAC,SAAI,WAAU,2DACb,uDAAC,SAAI,WAAU,+BACb;AAAA,mDAAC,SAAI,WAAU,iBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,cACX,KAAK,UAAU;AAAA,gBACb,KAAK,GAAG,+BAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,gBACnD,MAAM,KAAK,OAAO;AAAA,cACpB;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA,4CAAC,QAAG,WAAU,yCACX,eAAK,OACR;AAAA,QACA,6CAAC,SAAI,WAAU,gBAAe;AAAA;AAAA,UACpB;AAAA,UACR;AAAA,YAAC,YAAAC;AAAA,YAAA;AAAA,cACC,MAAM,GAAG,+BAAa,UAAU,YAAY,KAAK,QAAQ,IAAI;AAAA,cAC7D,WAAU;AAAA,cAET,eAAK,QAAQ;AAAA;AAAA,UAChB;AAAA,UAAQ;AAAA,UAAI;AAAA,cACT,0CAAqB,OAAO;AAAA,UAAE;AAAA,UAAY;AAAA,cAC5C,yBAAW,KAAK,gBAA0B,KAAK;AAAA,WAClD;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,YACT;AAAA,YACA,WAAW;AAAA,UACb;AAAA,UAEA;AAAA,wDAAC,aAAQ,WAAU,iEACjB,uDAAC,SAAI,WAAU,gBACb;AAAA,0DAAC,0BAAQ,SAAkB,YAAwB;AAAA,cACnD,4CAAC,mBAAK,MAAM,KAAK,MAAM;AAAA,eACzB,GACF;AAAA,YACA,4CAAC,SAAI,WAAU,uDACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,QAAQ,KAAK;AAAA,gBACb;AAAA;AAAA,YACF,GACF;AAAA;AAAA;AAAA,MACF;AAAA,OACF,GAQF;AAAA,KACF;AAEJ;","names":["Script","Link"]}
+{"version":3,"sources":["../../../src/components/blog-post/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { JSONContent } from \"@tiptap/core\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { BlogPostRes } from \"./_types/blog-post\";\nimport {\n  genBlogPostingJSONLD,\n  genBreadcrumbJSONLD,\n  genFaqJSONLD,\n} from \"./_helpers/json-ld\";\nimport { BlogComponentClassNames } from \"./_types/class-names\";\nimport { FAQS } from \"./_components/faq\";\nimport { calculateReadingTime } from \"./_helpers/reading-time\";\nimport { Content } from \"./_components/content\";\nimport { TableOfContents } from \"./_components/table-of-contents\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { formatDate } from \"../../utils/dates\";\nimport Script from \"next/script\";\n\nexport const BlogPost = ({\n  post,\n  classNames = {},\n}: {\n  post: BlogPostRes;\n  classNames?: BlogComponentClassNames;\n  notFoundComponent?: React.ReactNode;\n}) => {\n  const content = post.content as JSONContent;\n\n  console.log(\"is app router\", !opinlyConfig.pagesRouter);\n\n  return (\n    <>\n      {post.faqs && (\n        <Script\n          strategy=\"beforeInteractive\"\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(\n              /</g,\n              \"\\\\u003c\"\n            ),\n          }}\n        />\n      )}\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBlogPostingJSONLD(post)),\n        }}\n      />\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBreadcrumbJSONLD(post)),\n        }}\n      />\n      <div className=\"max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8\">\n        <div className=\"flex flex-col gap-12 w-full\">\n          <div>\n            <BreadCrumbs\n              breadcrumbs={[\n                post.folder && {\n                  url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,\n                  name: post.folder.name,\n                },\n              ]}\n            />\n\n            <h1 className=\"text-op-heading text-4xl font-bold mb-2 leading-tight\">\n              {post.title}\n            </h1>\n            <div className=\"text-sm mb-4 text-op-muted space-x-1\">\n              {post.author && (\n                <>\n                  <Link\n                    href={`${opinlyConfig.blogPrefix}/authors/${post.author?.slug}`}\n                    className=\"font-medium\"\n                  >\n                    {post.author?.name}\n                  </Link>{\" \"}\n                  <span className=\"text-op-muted\">·</span>\n                </>\n              )}\n              <span>\n                {calculateReadingTime(content)} min read <span>·</span>\n              </span>\n              <span>\n                {formatDate(post.firstPublishedAt as string) || \"Today\"}\n              </span>\n            </div>\n          </div>\n\n          <div\n            className={cn(\n              \"flex md:space-x-12 flex-col mx-auto w-full\",\n              \"md:flex-row-reverse\",\n              classNames.container\n            )}\n          >\n            <article className=\"w-full md:w-3/4 order-2 md:order-1 flex items-start\">\n              <div className=\"prose w-full \">\n                <Content content={content} classNames={classNames} />\n                <FAQS faqs={post.faqs} />\n              </div>\n            </article>\n            <div className=\"flex md:w-1/4 md:sticky md:top-20\">\n              <TableOfContents\n                content={content}\n                author={post.author}\n                post={post}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCQ;AAjCR,kBAAiB;AACjB,mBAAmB;AACnB,wBAA6B;AAE7B,qBAIO;AAEP,iBAAqB;AACrB,0BAAqC;AACrC,qBAAwB;AACxB,+BAAgC;AAChC,0BAA4B;AAC5B,mBAA2B;AAC3B,oBAAmB;AAEZ,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,aAAa,CAAC;AAChB,MAIM;AACJ,QAAM,UAAU,KAAK;AAErB,UAAQ,IAAI,iBAAiB,CAAC,+BAAa,WAAW;AAEtD,SACE,4EACG;AAAA,SAAK,QACJ;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,6BAAa,KAAK,IAAI,CAAC,EAAE;AAAA,YAC9C;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,qCAAqB,IAAI,CAAC;AAAA,QACnD;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,cAAU,oCAAoB,IAAI,CAAC;AAAA,QAClD;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,SAAI,WAAU,2DACb,uDAAC,SAAI,WAAU,+BACb;AAAA,mDAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,cACX,KAAK,UAAU;AAAA,gBACb,KAAK,GAAG,+BAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,gBACnD,MAAM,KAAK,OAAO;AAAA,cACpB;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA,4CAAC,QAAG,WAAU,yDACX,eAAK,OACR;AAAA,QACA,6CAAC,SAAI,WAAU,wCACZ;AAAA,eAAK,UACJ,4EACE;AAAA;AAAA,cAAC,YAAAC;AAAA,cAAA;AAAA,gBACC,MAAM,GAAG,+BAAa,UAAU,YAAY,KAAK,QAAQ,IAAI;AAAA,gBAC7D,WAAU;AAAA,gBAET,eAAK,QAAQ;AAAA;AAAA,YAChB;AAAA,YAAQ;AAAA,YACR,4CAAC,UAAK,WAAU,iBAAgB,kBAAC;AAAA,aACnC;AAAA,UAEF,6CAAC,UACE;AAAA,0DAAqB,OAAO;AAAA,YAAE;AAAA,YAAU,4CAAC,UAAK,kBAAC;AAAA,aAClD;AAAA,UACA,4CAAC,UACE,uCAAW,KAAK,gBAA0B,KAAK,SAClD;AAAA,WACF;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,WAAW;AAAA,UACb;AAAA,UAEA;AAAA,wDAAC,aAAQ,WAAU,uDACjB,uDAAC,SAAI,WAAU,iBACb;AAAA,0DAAC,0BAAQ,SAAkB,YAAwB;AAAA,cACnD,4CAAC,mBAAK,MAAM,KAAK,MAAM;AAAA,eACzB,GACF;AAAA,YACA,4CAAC,SAAI,WAAU,qCACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,QAAQ,KAAK;AAAA,gBACb;AAAA;AAAA,YACF,GACF;AAAA;AAAA;AAAA,MACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":["Script","Link"]}