@opinly/next 0.1.22 → 0.1.24

package/dist/components/folder-page/_helpers/json-ld.js

@@ -0,0 +1,19 @@
+import { opinlyConfig } from "../../../utils/sdk-config";
+const folderCollectionJSONLD = (folder) => {
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "CollectionPage",
+    name: folder.name,
+    description: folder.description || `Explore articles in ${folder.name}.`,
+    url: `${opinlyConfig.blogUrl}/${folder.slug}`,
+    publisher: {
+      "@type": "Organization",
+      name: opinlyConfig.siteName
+    }
+  };
+  return JSON.stringify(jsonLD);
+};
+export {
+  folderCollectionJSONLD
+};
+//# sourceMappingURL=json-ld.js.map

package/dist/components/folder-page/_helpers/json-ld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/folder-page/_helpers/json-ld.ts"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { CollectionPage, WithContext } from \"schema-dts\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\n\ntype FolderRes = Extract<\n  Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n  { type: \"folder\" }\n>[\"data\"];\n\nexport const folderCollectionJSONLD = (folder: FolderRes) => {\n  const jsonLD: WithContext<CollectionPage> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"CollectionPage\",\n    name: folder.name,\n    description: folder.description || `Explore articles in ${folder.name}.`,\n    url: `${opinlyConfig.blogUrl}/${folder.slug}`,\n    publisher: {\n      \"@type\": \"Organization\",\n      name: opinlyConfig.siteName,\n    },\n  };\n\n  return JSON.stringify(jsonLD);\n};\n"],"mappings":"AAEA,SAAS,oBAAoB;AAOtB,MAAM,yBAAyB,CAAC,WAAsB;AAC3D,QAAM,SAAsC;AAAA,IAC1C,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM,OAAO;AAAA,IACb,aAAa,OAAO,eAAe,uBAAuB,OAAO,IAAI;AAAA,IACrE,KAAK,GAAG,aAAa,OAAO,IAAI,OAAO,IAAI;AAAA,IAC3C,WAAW;AAAA,MACT,SAAS;AAAA,MACT,MAAM,aAAa;AAAA,IACrB;AAAA,EACF;AAEA,SAAO,KAAK,UAAU,MAAM;AAC9B;","names":[]}

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

@@ -24,31 +24,19 @@ module.exports = __toCommonJS(folder_page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_post_preview = require("../post-preview");
 var import_bread_crumbs = require("../bread-crumbs");
-var import_next_seo = require("next-seo");
 var import_sdk_config = require("../../utils/sdk-config");
+var import_json_ld = require("../json-ld");
 const FolderPage = ({
   folder
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_next_seo.BreadcrumbJsonLd,
+      import_json_ld.OpinlyBreadCrumbJsonLd,
       {
-        useAppDir: !import_sdk_config.opinlyConfig.pagesRouter,
-        itemListElements: [
+        items: [
           {
-            position: 1,
-            name: import_sdk_config.opinlyConfig.siteName,
-            item: `${import_sdk_config.opinlyConfig.siteUrl}`
-          },
-          {
-            position: 2,
-            name: "Blog",
-            item: import_sdk_config.opinlyConfig.blogUrl
-          },
-          {
-            position: 3,
-            name: folder.name,
-            item: `${import_sdk_config.opinlyConfig.blogUrl}/${folder.slug}`
+            slugNoPrefixSlash: folder.slug,
+            name: folder.name
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/folder-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <BreadcrumbJsonLd\n        useAppDir={!opinlyConfig.pagesRouter}\n        itemListElements={[\n          {\n            position: 1,\n            name: opinlyConfig.siteName,\n            item: `${opinlyConfig.siteUrl}`,\n          },\n          {\n            position: 2,\n            name: \"Blog\",\n            item: opinlyConfig.blogUrl,\n          },\n          {\n            position: 3,\n            name: folder.name,\n            item: `${opinlyConfig.blogUrl}/${folder.slug}`,\n          },\n        ]}\n      />\n\n      <div className=\"max-w-6xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: folder.name,\n              url: `${opinlyConfig.blogUrl}/${folder.slug}`,\n            },\n          ]}\n        />\n\n        <h1 className=\"text-4xl font-bold mb-2\">{folder.name}</h1>\n        <p className=\"text-muted-foreground max-w-2xl mb-8\">\n          {folder.description || `Explore articles about ${folder.name}.`}\n        </p>\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {folder.posts.length === 0 && (\n            <div className=\"text-muted-foreground\">No posts added yet</div>\n          )}\n          {folder.posts.map((post) => {\n            return <PostPreview key={post.slug} post={post} />;\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nfunction formatDate(dateStr: string) {\n  return new Date(dateStr).toLocaleDateString(\"en-GB\", {\n    day: \"2-digit\",\n    month: \"short\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatMinutes(description: string | null) {\n  // Fake estimate based on length of description\n  if (!description) return \"5 min read\";\n  const words = description.split(\" \").length;\n  const mins = Math.ceil(words / 200);\n  return `${mins} min read`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAdJ,0BAA4B;AAC5B,0BAA4B;AAC5B,sBAAiC;AACjC,wBAA6B;AAEtB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,+BAAa;AAAA,QACzB,kBAAkB;AAAA,UAChB;AAAA,YACE,UAAU;AAAA,YACV,MAAM,+BAAa;AAAA,YACnB,MAAM,GAAG,+BAAa,OAAO;AAAA,UAC/B;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,+BAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM,OAAO;AAAA,YACb,MAAM,GAAG,+BAAa,OAAO,IAAI,OAAO,IAAI;AAAA,UAC9C;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM,OAAO;AAAA,cACb,KAAK,GAAG,+BAAa,OAAO,IAAI,OAAO,IAAI;AAAA,YAC7C;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,4CAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,MACrD,4CAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,MAEA,6CAAC,SAAI,WAAU,wDACZ;AAAA,eAAO,MAAM,WAAW,KACvB,4CAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,QAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,iBAAO,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,QAClD,CAAC;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,SAAiB;AACnC,SAAO,IAAI,KAAK,OAAO,EAAE,mBAAmB,SAAS;AAAA,IACnD,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAEA,SAAS,cAAc,aAA4B;AAEjD,MAAI,CAAC,YAAa,QAAO;AACzB,QAAM,QAAQ,YAAY,MAAM,GAAG,EAAE;AACrC,QAAM,OAAO,KAAK,KAAK,QAAQ,GAAG;AAClC,SAAO,GAAG,IAAI;AAChB;","names":[]}
+{"version":3,"sources":["../../../src/components/folder-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { OpinlyBreadCrumbJsonLd } from \"../json-ld\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <OpinlyBreadCrumbJsonLd\n        items={[\n          {\n            slugNoPrefixSlash: folder.slug,\n            name: folder.name,\n          },\n        ]}\n      />\n\n      <div className=\"max-w-6xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: folder.name,\n              url: `${opinlyConfig.blogUrl}/${folder.slug}`,\n            },\n          ]}\n        />\n\n        <h1 className=\"text-4xl font-bold mb-2\">{folder.name}</h1>\n        <p className=\"text-muted-foreground max-w-2xl mb-8\">\n          {folder.description || `Explore articles about ${folder.name}.`}\n        </p>\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {folder.posts.length === 0 && (\n            <div className=\"text-muted-foreground\">No posts added yet</div>\n          )}\n          {folder.posts.map((post) => {\n            return <PostPreview key={post.slug} post={post} />;\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nfunction formatDate(dateStr: string) {\n  return new Date(dateStr).toLocaleDateString(\"en-GB\", {\n    day: \"2-digit\",\n    month: \"short\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatMinutes(description: string | null) {\n  // Fake estimate based on length of description\n  if (!description) return \"5 min read\";\n  const words = description.split(\" \").length;\n  const mins = Math.ceil(words / 200);\n  return `${mins} min read`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAfJ,0BAA4B;AAC5B,0BAA4B;AAE5B,wBAA6B;AAC7B,qBAAuC;AAEhC,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,mBAAmB,OAAO;AAAA,YAC1B,MAAM,OAAO;AAAA,UACf;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,6CAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM,OAAO;AAAA,cACb,KAAK,GAAG,+BAAa,OAAO,IAAI,OAAO,IAAI;AAAA,YAC7C;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,4CAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,MACrD,4CAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,MAEA,6CAAC,SAAI,WAAU,wDACZ;AAAA,eAAO,MAAM,WAAW,KACvB,4CAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,QAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,iBAAO,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,QAClD,CAAC;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,SAAiB;AACnC,SAAO,IAAI,KAAK,OAAO,EAAE,mBAAmB,SAAS;AAAA,IACnD,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAEA,SAAS,cAAc,aAA4B;AAEjD,MAAI,CAAC,YAAa,QAAO;AACzB,QAAM,QAAQ,YAAY,MAAM,GAAG,EAAE;AACrC,QAAM,OAAO,KAAK,KAAK,QAAQ,GAAG;AAClC,SAAO,GAAG,IAAI;AAChB;","names":[]}

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

@@ -1,31 +1,19 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PostPreview } from "../post-preview";
 import { BreadCrumbs } from "../bread-crumbs";
-import { BreadcrumbJsonLd } from "next-seo";
 import { opinlyConfig } from "../../utils/sdk-config";
+import { OpinlyBreadCrumbJsonLd } from "../json-ld";
 const FolderPage = ({
   folder
 }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      BreadcrumbJsonLd,
+      OpinlyBreadCrumbJsonLd,
       {
-        useAppDir: !opinlyConfig.pagesRouter,
-        itemListElements: [
+        items: [
           {
-            position: 1,
-            name: opinlyConfig.siteName,
-            item: `${opinlyConfig.siteUrl}`
-          },
-          {
-            position: 2,
-            name: "Blog",
-            item: opinlyConfig.blogUrl
-          },
-          {
-            position: 3,
-            name: folder.name,
-            item: `${opinlyConfig.blogUrl}/${folder.slug}`
+            slugNoPrefixSlash: folder.slug,
+            name: folder.name
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/folder-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <BreadcrumbJsonLd\n        useAppDir={!opinlyConfig.pagesRouter}\n        itemListElements={[\n          {\n            position: 1,\n            name: opinlyConfig.siteName,\n            item: `${opinlyConfig.siteUrl}`,\n          },\n          {\n            position: 2,\n            name: \"Blog\",\n            item: opinlyConfig.blogUrl,\n          },\n          {\n            position: 3,\n            name: folder.name,\n            item: `${opinlyConfig.blogUrl}/${folder.slug}`,\n          },\n        ]}\n      />\n\n      <div className=\"max-w-6xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: folder.name,\n              url: `${opinlyConfig.blogUrl}/${folder.slug}`,\n            },\n          ]}\n        />\n\n        <h1 className=\"text-4xl font-bold mb-2\">{folder.name}</h1>\n        <p className=\"text-muted-foreground max-w-2xl mb-8\">\n          {folder.description || `Explore articles about ${folder.name}.`}\n        </p>\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {folder.posts.length === 0 && (\n            <div className=\"text-muted-foreground\">No posts added yet</div>\n          )}\n          {folder.posts.map((post) => {\n            return <PostPreview key={post.slug} post={post} />;\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nfunction formatDate(dateStr: string) {\n  return new Date(dateStr).toLocaleDateString(\"en-GB\", {\n    day: \"2-digit\",\n    month: \"short\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatMinutes(description: string | null) {\n  // Fake estimate based on length of description\n  if (!description) return \"5 min read\";\n  const words = description.split(\" \").length;\n  const mins = Math.ceil(words / 200);\n  return `${mins} min read`;\n}\n"],"mappings":"AAeI,mBACE,KAoCE,YArCJ;AAdJ,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAEtB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,aAAa;AAAA,QACzB,kBAAkB;AAAA,UAChB;AAAA,YACE,UAAU;AAAA,YACV,MAAM,aAAa;AAAA,YACnB,MAAM,GAAG,aAAa,OAAO;AAAA,UAC/B;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM;AAAA,YACN,MAAM,aAAa;AAAA,UACrB;AAAA,UACA;AAAA,YACE,UAAU;AAAA,YACV,MAAM,OAAO;AAAA,YACb,MAAM,GAAG,aAAa,OAAO,IAAI,OAAO,IAAI;AAAA,UAC9C;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM,OAAO;AAAA,cACb,KAAK,GAAG,aAAa,OAAO,IAAI,OAAO,IAAI;AAAA,YAC7C;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,MACrD,oBAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,MAEA,qBAAC,SAAI,WAAU,wDACZ;AAAA,eAAO,MAAM,WAAW,KACvB,oBAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,QAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,iBAAO,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,QAClD,CAAC;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,SAAiB;AACnC,SAAO,IAAI,KAAK,OAAO,EAAE,mBAAmB,SAAS;AAAA,IACnD,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAEA,SAAS,cAAc,aAA4B;AAEjD,MAAI,CAAC,YAAa,QAAO;AACzB,QAAM,QAAQ,YAAY,MAAM,GAAG,EAAE;AACrC,QAAM,OAAO,KAAK,KAAK,QAAQ,GAAG;AAClC,SAAO,GAAG,IAAI;AAChB;","names":[]}
+{"version":3,"sources":["../../../src/components/folder-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { BreadcrumbJsonLd } from \"next-seo\";\nimport { opinlyConfig } from \"../../utils/sdk-config\";\nimport { OpinlyBreadCrumbJsonLd } from \"../json-ld\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  return (\n    <>\n      <OpinlyBreadCrumbJsonLd\n        items={[\n          {\n            slugNoPrefixSlash: folder.slug,\n            name: folder.name,\n          },\n        ]}\n      />\n\n      <div className=\"max-w-6xl mx-auto px-4 py-10\">\n        <BreadCrumbs\n          breadcrumbs={[\n            {\n              name: folder.name,\n              url: `${opinlyConfig.blogUrl}/${folder.slug}`,\n            },\n          ]}\n        />\n\n        <h1 className=\"text-4xl font-bold mb-2\">{folder.name}</h1>\n        <p className=\"text-muted-foreground max-w-2xl mb-8\">\n          {folder.description || `Explore articles about ${folder.name}.`}\n        </p>\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n          {folder.posts.length === 0 && (\n            <div className=\"text-muted-foreground\">No posts added yet</div>\n          )}\n          {folder.posts.map((post) => {\n            return <PostPreview key={post.slug} post={post} />;\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nfunction formatDate(dateStr: string) {\n  return new Date(dateStr).toLocaleDateString(\"en-GB\", {\n    day: \"2-digit\",\n    month: \"short\",\n    year: \"numeric\",\n  });\n}\n\nfunction formatMinutes(description: string | null) {\n  // Fake estimate based on length of description\n  if (!description) return \"5 min read\";\n  const words = description.split(\" \").length;\n  const mins = Math.ceil(words / 200);\n  return `${mins} min read`;\n}\n"],"mappings":"AAgBI,mBACE,KAwBE,YAzBJ;AAfJ,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAE5B,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEhC,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,YACE,mBAAmB,OAAO;AAAA,YAC1B,MAAM,OAAO;AAAA,UACf;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,gCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,YACX;AAAA,cACE,MAAM,OAAO;AAAA,cACb,KAAK,GAAG,aAAa,OAAO,IAAI,OAAO,IAAI;AAAA,YAC7C;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,MACrD,oBAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,MAEA,qBAAC,SAAI,WAAU,wDACZ;AAAA,eAAO,MAAM,WAAW,KACvB,oBAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,QAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,iBAAO,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,QAClD,CAAC;AAAA,SACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,SAAiB;AACnC,SAAO,IAAI,KAAK,OAAO,EAAE,mBAAmB,SAAS;AAAA,IACnD,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACH;AAEA,SAAS,cAAc,aAA4B;AAEjD,MAAI,CAAC,YAAa,QAAO;AACzB,QAAM,QAAQ,YAAY,MAAM,GAAG,EAAE;AACrC,QAAM,OAAO,KAAK,KAAK,QAAQ,GAAG;AAClC,SAAO,GAAG,IAAI;AAChB;","names":[]}

package/dist/components/home-page/_helpers/json-ld.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var json_ld_exports = {};
+__export(json_ld_exports, {
+  blogJSONLD: () => blogJSONLD
+});
+module.exports = __toCommonJS(json_ld_exports);
+var import_sdk_config = require("../../../utils/sdk-config");
+const blogJSONLD = () => {
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "Blog",
+    name: import_sdk_config.opinlyConfig.siteName,
+    description: `Latest news and insights from ${import_sdk_config.opinlyConfig.siteName}`,
+    url: import_sdk_config.opinlyConfig.blogUrl,
+    publisher: {
+      "@type": "Organization",
+      name: import_sdk_config.opinlyConfig.siteName
+    }
+  };
+  return JSON.stringify(jsonLD);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blogJSONLD
+});
+//# sourceMappingURL=json-ld.cjs.map

package/dist/components/home-page/_helpers/json-ld.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/home-page/_helpers/json-ld.ts"],"sourcesContent":["import { Blog, WithContext } from \"schema-dts\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\n\nexport const blogJSONLD = () => {\n  const jsonLD: WithContext<Blog> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Blog\",\n    name: opinlyConfig.siteName,\n    description: `Latest news and insights from ${opinlyConfig.siteName}`,\n    url: opinlyConfig.blogUrl,\n    publisher: {\n      \"@type\": \"Organization\",\n      name: opinlyConfig.siteName,\n    },\n  };\n\n  return JSON.stringify(jsonLD);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA6B;AAEtB,MAAM,aAAa,MAAM;AAC9B,QAAM,SAA4B;AAAA,IAChC,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM,+BAAa;AAAA,IACnB,aAAa,iCAAiC,+BAAa,QAAQ;AAAA,IACnE,KAAK,+BAAa;AAAA,IAClB,WAAW;AAAA,MACT,SAAS;AAAA,MACT,MAAM,+BAAa;AAAA,IACrB;AAAA,EACF;AAEA,SAAO,KAAK,UAAU,MAAM;AAC9B;","names":[]}

package/dist/components/home-page/_helpers/json-ld.d.cts

@@ -0,0 +1,3 @@
+declare const blogJSONLD: () => string;
+
+export { blogJSONLD };

package/dist/components/home-page/_helpers/json-ld.d.ts

@@ -0,0 +1,3 @@
+declare const blogJSONLD: () => string;
+
+export { blogJSONLD };

package/dist/components/home-page/_helpers/json-ld.js

@@ -0,0 +1,19 @@
+import { opinlyConfig } from "../../../utils/sdk-config";
+const blogJSONLD = () => {
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "Blog",
+    name: opinlyConfig.siteName,
+    description: `Latest news and insights from ${opinlyConfig.siteName}`,
+    url: opinlyConfig.blogUrl,
+    publisher: {
+      "@type": "Organization",
+      name: opinlyConfig.siteName
+    }
+  };
+  return JSON.stringify(jsonLD);
+};
+export {
+  blogJSONLD
+};
+//# sourceMappingURL=json-ld.js.map

package/dist/components/home-page/_helpers/json-ld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/home-page/_helpers/json-ld.ts"],"sourcesContent":["import { Blog, WithContext } from \"schema-dts\";\nimport { opinlyConfig } from \"../../../utils/sdk-config\";\n\nexport const blogJSONLD = () => {\n  const jsonLD: WithContext<Blog> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Blog\",\n    name: opinlyConfig.siteName,\n    description: `Latest news and insights from ${opinlyConfig.siteName}`,\n    url: opinlyConfig.blogUrl,\n    publisher: {\n      \"@type\": \"Organization\",\n      name: opinlyConfig.siteName,\n    },\n  };\n\n  return JSON.stringify(jsonLD);\n};\n"],"mappings":"AACA,SAAS,oBAAoB;AAEtB,MAAM,aAAa,MAAM;AAC9B,QAAM,SAA4B;AAAA,IAChC,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM,aAAa;AAAA,IACnB,aAAa,iCAAiC,aAAa,QAAQ;AAAA,IACnE,KAAK,aAAa;AAAA,IAClB,WAAW;AAAA,MACT,SAAS;AAAA,MACT,MAAM,aAAa;AAAA,IACrB;AAAA,EACF;AAEA,SAAO,KAAK,UAAU,MAAM;AAC9B;","names":[]}

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

@@ -25,13 +25,22 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_top_posts = require("./top-posts");
 var import_folders = require("./folders");
 var import_pagination = require("./pagination");
+var import_json_ld = require("./_helpers/json-ld");
+var import_json_ld2 = require("../json-ld");
 const HomePage = ({
-  data
+  data,
+  header,
+  cta
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_top_posts.TopPosts, { posts: data.posts }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pagination.HomePagePagination, { count: data.count, page: data.page }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_folders.HomePageFolders, { folders: data.folders })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_json_ld2.OpinlyJSONLD, { content: (0, import_json_ld.blogJSONLD)() }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_top_posts.TopPosts, { posts: data.posts }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pagination.HomePagePagination, { count: data.count, page: data.page }),
+      cta,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_folders.HomePageFolders, { folders: data.folders })
+    ] })
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { HomePagePagination } from \"./pagination\";\n\nexport const HomePage = ({\n  data,\n}: {\n  data: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"];\n}) => {\n  return (\n    <div className=\"max-w-7xl mx-auto px-4 py-10\">\n      <TopPosts posts={data.posts} />\n      <HomePagePagination count={data.count} page={data.page} />\n      <HomePageFolders folders={data.folders} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAbJ,uBAAyB;AACzB,qBAAgC;AAChC,wBAAmC;AAE5B,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAKM;AACJ,SACE,6CAAC,SAAI,WAAU,gCACb;AAAA,gDAAC,6BAAS,OAAO,KAAK,OAAO;AAAA,IAC7B,4CAAC,wCAAmB,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM;AAAA,IACxD,4CAAC,kCAAgB,SAAS,KAAK,SAAS;AAAA,KAC1C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { HomePagePagination } from \"./pagination\";\nimport { blogJSONLD } from \"./_helpers/json-ld\";\nimport { OpinlyBreadCrumbJsonLd, OpinlyJSONLD } from \"../json-ld\";\n\nexport type HomePageProps = {\n  header?: React.ReactNode;\n  cta?: React.ReactNode;\n};\n\nexport const HomePage = ({\n  data,\n  header,\n  cta,\n}: {\n  data: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"];\n} & HomePageProps) => {\n  return (\n    <>\n      <OpinlyJSONLD content={blogJSONLD()} />\n\n      <div className=\"max-w-7xl mx-auto px-4 py-10\">\n        {header}\n\n        <TopPosts posts={data.posts} />\n        <HomePagePagination count={data.count} page={data.page} />\n        {cta}\n        <HomePageFolders folders={data.folders} />\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AAtBJ,uBAAyB;AACzB,qBAAgC;AAChC,wBAAmC;AACnC,qBAA2B;AAC3B,IAAAA,kBAAqD;AAO9C,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,MAKsB;AACpB,SACE,4EACE;AAAA,gDAAC,gCAAa,aAAS,2BAAW,GAAG;AAAA,IAErC,6CAAC,SAAI,WAAU,gCACZ;AAAA;AAAA,MAED,4CAAC,6BAAS,OAAO,KAAK,OAAO;AAAA,MAC7B,4CAAC,wCAAmB,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM;AAAA,MACvD;AAAA,MACD,4CAAC,kCAAgB,SAAS,KAAK,SAAS;AAAA,OAC1C;AAAA,KACF;AAEJ;","names":["import_json_ld"]}

package/dist/components/home-page/index.d.cts

@@ -1,10 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Opinly } from '@opinly/backend';
 
-declare const HomePage: ({ data, }: {
+type HomePageProps = {
+    header?: React.ReactNode;
+    cta?: React.ReactNode;
+};
+declare const HomePage: ({ data, header, cta, }: {
     data: Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
         type: "home";
     }>["data"];
-}) => react_jsx_runtime.JSX.Element;
+} & HomePageProps) => react_jsx_runtime.JSX.Element;
 
-export { HomePage };
+export { HomePage, type HomePageProps };

package/dist/components/home-page/index.d.ts

@@ -1,10 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Opinly } from '@opinly/backend';
 
-declare const HomePage: ({ data, }: {
+type HomePageProps = {
+    header?: React.ReactNode;
+    cta?: React.ReactNode;
+};
+declare const HomePage: ({ data, header, cta, }: {
     data: Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
         type: "home";
     }>["data"];
-}) => react_jsx_runtime.JSX.Element;
+} & HomePageProps) => react_jsx_runtime.JSX.Element;
 
-export { HomePage };
+export { HomePage, type HomePageProps };

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

@@ -1,14 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { TopPosts } from "./top-posts";
 import { HomePageFolders } from "./folders";
 import { HomePagePagination } from "./pagination";
+import { blogJSONLD } from "./_helpers/json-ld";
+import { OpinlyJSONLD } from "../json-ld";
 const HomePage = ({
-  data
+  data,
+  header,
+  cta
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx(TopPosts, { posts: data.posts }),
-    /* @__PURE__ */ jsx(HomePagePagination, { count: data.count, page: data.page }),
-    /* @__PURE__ */ jsx(HomePageFolders, { folders: data.folders })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(OpinlyJSONLD, { content: blogJSONLD() }),
+    /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
+      header,
+      /* @__PURE__ */ jsx(TopPosts, { posts: data.posts }),
+      /* @__PURE__ */ jsx(HomePagePagination, { count: data.count, page: data.page }),
+      cta,
+      /* @__PURE__ */ jsx(HomePageFolders, { folders: data.folders })
+    ] })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { HomePagePagination } from \"./pagination\";\n\nexport const HomePage = ({\n  data,\n}: {\n  data: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"];\n}) => {\n  return (\n    <div className=\"max-w-7xl mx-auto px-4 py-10\">\n      <TopPosts posts={data.posts} />\n      <HomePagePagination count={data.count} page={data.page} />\n      <HomePageFolders folders={data.folders} />\n    </div>\n  );\n};\n"],"mappings":"AAcI,SACE,KADF;AAbJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AAE5B,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAKM;AACJ,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA,wBAAC,YAAS,OAAO,KAAK,OAAO;AAAA,IAC7B,oBAAC,sBAAmB,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM;AAAA,IACxD,oBAAC,mBAAgB,SAAS,KAAK,SAAS;AAAA,KAC1C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { HomePagePagination } from \"./pagination\";\nimport { blogJSONLD } from \"./_helpers/json-ld\";\nimport { OpinlyBreadCrumbJsonLd, OpinlyJSONLD } from \"../json-ld\";\n\nexport type HomePageProps = {\n  header?: React.ReactNode;\n  cta?: React.ReactNode;\n};\n\nexport const HomePage = ({\n  data,\n  header,\n  cta,\n}: {\n  data: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"];\n} & HomePageProps) => {\n  return (\n    <>\n      <OpinlyJSONLD content={blogJSONLD()} />\n\n      <div className=\"max-w-7xl mx-auto px-4 py-10\">\n        {header}\n\n        <TopPosts posts={data.posts} />\n        <HomePagePagination count={data.count} page={data.page} />\n        {cta}\n        <HomePageFolders folders={data.folders} />\n      </div>\n    </>\n  );\n};\n"],"mappings":"AAuBI,mBACE,KAEA,YAHF;AAtBJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAiC,oBAAoB;AAO9C,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,MAKsB;AACpB,SACE,iCACE;AAAA,wBAAC,gBAAa,SAAS,WAAW,GAAG;AAAA,IAErC,qBAAC,SAAI,WAAU,gCACZ;AAAA;AAAA,MAED,oBAAC,YAAS,OAAO,KAAK,OAAO;AAAA,MAC7B,oBAAC,sBAAmB,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM;AAAA,MACvD;AAAA,MACD,oBAAC,mBAAgB,SAAS,KAAK,SAAS;AAAA,OAC1C;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/json-ld.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var json_ld_exports = {};
+__export(json_ld_exports, {
+  OpinlyBreadCrumbJsonLd: () => OpinlyBreadCrumbJsonLd,
+  OpinlyJSONLD: () => OpinlyJSONLD
+});
+module.exports = __toCommonJS(json_ld_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_script = __toESM(require("next/script"), 1);
+var import_sdk_config = require("../utils/sdk-config");
+const OpinlyJSONLD = ({ content }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_script.default,
+    {
+      strategy: "beforeInteractive",
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: content
+      }
+    }
+  );
+};
+const OpinlyBreadCrumbJsonLd = ({
+  items
+}) => {
+  const itemListElement = [
+    {
+      "@type": "ListItem",
+      position: 1,
+      item: {
+        "@id": import_sdk_config.opinlyConfig.siteUrl,
+        name: import_sdk_config.opinlyConfig.siteName
+      }
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      item: {
+        "@id": import_sdk_config.opinlyConfig.blogUrl,
+        name: "Blog"
+      }
+    },
+    ...items.map((item, index) => ({
+      "@type": "ListItem",
+      position: index + 3,
+      item: {
+        "@id": `${import_sdk_config.opinlyConfig.blogUrl}/${item.slugNoPrefixSlash}`,
+        name: item.name
+      }
+    }))
+  ];
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    // @ts-expect-error - itemListElement is not typed correctly
+    itemListElement
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpinlyJSONLD, { content: JSON.stringify(jsonLD) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OpinlyBreadCrumbJsonLd,
+  OpinlyJSONLD
+});
+//# sourceMappingURL=json-ld.cjs.map

package/dist/components/json-ld.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/json-ld.tsx"],"sourcesContent":["import Script from \"next/script\";\nimport { opinlyConfig } from \"../utils/sdk-config\";\nimport { BreadcrumbList, WithContext } from \"schema-dts\";\n\nexport const OpinlyJSONLD = ({ content }: { content: string }) => {\n  return (\n    <Script\n      strategy=\"beforeInteractive\"\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{\n        __html: content,\n      }}\n    />\n  );\n};\n\nexport const OpinlyBreadCrumbJsonLd = ({\n  items,\n}: {\n  items: {\n    slugNoPrefixSlash: string;\n    name: string;\n  }[];\n}) => {\n  const itemListElement = [\n    {\n      \"@type\": \"ListItem\",\n      position: 1,\n      item: {\n        \"@id\": opinlyConfig.siteUrl,\n        name: opinlyConfig.siteName,\n      },\n    },\n    {\n      \"@type\": \"ListItem\",\n      position: 2,\n      item: {\n        \"@id\": opinlyConfig.blogUrl,\n        name: \"Blog\",\n      },\n    },\n    ...items.map((item, index) => ({\n      \"@type\": \"ListItem\",\n      position: index + 3,\n      item: {\n        \"@id\": `${opinlyConfig.blogUrl}/${item.slugNoPrefixSlash}`,\n        name: item.name,\n      },\n    })),\n  ];\n\n  const jsonLD: WithContext<BreadcrumbList> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    // @ts-expect-error - itemListElement is not typed correctly\n    itemListElement,\n  };\n\n  return <OpinlyJSONLD content={JSON.stringify(jsonLD)} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMI;AANJ,oBAAmB;AACnB,wBAA6B;AAGtB,MAAM,eAAe,CAAC,EAAE,QAAQ,MAA2B;AAChE,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAK;AAAA,MACL,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AACF,MAKM;AACJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,+BAAa;AAAA,QACpB,MAAM,+BAAa;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,+BAAa;AAAA,QACpB,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,GAAG,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU,QAAQ;AAAA,MAClB,MAAM;AAAA,QACJ,OAAO,GAAG,+BAAa,OAAO,IAAI,KAAK,iBAAiB;AAAA,QACxD,MAAM,KAAK;AAAA,MACb;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,QAAM,SAAsC;AAAA,IAC1C,YAAY;AAAA,IACZ,SAAS;AAAA;AAAA,IAET;AAAA,EACF;AAEA,SAAO,4CAAC,gBAAa,SAAS,KAAK,UAAU,MAAM,GAAG;AACxD;","names":["Script"]}

package/dist/components/json-ld.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const OpinlyJSONLD: ({ content }: {
+    content: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const OpinlyBreadCrumbJsonLd: ({ items, }: {
+    items: {
+        slugNoPrefixSlash: string;
+        name: string;
+    }[];
+}) => react_jsx_runtime.JSX.Element;
+
+export { OpinlyBreadCrumbJsonLd, OpinlyJSONLD };

package/dist/components/json-ld.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const OpinlyJSONLD: ({ content }: {
+    content: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const OpinlyBreadCrumbJsonLd: ({ items, }: {
+    items: {
+        slugNoPrefixSlash: string;
+        name: string;
+    }[];
+}) => react_jsx_runtime.JSX.Element;
+
+export { OpinlyBreadCrumbJsonLd, OpinlyJSONLD };

package/dist/components/json-ld.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import Script from "next/script";
+import { opinlyConfig } from "../utils/sdk-config";
+const OpinlyJSONLD = ({ content }) => {
+  return /* @__PURE__ */ jsx(
+    Script,
+    {
+      strategy: "beforeInteractive",
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: content
+      }
+    }
+  );
+};
+const OpinlyBreadCrumbJsonLd = ({
+  items
+}) => {
+  const itemListElement = [
+    {
+      "@type": "ListItem",
+      position: 1,
+      item: {
+        "@id": opinlyConfig.siteUrl,
+        name: opinlyConfig.siteName
+      }
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      item: {
+        "@id": opinlyConfig.blogUrl,
+        name: "Blog"
+      }
+    },
+    ...items.map((item, index) => ({
+      "@type": "ListItem",
+      position: index + 3,
+      item: {
+        "@id": `${opinlyConfig.blogUrl}/${item.slugNoPrefixSlash}`,
+        name: item.name
+      }
+    }))
+  ];
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    // @ts-expect-error - itemListElement is not typed correctly
+    itemListElement
+  };
+  return /* @__PURE__ */ jsx(OpinlyJSONLD, { content: JSON.stringify(jsonLD) });
+};
+export {
+  OpinlyBreadCrumbJsonLd,
+  OpinlyJSONLD
+};
+//# sourceMappingURL=json-ld.js.map

package/dist/components/json-ld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/json-ld.tsx"],"sourcesContent":["import Script from \"next/script\";\nimport { opinlyConfig } from \"../utils/sdk-config\";\nimport { BreadcrumbList, WithContext } from \"schema-dts\";\n\nexport const OpinlyJSONLD = ({ content }: { content: string }) => {\n  return (\n    <Script\n      strategy=\"beforeInteractive\"\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{\n        __html: content,\n      }}\n    />\n  );\n};\n\nexport const OpinlyBreadCrumbJsonLd = ({\n  items,\n}: {\n  items: {\n    slugNoPrefixSlash: string;\n    name: string;\n  }[];\n}) => {\n  const itemListElement = [\n    {\n      \"@type\": \"ListItem\",\n      position: 1,\n      item: {\n        \"@id\": opinlyConfig.siteUrl,\n        name: opinlyConfig.siteName,\n      },\n    },\n    {\n      \"@type\": \"ListItem\",\n      position: 2,\n      item: {\n        \"@id\": opinlyConfig.blogUrl,\n        name: \"Blog\",\n      },\n    },\n    ...items.map((item, index) => ({\n      \"@type\": \"ListItem\",\n      position: index + 3,\n      item: {\n        \"@id\": `${opinlyConfig.blogUrl}/${item.slugNoPrefixSlash}`,\n        name: item.name,\n      },\n    })),\n  ];\n\n  const jsonLD: WithContext<BreadcrumbList> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    // @ts-expect-error - itemListElement is not typed correctly\n    itemListElement,\n  };\n\n  return <OpinlyJSONLD content={JSON.stringify(jsonLD)} />;\n};\n"],"mappings":"AAMI;AANJ,OAAO,YAAY;AACnB,SAAS,oBAAoB;AAGtB,MAAM,eAAe,CAAC,EAAE,QAAQ,MAA2B;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAK;AAAA,MACL,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AACF,MAKM;AACJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,aAAa;AAAA,QACpB,MAAM,aAAa;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,OAAO,aAAa;AAAA,QACpB,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,GAAG,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU,QAAQ;AAAA,MAClB,MAAM;AAAA,QACJ,OAAO,GAAG,aAAa,OAAO,IAAI,KAAK,iBAAiB;AAAA,QACxD,MAAM,KAAK;AAAA,MACb;AAAA,IACF,EAAE;AAAA,EACJ;AAEA,QAAM,SAAsC;AAAA,IAC1C,YAAY;AAAA,IACZ,SAAS;AAAA;AAAA,IAET;AAAA,EACF;AAEA,SAAO,oBAAC,gBAAa,SAAS,KAAK,UAAU,MAAM,GAAG;AACxD;","names":[]}

package/dist/components/opinly-blog.cjs

@@ -30,17 +30,19 @@ var import_authors_page = require("./authors-page");
 var import_navigation = require("next/navigation");
 const OpinlyBlog = async ({
   pageData,
-  client
+  client,
+  homePageProps = {},
+  blogPostProps = {}
 }) => {
   const blog = await client.content.blog(pageData);
   if (blog.type === "not-found") {
     return (0, import_navigation.notFound)();
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { data: blog.data });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { data: blog.data, ...homePageProps });
   }
   if (blog.type === "post") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blog_post.BlogPost, { post: blog.data });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blog_post.BlogPost, { post: blog.data, ...blogPostProps });
   }
   if (blog.type === "author") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_author_page.AuthorPage, { author: blog.data });

package/dist/components/opinly-blog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/opinly-blog.tsx"],"sourcesContent":["import { BlogPost } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyPagePropsPromisified } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { AuthorsPage } from \"./authors-page\";\nimport { notFound } from \"next/navigation\";\n\nexport const OpinlyBlog = async ({\n  pageData,\n  client\n}: {\n  pageData: OpinlyPagePropsPromisified;\n  client: Opinly;\n}) => {\n  const blog = await client.content.blog(pageData);\n\n  if (blog.type === \"not-found\") {\n    return notFound();\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage data={blog.data} />;\n  }\n\n  if (blog.type === \"post\") {\n    return <BlogPost post={blog.data} />;\n  }\n\n  if (blog.type === \"author\") {\n    return <AuthorPage author={blog.data} />;\n  }\n\n  if (blog.type === \"authors\") {\n    return <AuthorsPage authors={blog.data} />;\n  }\n\n  return <FolderPage folder={blog.data} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBW;AAtBX,uBAAyB;AACzB,yBAA2B;AAE3B,uBAAyB;AACzB,yBAA2B;AAC3B,0BAA4B;AAC5B,wBAAyB;AAElB,MAAM,aAAa,OAAO;AAAA,EAC/B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,OAAO,MAAM,OAAO,QAAQ,KAAK,QAAQ;AAE/C,MAAI,KAAK,SAAS,aAAa;AAC7B,eAAO,4BAAS;AAAA,EAClB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,MAAM,KAAK,MAAM;AAAA,EACpC;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,MAAM,KAAK,MAAM;AAAA,EACpC;AAEA,MAAI,KAAK,SAAS,UAAU;AAC1B,WAAO,4CAAC,iCAAW,QAAQ,KAAK,MAAM;AAAA,EACxC;AAEA,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,4CAAC,mCAAY,SAAS,KAAK,MAAM;AAAA,EAC1C;AAEA,SAAO,4CAAC,iCAAW,QAAQ,KAAK,MAAM;AACxC;","names":[]}
+{"version":3,"sources":["../../src/components/opinly-blog.tsx"],"sourcesContent":["import { BlogPost, BlogPostProps } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyPagePropsPromisified } from \"@opinly/backend\";\nimport { HomePage, HomePageProps } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { AuthorsPage } from \"./authors-page\";\nimport { notFound } from \"next/navigation\";\n\nexport const OpinlyBlog = async ({\n  pageData,\n  client,\n  homePageProps = {},\n  blogPostProps = {},\n}: {\n  pageData: OpinlyPagePropsPromisified;\n  client: Opinly;\n  homePageProps?: HomePageProps;\n  blogPostProps?: BlogPostProps;\n}) => {\n  const blog = await client.content.blog(pageData);\n\n  if (blog.type === \"not-found\") {\n    return notFound();\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage data={blog.data} {...homePageProps} />;\n  }\n\n  if (blog.type === \"post\") {\n    return <BlogPost post={blog.data} {...blogPostProps} />;\n  }\n\n  if (blog.type === \"author\") {\n    return <AuthorPage author={blog.data} />;\n  }\n\n  if (blog.type === \"authors\") {\n    return <AuthorsPage authors={blog.data} />;\n  }\n\n  return <FolderPage folder={blog.data} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BW;AA1BX,uBAAwC;AACxC,yBAA2B;AAE3B,uBAAwC;AACxC,yBAA2B;AAC3B,0BAA4B;AAC5B,wBAAyB;AAElB,MAAM,aAAa,OAAO;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,gBAAgB,CAAC;AAAA,EACjB,gBAAgB,CAAC;AACnB,MAKM;AACJ,QAAM,OAAO,MAAM,OAAO,QAAQ,KAAK,QAAQ;AAE/C,MAAI,KAAK,SAAS,aAAa;AAC7B,eAAO,4BAAS;AAAA,EAClB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,MAAM,KAAK,MAAO,GAAG,eAAe;AAAA,EACvD;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,MAAM,KAAK,MAAO,GAAG,eAAe;AAAA,EACvD;AAEA,MAAI,KAAK,SAAS,UAAU;AAC1B,WAAO,4CAAC,iCAAW,QAAQ,KAAK,MAAM;AAAA,EACxC;AAEA,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,4CAAC,mCAAY,SAAS,KAAK,MAAM;AAAA,EAC1C;AAEA,SAAO,4CAAC,iCAAW,QAAQ,KAAK,MAAM;AACxC;","names":[]}

package/dist/components/opinly-blog.d.cts

@@ -1,9 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostProps } from './blog-post/index.cjs';
 import { OpinlyPagePropsPromisified, Opinly } from '@opinly/backend';
+import { HomePageProps } from './home-page/index.cjs';
+import 'react';
+import './blog-post/_types/blog-post.cjs';
+import './blog-post/_types/class-names.cjs';
 
-declare const OpinlyBlog: ({ pageData, client }: {
+declare const OpinlyBlog: ({ pageData, client, homePageProps, blogPostProps, }: {
     pageData: OpinlyPagePropsPromisified;
     client: Opinly;
+    homePageProps?: HomePageProps;
+    blogPostProps?: BlogPostProps;
 }) => Promise<react_jsx_runtime.JSX.Element>;
 
 export { OpinlyBlog };

package/dist/components/opinly-blog.d.ts

@@ -1,9 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BlogPostProps } from './blog-post/index.js';
 import { OpinlyPagePropsPromisified, Opinly } from '@opinly/backend';
+import { HomePageProps } from './home-page/index.js';
+import 'react';
+import './blog-post/_types/blog-post.js';
+import './blog-post/_types/class-names.js';
 
-declare const OpinlyBlog: ({ pageData, client }: {
+declare const OpinlyBlog: ({ pageData, client, homePageProps, blogPostProps, }: {
     pageData: OpinlyPagePropsPromisified;
     client: Opinly;
+    homePageProps?: HomePageProps;
+    blogPostProps?: BlogPostProps;
 }) => Promise<react_jsx_runtime.JSX.Element>;
 
 export { OpinlyBlog };