@opinly/next 0.1.6 → 0.1.7

package/dist/components/blog-post/_types/class-names.d.cts

@@ -0,0 +1,12 @@
+type BlogComponentClassNames = {
+    paragraph?: string;
+    heading?: string;
+    image?: string;
+    bulletList?: string;
+    orderedList?: string;
+    listItem?: string;
+    link?: string;
+    container?: string;
+};
+
+export type { BlogComponentClassNames };

package/dist/components/blog-post/_types/class-names.d.ts

@@ -0,0 +1,12 @@
+type BlogComponentClassNames = {
+    paragraph?: string;
+    heading?: string;
+    image?: string;
+    bulletList?: string;
+    orderedList?: string;
+    listItem?: string;
+    link?: string;
+    container?: string;
+};
+
+export type { BlogComponentClassNames };

package/dist/components/blog-post/_types/class-names.js

@@ -0,0 +1 @@
+//# sourceMappingURL=class-names.js.map

package/dist/components/blog-post/_types/class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,149 @@
+"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 blog_post_exports = {};
+__export(blog_post_exports, {
+  BlogPost: () => BlogPost
+});
+module.exports = __toCommonJS(blog_post_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_merge = require("../../utils/merge");
+var import_sdk_config = require("../../sdk-config");
+var import_json_ld = require("./_helpers/json-ld");
+var import_faq = require("./_components/faq");
+var import_reading_time = require("./_helpers/reading-time");
+var import_content = require("./_components/content");
+var import_table_of_contents = require("./_components/table-of-contents");
+var import_bread_crumbs = require("../bread-crumbs");
+var import_dates = require("../../utils/dates");
+var import_script = __toESM(require("next/script"), 1);
+const BlogPost = ({
+  post,
+  classNames = {}
+}) => {
+  const content = post.content;
+  console.log("content", content);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    post.faqs && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_script.default,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify((0, import_json_ld.genFaqJSONLD)(post.faqs)).replace(
+            /</g,
+            "\\u003c"
+          )
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_script.default,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify((0, import_json_ld.genBlogPostingJSONLD)(post))
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_script.default,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify((0, import_json_ld.genBreadcrumbJSONLD)(post))
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-12 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-orange-600", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_bread_crumbs.BreadCrumbs,
+          {
+            breadcrumbs: [
+              post.folder && {
+                url: `${import_sdk_config.opinlyConfig.blogPrefix}/${post.folder.slug}`,
+                name: post.folder.name
+              }
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-4xl font-bold mb-2 leading-tight", children: post.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm mb-4", children: [
+          "Author:",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_link.default,
+            {
+              href: `${import_sdk_config.opinlyConfig.blogPrefix}/authors/${post.author?.slug}`,
+              className: "font-medium",
+              children: post.author?.name
+            }
+          ),
+          " ",
+          "\xB7 ",
+          (0, import_reading_time.calculateReadingTime)(content),
+          " min read \xB7",
+          " ",
+          (0, import_dates.formatDate)(post.firstPublishedAt) || "Today"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: (0, import_merge.cn)(
+            "flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full ",
+            classNames.container
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: "w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "prose w-full", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_content.Content, { content, classNames }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_faq.FAQS, { faqs: post.faqs })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block md:min-w-72 md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_table_of_contents.TableOfContents,
+              {
+                content,
+                author: post.author,
+                post
+              }
+            ) })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlogPost
+});
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/blog-post/index.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { BlogPostRes } from './_types/blog-post.cjs';
+import { BlogComponentClassNames } from './_types/class-names.cjs';
+import '@opinly/backend';
+
+declare const BlogPost: ({ post, classNames, }: {
+    post: BlogPostRes;
+    classNames?: BlogComponentClassNames;
+    notFoundComponent?: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { BlogPost };

package/dist/components/blog-post/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { BlogPostRes } from './_types/blog-post.js';
+import { BlogComponentClassNames } from './_types/class-names.js';
+import '@opinly/backend';
+
+declare const BlogPost: ({ post, classNames, }: {
+    post: BlogPostRes;
+    classNames?: BlogComponentClassNames;
+    notFoundComponent?: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { BlogPost };

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

@@ -0,0 +1,119 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { cn } from "../../utils/merge";
+import { opinlyConfig } from "../../sdk-config";
+import {
+  genBlogPostingJSONLD,
+  genBreadcrumbJSONLD,
+  genFaqJSONLD
+} from "./_helpers/json-ld";
+import { FAQS } from "./_components/faq";
+import { calculateReadingTime } from "./_helpers/reading-time";
+import { Content } from "./_components/content";
+import { TableOfContents } from "./_components/table-of-contents";
+import { BreadCrumbs } from "../bread-crumbs";
+import { formatDate } from "../../utils/dates";
+import Script from "next/script";
+const BlogPost = ({
+  post,
+  classNames = {}
+}) => {
+  const content = post.content;
+  console.log("content", content);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    post.faqs && /* @__PURE__ */ jsx(
+      Script,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(
+            /</g,
+            "\\u003c"
+          )
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Script,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(genBlogPostingJSONLD(post))
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Script,
+      {
+        strategy: "beforeInteractive",
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(genBreadcrumbJSONLD(post))
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 w-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-orange-600", children: [
+        /* @__PURE__ */ jsx(
+          BreadCrumbs,
+          {
+            breadcrumbs: [
+              post.folder && {
+                url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
+                name: post.folder.name
+              }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold mb-2 leading-tight", children: post.title }),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm mb-4", children: [
+          "Author:",
+          " ",
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `${opinlyConfig.blogPrefix}/authors/${post.author?.slug}`,
+              className: "font-medium",
+              children: post.author?.name
+            }
+          ),
+          " ",
+          "\xB7 ",
+          calculateReadingTime(content),
+          " min read \xB7",
+          " ",
+          formatDate(post.firstPublishedAt) || "Today"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full ",
+            classNames.container
+          ),
+          children: [
+            /* @__PURE__ */ jsx("article", { className: "w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4", children: /* @__PURE__ */ jsxs("div", { className: "prose w-full", children: [
+              /* @__PURE__ */ jsx(Content, { content, classNames }),
+              /* @__PURE__ */ jsx(FAQS, { faqs: post.faqs })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: "block md:min-w-72 md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ jsx(
+              TableOfContents,
+              {
+                content,
+                author: post.author,
+                post
+              }
+            ) })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  BlogPost
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/blog-post/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { JSONContent } from \"@tiptap/core\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { opinlyConfig } from \"../../sdk-config\";\nimport { BlogPostRes } from \"./_types/blog-post\";\nimport {\n  genBlogPostingJSONLD,\n  genBreadcrumbJSONLD,\n  genFaqJSONLD,\n} from \"./_helpers/json-ld\";\nimport { BlogComponentClassNames } from \"./_types/class-names\";\nimport { FAQS } from \"./_components/faq\";\nimport { calculateReadingTime } from \"./_helpers/reading-time\";\nimport { Content } from \"./_components/content\";\nimport { TableOfContents } from \"./_components/table-of-contents\";\nimport { BreadCrumbs } from \"../bread-crumbs\";\nimport { formatDate } from \"../../utils/dates\";\nimport Head from \"next/head\";\nimport Script from \"next/script\";\n\nexport const BlogPost = ({\n  post,\n  classNames = {},\n}: {\n  post: BlogPostRes;\n  classNames?: BlogComponentClassNames;\n  notFoundComponent?: React.ReactNode;\n}) => {\n  const content = post.content as JSONContent;\n\n  console.log(\"content\", content);\n\n  return (\n    <>\n      {/* <Head>\n        <> */}\n      {post.faqs && (\n        <Script\n          strategy=\"beforeInteractive\"\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(genFaqJSONLD(post.faqs)).replace(\n              /</g,\n              \"\\\\u003c\"\n            ),\n          }}\n        />\n      )}\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBlogPostingJSONLD(post)),\n        }}\n      />\n      <Script\n        strategy=\"beforeInteractive\"\n        type=\"application/ld+json\"\n        dangerouslySetInnerHTML={{\n          __html: JSON.stringify(genBreadcrumbJSONLD(post)),\n        }}\n      />\n      {/* </>\n      </Head> */}\n\n      <div className=\"max-w-7xl mx-auto px-4 py-24 flex items-start space-x-8\">\n        <div className=\"flex flex-col gap-12 w-full\">\n          <div className=\"bg-orange-600\">\n            <BreadCrumbs\n              breadcrumbs={[\n                post.folder && {\n                  url: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,\n                  name: post.folder.name,\n                },\n              ]}\n            />\n\n            <h1 className=\"text-4xl font-bold mb-2 leading-tight\">\n              {post.title}\n            </h1>\n            <div className=\"text-sm mb-4\">\n              Author:{\" \"}\n              <Link\n                href={`${opinlyConfig.blogPrefix}/authors/${post.author?.slug}`}\n                className=\"font-medium\"\n              >\n                {post.author?.name}\n              </Link>{\" \"}\n              · {calculateReadingTime(content)} min read ·{\" \"}\n              {formatDate(post.firstPublishedAt as string) || \"Today\"}\n            </div>\n          </div>\n\n          <div\n            className={cn(\n              \"flex flex-col-reverse md:flex-row mx-auto mt-10 gap-12 relative w-full \",\n              classNames.container\n            )}\n          >\n            <article className=\"w-full lg:w-2/3 order-2 lg:order-1 flex items-start space-x-4\">\n              <div className=\"prose w-full\">\n                <Content content={content} classNames={classNames} />\n                <FAQS faqs={post.faqs} />\n              </div>\n            </article>\n            <div className=\"block md:min-w-72 md:sticky md:top-20 md:self-start\">\n              <TableOfContents\n                content={content}\n                author={post.author}\n                post={post}\n              />\n            </div>\n          </div>\n        </div>\n        {/* <div className=\"hidden md:block \">\n        <TableOfContents\n          content={content}\n          author={post.post.author}\n          post={post}\n        />\n      </div> */}\n      </div>\n    </>\n  );\n};\n"],"mappings":"AAkCI,mBAII,KA2CI,YA/CR;AAhCJ,OAAO,UAAU;AACjB,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,OAAO,YAAY;AAEZ,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,aAAa,CAAC;AAChB,MAIM;AACJ,QAAM,UAAU,KAAK;AAErB,UAAQ,IAAI,WAAW,OAAO;AAE9B,SACE,iCAGG;AAAA,SAAK,QACJ;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,aAAa,KAAK,IAAI,CAAC,EAAE;AAAA,YAC9C;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,qBAAqB,IAAI,CAAC;AAAA,QACnD;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,MAAK;AAAA,QACL,yBAAyB;AAAA,UACvB,QAAQ,KAAK,UAAU,oBAAoB,IAAI,CAAC;AAAA,QAClD;AAAA;AAAA,IACF;AAAA,IAIA,oBAAC,SAAI,WAAU,2DACb,+BAAC,SAAI,WAAU,+BACb;AAAA,2BAAC,SAAI,WAAU,iBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,cACX,KAAK,UAAU;AAAA,gBACb,KAAK,GAAG,aAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,gBACnD,MAAM,KAAK,OAAO;AAAA,cACpB;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA,oBAAC,QAAG,WAAU,yCACX,eAAK,OACR;AAAA,QACA,qBAAC,SAAI,WAAU,gBAAe;AAAA;AAAA,UACpB;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,GAAG,aAAa,UAAU,YAAY,KAAK,QAAQ,IAAI;AAAA,cAC7D,WAAU;AAAA,cAET,eAAK,QAAQ;AAAA;AAAA,UAChB;AAAA,UAAQ;AAAA,UAAI;AAAA,UACT,qBAAqB,OAAO;AAAA,UAAE;AAAA,UAAY;AAAA,UAC5C,WAAW,KAAK,gBAA0B,KAAK;AAAA,WAClD;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,WAAW;AAAA,UACb;AAAA,UAEA;AAAA,gCAAC,aAAQ,WAAU,iEACjB,+BAAC,SAAI,WAAU,gBACb;AAAA,kCAAC,WAAQ,SAAkB,YAAwB;AAAA,cACnD,oBAAC,QAAK,MAAM,KAAK,MAAM;AAAA,eACzB,GACF;AAAA,YACA,oBAAC,SAAI,WAAU,uDACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,QAAQ,KAAK;AAAA,gBACb;AAAA;AAAA,YACF,GACF;AAAA;AAAA;AAAA,MACF;AAAA,OACF,GAQF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/bread-crumbs.cjs

@@ -0,0 +1,60 @@
+"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 bread_crumbs_exports = {};
+__export(bread_crumbs_exports, {
+  BreadCrumbs: () => BreadCrumbs
+});
+module.exports = __toCommonJS(bread_crumbs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_react = require("react");
+var import_sdk_config = require("../sdk-config");
+const BreadCrumbs = ({
+  breadcrumbs
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "text-sm text-orange-100 text-muted-foreground mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ol", { className: "list-reset flex space-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", className: "font-bold", children: import_sdk_config.opinlyConfig.siteName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "/" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: import_sdk_config.opinlyConfig.blogPrefix, className: "font-bold", children: "Blog" }),
+    breadcrumbs?.map((breadcrumb, index) => {
+      if (!breadcrumb) {
+        return null;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "/" }),
+        breadcrumb.url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: breadcrumb.url, className: "font-bold", children: breadcrumb.name }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold", children: breadcrumb.name })
+      ] }, index);
+    })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BreadCrumbs
+});
+//# sourceMappingURL=bread-crumbs.cjs.map

package/dist/components/bread-crumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/bread-crumbs.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport { Fragment } from \"react\";\nimport { opinlyConfig } from \"../sdk-config\";\n\nexport const BreadCrumbs = ({\n  breadcrumbs,\n}: {\n  breadcrumbs?: (\n    | {\n        name: string;\n        url?: string;\n      }\n    | null\n    | undefined\n  )[];\n}) => {\n  return (\n    <nav className=\"text-sm text-orange-100 text-muted-foreground mb-4\">\n      <ol className=\"list-reset flex space-x-2\">\n        <Link href=\"/\" className=\"font-bold\">\n          {opinlyConfig.siteName}\n        </Link>\n        <span>/</span>\n        <Link href={opinlyConfig.blogPrefix} className=\"font-bold\">\n          Blog\n        </Link>\n        {breadcrumbs?.map((breadcrumb, index) => {\n          if (!breadcrumb) {\n            return null;\n          }\n\n          return (\n            <Fragment key={index}>\n              <span>/</span>\n              {breadcrumb.url ? (\n                <Link href={breadcrumb.url} className=\"font-bold\">\n                  {breadcrumb.name}\n                </Link>\n              ) : (\n                <span className=\"font-bold\">{breadcrumb.name}</span>\n              )}\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBQ;AAnBR,kBAAiB;AACjB,mBAAyB;AACzB,wBAA6B;AAEtB,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MASM;AACJ,SACE,4CAAC,SAAI,WAAU,sDACb,uDAAC,QAAG,WAAU,6BACZ;AAAA,gDAAC,YAAAA,SAAA,EAAK,MAAK,KAAI,WAAU,aACtB,yCAAa,UAChB;AAAA,IACA,4CAAC,UAAK,eAAC;AAAA,IACP,4CAAC,YAAAA,SAAA,EAAK,MAAM,+BAAa,YAAY,WAAU,aAAY,kBAE3D;AAAA,IACC,aAAa,IAAI,CAAC,YAAY,UAAU;AACvC,UAAI,CAAC,YAAY;AACf,eAAO;AAAA,MACT;AAEA,aACE,6CAAC,yBACC;AAAA,oDAAC,UAAK,eAAC;AAAA,QACN,WAAW,MACV,4CAAC,YAAAA,SAAA,EAAK,MAAM,WAAW,KAAK,WAAU,aACnC,qBAAW,MACd,IAEA,4CAAC,UAAK,WAAU,aAAa,qBAAW,MAAK;AAAA,WAPlC,KASf;AAAA,IAEJ,CAAC;AAAA,KACH,GACF;AAEJ;","names":["Link"]}

package/dist/components/bread-crumbs.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const BreadCrumbs: ({ breadcrumbs, }: {
+    breadcrumbs?: ({
+        name: string;
+        url?: string;
+    } | null | undefined)[];
+}) => react_jsx_runtime.JSX.Element;
+
+export { BreadCrumbs };

package/dist/components/bread-crumbs.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const BreadCrumbs: ({ breadcrumbs, }: {
+    breadcrumbs?: ({
+        name: string;
+        url?: string;
+    } | null | undefined)[];
+}) => react_jsx_runtime.JSX.Element;
+
+export { BreadCrumbs };

package/dist/components/bread-crumbs.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Fragment } from "react";
+import { opinlyConfig } from "../sdk-config";
+const BreadCrumbs = ({
+  breadcrumbs
+}) => {
+  return /* @__PURE__ */ jsx("nav", { className: "text-sm text-orange-100 text-muted-foreground mb-4", children: /* @__PURE__ */ jsxs("ol", { className: "list-reset flex space-x-2", children: [
+    /* @__PURE__ */ jsx(Link, { href: "/", className: "font-bold", children: opinlyConfig.siteName }),
+    /* @__PURE__ */ jsx("span", { children: "/" }),
+    /* @__PURE__ */ jsx(Link, { href: opinlyConfig.blogPrefix, className: "font-bold", children: "Blog" }),
+    breadcrumbs?.map((breadcrumb, index) => {
+      if (!breadcrumb) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: "/" }),
+        breadcrumb.url ? /* @__PURE__ */ jsx(Link, { href: breadcrumb.url, className: "font-bold", children: breadcrumb.name }) : /* @__PURE__ */ jsx("span", { className: "font-bold", children: breadcrumb.name })
+      ] }, index);
+    })
+  ] }) });
+};
+export {
+  BreadCrumbs
+};
+//# sourceMappingURL=bread-crumbs.js.map

package/dist/components/bread-crumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/bread-crumbs.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport { Fragment } from \"react\";\nimport { opinlyConfig } from \"../sdk-config\";\n\nexport const BreadCrumbs = ({\n  breadcrumbs,\n}: {\n  breadcrumbs?: (\n    | {\n        name: string;\n        url?: string;\n      }\n    | null\n    | undefined\n  )[];\n}) => {\n  return (\n    <nav className=\"text-sm text-orange-100 text-muted-foreground mb-4\">\n      <ol className=\"list-reset flex space-x-2\">\n        <Link href=\"/\" className=\"font-bold\">\n          {opinlyConfig.siteName}\n        </Link>\n        <span>/</span>\n        <Link href={opinlyConfig.blogPrefix} className=\"font-bold\">\n          Blog\n        </Link>\n        {breadcrumbs?.map((breadcrumb, index) => {\n          if (!breadcrumb) {\n            return null;\n          }\n\n          return (\n            <Fragment key={index}>\n              <span>/</span>\n              {breadcrumb.url ? (\n                <Link href={breadcrumb.url} className=\"font-bold\">\n                  {breadcrumb.name}\n                </Link>\n              ) : (\n                <span className=\"font-bold\">{breadcrumb.name}</span>\n              )}\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"mappings":"AAmBQ,cAaI,YAbJ;AAnBR,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MASM;AACJ,SACE,oBAAC,SAAI,WAAU,sDACb,+BAAC,QAAG,WAAU,6BACZ;AAAA,wBAAC,QAAK,MAAK,KAAI,WAAU,aACtB,uBAAa,UAChB;AAAA,IACA,oBAAC,UAAK,eAAC;AAAA,IACP,oBAAC,QAAK,MAAM,aAAa,YAAY,WAAU,aAAY,kBAE3D;AAAA,IACC,aAAa,IAAI,CAAC,YAAY,UAAU;AACvC,UAAI,CAAC,YAAY;AACf,eAAO;AAAA,MACT;AAEA,aACE,qBAAC,YACC;AAAA,4BAAC,UAAK,eAAC;AAAA,QACN,WAAW,MACV,oBAAC,QAAK,MAAM,WAAW,KAAK,WAAU,aACnC,qBAAW,MACd,IAEA,oBAAC,UAAK,WAAU,aAAa,qBAAW,MAAK;AAAA,WAPlC,KASf;AAAA,IAEJ,CAAC;AAAA,KACH,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,61 @@
+"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 folder_page_exports = {};
+__export(folder_page_exports, {
+  FolderPage: () => FolderPage
+});
+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");
+const FolderPage = ({
+  folder
+}) => {
+  console.log("folder", JSON.stringify(folder, null, 2));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-6xl mx-auto px-4 py-10", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bread_crumbs.BreadCrumbs, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-4xl font-bold mb-2", children: folder.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground max-w-2xl mb-8", children: folder.description || `Explore articles about ${folder.name}.` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: [
+      folder.posts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-muted-foreground", children: "No posts added yet" }),
+      folder.posts.map((post) => {
+        console.log("post.image", post.image);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_preview.PostPreview, { post }, post.slug);
+      })
+    ] })
+  ] });
+};
+function formatDate(dateStr) {
+  return new Date(dateStr).toLocaleDateString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric"
+  });
+}
+function formatMinutes(description) {
+  if (!description) return "5 min read";
+  const words = description.split(" ").length;
+  const mins = Math.ceil(words / 200);
+  return `${mins} min read`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FolderPage
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  console.log(\"folder\", JSON.stringify(folder, null, 2));\n  return (\n    <div className=\"max-w-6xl mx-auto px-4 py-10\">\n      <BreadCrumbs />\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          console.log(\"post.image\", post.image);\n          return <PostPreview key={post.slug} post={post} />;\n        })}\n      </div>\n    </div>\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;AAeM;AAdN,0BAA4B;AAC5B,0BAA4B;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,UAAQ,IAAI,UAAU,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AACrD,SACE,6CAAC,SAAI,WAAU,gCACb;AAAA,gDAAC,mCAAY;AAAA,IAEb,4CAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,IACrD,4CAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,IAEA,6CAAC,SAAI,WAAU,wDACZ;AAAA,aAAO,MAAM,WAAW,KACvB,4CAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,MAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,gBAAQ,IAAI,cAAc,KAAK,KAAK;AACpC,eAAO,4CAAC,mCAA4B,QAAX,KAAK,IAAkB;AAAA,MAClD,CAAC;AAAA,OACH;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.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Opinly } from '@opinly/backend';
+
+declare const FolderPage: ({ folder, }: {
+    folder: Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
+        type: "folder";
+    }>["data"];
+}) => react_jsx_runtime.JSX.Element;
+
+export { FolderPage };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Opinly } from '@opinly/backend';
+
+declare const FolderPage: ({ folder, }: {
+    folder: Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
+        type: "folder";
+    }>["data"];
+}) => react_jsx_runtime.JSX.Element;
+
+export { FolderPage };

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PostPreview } from "../post-preview";
+import { BreadCrumbs } from "../bread-crumbs";
+const FolderPage = ({
+  folder
+}) => {
+  console.log("folder", JSON.stringify(folder, null, 2));
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto px-4 py-10", children: [
+    /* @__PURE__ */ jsx(BreadCrumbs, {}),
+    /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold mb-2", children: folder.name }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-2xl mb-8", children: folder.description || `Explore articles about ${folder.name}.` }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8", children: [
+      folder.posts.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "No posts added yet" }),
+      folder.posts.map((post) => {
+        console.log("post.image", post.image);
+        return /* @__PURE__ */ jsx(PostPreview, { post }, post.slug);
+      })
+    ] })
+  ] });
+};
+function formatDate(dateStr) {
+  return new Date(dateStr).toLocaleDateString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric"
+  });
+}
+function formatMinutes(description) {
+  if (!description) return "5 min read";
+  const words = description.split(" ").length;
+  const mins = Math.ceil(words / 200);
+  return `${mins} min read`;
+}
+export {
+  FolderPage
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\";\n\nexport const FolderPage = ({\n  folder,\n}: {\n  folder: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"folder\" }\n  >[\"data\"];\n}) => {\n  console.log(\"folder\", JSON.stringify(folder, null, 2));\n  return (\n    <div className=\"max-w-6xl mx-auto px-4 py-10\">\n      <BreadCrumbs />\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          console.log(\"post.image\", post.image);\n          return <PostPreview key={post.slug} post={post} />;\n        })}\n      </div>\n    </div>\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":"AAeM,cAOA,YAPA;AAdN,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AACF,MAKM;AACJ,UAAQ,IAAI,UAAU,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AACrD,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA,wBAAC,eAAY;AAAA,IAEb,oBAAC,QAAG,WAAU,2BAA2B,iBAAO,MAAK;AAAA,IACrD,oBAAC,OAAE,WAAU,wCACV,iBAAO,eAAe,0BAA0B,OAAO,IAAI,KAC9D;AAAA,IAEA,qBAAC,SAAI,WAAU,wDACZ;AAAA,aAAO,MAAM,WAAW,KACvB,oBAAC,SAAI,WAAU,yBAAwB,gCAAkB;AAAA,MAE1D,OAAO,MAAM,IAAI,CAAC,SAAS;AAC1B,gBAAQ,IAAI,cAAc,KAAK,KAAK;AACpC,eAAO,oBAAC,eAA4B,QAAX,KAAK,IAAkB;AAAA,MAClD,CAAC;AAAA,OACH;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":[]}