@opinly/next 0.1.9 → 0.1.11

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

@@ -34,7 +34,6 @@ module.exports = __toCommonJS(author_page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_sdk_config = require("../../utils/sdk-config");
-var import_images = require("../../utils/images");
 var import_post_preview = require("../post-preview");
 var import_bread_crumbs = require("../bread-crumbs");
 const AuthorPage = ({
@@ -56,7 +55,7 @@ const AuthorPage = ({
       author.image.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_image.default,
         {
-          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${(0, import_images.replaceImageNameSpace)(author.image.fileKey)}`,
+          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
           alt: author.image.alt || author.name,
           width: 150,
           height: 150,

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 { replaceImageNameSpace } from \"../../utils/images\";\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            src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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;AAiBM;AAhBN,mBAAkB;AAClB,wBAA6B;AAC7B,oBAAsC;AACtC,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,KAAK,GAAG,+BAAa,YAAY,QAAI,qCAAsB,OAAO,MAAM,OAAO,CAAC;AAAA,UAChF,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\";\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            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,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"]}

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { opinlyConfig } from "../../utils/sdk-config";
-import { replaceImageNameSpace } from "../../utils/images";
 import { PostPreview } from "../post-preview";
 import { BreadCrumbs } from "../bread-crumbs";
 const AuthorPage = ({
@@ -23,7 +22,7 @@ const AuthorPage = ({
       author.image.fileKey && /* @__PURE__ */ jsx(
         Image,
         {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
+          src: `${opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
           alt: author.image.alt || author.name,
           width: 150,
           height: 150,

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 { replaceImageNameSpace } from \"../../utils/images\";\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            src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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":"AAiBM,cAmBE,YAnBF;AAhBN,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,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,KAAK,GAAG,aAAa,YAAY,IAAI,sBAAsB,OAAO,MAAM,OAAO,CAAC;AAAA,UAChF,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\";\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            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,cAmBE,YAnBF;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,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":[]}

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

@@ -34,7 +34,6 @@ module.exports = __toCommonJS(authors_page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = __toESM(require("next/image"), 1);
 var import_sdk_config = require("../../utils/sdk-config");
-var import_images = require("../../utils/images");
 var import_post_preview = require("../post-preview");
 var import_bread_crumbs = require("../bread-crumbs");
 var import_link = __toESM(require("next/link"), 1);
@@ -64,7 +63,7 @@ const AuthorsPage = ({
               author.image?.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: authorSlug, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_image.default,
                 {
-                  src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${(0, import_images.replaceImageNameSpace)(author.image.fileKey)}`,
+                  src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
                   alt: author.image.alt || author.name,
                   width: 100,
                   height: 100,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/authors-page/index.tsx"],"sourcesContent":["import type { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { replaceImageNameSpace } from \"../../utils/images\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport Link from \"next/link\";\n\nexport const AuthorsPage = ({\n  authors,\n}: {\n  authors: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"authors\" }\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          },\n        ]}\n      />\n      <h1 className=\"text-3xl font-bold mb-10\">Authors</h1>\n      <div className=\"space-y-16\">\n        {authors.map((author, idx) => {\n          const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;\n\n          return (\n            <div\n              key={author.name + idx}\n              className=\"rounded-lg p-6 flex flex-col gap-6\"\n            >\n              <div className=\"flex items-center gap-6 mb-4\">\n                {author.image?.fileKey && (\n                  <Link href={authorSlug}>\n                    <Image\n                      src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`}\n                      alt={author.image.alt || author.name}\n                      width={100}\n                      height={100}\n                      className=\"rounded-full border\"\n                    />\n                  </Link>\n                )}\n                <div>\n                  <Link href={authorSlug}>\n                    <h2 className=\"text-2xl font-semibold mb-1\">\n                      {author.name}\n                    </h2>\n                  </Link>\n\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              <div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4\">\n                  {author.posts && author.posts.length > 0 ? (\n                    author.posts.map(\n                      (post) =>\n                        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 className=\"flex justify-end\">\n                  <Link\n                    href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                    className=\"text-bold\"\n                  >\n                    View more posts from {author.name}\n                  </Link>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAjBN,mBAAkB;AAClB,wBAA6B;AAC7B,oBAAsC;AACtC,0BAA4B;AAC5B,0BAA4B;AAC5B,kBAAiB;AAEV,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,SACE,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,UACR;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,QAAG,WAAU,4BAA2B,qBAAO;AAAA,IAChD,4CAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,YAAM,aAAa,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAEpE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,yDAAC,SAAI,WAAU,gCACZ;AAAA,qBAAO,OAAO,WACb,4CAAC,YAAAA,SAAA,EAAK,MAAM,YACV;AAAA,gBAAC,aAAAC;AAAA,gBAAA;AAAA,kBACC,KAAK,GAAG,+BAAa,YAAY,QAAI,qCAAsB,OAAO,MAAM,OAAO,CAAC;AAAA,kBAChF,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,kBAChC,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAU;AAAA;AAAA,cACZ,GACF;AAAA,cAEF,6CAAC,SACC;AAAA,4DAAC,YAAAD,SAAA,EAAK,MAAM,YACV,sDAAC,QAAG,WAAU,+BACX,iBAAO,MACV,GACF;AAAA,gBAEC,OAAO,OACN,4CAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,iBAEJ;AAAA,eACF;AAAA,YACA,6CAAC,SACC;AAAA,0DAAC,SAAI,WAAU,6DACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,gBACX,CAAC,SACC,QAAQ,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,cACrD,IAEA,4CAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,cACA,4CAAC,SAAI,WAAU,oBACb;AAAA,gBAAC,YAAAA;AAAA,gBAAA;AAAA,kBACC,MAAM,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAAA,kBACvD,WAAU;AAAA,kBACX;AAAA;AAAA,oBACuB,OAAO;AAAA;AAAA;AAAA,cAC/B,GACF;AAAA,eACF;AAAA;AAAA;AAAA,QAlDK,OAAO,OAAO;AAAA,MAmDrB;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":["Link","Image"]}
+{"version":3,"sources":["../../../src/components/authors-page/index.tsx"],"sourcesContent":["import type { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\n\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport Link from \"next/link\";\n\nexport const AuthorsPage = ({\n  authors,\n}: {\n  authors: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"authors\" }\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          },\n        ]}\n      />\n      <h1 className=\"text-3xl font-bold mb-10\">Authors</h1>\n      <div className=\"space-y-16\">\n        {authors.map((author, idx) => {\n          const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;\n\n          return (\n            <div\n              key={author.name + idx}\n              className=\"rounded-lg p-6 flex flex-col gap-6\"\n            >\n              <div className=\"flex items-center gap-6 mb-4\">\n                {author.image?.fileKey && (\n                  <Link href={authorSlug}>\n                    <Image\n                      src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n                      alt={author.image.alt || author.name}\n                      width={100}\n                      height={100}\n                      className=\"rounded-full border\"\n                    />\n                  </Link>\n                )}\n                <div>\n                  <Link href={authorSlug}>\n                    <h2 className=\"text-2xl font-semibold mb-1\">\n                      {author.name}\n                    </h2>\n                  </Link>\n\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              <div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4\">\n                  {author.posts && author.posts.length > 0 ? (\n                    author.posts.map(\n                      (post) =>\n                        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 className=\"flex justify-end\">\n                  <Link\n                    href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                    className=\"text-bold\"\n                  >\n                    View more posts from {author.name}\n                  </Link>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBM;AAjBN,mBAAkB;AAClB,wBAA6B;AAE7B,0BAA4B;AAC5B,0BAA4B;AAC5B,kBAAiB;AAEV,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,SACE,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,UACR;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,QAAG,WAAU,4BAA2B,qBAAO;AAAA,IAChD,4CAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,YAAM,aAAa,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAEpE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,yDAAC,SAAI,WAAU,gCACZ;AAAA,qBAAO,OAAO,WACb,4CAAC,YAAAA,SAAA,EAAK,MAAM,YACV;AAAA,gBAAC,aAAAC;AAAA,gBAAA;AAAA,kBACC,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,kBACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,kBAChC,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAU;AAAA;AAAA,cACZ,GACF;AAAA,cAEF,6CAAC,SACC;AAAA,4DAAC,YAAAD,SAAA,EAAK,MAAM,YACV,sDAAC,QAAG,WAAU,+BACX,iBAAO,MACV,GACF;AAAA,gBAEC,OAAO,OACN,4CAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,iBAEJ;AAAA,eACF;AAAA,YACA,6CAAC,SACC;AAAA,0DAAC,SAAI,WAAU,6DACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,gBACX,CAAC,SACC,QAAQ,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,cACrD,IAEA,4CAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,cACA,4CAAC,SAAI,WAAU,oBACb;AAAA,gBAAC,YAAAA;AAAA,gBAAA;AAAA,kBACC,MAAM,GAAG,+BAAa,UAAU,YAAY,OAAO,IAAI;AAAA,kBACvD,WAAU;AAAA,kBACX;AAAA;AAAA,oBACuB,OAAO;AAAA;AAAA;AAAA,cAC/B,GACF;AAAA,eACF;AAAA;AAAA;AAAA,QAlDK,OAAO,OAAO;AAAA,MAmDrB;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":["Link","Image"]}

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import { opinlyConfig } from "../../utils/sdk-config";
-import { replaceImageNameSpace } from "../../utils/images";
 import { PostPreview } from "../post-preview";
 import { BreadCrumbs } from "../bread-crumbs";
 import Link from "next/link";
@@ -31,7 +30,7 @@ const AuthorsPage = ({
               author.image?.fileKey && /* @__PURE__ */ jsx(Link, { href: authorSlug, children: /* @__PURE__ */ jsx(
                 Image,
                 {
-                  src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`,
+                  src: `${opinlyConfig.imagesPrefix}/${author.image.fileKey}`,
                   alt: author.image.alt || author.name,
                   width: 100,
                   height: 100,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/authors-page/index.tsx"],"sourcesContent":["import type { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { replaceImageNameSpace } from \"../../utils/images\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport Link from \"next/link\";\n\nexport const AuthorsPage = ({\n  authors,\n}: {\n  authors: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"authors\" }\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          },\n        ]}\n      />\n      <h1 className=\"text-3xl font-bold mb-10\">Authors</h1>\n      <div className=\"space-y-16\">\n        {authors.map((author, idx) => {\n          const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;\n\n          return (\n            <div\n              key={author.name + idx}\n              className=\"rounded-lg p-6 flex flex-col gap-6\"\n            >\n              <div className=\"flex items-center gap-6 mb-4\">\n                {author.image?.fileKey && (\n                  <Link href={authorSlug}>\n                    <Image\n                      src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.image.fileKey)}`}\n                      alt={author.image.alt || author.name}\n                      width={100}\n                      height={100}\n                      className=\"rounded-full border\"\n                    />\n                  </Link>\n                )}\n                <div>\n                  <Link href={authorSlug}>\n                    <h2 className=\"text-2xl font-semibold mb-1\">\n                      {author.name}\n                    </h2>\n                  </Link>\n\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              <div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4\">\n                  {author.posts && author.posts.length > 0 ? (\n                    author.posts.map(\n                      (post) =>\n                        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 className=\"flex justify-end\">\n                  <Link\n                    href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                    className=\"text-bold\"\n                  >\n                    View more posts from {author.name}\n                  </Link>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAkBM,cA6BU,YA7BV;AAjBN,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,OAAO,UAAU;AAEV,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,UACR;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,QAAG,WAAU,4BAA2B,qBAAO;AAAA,IAChD,oBAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,YAAM,aAAa,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAEpE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,iCAAC,SAAI,WAAU,gCACZ;AAAA,qBAAO,OAAO,WACb,oBAAC,QAAK,MAAM,YACV;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,GAAG,aAAa,YAAY,IAAI,sBAAsB,OAAO,MAAM,OAAO,CAAC;AAAA,kBAChF,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,kBAChC,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAU;AAAA;AAAA,cACZ,GACF;AAAA,cAEF,qBAAC,SACC;AAAA,oCAAC,QAAK,MAAM,YACV,8BAAC,QAAG,WAAU,+BACX,iBAAO,MACV,GACF;AAAA,gBAEC,OAAO,OACN,oBAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,iBAEJ;AAAA,eACF;AAAA,YACA,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAU,6DACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,gBACX,CAAC,SACC,QAAQ,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,cACrD,IAEA,oBAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,cACA,oBAAC,SAAI,WAAU,oBACb;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAAA,kBACvD,WAAU;AAAA,kBACX;AAAA;AAAA,oBACuB,OAAO;AAAA;AAAA;AAAA,cAC/B,GACF;AAAA,eACF;AAAA;AAAA;AAAA,QAlDK,OAAO,OAAO;AAAA,MAmDrB;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/authors-page/index.tsx"],"sourcesContent":["import type { Opinly } from \"@opinly/backend\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\n\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport Link from \"next/link\";\n\nexport const AuthorsPage = ({\n  authors,\n}: {\n  authors: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"authors\" }\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          },\n        ]}\n      />\n      <h1 className=\"text-3xl font-bold mb-10\">Authors</h1>\n      <div className=\"space-y-16\">\n        {authors.map((author, idx) => {\n          const authorSlug = `${opinlyConfig.blogPrefix}/authors/${author.slug}`;\n\n          return (\n            <div\n              key={author.name + idx}\n              className=\"rounded-lg p-6 flex flex-col gap-6\"\n            >\n              <div className=\"flex items-center gap-6 mb-4\">\n                {author.image?.fileKey && (\n                  <Link href={authorSlug}>\n                    <Image\n                      src={`${opinlyConfig.imagesPrefix}/${author.image.fileKey}`}\n                      alt={author.image.alt || author.name}\n                      width={100}\n                      height={100}\n                      className=\"rounded-full border\"\n                    />\n                  </Link>\n                )}\n                <div>\n                  <Link href={authorSlug}>\n                    <h2 className=\"text-2xl font-semibold mb-1\">\n                      {author.name}\n                    </h2>\n                  </Link>\n\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              <div>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-4\">\n                  {author.posts && author.posts.length > 0 ? (\n                    author.posts.map(\n                      (post) =>\n                        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 className=\"flex justify-end\">\n                  <Link\n                    href={`${opinlyConfig.blogPrefix}/authors/${author.slug}`}\n                    className=\"text-bold\"\n                  >\n                    View more posts from {author.name}\n                  </Link>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAkBM,cA6BU,YA7BV;AAjBN,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,OAAO,UAAU;AAEV,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAa;AAAA,UACX;AAAA,YACE,MAAM;AAAA,UACR;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,QAAG,WAAU,4BAA2B,qBAAO;AAAA,IAChD,oBAAC,SAAI,WAAU,cACZ,kBAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,YAAM,aAAa,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAEpE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,iCAAC,SAAI,WAAU,gCACZ;AAAA,qBAAO,OAAO,WACb,oBAAC,QAAK,MAAM,YACV;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,GAAG,aAAa,YAAY,IAAI,OAAO,MAAM,OAAO;AAAA,kBACzD,KAAK,OAAO,MAAM,OAAO,OAAO;AAAA,kBAChC,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAU;AAAA;AAAA,cACZ,GACF;AAAA,cAEF,qBAAC,SACC;AAAA,oCAAC,QAAK,MAAM,YACV,8BAAC,QAAG,WAAU,+BACX,iBAAO,MACV,GACF;AAAA,gBAEC,OAAO,OACN,oBAAC,OAAE,WAAU,6CACV,iBAAO,KACV;AAAA,iBAEJ;AAAA,eACF;AAAA,YACA,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAU,6DACZ,iBAAO,SAAS,OAAO,MAAM,SAAS,IACrC,OAAO,MAAM;AAAA,gBACX,CAAC,SACC,QAAQ,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,cACrD,IAEA,oBAAC,SAAI,WAAU,uCAAsC,2BAErD,GAEJ;AAAA,cACA,oBAAC,SAAI,WAAU,oBACb;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,GAAG,aAAa,UAAU,YAAY,OAAO,IAAI;AAAA,kBACvD,WAAU;AAAA,kBACX;AAAA;AAAA,oBACuB,OAAO;AAAA;AAAA;AAAA,cAC/B,GACF;AAAA,eACF;AAAA;AAAA;AAAA,QAlDK,OAAO,OAAO;AAAA,MAmDrB;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -34,6 +34,9 @@ module.exports = __toCommonJS(content_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_merge = require("../../../utils/merge");
 var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("next/image"), 1);
+var import_sdk_config = require("../../../utils/sdk-config");
+var import_react2 = __toESM(require("react"), 1);
 function renderTiptapContent(content, classNames) {
   if (!content?.content) return [];
   return content.content.map((node, index) => {
@@ -55,6 +58,10 @@ function renderTiptapContent(content, classNames) {
         );
       }
       case "image":
+        const fileKey = node.attrs?.fileKey;
+        if (!fileKey) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
@@ -62,7 +69,18 @@ function renderTiptapContent(content, classNames) {
               "relative w-full max-w-[800px] my-6",
               classNames.image
             ),
-            style: { aspectRatio: "2 / 1" }
+            style: { aspectRatio: "2 / 1" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_image.default,
+              {
+                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"
+              }
+            )
           },
           index
         );
@@ -70,8 +88,8 @@ function renderTiptapContent(content, classNames) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "ul",
           {
-            className: classNames.bulletList || "list-disc pl-6 my-4",
-            children: renderChildren(node.content, classNames)
+            className: (0, import_merge.cn)("list-disc pl-6 my-4", classNames.bulletList),
+            children: renderTiptapContent(node, classNames)
           },
           index
         );
@@ -79,13 +97,16 @@ function renderTiptapContent(content, classNames) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "ol",
           {
-            className: classNames.orderedList || "list-decimal pl-6 my-4",
-            children: renderChildren(node.content, classNames)
+            className: (0, import_merge.cn)("list-decimal pl-6 my-4", classNames.orderedList),
+            children: renderTiptapContent(node, classNames)
           },
           index
         );
       case "listItem":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: classNames.listItem || "my-1", children: renderChildren(node.content, classNames) }, index);
+        if (node.content && node.content.length === 1 && node.content[0].type === "paragraph") {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: (0, import_merge.cn)("my-1", classNames.listItem), children: renderChildren(node.content[0].content, classNames) }, index);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: (0, import_merge.cn)("my-1", classNames.listItem), children: renderChildren(node.content, classNames) }, index);
       default:
         return null;
     }
@@ -98,7 +119,10 @@ const Content = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
 };
 function renderChildren(nodes, classNames) {
-  if (!nodes) return [];
+  if (!nodes) {
+    console.log("no nodes");
+    return [];
+  }
   return nodes.map((child, idx) => {
     if (child.type === "text") {
       let text = child.text;
@@ -119,8 +143,13 @@ 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
+      ) }, idx);
     }
-    return null;
   }).filter(Boolean);
 }
 // Annotate the CommonJS export names for ESM import in node:

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\";\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          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                src={replaceImageHostname(\n                  node.attrs?.src || \"\",\n                  opinlyConfig.imagesPrefix\n                )}\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={classNames.bulletList || \"list-disc pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={classNames.orderedList || \"list-decimal pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          return (\n            <li key={index} className={classNames.listItem || \"my-1\"}>\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) return [];\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      }\n      return null;\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBY;AAfZ,mBAAmB;AACnB,kBAAiB;AAGjB,SAAS,oBACP,SACA,YACmB;AACnB,MAAI,CAAC,SAAS,QAAS,QAAO,CAAC;AAE/B,SAAO,QAAQ,QACZ,IAAI,CAAC,MAAM,UAAU;AACpB,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eACE,4CAAC,OAAc,WAAW,WAAW,aAAa,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADlC,KAER;AAAA,MAEJ,KAAK,WAAW;AACd,cAAM,OAAO,KAAK,UAAU,CAAC,GAAG,QAAQ;AACxC,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,cAAM,MAAM,IACV,KAAK,OAAO,SAAS,CACvB;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI;AAAA,YACJ,WACE,WAAW,WAAW;AAAA,YAGvB,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UANnC;AAAA,QAOP;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,WAAW;AAAA,YACb;AAAA,YACA,OAAO,EAAE,aAAa,QAAQ;AAAA;AAAA,UALzB;AAAA,QAiBP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,cAAc;AAAA,YAEnC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,eAAe;AAAA,YAEpC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE,4CAAC,QAAe,WAAW,WAAW,YAAY,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADjC,KAET;AAAA,MAEJ;AACE,eAAO;AAAA,IACX;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGM;AACJ,SACE,4CAAC,SAAI,WAAU,oBACZ,8BAAoB,SAAS,UAAU,GAC1C;AAEJ;AAEA,SAAS,eACP,OACA,YACe;AACf,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,SAAO,MACJ,IAAI,CAAC,OAAO,QAAQ;AACnB,QAAI,MAAM,SAAS,QAAQ;AACzB,UAAI,OAAwB,MAAM;AAClC,UAAI,MAAM,OAAO;AACf,cAAM,MAAM,QAAQ,CAAC,SAAS;AAC5B,cAAI,KAAK,SAAS,OAAQ,QAAO,4CAAC,YAAkB,kBAAN,GAAW;AACzD,cAAI,KAAK,SAAS,SAAU,QAAO,4CAAC,QAAc,kBAAN,GAAW;AACvD,cAAI,KAAK,SAAS;AAChB,mBACE;AAAA,cAAC,YAAAA;AAAA,cAAA;AAAA,gBAEC,MAAM,KAAK,OAAO;AAAA,gBAClB,WAAW,WAAW,QAAQ;AAAA,gBAE7B;AAAA;AAAA,cAJI;AAAA,YAKP;AAAA,QAEN,CAAC;AAAA,MACH;AACA,aAAO,4CAAC,UAAgB,kBAAN,GAAW;AAAA,IAC/B;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;","names":["Link"]}
+{"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                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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBY;AAlBZ,mBAAmB;AACnB,kBAAiB;AAEjB,mBAAkB;AAClB,wBAA6B;AAC7B,IAAAA,gBAAkB;AAElB,SAAS,oBACP,SACA,YACmB;AACnB,MAAI,CAAC,SAAS,QAAS,QAAO,CAAC;AAE/B,SAAO,QAAQ,QACZ,IAAI,CAAC,MAAM,UAAU;AACpB,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eACE,4CAAC,OAAc,WAAW,WAAW,aAAa,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADlC,KAER;AAAA,MAEJ,KAAK,WAAW;AACd,cAAM,OAAO,KAAK,UAAU,CAAC,GAAG,QAAQ;AACxC,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,cAAM,MAAM,IACV,KAAK,OAAO,SAAS,CACvB;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI;AAAA,YACJ,WACE,WAAW,WAAW;AAAA,YAGvB,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UANnC;AAAA,QAOP;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,cAAM,UAAU,KAAK,OAAO;AAE5B,YAAI,CAAC,SAAS;AACZ,iBAAO;AAAA,QACT;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW;AAAA,cACT;AAAA,cACA,WAAW;AAAA,YACb;AAAA,YACA,OAAO,EAAE,aAAa,QAAQ;AAAA,YAE9B;AAAA,cAAC,aAAAC;AAAA,cAAA;AAAA,gBACC,KAAK,GAAG,+BAAa,YAAY,IAAI,OAAO;AAAA,gBAC5C,OAAO,KAAK,OAAO,SAAS;AAAA,gBAC5B,KAAK,KAAK,OAAO,OAAO;AAAA,gBACxB,MAAI;AAAA,gBACJ,WAAU;AAAA,gBACV,OAAM;AAAA;AAAA,YACR;AAAA;AAAA,UAdK;AAAA,QAeP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW,iBAAG,uBAAuB,WAAW,UAAU;AAAA,YAEzD,8BAAoB,MAAM,UAAU;AAAA;AAAA,UAHhC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,eAAW,iBAAG,0BAA0B,WAAW,WAAW;AAAA,YAE7D,8BAAoB,MAAM,UAAU;AAAA;AAAA,UAHhC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,YACE,KAAK,WACL,KAAK,QAAQ,WAAW,KACxB,KAAK,QAAQ,CAAC,EAAE,SAAS,aACzB;AACA,iBACE,4CAAC,QAAe,eAAW,iBAAG,QAAQ,WAAW,QAAQ,GACtD,yBAAe,KAAK,QAAQ,CAAC,EAAE,SAAS,UAAU,KAD5C,KAET;AAAA,QAEJ;AACA,eACE,4CAAC,QAAe,eAAW,iBAAG,QAAQ,WAAW,QAAQ,GACtD,yBAAe,KAAK,SAAS,UAAU,KADjC,KAET;AAAA,MAEJ;AACE,eAAO;AAAA,IACX;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGM;AACJ,SACE,4CAAC,SAAI,WAAU,oBACZ,8BAAoB,SAAS,UAAU,GAC1C;AAEJ;AAEA,SAAS,eACP,OACA,YACe;AACf,MAAI,CAAC,OAAO;AACV,YAAQ,IAAI,UAAU;AACtB,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,MACJ,IAAI,CAAC,OAAO,QAAQ;AACnB,QAAI,MAAM,SAAS,QAAQ;AACzB,UAAI,OAAwB,MAAM;AAClC,UAAI,MAAM,OAAO;AACf,cAAM,MAAM,QAAQ,CAAC,SAAS;AAC5B,cAAI,KAAK,SAAS,OAAQ,QAAO,4CAAC,YAAkB,kBAAN,GAAW;AACzD,cAAI,KAAK,SAAS,SAAU,QAAO,4CAAC,QAAc,kBAAN,GAAW;AACvD,cAAI,KAAK,SAAS;AAChB,mBACE;AAAA,cAAC,YAAAC;AAAA,cAAA;AAAA,gBAEC,MAAM,KAAK,OAAO;AAAA,gBAClB,WAAW,WAAW,QAAQ;AAAA,gBAE7B;AAAA;AAAA,cAJI;AAAA,YAKP;AAAA,QAEN,CAAC;AAAA,MACH;AACA,aAAO,4CAAC,UAAgB,kBAAN,GAAW;AAAA,IAC/B,OAAO;AACL,cAAQ,IAAI,SAAS,KAAK;AAG1B,aACE,4CAAC,cAAAC,QAAM,UAAN,EACE;AAAA,QACC,EAAE,GAAG,OAAO,SAAS,MAAM,QAAQ;AAAA,QACnC;AAAA,MACF,KAJmB,GAKrB;AAAA,IAEJ;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;","names":["import_react","Image","Link","React"]}

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

@@ -1,6 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../../utils/merge";
 import Link from "next/link";
+import Image from "next/image";
+import { opinlyConfig } from "../../../utils/sdk-config";
+import React from "react";
 function renderTiptapContent(content, classNames) {
   if (!content?.content) return [];
   return content.content.map((node, index) => {
@@ -22,6 +25,10 @@ function renderTiptapContent(content, classNames) {
         );
       }
       case "image":
+        const fileKey = node.attrs?.fileKey;
+        if (!fileKey) {
+          return null;
+        }
         return /* @__PURE__ */ jsx(
           "div",
           {
@@ -29,7 +36,18 @@ function renderTiptapContent(content, classNames) {
               "relative w-full max-w-[800px] my-6",
               classNames.image
             ),
-            style: { aspectRatio: "2 / 1" }
+            style: { aspectRatio: "2 / 1" },
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                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"
+              }
+            )
           },
           index
         );
@@ -37,8 +55,8 @@ function renderTiptapContent(content, classNames) {
         return /* @__PURE__ */ jsx(
           "ul",
           {
-            className: classNames.bulletList || "list-disc pl-6 my-4",
-            children: renderChildren(node.content, classNames)
+            className: cn("list-disc pl-6 my-4", classNames.bulletList),
+            children: renderTiptapContent(node, classNames)
           },
           index
         );
@@ -46,13 +64,16 @@ function renderTiptapContent(content, classNames) {
         return /* @__PURE__ */ jsx(
           "ol",
           {
-            className: classNames.orderedList || "list-decimal pl-6 my-4",
-            children: renderChildren(node.content, classNames)
+            className: cn("list-decimal pl-6 my-4", classNames.orderedList),
+            children: renderTiptapContent(node, classNames)
           },
           index
         );
       case "listItem":
-        return /* @__PURE__ */ jsx("li", { className: classNames.listItem || "my-1", children: renderChildren(node.content, classNames) }, index);
+        if (node.content && node.content.length === 1 && node.content[0].type === "paragraph") {
+          return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), children: renderChildren(node.content[0].content, classNames) }, index);
+        }
+        return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), children: renderChildren(node.content, classNames) }, index);
       default:
         return null;
     }
@@ -65,7 +86,10 @@ const Content = ({
   return /* @__PURE__ */ jsx("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
 };
 function renderChildren(nodes, classNames) {
-  if (!nodes) return [];
+  if (!nodes) {
+    console.log("no nodes");
+    return [];
+  }
   return nodes.map((child, idx) => {
     if (child.type === "text") {
       let text = child.text;
@@ -86,8 +110,13 @@ 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
+      ) }, idx);
     }
-    return null;
   }).filter(Boolean);
 }
 export {

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\";\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          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                src={replaceImageHostname(\n                  node.attrs?.src || \"\",\n                  opinlyConfig.imagesPrefix\n                )}\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={classNames.bulletList || \"list-disc pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ul>\n          );\n        case \"orderedList\":\n          return (\n            <ol\n              key={index}\n              className={classNames.orderedList || \"list-decimal pl-6 my-4\"}\n            >\n              {renderChildren(node.content, classNames)}\n            </ol>\n          );\n        case \"listItem\":\n          return (\n            <li key={index} className={classNames.listItem || \"my-1\"}>\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) return [];\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      }\n      return null;\n    })\n    .filter(Boolean) as JSX.Element[];\n}\n"],"mappings":"AAiBY;AAfZ,SAAS,UAAU;AACnB,OAAO,UAAU;AAGjB,SAAS,oBACP,SACA,YACmB;AACnB,MAAI,CAAC,SAAS,QAAS,QAAO,CAAC;AAE/B,SAAO,QAAQ,QACZ,IAAI,CAAC,MAAM,UAAU;AACpB,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eACE,oBAAC,OAAc,WAAW,WAAW,aAAa,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADlC,KAER;AAAA,MAEJ,KAAK,WAAW;AACd,cAAM,OAAO,KAAK,UAAU,CAAC,GAAG,QAAQ;AACxC,cAAM,OAAO,KACV,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE;AACzB,cAAM,MAAM,IACV,KAAK,OAAO,SAAS,CACvB;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI;AAAA,YACJ,WACE,WAAW,WAAW;AAAA,YAGvB,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UANnC;AAAA,QAOP;AAAA,MAEJ;AAAA,MACA,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,WAAW;AAAA,YACb;AAAA,YACA,OAAO,EAAE,aAAa,QAAQ;AAAA;AAAA,UALzB;AAAA,QAiBP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,cAAc;AAAA,YAEnC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,WAAW,eAAe;AAAA,YAEpC,yBAAe,KAAK,SAAS,UAAU;AAAA;AAAA,UAHnC;AAAA,QAIP;AAAA,MAEJ,KAAK;AACH,eACE,oBAAC,QAAe,WAAW,WAAW,YAAY,QAC/C,yBAAe,KAAK,SAAS,UAAU,KADjC,KAET;AAAA,MAEJ;AACE,eAAO;AAAA,IACX;AAAA,EACF,CAAC,EACA,OAAO,OAAO;AACnB;AAEO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGM;AACJ,SACE,oBAAC,SAAI,WAAU,oBACZ,8BAAoB,SAAS,UAAU,GAC1C;AAEJ;AAEA,SAAS,eACP,OACA,YACe;AACf,MAAI,CAAC,MAAO,QAAO,CAAC;AAEpB,SAAO,MACJ,IAAI,CAAC,OAAO,QAAQ;AACnB,QAAI,MAAM,SAAS,QAAQ;AACzB,UAAI,OAAwB,MAAM;AAClC,UAAI,MAAM,OAAO;AACf,cAAM,MAAM,QAAQ,CAAC,SAAS;AAC5B,cAAI,KAAK,SAAS,OAAQ,QAAO,oBAAC,YAAkB,kBAAN,GAAW;AACzD,cAAI,KAAK,SAAS,SAAU,QAAO,oBAAC,QAAc,kBAAN,GAAW;AACvD,cAAI,KAAK,SAAS;AAChB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM,KAAK,OAAO;AAAA,gBAClB,WAAW,WAAW,QAAQ;AAAA,gBAE7B;AAAA;AAAA,cAJI;AAAA,YAKP;AAAA,QAEN,CAAC;AAAA,MACH;AACA,aAAO,oBAAC,UAAgB,kBAAN,GAAW;AAAA,IAC/B;AACA,WAAO;AAAA,EACT,CAAC,EACA,OAAO,OAAO;AACnB;","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-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                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":[]}

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

@@ -35,7 +35,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_merge = require("../../../utils/merge");
 var import_image = __toESM(require("next/image"), 1);
 var import_sdk_config = require("../../../utils/sdk-config");
-var import_images = require("../../../utils/images");
 var import_extract_headings = require("../_helpers/extract-headings");
 var import_share = require("./share");
 var import_link = __toESM(require("next/link"), 1);
@@ -49,7 +48,7 @@ const TableOfContents = ({
       author.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_image.default,
         {
-          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${(0, import_images.replaceImageNameSpace)(author.fileKey)}`,
+          src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${author.fileKey}`,
           alt: author.name,
           width: 48,
           height: 48,

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 { replaceImageNameSpace } from \"../../../utils/images\";\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                src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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;AA2Bc;AAzBd,mBAAmB;AACnB,mBAAkB;AAClB,wBAA6B;AAC7B,oBAAsC;AACtC,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,KAAK,GAAG,+BAAa,YAAY,QAAI,qCAAsB,OAAO,OAAO,CAAC;AAAA,UAC1E,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\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                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,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"]}

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

@@ -2,7 +2,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/merge";
 import Image from "next/image";
 import { opinlyConfig } from "../../../utils/sdk-config";
-import { replaceImageNameSpace } from "../../../utils/images";
 import { extractHeadings } from "../_helpers/extract-headings";
 import { Share } from "./share";
 import Link from "next/link";
@@ -16,7 +15,7 @@ const TableOfContents = ({
       author.fileKey && /* @__PURE__ */ jsx(
         Image,
         {
-          src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(author.fileKey)}`,
+          src: `${opinlyConfig.imagesPrefix}/${author.fileKey}`,
           alt: author.name,
           width: 48,
           height: 48,

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 { replaceImageNameSpace } from \"../../../utils/images\";\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                src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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":"AA2Bc,cAQF,YARE;AAzBd,SAAS,UAAU;AACnB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,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,KAAK,GAAG,aAAa,YAAY,IAAI,sBAAsB,OAAO,OAAO,CAAC;AAAA,UAC1E,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\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                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,cAQF,YARE;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,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":[]}

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

@@ -25,7 +25,6 @@ __export(json_ld_exports, {
 });
 module.exports = __toCommonJS(json_ld_exports);
 var import_sdk_config = require("../../../utils/sdk-config");
-var import_images = require("../../../utils/images");
 function generateArticleBodyHtml(content) {
   if (!content?.content) return "";
   let htmlString = "";
@@ -106,7 +105,7 @@ const genBlogPostingJSONLD = (post) => {
     dateModified: post.modifiedAt || void 0,
     image: post.titleFile?.fileKey ? {
       "@type": "ImageObject",
-      url: `${import_sdk_config.opinlyConfig.imagesUrl}/${(0, import_images.replaceImageNameSpace)(post.titleFile.fileKey)}`
+      url: `${import_sdk_config.opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`
     } : void 0,
     author: post.author ? {
       "@type": "Person",

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\";\nimport { replaceImageNameSpace } from \"../../../utils/images\";\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}/${replaceImageNameSpace(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(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":[]}

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

@@ -1,5 +1,4 @@
 import { opinlyConfig } from "../../../utils/sdk-config";
-import { replaceImageNameSpace } from "../../../utils/images";
 function generateArticleBodyHtml(content) {
   if (!content?.content) return "";
   let htmlString = "";
@@ -80,7 +79,7 @@ const genBlogPostingJSONLD = (post) => {
     dateModified: post.modifiedAt || void 0,
     image: post.titleFile?.fileKey ? {
       "@type": "ImageObject",
-      url: `${opinlyConfig.imagesUrl}/${replaceImageNameSpace(post.titleFile.fileKey)}`
+      url: `${opinlyConfig.imagesUrl}/${post.titleFile.fileKey}`
     } : void 0,
     author: post.author ? {
       "@type": "Person",