@opinly/next 0.1.17 → 0.1.18

package/dist/components/author-page/index.cjs

@@ -36,45 +36,71 @@ var import_image = __toESM(require("next/image"), 1);
 var import_sdk_config = require("../../utils/sdk-config");
 var import_post_preview = require("../post-preview");
 var import_bread_crumbs = require("../bread-crumbs");
+var import_next_seo = require("next-seo");
 const AuthorPage = ({
   author
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_bread_crumbs.BreadCrumbs,
+      import_next_seo.BreadcrumbJsonLd,
       {
-        breadcrumbs: [
+        useAppDir: !import_sdk_config.opinlyConfig.pagesRouter,
+        itemListElements: [
           {
+            position: 1,
+            name: import_sdk_config.opinlyConfig.siteName,
+            item: import_sdk_config.opinlyConfig.siteUrl
+          },
+          {
+            position: 2,
+            name: "Blog",
+            item: import_sdk_config.opinlyConfig.blogUrl
+          },
+          {
+            position: 3,
             name: "Authors",
-            url: `${import_sdk_config.opinlyConfig.blogPrefix}/authors`
+            item: `${import_sdk_config.opinlyConfig.blogPrefix}/authors`
           }
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-6 mb-10", children: [
-      author.image.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.default,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_bread_crumbs.BreadCrumbs,
         {
-          unoptimized: import_sdk_config.opinlyConfig.unoptimizedImages,
-          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
-          alt: author.image.alt || author.name,
-          width: 150,
-          height: 150,
-          className: "rounded-full border"
+          breadcrumbs: [
+            {
+              name: "Authors",
+              url: `${import_sdk_config.opinlyConfig.blogPrefix}/authors`
+            }
+          ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
-        author.bio && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "text-xl font-semibold mb-6", children: [
-      "Posts by ",
-      author.name
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)(import_post_preview.PostPreview, { post }, post.slug)
-    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-6 mb-10", children: [
+        author.image.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_image.default,
+          {
+            unoptimized: import_sdk_config.opinlyConfig.unoptimizedImages,
+            src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
+            alt: author.image.alt || author.name,
+            width: 150,
+            height: 150,
+            className: "rounded-full border"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
+          author.bio && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h2", { className: "text-xl font-semibold mb-6", children: [
+        "Posts by ",
+        author.name
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)(import_post_preview.PostPreview, { post }, post.slug)
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
+    ] })
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/author-page/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/author-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\n\nexport const AuthorPage = ({\n  author,\n}: {\n  author: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"author\" }\n  >[\"data\"];\n}) => {\n  return (\n    <div className=\"max-w-5xl mx-auto px-4 py-10\">\n      <BreadCrumbs\n        breadcrumbs={[\n          {\n            name: \"Authors\",\n            url: `${opinlyConfig.blogPrefix}/authors`,\n          },\n        ]}\n      />\n      {/* Author Header */}\n      <div className=\"flex items-center gap-6 mb-10\">\n        {author.image.fileKey && (\n          <Image\n            unoptimized={opinlyConfig.unoptimizedImages}\n            src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n            alt={author.image.alt || author.name}\n            width={150}\n            height={150}\n            className=\"rounded-full border\"\n          />\n        )}\n        <div>\n          <h1 className=\"text-3xl font-bold mb-1\">{author.name}</h1>\n          {author.bio && (\n            <p className=\"text-muted-foreground text-base max-w-2xl\">\n              {author.bio}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Posts Grid */}\n      <h2 className=\"text-xl font-semibold mb-6\">Posts by {author.name}</h2>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n        {author.posts && author.posts.length > 0 ? (\n          author.posts.map(\n            (post) => post && <PostPreview key={post.slug} post={post} />\n          )\n        ) : (\n          <div className=\"text-muted-foreground col-span-full\">\n            No posts yet.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBM;AAfN,mBAAkB;AAClB,wBAA6B;AAC7B,0BAA4B;AAC5B,0BAA4B;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,YACN,KAAK,GAAG,+BAAa,UAAU;AAAA,UACjC;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,6CAAC,SAAI,WAAU,iCACZ;AAAA,aAAO,MAAM,WACZ;AAAA,QAAC,aAAAA;AAAA,QAAA;AAAA,UACC,aAAa,+BAAa;AAAA,UAC1B,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,UACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,UAChC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,6CAAC,SACC;AAAA,oDAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,QACpD,OAAO,OACN,4CAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,SAEJ;AAAA,OACF;AAAA,IAGA,6CAAC,QAAG,WAAU,8BAA6B;AAAA;AAAA,MAAU,OAAO;AAAA,OAAK;AAAA,IACjE,4CAAC,SAAI,WAAU,wDACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,MACX,CAAC,SAAS,QAAQ,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,IAC7D,IAEA,4CAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,KACF;AAEJ;","names":["Image"]}
+{"version":3,"sources":["../../../src/components/author-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\n\nexport const AuthorPage = ({\n  author,\n}: {\n  author: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"author\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <BreadcrumbJsonLd\n        useAppDir={!opinlyConfig.pagesRouter}\n        itemListElements={[\n          {\n            position: 1,\n            name: opinlyConfig.siteName,\n            item: opinlyConfig.siteUrl,\n          },\n          {\n            position: 2,\n            name: \"Blog\",\n            item: opinlyConfig.blogUrl,\n          },\n          {\n            position: 3,\n            name: \"Authors\",\n            item: `${opinlyConfig.blogPrefix}/authors`,\n          },\n        ]}\n      />\n      <div className=\"max-w-5xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: \"Authors\",\n              url: `${opinlyConfig.blogPrefix}/authors`,\n            },\n          ]}\n        />\n        {/* Author Header */}\n        <div className=\"flex items-center gap-6 mb-10\">\n          {author.image.fileKey && (\n            <Image\n              unoptimized={opinlyConfig.unoptimizedImages}\n              src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n              alt={author.image.alt || author.name}\n              width={150}\n              height={150}\n              className=\"rounded-full border\"\n            />\n          )}\n          <div>\n            <h1 className=\"text-3xl font-bold mb-1\">{author.name}</h1>\n            {author.bio && (\n              <p className=\"text-muted-foreground text-base max-w-2xl\">\n                {author.bio}\n              </p>\n            )}\n          </div>\n        </div>\n\n        {/* Posts Grid */}\n        <h2 className=\"text-xl font-semibold mb-6\">Posts by {author.name}</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {author.posts && author.posts.length > 0 ? (\n            author.posts.map(\n              (post) => post && <PostPreview key={post.slug} post={post} />\n            )\n          ) : (\n            <div className=\"text-muted-foreground col-span-full\">\n              No posts yet.\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAfJ,mBAAkB;AAClB,wBAA6B;AAC7B,0BAA4B;AAC5B,0BAA4B;AAC5B,sBAAiC;AAE1B,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,+BAAa;AAAA,QACzB,kBAAkB;AAAA,UAChB;AAAA,YACE,UAAU;AAAA,YACV,MAAM,+BAAa;AAAA,YACnB,MAAM,+BAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,+BAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,GAAG,+BAAa,UAAU;AAAA,UAClC;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM;AAAA,cACN,KAAK,GAAG,+BAAa,UAAU;AAAA,YACjC;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,6CAAC,SAAI,WAAU,iCACZ;AAAA,eAAO,MAAM,WACZ;AAAA,UAAC,aAAAA;AAAA,UAAA;AAAA,YACC,aAAa,+BAAa;AAAA,YAC1B,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,YACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACZ;AAAA,QAEF,6CAAC,SACC;AAAA,sDAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,UACpD,OAAO,OACN,4CAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,WAEJ;AAAA,SACF;AAAA,MAGA,6CAAC,QAAG,WAAU,8BAA6B;AAAA;AAAA,QAAU,OAAO;AAAA,SAAK;AAAA,MACjE,4CAAC,SAAI,WAAU,wDACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,QACX,CAAC,SAAS,QAAQ,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,MAC7D,IAEA,4CAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Image"]}

package/dist/components/author-page/index.js

@@ -1,47 +1,73 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { opinlyConfig } from "../../utils/sdk-config";
 import { PostPreview } from "../post-preview";
 import { BreadCrumbs } from "../bread-crumbs";
+import { BreadcrumbJsonLd } from "next-seo";
 const AuthorPage = ({
   author
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      BreadCrumbs,
+      BreadcrumbJsonLd,
       {
-        breadcrumbs: [
+        useAppDir: !opinlyConfig.pagesRouter,
+        itemListElements: [
           {
+            position: 1,
+            name: opinlyConfig.siteName,
+            item: opinlyConfig.siteUrl
+          },
+          {
+            position: 2,
+            name: "Blog",
+            item: opinlyConfig.blogUrl
+          },
+          {
+            position: 3,
             name: "Authors",
-            url: `${opinlyConfig.blogPrefix}/authors`
+            item: `${opinlyConfig.blogPrefix}/authors`
           }
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 mb-10", children: [
-      author.image.fileKey && /* @__PURE__ */ jsx(
-        Image,
+    /* @__PURE__ */ jsxs("div", { className: "max-w-5xl mx-auto px-4 py-10", children: [
+      /* @__PURE__ */ jsx(
+        BreadCrumbs,
         {
-          unoptimized: opinlyConfig.unoptimizedImages,
-          src: `${opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
-          alt: author.image.alt || author.name,
-          width: 150,
-          height: 150,
-          className: "rounded-full border"
+          breadcrumbs: [
+            {
+              name: "Authors",
+              url: `${opinlyConfig.blogPrefix}/authors`
+            }
+          ]
         }
       ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
-        author.bio && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("h2", { className: "text-xl font-semibold mb-6", children: [
-      "Posts by ",
-      author.name
-    ] }),
-    /* @__PURE__ */ 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__ */ jsx(PostPreview, { post }, post.slug)
-    ) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 mb-10", children: [
+        author.image.fileKey && /* @__PURE__ */ jsx(
+          Image,
+          {
+            unoptimized: opinlyConfig.unoptimizedImages,
+            src: `${opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
+            alt: author.image.alt || author.name,
+            width: 150,
+            height: 150,
+            className: "rounded-full border"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold mb-1", children: author.name }),
+          author.bio && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base max-w-2xl", children: author.bio })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("h2", { className: "text-xl font-semibold mb-6", children: [
+        "Posts by ",
+        author.name
+      ] }),
+      /* @__PURE__ */ 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__ */ jsx(PostPreview, { post }, post.slug)
+      ) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground col-span-full", children: "No posts yet." }) })
+    ] })
   ] });
 };
 export {

package/dist/components/author-page/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/author-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\n\nexport const AuthorPage = ({\n  author,\n}: {\n  author: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"author\" }\n  >[\"data\"];\n}) => {\n  return (\n    <div className=\"max-w-5xl mx-auto px-4 py-10\">\n      <BreadCrumbs\n        breadcrumbs={[\n          {\n            name: \"Authors\",\n            url: `${opinlyConfig.blogPrefix}/authors`,\n          },\n        ]}\n      />\n      {/* Author Header */}\n      <div className=\"flex items-center gap-6 mb-10\">\n        {author.image.fileKey && (\n          <Image\n            unoptimized={opinlyConfig.unoptimizedImages}\n            src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n            alt={author.image.alt || author.name}\n            width={150}\n            height={150}\n            className=\"rounded-full border\"\n          />\n        )}\n        <div>\n          <h1 className=\"text-3xl font-bold mb-1\">{author.name}</h1>\n          {author.bio && (\n            <p className=\"text-muted-foreground text-base max-w-2xl\">\n              {author.bio}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Posts Grid */}\n      <h2 className=\"text-xl font-semibold mb-6\">Posts by {author.name}</h2>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n        {author.posts && author.posts.length > 0 ? (\n          author.posts.map(\n            (post) => post && <PostPreview key={post.slug} post={post} />\n          )\n        ) : (\n          <div className=\"text-muted-foreground col-span-full\">\n            No posts yet.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAgBM,cAoBE,YApBF;AAfN,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,YACN,KAAK,GAAG,aAAa,UAAU;AAAA,UACjC;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,iCACZ;AAAA,aAAO,MAAM,WACZ;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAC1B,KAAK,GAAG,aAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,UACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,UAChC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,QACpD,OAAO,OACN,oBAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,SAEJ;AAAA,OACF;AAAA,IAGA,qBAAC,QAAG,WAAU,8BAA6B;AAAA;AAAA,MAAU,OAAO;AAAA,OAAK;AAAA,IACjE,oBAAC,SAAI,WAAU,wDACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,MACX,CAAC,SAAS,QAAQ,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,IAC7D,IAEA,oBAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/author-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\n\nexport const AuthorPage = ({\n  author,\n}: {\n  author: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"author\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <BreadcrumbJsonLd\n        useAppDir={!opinlyConfig.pagesRouter}\n        itemListElements={[\n          {\n            position: 1,\n            name: opinlyConfig.siteName,\n            item: opinlyConfig.siteUrl,\n          },\n          {\n            position: 2,\n            name: \"Blog\",\n            item: opinlyConfig.blogUrl,\n          },\n          {\n            position: 3,\n            name: \"Authors\",\n            item: `${opinlyConfig.blogPrefix}/authors`,\n          },\n        ]}\n      />\n      <div className=\"max-w-5xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: \"Authors\",\n              url: `${opinlyConfig.blogPrefix}/authors`,\n            },\n          ]}\n        />\n        {/* Author Header */}\n        <div className=\"flex items-center gap-6 mb-10\">\n          {author.image.fileKey && (\n            <Image\n              unoptimized={opinlyConfig.unoptimizedImages}\n              src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n              alt={author.image.alt || author.name}\n              width={150}\n              height={150}\n              className=\"rounded-full border\"\n            />\n          )}\n          <div>\n            <h1 className=\"text-3xl font-bold mb-1\">{author.name}</h1>\n            {author.bio && (\n              <p className=\"text-muted-foreground text-base max-w-2xl\">\n                {author.bio}\n              </p>\n            )}\n          </div>\n        </div>\n\n        {/* Posts Grid */}\n        <h2 className=\"text-xl font-semibold mb-6\">Posts by {author.name}</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {author.posts && author.posts.length > 0 ? (\n            author.posts.map(\n              (post) => post && <PostPreview key={post.slug} post={post} />\n            )\n          ) : (\n            <div className=\"text-muted-foreground col-span-full\">\n              No posts yet.\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"mappings":"AAgBI,mBACE,KAyCI,YA1CN;AAfJ,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,aAAa;AAAA,QACzB,kBAAkB;AAAA,UAChB;AAAA,YACE,UAAU;AAAA,YACV,MAAM,aAAa;AAAA,YACnB,MAAM,aAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,aAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,GAAG,aAAa,UAAU;AAAA,UAClC;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM;AAAA,cACN,KAAK,GAAG,aAAa,UAAU;AAAA,YACjC;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,qBAAC,SAAI,WAAU,iCACZ;AAAA,eAAO,MAAM,WACZ;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,aAAa;AAAA,YAC1B,KAAK,GAAG,aAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,YACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,YAChC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA;AAAA,QACZ;AAAA,QAEF,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,UACpD,OAAO,OACN,oBAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,WAEJ;AAAA,SACF;AAAA,MAGA,qBAAC,QAAG,WAAU,8BAA6B;AAAA;AAAA,QAAU,OAAO;AAAA,SAAK;AAAA,MACjE,oBAAC,SAAI,WAAU,wDACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,QACX,CAAC,SAAS,QAAQ,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,MAC7D,IAEA,oBAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_components/content.cjs

@@ -51,7 +51,7 @@ function renderTiptapContent(content, classNames) {
           Tag,
           {
             id: slug,
-            className: classNames.heading || "mt-8 mb-4 font-bold text-gray-800",
+            className: classNames.heading || "mt-8 mb-4 font-bold text-op-heading",
             children: renderChildren(node.content, classNames)
           },
           index
@@ -66,10 +66,9 @@ function renderTiptapContent(content, classNames) {
           "div",
           {
             className: (0, import_merge.cn)(
-              "relative w-full max-w-[800px] my-6",
+              "w-full max-w-[800px] my-10 rounded-lg overflow-hidden  flex items-center justify-center",
               classNames.image
             ),
-            style: { aspectRatio: "2 / 1" },
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_image.default,
               {
@@ -77,9 +76,9 @@ function renderTiptapContent(content, classNames) {
                 src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${fileKey}`,
                 title: node.attrs?.title || "",
                 alt: node.attrs?.alt || "",
-                fill: true,
-                className: "object-contain rounded-lg",
-                sizes: "(max-width: 800px) 100vw, 800px"
+                width: 800,
+                height: 400,
+                className: "rounded-lg max-w-full max-h-full"
               }
             )
           },
@@ -121,7 +120,6 @@ const Content = ({
 };
 function renderChildren(nodes, classNames) {
   if (!nodes) {
-    console.log("no nodes");
     return [];
   }
   return nodes.map((child, idx) => {
@@ -145,7 +143,6 @@ function renderChildren(nodes, classNames) {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text }, idx);
     } else {
-      console.log("child", child);
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.default.Fragment, { children: renderTiptapContent(
         { ...child, content: child.content },
         classNames

package/dist/components/blog-post/_components/content.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_components/content.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/core\";\nimport { BlogComponentClassNames } from \"../_types/class-names\";\nimport { cn } from \"../../../utils/merge\";\nimport Link from \"next/link\";\nimport { JSX } from \"react\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React from \"react\";\n\nfunction renderTiptapContent(\n  content: JSONContent,\n  classNames: BlogComponentClassNames\n): React.ReactNode[] {\n  if (!content?.content) return [];\n\n  return content.content\n    .map((node, index) => {\n      switch (node.type) {\n        case \"paragraph\":\n          return (\n            <p key={index} className={classNames.paragraph || \"mb-4\"}>\n              {renderChildren(node.content, classNames)}\n            </p>\n          );\n        case \"heading\": {\n          const text = node.content?.[0]?.text ?? \"\";\n          const slug = text\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"-\")\n            .replace(/^-+|-+$/g, \"\");\n          const Tag = `h${\n            node.attrs?.level || 1\n          }` as keyof JSX.IntrinsicElements;\n          return (\n            <Tag\n              key={index}\n              id={slug}\n              className={\n                classNames.heading || \"mt-8 mb-4 font-bold text-gray-800\"\n              }\n            >\n              {renderChildren(node.content, classNames)}\n            </Tag>\n          );\n        }\n        case \"image\":\n          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\n          return (\n            <div\n              key={index}\n              className={cn(\n                \"relative w-full max-w-[800px] my-6\",\n                classNames.image\n              )}\n              style={{ aspectRatio: \"2 / 1\" }}\n            >\n              <Image\n                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\n                alt={node.attrs?.alt || \"\"}\n                fill\n                className=\"object-contain rounded-lg\"\n                sizes=\"(max-width: 800px) 100vw, 800px\"\n              />\n            </div>\n          );\n        case \"bulletList\":\n          return (\n            <ul\n              key={index}\n              className={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n              {renderChildren(node.content, classNames)}\n            </li>\n          );\n        default:\n          return null;\n      }\n    })\n    .filter(Boolean);\n}\n\nexport const Content = ({\n  content,\n  classNames,\n}: {\n  content: JSONContent;\n  classNames: BlogComponentClassNames;\n}) => {\n  return (\n    <div className=\"prose min-w-full\">\n      {renderTiptapContent(content, classNames)}\n    </div>\n  );\n};\n\nfunction renderChildren(\n  nodes: JSONContent[\"content\"] | undefined,\n  classNames: BlogComponentClassNames\n): JSX.Element[] {\n  if (!nodes) {\n    console.log(\"no nodes\");\n    return [];\n  }\n\n  return nodes\n    .map((child, idx) => {\n      if (child.type === \"text\") {\n        let text: React.ReactNode = child.text;\n        if (child.marks) {\n          child.marks.forEach((mark) => {\n            if (mark.type === \"bold\") text = <strong key={idx}>{text}</strong>;\n            if (mark.type === \"italic\") text = <em key={idx}>{text}</em>;\n            if (mark.type === \"link\")\n              text = (\n                <Link\n                  key={idx}\n                  href={mark.attrs?.href}\n                  className={classNames.link || \"text-blue-600 underline\"}\n                >\n                  {text}\n                </Link>\n              );\n          });\n        }\n        return <span key={idx}>{text}</span>;\n      } else {\n        console.log(\"child\", child);\n\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":["import_react","Image","Link","React"]}
+{"version":3,"sources":["../../../../src/components/blog-post/_components/content.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/core\";\nimport { BlogComponentClassNames } from \"../_types/class-names\";\nimport { cn } from \"../../../utils/merge\";\nimport Link from \"next/link\";\nimport { JSX } from \"react\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React from \"react\";\n\nfunction renderTiptapContent(\n  content: JSONContent,\n  classNames: BlogComponentClassNames\n): React.ReactNode[] {\n  if (!content?.content) return [];\n\n  return content.content\n    .map((node, index) => {\n      switch (node.type) {\n        case \"paragraph\":\n          return (\n            <p key={index} className={classNames.paragraph || \"mb-4\"}>\n              {renderChildren(node.content, classNames)}\n            </p>\n          );\n        case \"heading\": {\n          const text = node.content?.[0]?.text ?? \"\";\n          const slug = text\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"-\")\n            .replace(/^-+|-+$/g, \"\");\n          const Tag = `h${\n            node.attrs?.level || 1\n          }` as keyof JSX.IntrinsicElements;\n          return (\n            <Tag\n              key={index}\n              id={slug}\n              className={\n                classNames.heading || \"mt-8 mb-4 font-bold text-op-heading\"\n              }\n            >\n              {renderChildren(node.content, classNames)}\n            </Tag>\n          );\n        }\n        case \"image\":\n          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\n          return (\n            <div\n              key={index}\n              className={cn(\n                \"w-full max-w-[800px] my-10 rounded-lg overflow-hidden  flex items-center justify-center\",\n                classNames.image\n              )}\n            >\n              <Image\n                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\n                alt={node.attrs?.alt || \"\"}\n                width={800}\n                height={400}\n                className=\"rounded-lg max-w-full max-h-full\"\n              />\n            </div>\n          );\n        case \"bulletList\":\n          return (\n            <ul\n              key={index}\n              className={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n              {renderChildren(node.content, classNames)}\n            </li>\n          );\n        default:\n          return null;\n      }\n    })\n    .filter(Boolean);\n}\n\nexport const Content = ({\n  content,\n  classNames,\n}: {\n  content: JSONContent;\n  classNames: BlogComponentClassNames;\n}) => {\n  return (\n    <div className=\"prose min-w-full\">\n      {renderTiptapContent(content, classNames)}\n    </div>\n  );\n};\n\nfunction renderChildren(\n  nodes: JSONContent[\"content\"] | undefined,\n  classNames: BlogComponentClassNames\n): JSX.Element[] {\n  if (!nodes) {\n    return [];\n  }\n\n  return nodes\n    .map((child, idx) => {\n      if (child.type === \"text\") {\n        let text: React.ReactNode = child.text;\n        if (child.marks) {\n          child.marks.forEach((mark) => {\n            if (mark.type === \"bold\") text = <strong key={idx}>{text}</strong>;\n            if (mark.type === \"italic\") text = <em key={idx}>{text}</em>;\n            if (mark.type === \"link\")\n              text = (\n                <Link\n                  key={idx}\n                  href={mark.attrs?.href}\n                  className={classNames.link || \"text-blue-600 underline\"}\n                >\n                  {text}\n                </Link>\n              );\n          });\n        }\n        return <span key={idx}>{text}</span>;\n      } else {\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":["import_react","Image","Link","React"]}

package/dist/components/blog-post/_components/content.js

@@ -18,7 +18,7 @@ function renderTiptapContent(content, classNames) {
           Tag,
           {
             id: slug,
-            className: classNames.heading || "mt-8 mb-4 font-bold text-gray-800",
+            className: classNames.heading || "mt-8 mb-4 font-bold text-op-heading",
             children: renderChildren(node.content, classNames)
           },
           index
@@ -33,10 +33,9 @@ function renderTiptapContent(content, classNames) {
           "div",
           {
             className: cn(
-              "relative w-full max-w-[800px] my-6",
+              "w-full max-w-[800px] my-10 rounded-lg overflow-hidden  flex items-center justify-center",
               classNames.image
             ),
-            style: { aspectRatio: "2 / 1" },
             children: /* @__PURE__ */ jsx(
               Image,
               {
@@ -44,9 +43,9 @@ function renderTiptapContent(content, classNames) {
                 src: `${opinlyConfig.imagesPrefix}/${fileKey}`,
                 title: node.attrs?.title || "",
                 alt: node.attrs?.alt || "",
-                fill: true,
-                className: "object-contain rounded-lg",
-                sizes: "(max-width: 800px) 100vw, 800px"
+                width: 800,
+                height: 400,
+                className: "rounded-lg max-w-full max-h-full"
               }
             )
           },
@@ -88,7 +87,6 @@ const Content = ({
 };
 function renderChildren(nodes, classNames) {
   if (!nodes) {
-    console.log("no nodes");
     return [];
   }
   return nodes.map((child, idx) => {
@@ -112,7 +110,6 @@ function renderChildren(nodes, classNames) {
       }
       return /* @__PURE__ */ jsx("span", { children: text }, idx);
     } else {
-      console.log("child", child);
       return /* @__PURE__ */ jsx(React.Fragment, { children: renderTiptapContent(
         { ...child, content: child.content },
         classNames

package/dist/components/blog-post/_components/content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_components/content.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/core\";\nimport { BlogComponentClassNames } from \"../_types/class-names\";\nimport { cn } from \"../../../utils/merge\";\nimport Link from \"next/link\";\nimport { JSX } from \"react\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React from \"react\";\n\nfunction renderTiptapContent(\n  content: JSONContent,\n  classNames: BlogComponentClassNames\n): React.ReactNode[] {\n  if (!content?.content) return [];\n\n  return content.content\n    .map((node, index) => {\n      switch (node.type) {\n        case \"paragraph\":\n          return (\n            <p key={index} className={classNames.paragraph || \"mb-4\"}>\n              {renderChildren(node.content, classNames)}\n            </p>\n          );\n        case \"heading\": {\n          const text = node.content?.[0]?.text ?? \"\";\n          const slug = text\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"-\")\n            .replace(/^-+|-+$/g, \"\");\n          const Tag = `h${\n            node.attrs?.level || 1\n          }` as keyof JSX.IntrinsicElements;\n          return (\n            <Tag\n              key={index}\n              id={slug}\n              className={\n                classNames.heading || \"mt-8 mb-4 font-bold text-gray-800\"\n              }\n            >\n              {renderChildren(node.content, classNames)}\n            </Tag>\n          );\n        }\n        case \"image\":\n          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\n          return (\n            <div\n              key={index}\n              className={cn(\n                \"relative w-full max-w-[800px] my-6\",\n                classNames.image\n              )}\n              style={{ aspectRatio: \"2 / 1\" }}\n            >\n              <Image\n                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\n                alt={node.attrs?.alt || \"\"}\n                fill\n                className=\"object-contain rounded-lg\"\n                sizes=\"(max-width: 800px) 100vw, 800px\"\n              />\n            </div>\n          );\n        case \"bulletList\":\n          return (\n            <ul\n              key={index}\n              className={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n              {renderChildren(node.content, classNames)}\n            </li>\n          );\n        default:\n          return null;\n      }\n    })\n    .filter(Boolean);\n}\n\nexport const Content = ({\n  content,\n  classNames,\n}: {\n  content: JSONContent;\n  classNames: BlogComponentClassNames;\n}) => {\n  return (\n    <div className=\"prose min-w-full\">\n      {renderTiptapContent(content, classNames)}\n    </div>\n  );\n};\n\nfunction renderChildren(\n  nodes: JSONContent[\"content\"] | undefined,\n  classNames: BlogComponentClassNames\n): JSX.Element[] {\n  if (!nodes) {\n    console.log(\"no nodes\");\n    return [];\n  }\n\n  return nodes\n    .map((child, idx) => {\n      if (child.type === \"text\") {\n        let text: React.ReactNode = child.text;\n        if (child.marks) {\n          child.marks.forEach((mark) => {\n            if (mark.type === \"bold\") text = <strong key={idx}>{text}</strong>;\n            if (mark.type === \"italic\") text = <em key={idx}>{text}</em>;\n            if (mark.type === \"link\")\n              text = (\n                <Link\n                  key={idx}\n                  href={mark.attrs?.href}\n                  className={classNames.link || \"text-blue-600 underline\"}\n                >\n                  {text}\n                </Link>\n              );\n          });\n        }\n        return <span key={idx}>{text}</span>;\n      } else {\n        console.log(\"child\", child);\n\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_components/content.tsx"],"sourcesContent":["import type { JSONContent } from \"@tiptap/core\";\nimport { BlogComponentClassNames } from \"../_types/class-names\";\nimport { cn } from \"../../../utils/merge\";\nimport Link from \"next/link\";\nimport { JSX } from \"react\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\nimport React from \"react\";\n\nfunction renderTiptapContent(\n  content: JSONContent,\n  classNames: BlogComponentClassNames\n): React.ReactNode[] {\n  if (!content?.content) return [];\n\n  return content.content\n    .map((node, index) => {\n      switch (node.type) {\n        case \"paragraph\":\n          return (\n            <p key={index} className={classNames.paragraph || \"mb-4\"}>\n              {renderChildren(node.content, classNames)}\n            </p>\n          );\n        case \"heading\": {\n          const text = node.content?.[0]?.text ?? \"\";\n          const slug = text\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"-\")\n            .replace(/^-+|-+$/g, \"\");\n          const Tag = `h${\n            node.attrs?.level || 1\n          }` as keyof JSX.IntrinsicElements;\n          return (\n            <Tag\n              key={index}\n              id={slug}\n              className={\n                classNames.heading || \"mt-8 mb-4 font-bold text-op-heading\"\n              }\n            >\n              {renderChildren(node.content, classNames)}\n            </Tag>\n          );\n        }\n        case \"image\":\n          const fileKey = node.attrs?.fileKey;\n\n          if (!fileKey) {\n            return null;\n          }\n\n          return (\n            <div\n              key={index}\n              className={cn(\n                \"w-full max-w-[800px] my-10 rounded-lg overflow-hidden  flex items-center justify-center\",\n                classNames.image\n              )}\n            >\n              <Image\n                unoptimized={opinlyConfig.unoptimizedImages}\n                src={`${opinlyConfig.imagesPrefix}/${fileKey}`}\n                title={node.attrs?.title || \"\"}\n                alt={node.attrs?.alt || \"\"}\n                width={800}\n                height={400}\n                className=\"rounded-lg max-w-full max-h-full\"\n              />\n            </div>\n          );\n        case \"bulletList\":\n          return (\n            <ul\n              key={index}\n              className={cn(\"list-disc pl-6 my-4\", classNames.bulletList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={cn(\"list-decimal pl-6 my-4\", classNames.orderedList)}\n            >\n              {renderTiptapContent(node, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          if (\n            node.content &&\n            node.content.length === 1 &&\n            node.content[0].type === \"paragraph\"\n          ) {\n            return (\n              <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n                {renderChildren(node.content[0].content, classNames)}\n              </li>\n            );\n          }\n          return (\n            <li key={index} className={cn(\"my-1\", classNames.listItem)}>\n              {renderChildren(node.content, classNames)}\n            </li>\n          );\n        default:\n          return null;\n      }\n    })\n    .filter(Boolean);\n}\n\nexport const Content = ({\n  content,\n  classNames,\n}: {\n  content: JSONContent;\n  classNames: BlogComponentClassNames;\n}) => {\n  return (\n    <div className=\"prose min-w-full\">\n      {renderTiptapContent(content, classNames)}\n    </div>\n  );\n};\n\nfunction renderChildren(\n  nodes: JSONContent[\"content\"] | undefined,\n  classNames: BlogComponentClassNames\n): JSX.Element[] {\n  if (!nodes) {\n    return [];\n  }\n\n  return nodes\n    .map((child, idx) => {\n      if (child.type === \"text\") {\n        let text: React.ReactNode = child.text;\n        if (child.marks) {\n          child.marks.forEach((mark) => {\n            if (mark.type === \"bold\") text = <strong key={idx}>{text}</strong>;\n            if (mark.type === \"italic\") text = <em key={idx}>{text}</em>;\n            if (mark.type === \"link\")\n              text = (\n                <Link\n                  key={idx}\n                  href={mark.attrs?.href}\n                  className={classNames.link || \"text-blue-600 underline\"}\n                >\n                  {text}\n                </Link>\n              );\n          });\n        }\n        return <span key={idx}>{text}</span>;\n      } else {\n        // Recursively render non-text nodes (e.g., paragraph, listItem, etc.)\n        return (\n          <React.Fragment key={idx}>\n            {renderTiptapContent(\n              { ...child, content: child.content },\n              classNames\n            )}\n          </React.Fragment>\n        );\n      }\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"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","names":[]}

package/dist/components/blog-post/_components/faq.cjs

@@ -27,8 +27,8 @@ const FAQS = ({ faqs }) => {
   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 })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg text-op-heading font-semibold mb-2", children: faq.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-op-body", children: faq.answer })
     ] }, faq.question)) })
   ] });
 };

package/dist/components/blog-post/_components/faq.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg font-semibold mb-2\">{faq.question}</h3>\n            <p className=\"text-sm text-gray-700\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,6CAAC,SACC;AAAA,gDAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,4CAAC,QACE,eAAK,IAAI,CAAC,QACT,6CAAC,QACC;AAAA,kDAAC,QAAG,WAAU,8BAA8B,cAAI,UAAS;AAAA,MACzD,4CAAC,OAAE,WAAU,yBAAyB,cAAI,QAAO;AAAA,SAF1C,IAAI,QAGb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg text-op-heading font-semibold mb-2\">\n              {faq.question}\n            </h3>\n            <p className=\"text-sm text-op-body\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,6CAAC,SACC;AAAA,gDAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,4CAAC,QACE,eAAK,IAAI,CAAC,QACT,6CAAC,QACC;AAAA,kDAAC,QAAG,WAAU,8CACX,cAAI,UACP;AAAA,MACA,4CAAC,OAAE,WAAU,wBAAwB,cAAI,QAAO;AAAA,SAJzC,IAAI,QAKb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/blog-post/_components/faq.js

@@ -4,8 +4,8 @@ const FAQS = ({ faqs }) => {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
     /* @__PURE__ */ jsx("ul", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700", children: faq.answer })
+      /* @__PURE__ */ jsx("h3", { className: "text-lg text-op-heading font-semibold mb-2", children: faq.question }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-op-body", children: faq.answer })
     ] }, faq.question)) })
   ] });
 };

package/dist/components/blog-post/_components/faq.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg font-semibold mb-2\">{faq.question}</h3>\n            <p className=\"text-sm text-gray-700\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"AAMM,cAGI,YAHJ;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,qBAAC,SACC;AAAA,wBAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,oBAAC,QACE,eAAK,IAAI,CAAC,QACT,qBAAC,QACC;AAAA,0BAAC,QAAG,WAAU,8BAA8B,cAAI,UAAS;AAAA,MACzD,oBAAC,OAAE,WAAU,yBAAyB,cAAI,QAAO;AAAA,SAF1C,IAAI,QAGb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/blog-post/_components/faq.tsx"],"sourcesContent":["import { BlogPostRes } from \"../_types/blog-post\";\n\nexport const FAQS = ({ faqs }: { faqs: BlogPostRes[\"faqs\"] }) => {\n  if (!faqs) return null;\n  return (\n    <div>\n      <h2 className=\"text-lg font-semibold mb-2\">FAQS</h2>\n      <ul>\n        {faqs.map((faq) => (\n          <li key={faq.question}>\n            <h3 className=\"text-lg text-op-heading font-semibold mb-2\">\n              {faq.question}\n            </h3>\n            <p className=\"text-sm text-op-body\">{faq.answer}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"AAMM,cAGI,YAHJ;AAJC,MAAM,OAAO,CAAC,EAAE,KAAK,MAAqC;AAC/D,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,qBAAC,SACC;AAAA,wBAAC,QAAG,WAAU,8BAA6B,kBAAI;AAAA,IAC/C,oBAAC,QACE,eAAK,IAAI,CAAC,QACT,qBAAC,QACC;AAAA,0BAAC,QAAG,WAAU,8CACX,cAAI,UACP;AAAA,MACA,oBAAC,OAAE,WAAU,wBAAwB,cAAI,QAAO;AAAA,SAJzC,IAAI,QAKb,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -38,13 +38,17 @@ var import_sdk_config = require("../../../utils/sdk-config");
 var import_extract_headings = require("../_helpers/extract-headings");
 var import_share = require("./share");
 var import_link = __toESM(require("next/link"), 1);
+const headingColorMap = {
+  2: "text-op-heading",
+  3: "text-op-body"
+};
 const TableOfContents = ({
   content,
   author,
   post
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: (0, import_merge.cn)("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
-    author && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_merge.cn)("w-full flex flex-col space-y-4"), children: [
+    author && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full flex flex-col space-y-2 mb-6 border p-4 rounded-md text-sm", children: [
       author.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_image.default,
         {
@@ -56,22 +60,45 @@ const TableOfContents = ({
           className: "rounded-full"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full flex flex-col space-y-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_link.default,
           {
             href: `${import_sdk_config.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground text-sm", children: author.bio })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-48 ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-op-muted text-sm w-48  hidden md:block", children: author.bio })
+        ] })
       ] })
-    ] }) }),
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_share.Share, { post }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "text-sm text-gray-700 space-y-1", children: ((0, import_extract_headings.extractHeadings)(content) || []).map((heading) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "border-l-4 border-op-accent pl-4 mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold mb-2", children: "Table of Contents" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "text-sm space-y-1", children: ((0, import_extract_headings.extractHeadings)(content) || []).map((heading) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "li",
+        {
+          className: (0, import_merge.cn)(heading.level === 3 && "ml-2"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "a",
+            {
+              href: `#${heading.slug}`,
+              className: (0, import_merge.cn)(
+                headingColorMap[heading.level]
+              ),
+              children: [
+                heading.level === 3 && "-",
+                " ",
+                heading.text
+              ]
+            }
+          )
+        },
+        heading.slug
+      )) })
     ] })
   ] });
 };

package/dist/components/blog-post/_components/table-of-contents.cjs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Bc;AAxBd,mBAAmB;AACnB,mBAAkB;AAClB,wBAA6B;AAC7B,8BAAgC;AAChC,mBAAsB;AACtB,kBAAiB;AAQV,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,6CAAC,WAAM,eAAW,iBAAG,mDAAmD,GACrE;AAAA,cACC,4CAAC,SAAI,WAAU,6CACb,uDAAC,SAAI,WAAU,gCACZ;AAAA,aAAO,WACN;AAAA,QAAC,aAAAA;AAAA,QAAA;AAAA,UACC,aAAa,+BAAa;AAAA,UAC1B,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO,OAAO;AAAA,UACnD,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,6CAAC,SACC;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACC,MAAM,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,4CAAC,SAAI,WAAU,iCAAiC,iBAAO,KAAI;AAAA,SAC7D;AAAA,OACF,GACF;AAAA,IAEF,4CAAC,sBAAM,MAAY;AAAA,IACnB,6CAAC,SAAI,WAAU,4CACb;AAAA,kDAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,4CAAC,QAAG,WAAU,mCACV,wDAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC,4CAAC,QACC,sDAAC,OAAE,MAAM,IAAI,QAAQ,IAAI,IAAI,WAAU,mBACpC,kBAAQ,MACX,KAHO,QAAQ,IAIjB,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":["Image","Link"]}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BY;AA5BZ,mBAAmB;AACnB,mBAAkB;AAClB,wBAA6B;AAC7B,8BAAgC;AAChC,mBAAsB;AACtB,kBAAiB;AAQjB,MAAM,kBAAkB;AAAA,EACtB,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,SACE,6CAAC,SAAI,eAAW,iBAAG,gCAAgC,GAChD;AAAA,cACC,6CAAC,SAAI,WAAU,qEACZ;AAAA,aAAO,WACN;AAAA,QAAC,aAAAA;AAAA,QAAA;AAAA,UACC,aAAa,+BAAa;AAAA,UAC1B,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO,OAAO;AAAA,UACnD,KAAK,OAAO;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA;AAAA,MACZ;AAAA,MAEF,6CAAC,SAAI,WAAU,kCACb;AAAA;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACC,MAAM,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAAA,YACvD,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,6CAAC,SAAI,WAAU,SAEb;AAAA,sDAAC,UAAK,WAAU,0DACb,iBAAO,OAAO,OAAO,IAAI,SAAS,KAC/B,OAAO,IAAI,MAAM,GAAG,EAAE,IAAI,QAC1B,OAAO,KACb;AAAA,UAEA,4CAAC,OAAE,WAAU,+CACV,iBAAO,KACV;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,IAEF,4CAAC,sBAAM,MAAY;AAAA,IACnB,6CAAC,SAAI,WAAU,yCACb;AAAA,kDAAC,QAAG,WAAU,8BAA6B,+BAAiB;AAAA,MAC5D,4CAAC,QAAG,WAAU,qBACV,wDAAgB,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC,YACrC;AAAA,QAAC;AAAA;AAAA,UAEC,eAAW,iBAAG,QAAQ,UAAU,KAAK,MAAM;AAAA,UAE3C;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,IAAI,QAAQ,IAAI;AAAA,cACtB,eAAW;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":["Image","Link"]}