@opinly/next 0.1.12 → 0.1.14

package/dist/components/home-page/top-posts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/top-posts.tsx"],"sourcesContent":["import { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { PostPreview, PostPreviewSkeleton } from \"../post-preview\";\nimport { Suspense } from \"react\";\n\nconst TopPostsServer = async ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  // await new Promise(() => {});\n\n  const posts = await client.client.content.paginatedPosts.query({\n    page,\n  });\n\n  return (\n    <>\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </>\n  );\n};\n\nexport const TopPosts = ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  return (\n    <Suspense\n      fallback={Array.from({ length: 9 }).map((_, i) => (\n        <PostPreviewSkeleton key={i} />\n      ))}\n    >\n      <TopPostsServer client={client} page={page} />\n    </Suspense>\n  );\n};\n"],"mappings":"AAkBI,mBAEI,WAFJ;AAjBJ,SAAS,aAAa,2BAA2B;AACjD,SAAS,gBAAgB;AAEzB,MAAM,iBAAiB,OAAO;AAAA,EAC5B;AAAA,EACA;AACF,MAGM;AAGJ,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,eAAe,MAAM;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,SACE,gCACG,gBAAM,IAAI,CAAC,SACV,oBAAC,eAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;AAEO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAC1C,oBAAC,yBAAyB,CAAG,CAC9B;AAAA,MAED,8BAAC,kBAAe,QAAgB,MAAY;AAAA;AAAA,EAC9C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/top-posts.tsx"],"sourcesContent":["import { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { PostPreview, PostPreviewSkeleton } from \"../post-preview\";\nimport { Suspense } from \"react\";\n\nconst TopPostsServer = async ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  // await new Promise(() => {});\n\n  const posts = await client.client.content.paginatedPosts.query({\n    page,\n  });\n\n  return (\n    <>\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </>\n  );\n};\n\nexport const TopPosts = ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  return (\n    <Suspense\n      fallback={Array.from({ length: 9 }).map((_, i) => (\n        <PostPreviewSkeleton key={i} />\n      ))}\n    >\n      <TopPostsServer client={client} page={page} />\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAjBJ,0BAAiD;AACjD,mBAAyB;AAEzB,MAAM,iBAAiB,OAAO;AAAA,EAC5B;AAAA,EACA;AACF,MAGM;AAGJ,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,eAAe,MAAM;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,SACE,2EACG,gBAAM,IAAI,CAAC,SACV,4CAAC,mCAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;AAEO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAC1C,4CAAC,6CAAyB,CAAG,CAC9B;AAAA,MAED,sDAAC,kBAAe,QAAgB,MAAY;AAAA;AAAA,EAC9C;AAEJ;","names":[]}

package/dist/components/home-page/top-posts.mjs

@@ -0,0 +1,28 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { PostPreview, PostPreviewSkeleton } from "../post-preview";
+import { Suspense } from "react";
+const TopPostsServer = async ({
+  client,
+  page
+}) => {
+  const posts = await client.client.content.paginatedPosts.query({
+    page
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: posts.map((post) => /* @__PURE__ */ jsx(PostPreview, { post }, "top-posts-" + post.slug)) });
+};
+const TopPosts = ({
+  client,
+  page
+}) => {
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: Array.from({ length: 9 }).map((_, i) => /* @__PURE__ */ jsx(PostPreviewSkeleton, {}, i)),
+      children: /* @__PURE__ */ jsx(TopPostsServer, { client, page })
+    }
+  );
+};
+export {
+  TopPosts
+};
+//# sourceMappingURL=top-posts.mjs.map

package/dist/components/home-page/{top-posts.cjs.map → top-posts.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/top-posts.tsx"],"sourcesContent":["import { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { PostPreview, PostPreviewSkeleton } from \"../post-preview\";\nimport { Suspense } from \"react\";\n\nconst TopPostsServer = async ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  // await new Promise(() => {});\n\n  const posts = await client.client.content.paginatedPosts.query({\n    page,\n  });\n\n  return (\n    <>\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </>\n  );\n};\n\nexport const TopPosts = ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  return (\n    <Suspense\n      fallback={Array.from({ length: 9 }).map((_, i) => (\n        <PostPreviewSkeleton key={i} />\n      ))}\n    >\n      <TopPostsServer client={client} page={page} />\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAjBJ,0BAAiD;AACjD,mBAAyB;AAEzB,MAAM,iBAAiB,OAAO;AAAA,EAC5B;AAAA,EACA;AACF,MAGM;AAGJ,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,eAAe,MAAM;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,SACE,2EACG,gBAAM,IAAI,CAAC,SACV,4CAAC,mCAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;AAEO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAC1C,4CAAC,6CAAyB,CAAG,CAC9B;AAAA,MAED,sDAAC,kBAAe,QAAgB,MAAY;AAAA;AAAA,EAC9C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/top-posts.tsx"],"sourcesContent":["import { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { PostPreview, PostPreviewSkeleton } from \"../post-preview\";\nimport { Suspense } from \"react\";\n\nconst TopPostsServer = async ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  // await new Promise(() => {});\n\n  const posts = await client.client.content.paginatedPosts.query({\n    page,\n  });\n\n  return (\n    <>\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </>\n  );\n};\n\nexport const TopPosts = ({\n  client,\n  page,\n}: {\n  client: Opinly;\n  page: number;\n}) => {\n  return (\n    <Suspense\n      fallback={Array.from({ length: 9 }).map((_, i) => (\n        <PostPreviewSkeleton key={i} />\n      ))}\n    >\n      <TopPostsServer client={client} page={page} />\n    </Suspense>\n  );\n};\n"],"mappings":"AAkBI,mBAEI,WAFJ;AAjBJ,SAAS,aAAa,2BAA2B;AACjD,SAAS,gBAAgB;AAEzB,MAAM,iBAAiB,OAAO;AAAA,EAC5B;AAAA,EACA;AACF,MAGM;AAGJ,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,eAAe,MAAM;AAAA,IAC7D;AAAA,EACF,CAAC;AAED,SACE,gCACG,gBAAM,IAAI,CAAC,SACV,oBAAC,eAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;AAEO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MAC1C,oBAAC,yBAAyB,CAAG,CAC9B;AAAA,MAED,8BAAC,kBAAe,QAAgB,MAAY;AAAA;AAAA,EAC9C;AAEJ;","names":[]}

package/dist/components/not-found.js

@@ -1,26 +1,60 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
+"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 not_found_exports = {};
+__export(not_found_exports, {
+  OpinlyNotFound: () => OpinlyNotFound
+});
+module.exports = __toCommonJS(not_found_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
 const OpinlyNotFound = () => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "bg-orange-600 py-10", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold mb-2 leading-tight text-white", children: "Post Not Found" }),
-      /* @__PURE__ */ jsx("div", { className: "text-sm mb-4 text-orange-100", children: "The post you're looking for doesn't exist or has been removed." })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-orange-600 py-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "max-w-7xl mx-auto px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-4xl font-bold mb-2 leading-tight text-white", children: "Post Not Found" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm mb-4 text-orange-100", children: "The post you're looking for doesn't exist or has been removed." })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex max-w-7xl mx-auto mt-10 gap-12", children: /* @__PURE__ */ jsx("article", { className: "w-2/3", children: /* @__PURE__ */ jsxs("div", { className: "prose max-w-none", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-gray-600", children: "You can try:" }),
-      /* @__PURE__ */ jsxs("ul", { className: "list-disc pl-6 my-4", children: [
-        /* @__PURE__ */ jsx("li", { children: "Checking the URL for typos" }),
-        /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex max-w-7xl mx-auto mt-10 gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: "w-2/3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "prose max-w-none", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-gray-600", children: "You can try:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { className: "list-disc pl-6 my-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "Checking the URL for typos" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
           "Returning to the",
           " ",
-          /* @__PURE__ */ jsx(Link, { href: "/blog", className: "text-blue-600 underline", children: "blog homepage" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/blog", className: "text-blue-600 underline", children: "blog homepage" })
         ] }),
-        /* @__PURE__ */ jsx("li", { children: "Using the search function to find what you're looking for" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "Using the search function to find what you're looking for" })
       ] })
     ] }) }) })
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   OpinlyNotFound
-};
+});
 //# sourceMappingURL=not-found.js.map

package/dist/components/not-found.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/not-found.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nexport const OpinlyNotFound = () => {\n  return (\n    <>\n      <div className=\"bg-orange-600 py-10\">\n        <div className=\"max-w-7xl mx-auto px-4\">\n          <h1 className=\"text-4xl font-bold mb-2 leading-tight text-white\">\n            Post Not Found\n          </h1>\n          <div className=\"text-sm mb-4 text-orange-100\">\n            The post you're looking for doesn't exist or has been removed.\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex max-w-7xl mx-auto mt-10 gap-12\">\n        <article className=\"w-2/3\">\n          <div className=\"prose max-w-none\">\n            <p className=\"text-gray-600\">You can try:</p>\n            <ul className=\"list-disc pl-6 my-4\">\n              <li>Checking the URL for typos</li>\n              <li>\n                Returning to the{\" \"}\n                <Link href=\"/blog\" className=\"text-blue-600 underline\">\n                  blog homepage\n                </Link>\n              </li>\n              <li>Using the search function to find what you're looking for</li>\n            </ul>\n          </div>\n        </article>\n      </div>\n    </>\n  );\n};\n"],"mappings":"AAII,mBAGM,KADF,YAFJ;AAJJ,OAAO,UAAU;AAEV,MAAM,iBAAiB,MAAM;AAClC,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,QAAG,WAAU,oDAAmD,4BAEjE;AAAA,MACA,oBAAC,SAAI,WAAU,gCAA+B,4EAE9C;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,uCACb,8BAAC,aAAQ,WAAU,SACjB,+BAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,OAAE,WAAU,iBAAgB,0BAAY;AAAA,MACzC,qBAAC,QAAG,WAAU,uBACZ;AAAA,4BAAC,QAAG,wCAA0B;AAAA,QAC9B,qBAAC,QAAG;AAAA;AAAA,UACe;AAAA,UACjB,oBAAC,QAAK,MAAK,SAAQ,WAAU,2BAA0B,2BAEvD;AAAA,WACF;AAAA,QACA,oBAAC,QAAG,uEAAyD;AAAA,SAC/D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/not-found.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nexport const OpinlyNotFound = () => {\n  return (\n    <>\n      <div className=\"bg-orange-600 py-10\">\n        <div className=\"max-w-7xl mx-auto px-4\">\n          <h1 className=\"text-4xl font-bold mb-2 leading-tight text-white\">\n            Post Not Found\n          </h1>\n          <div className=\"text-sm mb-4 text-orange-100\">\n            The post you're looking for doesn't exist or has been removed.\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex max-w-7xl mx-auto mt-10 gap-12\">\n        <article className=\"w-2/3\">\n          <div className=\"prose max-w-none\">\n            <p className=\"text-gray-600\">You can try:</p>\n            <ul className=\"list-disc pl-6 my-4\">\n              <li>Checking the URL for typos</li>\n              <li>\n                Returning to the{\" \"}\n                <Link href=\"/blog\" className=\"text-blue-600 underline\">\n                  blog homepage\n                </Link>\n              </li>\n              <li>Using the search function to find what you're looking for</li>\n            </ul>\n          </div>\n        </article>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,kBAAiB;AAEV,MAAM,iBAAiB,MAAM;AAClC,SACE,4EACE;AAAA,gDAAC,SAAI,WAAU,uBACb,uDAAC,SAAI,WAAU,0BACb;AAAA,kDAAC,QAAG,WAAU,oDAAmD,4BAEjE;AAAA,MACA,4CAAC,SAAI,WAAU,gCAA+B,4EAE9C;AAAA,OACF,GACF;AAAA,IAEA,4CAAC,SAAI,WAAU,uCACb,sDAAC,aAAQ,WAAU,SACjB,uDAAC,SAAI,WAAU,oBACb;AAAA,kDAAC,OAAE,WAAU,iBAAgB,0BAAY;AAAA,MACzC,6CAAC,QAAG,WAAU,uBACZ;AAAA,oDAAC,QAAG,wCAA0B;AAAA,QAC9B,6CAAC,QAAG;AAAA;AAAA,UACe;AAAA,UACjB,4CAAC,YAAAA,SAAA,EAAK,MAAK,SAAQ,WAAU,2BAA0B,2BAEvD;AAAA,WACF;AAAA,QACA,4CAAC,QAAG,uEAAyD;AAAA,SAC/D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/not-found.mjs

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+const OpinlyNotFound = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-orange-600 py-10", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold mb-2 leading-tight text-white", children: "Post Not Found" }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm mb-4 text-orange-100", children: "The post you're looking for doesn't exist or has been removed." })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex max-w-7xl mx-auto mt-10 gap-12", children: /* @__PURE__ */ jsx("article", { className: "w-2/3", children: /* @__PURE__ */ jsxs("div", { className: "prose max-w-none", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-gray-600", children: "You can try:" }),
+      /* @__PURE__ */ jsxs("ul", { className: "list-disc pl-6 my-4", children: [
+        /* @__PURE__ */ jsx("li", { children: "Checking the URL for typos" }),
+        /* @__PURE__ */ jsxs("li", { children: [
+          "Returning to the",
+          " ",
+          /* @__PURE__ */ jsx(Link, { href: "/blog", className: "text-blue-600 underline", children: "blog homepage" })
+        ] }),
+        /* @__PURE__ */ jsx("li", { children: "Using the search function to find what you're looking for" })
+      ] })
+    ] }) }) })
+  ] });
+};
+export {
+  OpinlyNotFound
+};
+//# sourceMappingURL=not-found.mjs.map

package/dist/components/{not-found.cjs.map → not-found.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/not-found.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nexport const OpinlyNotFound = () => {\n  return (\n    <>\n      <div className=\"bg-orange-600 py-10\">\n        <div className=\"max-w-7xl mx-auto px-4\">\n          <h1 className=\"text-4xl font-bold mb-2 leading-tight text-white\">\n            Post Not Found\n          </h1>\n          <div className=\"text-sm mb-4 text-orange-100\">\n            The post you're looking for doesn't exist or has been removed.\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex max-w-7xl mx-auto mt-10 gap-12\">\n        <article className=\"w-2/3\">\n          <div className=\"prose max-w-none\">\n            <p className=\"text-gray-600\">You can try:</p>\n            <ul className=\"list-disc pl-6 my-4\">\n              <li>Checking the URL for typos</li>\n              <li>\n                Returning to the{\" \"}\n                <Link href=\"/blog\" className=\"text-blue-600 underline\">\n                  blog homepage\n                </Link>\n              </li>\n              <li>Using the search function to find what you're looking for</li>\n            </ul>\n          </div>\n        </article>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,kBAAiB;AAEV,MAAM,iBAAiB,MAAM;AAClC,SACE,4EACE;AAAA,gDAAC,SAAI,WAAU,uBACb,uDAAC,SAAI,WAAU,0BACb;AAAA,kDAAC,QAAG,WAAU,oDAAmD,4BAEjE;AAAA,MACA,4CAAC,SAAI,WAAU,gCAA+B,4EAE9C;AAAA,OACF,GACF;AAAA,IAEA,4CAAC,SAAI,WAAU,uCACb,sDAAC,aAAQ,WAAU,SACjB,uDAAC,SAAI,WAAU,oBACb;AAAA,kDAAC,OAAE,WAAU,iBAAgB,0BAAY;AAAA,MACzC,6CAAC,QAAG,WAAU,uBACZ;AAAA,oDAAC,QAAG,wCAA0B;AAAA,QAC9B,6CAAC,QAAG;AAAA;AAAA,UACe;AAAA,UACjB,4CAAC,YAAAA,SAAA,EAAK,MAAK,SAAQ,WAAU,2BAA0B,2BAEvD;AAAA,WACF;AAAA,QACA,4CAAC,QAAG,uEAAyD;AAAA,SAC/D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../src/components/not-found.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nexport const OpinlyNotFound = () => {\n  return (\n    <>\n      <div className=\"bg-orange-600 py-10\">\n        <div className=\"max-w-7xl mx-auto px-4\">\n          <h1 className=\"text-4xl font-bold mb-2 leading-tight text-white\">\n            Post Not Found\n          </h1>\n          <div className=\"text-sm mb-4 text-orange-100\">\n            The post you're looking for doesn't exist or has been removed.\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex max-w-7xl mx-auto mt-10 gap-12\">\n        <article className=\"w-2/3\">\n          <div className=\"prose max-w-none\">\n            <p className=\"text-gray-600\">You can try:</p>\n            <ul className=\"list-disc pl-6 my-4\">\n              <li>Checking the URL for typos</li>\n              <li>\n                Returning to the{\" \"}\n                <Link href=\"/blog\" className=\"text-blue-600 underline\">\n                  blog homepage\n                </Link>\n              </li>\n              <li>Using the search function to find what you're looking for</li>\n            </ul>\n          </div>\n        </article>\n      </div>\n    </>\n  );\n};\n"],"mappings":"AAII,mBAGM,KADF,YAFJ;AAJJ,OAAO,UAAU;AAEV,MAAM,iBAAiB,MAAM;AAClC,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,uBACb,+BAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,QAAG,WAAU,oDAAmD,4BAEjE;AAAA,MACA,oBAAC,SAAI,WAAU,gCAA+B,4EAE9C;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,uCACb,8BAAC,aAAQ,WAAU,SACjB,+BAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,OAAE,WAAU,iBAAgB,0BAAY;AAAA,MACzC,qBAAC,QAAG,WAAU,uBACZ;AAAA,4BAAC,QAAG,wCAA0B;AAAA,QAC9B,qBAAC,QAAG;AAAA;AAAA,UACe;AAAA,UACjB,oBAAC,QAAK,MAAK,SAAQ,WAAU,2BAA0B,2BAEvD;AAAA,WACF;AAAA,QACA,oBAAC,QAAG,uEAAyD;AAAA,SAC/D;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/opinly-blog.js

@@ -1,33 +1,57 @@
-import { jsx } from "react/jsx-runtime";
-import { BlogPost } from "./blog-post";
-import { FolderPage } from "./folder-page";
-import { HomePage } from "./home-page";
-import { AuthorPage } from "./author-page";
-import { OpinlyNotFound } from "./not-found";
-import { AuthorsPage } from "./authors-page";
+"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 opinly_blog_exports = {};
+__export(opinly_blog_exports, {
+  OpinlyBlog: () => OpinlyBlog
+});
+module.exports = __toCommonJS(opinly_blog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blog_post = require("./blog-post");
+var import_folder_page = require("./folder-page");
+var import_home_page = require("./home-page");
+var import_author_page = require("./author-page");
+var import_not_found = require("./not-found");
+var import_authors_page = require("./authors-page");
 const OpinlyBlog = ({
   blog,
   searchParams,
   client
 }) => {
   if (blog.type === "not-found") {
-    return /* @__PURE__ */ jsx(OpinlyNotFound, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_not_found.OpinlyNotFound, {});
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ jsx(HomePage, { searchParams, client });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { searchParams, client });
   }
   if (blog.type === "post") {
-    return /* @__PURE__ */ jsx(BlogPost, { post: blog.data });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blog_post.BlogPost, { post: blog.data });
   }
   if (blog.type === "author") {
-    return /* @__PURE__ */ jsx(AuthorPage, { author: blog.data });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_author_page.AuthorPage, { author: blog.data });
   }
   if (blog.type === "authors") {
-    return /* @__PURE__ */ jsx(AuthorsPage, { authors: blog.data });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_authors_page.AuthorsPage, { authors: blog.data });
   }
-  return /* @__PURE__ */ jsx(FolderPage, { folder: blog.data });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_folder_page.FolderPage, { folder: blog.data });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   OpinlyBlog
-};
+});
 //# sourceMappingURL=opinly-blog.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/opinly-blog.tsx"],"sourcesContent":["import { BlogPost } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { OpinlyNotFound } from \"./not-found\";\nimport { AuthorsPage } from \"./authors-page\";\n\nexport const OpinlyBlog = ({\n  blog,\n  searchParams,\n  client,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  client: Opinly;\n  searchParams: { page?: string };\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage searchParams={searchParams} client={client} />;\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":"AAkBW;AAlBX,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,oBAAC,kBAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,cAA4B,QAAgB;AAAA,EAC/D;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,MAAM,KAAK,MAAM;AAAA,EACpC;AAEA,MAAI,KAAK,SAAS,UAAU;AAC1B,WAAO,oBAAC,cAAW,QAAQ,KAAK,MAAM;AAAA,EACxC;AAEA,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,oBAAC,eAAY,SAAS,KAAK,MAAM;AAAA,EAC1C;AAEA,SAAO,oBAAC,cAAW,QAAQ,KAAK,MAAM;AACxC;","names":[]}
+{"version":3,"sources":["../../src/components/opinly-blog.tsx"],"sourcesContent":["import { BlogPost } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { OpinlyNotFound } from \"./not-found\";\nimport { AuthorsPage } from \"./authors-page\";\n\nexport const OpinlyBlog = ({\n  blog,\n  searchParams,\n  client,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  client: Opinly;\n  searchParams: { page?: string };\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage searchParams={searchParams} client={client} />;\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;AAkBW;AAlBX,uBAAyB;AACzB,yBAA2B;AAE3B,uBAAyB;AACzB,yBAA2B;AAC3B,uBAA+B;AAC/B,0BAA4B;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,4CAAC,mCAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,cAA4B,QAAgB;AAAA,EAC/D;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":[]}

package/dist/components/opinly-blog.mjs

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { BlogPost } from "./blog-post";
+import { FolderPage } from "./folder-page";
+import { HomePage } from "./home-page";
+import { AuthorPage } from "./author-page";
+import { OpinlyNotFound } from "./not-found";
+import { AuthorsPage } from "./authors-page";
+const OpinlyBlog = ({
+  blog,
+  searchParams,
+  client
+}) => {
+  if (blog.type === "not-found") {
+    return /* @__PURE__ */ jsx(OpinlyNotFound, {});
+  }
+  if (blog.type === "home") {
+    return /* @__PURE__ */ jsx(HomePage, { searchParams, client });
+  }
+  if (blog.type === "post") {
+    return /* @__PURE__ */ jsx(BlogPost, { post: blog.data });
+  }
+  if (blog.type === "author") {
+    return /* @__PURE__ */ jsx(AuthorPage, { author: blog.data });
+  }
+  if (blog.type === "authors") {
+    return /* @__PURE__ */ jsx(AuthorsPage, { authors: blog.data });
+  }
+  return /* @__PURE__ */ jsx(FolderPage, { folder: blog.data });
+};
+export {
+  OpinlyBlog
+};
+//# sourceMappingURL=opinly-blog.mjs.map

package/dist/components/{opinly-blog.cjs.map → opinly-blog.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/opinly-blog.tsx"],"sourcesContent":["import { BlogPost } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { OpinlyNotFound } from \"./not-found\";\nimport { AuthorsPage } from \"./authors-page\";\n\nexport const OpinlyBlog = ({\n  blog,\n  searchParams,\n  client,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  client: Opinly;\n  searchParams: { page?: string };\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage searchParams={searchParams} client={client} />;\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;AAkBW;AAlBX,uBAAyB;AACzB,yBAA2B;AAE3B,uBAAyB;AACzB,yBAA2B;AAC3B,uBAA+B;AAC/B,0BAA4B;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,4CAAC,mCAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,cAA4B,QAAgB;AAAA,EAC/D;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 } from \"./blog-post\";\nimport { FolderPage } from \"./folder-page\";\nimport { Opinly, OpinlyClient } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { OpinlyNotFound } from \"./not-found\";\nimport { AuthorsPage } from \"./authors-page\";\n\nexport const OpinlyBlog = ({\n  blog,\n  searchParams,\n  client,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  client: Opinly;\n  searchParams: { page?: string };\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage searchParams={searchParams} client={client} />;\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":"AAkBW;AAlBX,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,oBAAC,kBAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,cAA4B,QAAgB;AAAA,EAC/D;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,MAAM,KAAK,MAAM;AAAA,EACpC;AAEA,MAAI,KAAK,SAAS,UAAU;AAC1B,WAAO,oBAAC,cAAW,QAAQ,KAAK,MAAM;AAAA,EACxC;AAEA,MAAI,KAAK,SAAS,WAAW;AAC3B,WAAO,oBAAC,eAAY,SAAS,KAAK,MAAM;AAAA,EAC1C;AAEA,SAAO,oBAAC,cAAW,QAAQ,KAAK,MAAM;AACxC;","names":[]}

package/dist/components/post-preview.js

@@ -1,76 +1,112 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import Image from "next/image";
-import { opinlyConfig } from "../utils/sdk-config";
-import { formatDate } from "../utils/dates";
-const PostPreviewSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "w-full h-full ", children: [
-  /* @__PURE__ */ jsx("div", { className: "animate-pulse mb-5", children: /* @__PURE__ */ jsx("div", { className: "w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg" }) }),
-  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-sm text-muted-foreground mb-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded" }),
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full" }),
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded" })
+"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 post_preview_exports = {};
+__export(post_preview_exports, {
+  PostPreview: () => PostPreview,
+  PostPreviewSkeleton: () => PostPreviewSkeleton
+});
+module.exports = __toCommonJS(post_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("next/link"), 1);
+var import_image = __toESM(require("next/image"), 1);
+var import_sdk_config = require("../utils/sdk-config");
+var import_dates = require("../utils/dates");
+const PostPreviewSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full h-full ", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2 text-sm text-muted-foreground mb-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded" })
   ] }),
-  /* @__PURE__ */ jsx("div", { className: "animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2" }),
-  /* @__PURE__ */ jsxs("div", { className: "space-y-1 mt-1 pr-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded" }),
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded" })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1 mt-1 pr-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded" })
   ] }),
-  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-xs text-gray-500 mt-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded" }),
-    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded" })
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center space-x-2 text-xs text-gray-500 mt-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded" })
   ] })
 ] });
 const PostPreview = ({
   post
 }) => {
-  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
-  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full ", children: [
-    post.image?.fileKey && /* @__PURE__ */ jsx(Link, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx("div", { className: "relative w-full h-48 mb-4", children: /* @__PURE__ */ jsx(
-      Image,
+  const postSlug = `${import_sdk_config.opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full h-full ", children: [
+    post.image?.fileKey && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: postSlug, className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full h-48 mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_image.default,
       {
-        src: `${opinlyConfig.imagesPrefix}/${post.image.fileKey}`,
+        unoptimized: import_sdk_config.opinlyConfig.unoptimizedImages,
+        src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${post.image.fileKey}`,
         alt: post.title,
         fill: true,
         className: "object-cover rounded-lg"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground mb-1", children: [
-      post.folder?.name && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Link,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-muted-foreground mb-1", children: [
+      post.folder?.name && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
           {
-            href: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
+            href: `${import_sdk_config.opinlyConfig.blogPrefix}/${post.folder.slug}`,
             className: "hover:underline",
             children: post.folder.name
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "mx-1", children: "\xB7" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mx-1", children: "\xB7" })
       ] }),
       " ",
-      formatDate(post.firstPublishedAt)
+      (0, import_dates.formatDate)(post.firstPublishedAt)
     ] }),
-    /* @__PURE__ */ jsx(Link, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-snug group-hover:underline", children: post.title }) }),
-    post.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: post.description }),
-    /* @__PURE__ */ jsxs("div", { className: "text-xs text-gray-500 mt-2", children: [
-      post.author && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Link,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: postSlug, className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold leading-snug group-hover:underline", children: post.title }) }),
+    post.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-gray-500 mt-2", children: [
+      post.author && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
           {
-            href: `${opinlyConfig.blogPrefix}/authors/${post.author.slug}`,
+            href: `${import_sdk_config.opinlyConfig.blogPrefix}/authors/${post.author.slug}`,
             className: "font-medium hover:underline",
             children: post.author?.name
           }
         ),
         " ",
-        /* @__PURE__ */ jsx("span", { className: "mx-1", children: "\xB7" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mx-1", children: "\xB7" })
       ] }),
       " ",
-      formatDate(post.firstPublishedAt)
+      (0, import_dates.formatDate)(post.firstPublishedAt)
     ] })
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   PostPreview,
   PostPreviewSkeleton
-};
+});
 //# sourceMappingURL=post-preview.js.map

package/dist/components/post-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/post-preview.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../utils/sdk-config\";\nimport { formatDate } from \"../utils/dates\";\n\nexport const PostPreviewSkeleton: React.FC = () => (\n  <div className=\"w-full h-full \">\n    {/* Image placeholder (with same mb-4 as real) */}\n    <div className=\"animate-pulse mb-5\">\n      <div className=\"w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg\" />\n    </div>\n\n    {/* Folder · dot · date (text-sm text-muted-foreground mb-1) */}\n    <div className=\"flex items-center space-x-2 text-sm text-muted-foreground mb-3\">\n      <div className=\"animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full\" />\n      <div className=\"animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Title (text-lg font-semibold leading-snug) */}\n    <div className=\"animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n\n    {/* Description (text-sm mt-1 line-clamp-2) */}\n    <div className=\"space-y-1 mt-1 pr-4\">\n      <div className=\"animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Author · date (text-xs text-gray-500 mt-2 flex items-center space-x-2) */}\n    <div className=\"flex items-center space-x-2 text-xs text-gray-500 mt-2\">\n      <div className=\"animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n  </div>\n);\nexport const PostPreview = ({\n  post,\n}: {\n  post: NonNullable<\n    NonNullable<\n      Awaited<\n        ReturnType<Opinly[\"client\"][\"content\"][\"authorPage\"][\"query\"]>\n      >[\"data\"]\n    >[\"posts\"][number]\n  >;\n}) => {\n  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : \"\"}${post.slug}`;\n\n  return (\n    <div className=\"w-full h-full \">\n      {post.image?.fileKey && (\n        <Link href={postSlug} className=\"group\">\n          <div className=\"relative w-full h-48 mb-4\">\n            <Image\n              src={`${opinlyConfig.imagesPrefix}/${post.image.fileKey}`}\n              alt={post.title}\n              fill\n              className=\"object-cover rounded-lg\"\n            />\n          </div>\n        </Link>\n      )}\n      <div className=\"text-sm text-muted-foreground mb-1\">\n        {post.folder?.name && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/${post.folder.slug}`}\n              className=\"hover:underline\"\n            >\n              {post.folder.name}\n            </Link>\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n      <Link href={postSlug} className=\"group\">\n        <h2 className=\"text-lg font-semibold leading-snug group-hover:underline\">\n          {post.title}\n        </h2>\n      </Link>\n\n      {post.description && (\n        <p className=\"text-sm text-gray-600 mt-1 line-clamp-2\">\n          {post.description}\n        </p>\n      )}\n      <div className=\"text-xs text-gray-500 mt-2\">\n        {post.author && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/authors/${post.author.slug}`}\n              className=\"font-medium hover:underline\"\n            >\n              {post.author?.name}\n            </Link>{\" \"}\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAUM,SAuDI,UAvDJ,KAIF,YAJE;AATN,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,sBAAgC,MAC3C,qBAAC,SAAI,WAAU,kBAEb;AAAA,sBAAC,SAAI,WAAU,sBACb,8BAAC,SAAI,WAAU,uDAAsD,GACvE;AAAA,EAGA,qBAAC,SAAI,WAAU,kEACb;AAAA,wBAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,oBAAC,SAAI,WAAU,mEAAkE;AAAA,IACjF,oBAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,EAGA,oBAAC,SAAI,WAAU,qEAAoE;AAAA,EAGnF,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,iEAAgE;AAAA,IAC/E,oBAAC,SAAI,WAAU,kEAAiE;AAAA,KAClF;AAAA,EAGA,qBAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,oBAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,GACF;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAQM;AACJ,QAAM,WAAW,GAAG,aAAa,UAAU,IAAI,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,GAAG,KAAK,IAAI;AAE1G,SACE,qBAAC,SAAI,WAAU,kBACZ;AAAA,SAAK,OAAO,WACX,oBAAC,QAAK,MAAM,UAAU,WAAU,SAC9B,8BAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,GAAG,aAAa,YAAY,IAAI,KAAK,MAAM,OAAO;AAAA,QACvD,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF,GACF;AAAA,IAEF,qBAAC,SAAI,WAAU,sCACZ;AAAA,WAAK,QAAQ,QACZ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,YACpD,WAAU;AAAA,YAET,eAAK,OAAO;AAAA;AAAA,QACf;AAAA,QACA,oBAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,MACF,WAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,IACA,oBAAC,QAAK,MAAM,UAAU,WAAU,SAC9B,8BAAC,QAAG,WAAU,4DACX,eAAK,OACR,GACF;AAAA,IAEC,KAAK,eACJ,oBAAC,OAAE,WAAU,2CACV,eAAK,aACR;AAAA,IAEF,qBAAC,SAAI,WAAU,8BACZ;AAAA,WAAK,UACJ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,YAAY,KAAK,OAAO,IAAI;AAAA,YAC5D,WAAU;AAAA,YAET,eAAK,QAAQ;AAAA;AAAA,QAChB;AAAA,QAAQ;AAAA,QACR,oBAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,MACF,WAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/post-preview.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../utils/sdk-config\";\nimport { formatDate } from \"../utils/dates\";\n\nexport const PostPreviewSkeleton: React.FC = () => (\n  <div className=\"w-full h-full \">\n    {/* Image placeholder (with same mb-4 as real) */}\n    <div className=\"animate-pulse mb-5\">\n      <div className=\"w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg\" />\n    </div>\n\n    {/* Folder · dot · date (text-sm text-muted-foreground mb-1) */}\n    <div className=\"flex items-center space-x-2 text-sm text-muted-foreground mb-3\">\n      <div className=\"animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full\" />\n      <div className=\"animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Title (text-lg font-semibold leading-snug) */}\n    <div className=\"animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n\n    {/* Description (text-sm mt-1 line-clamp-2) */}\n    <div className=\"space-y-1 mt-1 pr-4\">\n      <div className=\"animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Author · date (text-xs text-gray-500 mt-2 flex items-center space-x-2) */}\n    <div className=\"flex items-center space-x-2 text-xs text-gray-500 mt-2\">\n      <div className=\"animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n  </div>\n);\nexport const PostPreview = ({\n  post,\n}: {\n  post: NonNullable<\n    NonNullable<\n      Awaited<\n        ReturnType<Opinly[\"client\"][\"content\"][\"authorPage\"][\"query\"]>\n      >[\"data\"]\n    >[\"posts\"][number]\n  >;\n}) => {\n  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : \"\"}${post.slug}`;\n\n  return (\n    <div className=\"w-full h-full \">\n      {post.image?.fileKey && (\n        <Link href={postSlug} className=\"group\">\n          <div className=\"relative w-full h-48 mb-4\">\n            <Image\n              unoptimized={opinlyConfig.unoptimizedImages}\n              src={`${opinlyConfig.imagesPrefix}/${post.image.fileKey}`}\n              alt={post.title}\n              fill\n              className=\"object-cover rounded-lg\"\n            />\n          </div>\n        </Link>\n      )}\n      <div className=\"text-sm text-muted-foreground mb-1\">\n        {post.folder?.name && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/${post.folder.slug}`}\n              className=\"hover:underline\"\n            >\n              {post.folder.name}\n            </Link>\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n      <Link href={postSlug} className=\"group\">\n        <h2 className=\"text-lg font-semibold leading-snug group-hover:underline\">\n          {post.title}\n        </h2>\n      </Link>\n\n      {post.description && (\n        <p className=\"text-sm text-gray-600 mt-1 line-clamp-2\">\n          {post.description}\n        </p>\n      )}\n      <div className=\"text-xs text-gray-500 mt-2\">\n        {post.author && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/authors/${post.author.slug}`}\n              className=\"font-medium hover:underline\"\n            >\n              {post.author?.name}\n            </Link>{\" \"}\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AATN,kBAAiB;AACjB,mBAAkB;AAClB,wBAA6B;AAC7B,mBAA2B;AAEpB,MAAM,sBAAgC,MAC3C,6CAAC,SAAI,WAAU,kBAEb;AAAA,8CAAC,SAAI,WAAU,sBACb,sDAAC,SAAI,WAAU,uDAAsD,GACvE;AAAA,EAGA,6CAAC,SAAI,WAAU,kEACb;AAAA,gDAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,4CAAC,SAAI,WAAU,mEAAkE;AAAA,IACjF,4CAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,EAGA,4CAAC,SAAI,WAAU,qEAAoE;AAAA,EAGnF,6CAAC,SAAI,WAAU,uBACb;AAAA,gDAAC,SAAI,WAAU,iEAAgE;AAAA,IAC/E,4CAAC,SAAI,WAAU,kEAAiE;AAAA,KAClF;AAAA,EAGA,6CAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,4CAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,GACF;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAQM;AACJ,QAAM,WAAW,GAAG,+BAAa,UAAU,IAAI,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,GAAG,KAAK,IAAI;AAE1G,SACE,6CAAC,SAAI,WAAU,kBACZ;AAAA,SAAK,OAAO,WACX,4CAAC,YAAAA,SAAA,EAAK,MAAM,UAAU,WAAU,SAC9B,sDAAC,SAAI,WAAU,6BACb;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACC,aAAa,+BAAa;AAAA,QAC1B,KAAK,GAAG,+BAAa,YAAY,IAAI,KAAK,MAAM,OAAO;AAAA,QACvD,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF,GACF;AAAA,IAEF,6CAAC,SAAI,WAAU,sCACZ;AAAA,WAAK,QAAQ,QACZ,4EACE;AAAA;AAAA,UAAC,YAAAD;AAAA,UAAA;AAAA,YACC,MAAM,GAAG,+BAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,YACpD,WAAU;AAAA,YAET,eAAK,OAAO;AAAA;AAAA,QACf;AAAA,QACA,4CAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,UACF,yBAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,IACA,4CAAC,YAAAA,SAAA,EAAK,MAAM,UAAU,WAAU,SAC9B,sDAAC,QAAG,WAAU,4DACX,eAAK,OACR,GACF;AAAA,IAEC,KAAK,eACJ,4CAAC,OAAE,WAAU,2CACV,eAAK,aACR;AAAA,IAEF,6CAAC,SAAI,WAAU,8BACZ;AAAA,WAAK,UACJ,4EACE;AAAA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YACC,MAAM,GAAG,+BAAa,UAAU,YAAY,KAAK,OAAO,IAAI;AAAA,YAC5D,WAAU;AAAA,YAET,eAAK,QAAQ;AAAA;AAAA,QAChB;AAAA,QAAQ;AAAA,QACR,4CAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,UACF,yBAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,KACF;AAEJ;","names":["Link","Image"]}

package/dist/components/post-preview.mjs

@@ -0,0 +1,77 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import Image from "next/image";
+import { opinlyConfig } from "../utils/sdk-config";
+import { formatDate } from "../utils/dates";
+const PostPreviewSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "w-full h-full ", children: [
+  /* @__PURE__ */ jsx("div", { className: "animate-pulse mb-5", children: /* @__PURE__ */ jsx("div", { className: "w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg" }) }),
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-sm text-muted-foreground mb-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full" }),
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded" })
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2" }),
+  /* @__PURE__ */ jsxs("div", { className: "space-y-1 mt-1 pr-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded" })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 text-xs text-gray-500 mt-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded" }),
+    /* @__PURE__ */ jsx("div", { className: "animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded" })
+  ] })
+] });
+const PostPreview = ({
+  post
+}) => {
+  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full h-full ", children: [
+    post.image?.fileKey && /* @__PURE__ */ jsx(Link, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx("div", { className: "relative w-full h-48 mb-4", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        unoptimized: opinlyConfig.unoptimizedImages,
+        src: `${opinlyConfig.imagesPrefix}/${post.image.fileKey}`,
+        alt: post.title,
+        fill: true,
+        className: "object-cover rounded-lg"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground mb-1", children: [
+      post.folder?.name && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `${opinlyConfig.blogPrefix}/${post.folder.slug}`,
+            className: "hover:underline",
+            children: post.folder.name
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "mx-1", children: "\xB7" })
+      ] }),
+      " ",
+      formatDate(post.firstPublishedAt)
+    ] }),
+    /* @__PURE__ */ jsx(Link, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-snug group-hover:underline", children: post.title }) }),
+    post.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mt-1 line-clamp-2", children: post.description }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-gray-500 mt-2", children: [
+      post.author && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `${opinlyConfig.blogPrefix}/authors/${post.author.slug}`,
+            className: "font-medium hover:underline",
+            children: post.author?.name
+          }
+        ),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "mx-1", children: "\xB7" })
+      ] }),
+      " ",
+      formatDate(post.firstPublishedAt)
+    ] })
+  ] });
+};
+export {
+  PostPreview,
+  PostPreviewSkeleton
+};
+//# sourceMappingURL=post-preview.mjs.map

package/dist/components/post-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/post-preview.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { opinlyConfig } from \"../utils/sdk-config\";\nimport { formatDate } from \"../utils/dates\";\n\nexport const PostPreviewSkeleton: React.FC = () => (\n  <div className=\"w-full h-full \">\n    {/* Image placeholder (with same mb-4 as real) */}\n    <div className=\"animate-pulse mb-5\">\n      <div className=\"w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg\" />\n    </div>\n\n    {/* Folder · dot · date (text-sm text-muted-foreground mb-1) */}\n    <div className=\"flex items-center space-x-2 text-sm text-muted-foreground mb-3\">\n      <div className=\"animate-pulse h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-1 bg-gray-200 dark:bg-gray-700 rounded-full\" />\n      <div className=\"animate-pulse h-4 w-16 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Title (text-lg font-semibold leading-snug) */}\n    <div className=\"animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-2\" />\n\n    {/* Description (text-sm mt-1 line-clamp-2) */}\n    <div className=\"space-y-1 mt-1 pr-4\">\n      <div className=\"animate-pulse h-4 w-full bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-4 w-10/12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n\n    {/* Author · date (text-xs text-gray-500 mt-2 flex items-center space-x-2) */}\n    <div className=\"flex items-center space-x-2 text-xs text-gray-500 mt-2\">\n      <div className=\"animate-pulse h-3 w-24 bg-gray-200 dark:bg-gray-700 rounded\" />\n      <div className=\"animate-pulse h-3 w-12 bg-gray-200 dark:bg-gray-700 rounded\" />\n    </div>\n  </div>\n);\nexport const PostPreview = ({\n  post,\n}: {\n  post: NonNullable<\n    NonNullable<\n      Awaited<\n        ReturnType<Opinly[\"client\"][\"content\"][\"authorPage\"][\"query\"]>\n      >[\"data\"]\n    >[\"posts\"][number]\n  >;\n}) => {\n  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : \"\"}${post.slug}`;\n\n  return (\n    <div className=\"w-full h-full \">\n      {post.image?.fileKey && (\n        <Link href={postSlug} className=\"group\">\n          <div className=\"relative w-full h-48 mb-4\">\n            <Image\n              unoptimized={opinlyConfig.unoptimizedImages}\n              src={`${opinlyConfig.imagesPrefix}/${post.image.fileKey}`}\n              alt={post.title}\n              fill\n              className=\"object-cover rounded-lg\"\n            />\n          </div>\n        </Link>\n      )}\n      <div className=\"text-sm text-muted-foreground mb-1\">\n        {post.folder?.name && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/${post.folder.slug}`}\n              className=\"hover:underline\"\n            >\n              {post.folder.name}\n            </Link>\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n      <Link href={postSlug} className=\"group\">\n        <h2 className=\"text-lg font-semibold leading-snug group-hover:underline\">\n          {post.title}\n        </h2>\n      </Link>\n\n      {post.description && (\n        <p className=\"text-sm text-gray-600 mt-1 line-clamp-2\">\n          {post.description}\n        </p>\n      )}\n      <div className=\"text-xs text-gray-500 mt-2\">\n        {post.author && (\n          <>\n            <Link\n              href={`${opinlyConfig.blogPrefix}/authors/${post.author.slug}`}\n              className=\"font-medium hover:underline\"\n            >\n              {post.author?.name}\n            </Link>{\" \"}\n            <span className=\"mx-1\">·</span>\n          </>\n        )}{\" \"}\n        {formatDate(post.firstPublishedAt as string)}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAUM,SAwDI,UAxDJ,KAIF,YAJE;AATN,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAEpB,MAAM,sBAAgC,MAC3C,qBAAC,SAAI,WAAU,kBAEb;AAAA,sBAAC,SAAI,WAAU,sBACb,8BAAC,SAAI,WAAU,uDAAsD,GACvE;AAAA,EAGA,qBAAC,SAAI,WAAU,kEACb;AAAA,wBAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,oBAAC,SAAI,WAAU,mEAAkE;AAAA,IACjF,oBAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,EAGA,oBAAC,SAAI,WAAU,qEAAoE;AAAA,EAGnF,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,iEAAgE;AAAA,IAC/E,oBAAC,SAAI,WAAU,kEAAiE;AAAA,KAClF;AAAA,EAGA,qBAAC,SAAI,WAAU,0DACb;AAAA,wBAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,oBAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,GACF;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAQM;AACJ,QAAM,WAAW,GAAG,aAAa,UAAU,IAAI,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,GAAG,KAAK,IAAI;AAE1G,SACE,qBAAC,SAAI,WAAU,kBACZ;AAAA,SAAK,OAAO,WACX,oBAAC,QAAK,MAAM,UAAU,WAAU,SAC9B,8BAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,aAAa;AAAA,QAC1B,KAAK,GAAG,aAAa,YAAY,IAAI,KAAK,MAAM,OAAO;AAAA,QACvD,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF,GACF;AAAA,IAEF,qBAAC,SAAI,WAAU,sCACZ;AAAA,WAAK,QAAQ,QACZ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,IAAI,KAAK,OAAO,IAAI;AAAA,YACpD,WAAU;AAAA,YAET,eAAK,OAAO;AAAA;AAAA,QACf;AAAA,QACA,oBAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,MACF,WAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,IACA,oBAAC,QAAK,MAAM,UAAU,WAAU,SAC9B,8BAAC,QAAG,WAAU,4DACX,eAAK,OACR,GACF;AAAA,IAEC,KAAK,eACJ,oBAAC,OAAE,WAAU,2CACV,eAAK,aACR;AAAA,IAEF,qBAAC,SAAI,WAAU,8BACZ;AAAA,WAAK,UACJ,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,GAAG,aAAa,UAAU,YAAY,KAAK,OAAO,IAAI;AAAA,YAC5D,WAAU;AAAA,YAET,eAAK,QAAQ;AAAA;AAAA,QAChB;AAAA,QAAQ;AAAA,QACR,oBAAC,UAAK,WAAU,QAAO,kBAAC;AAAA,SAC1B;AAAA,MACC;AAAA,MACF,WAAW,KAAK,gBAA0B;AAAA,OAC7C;AAAA,KACF;AAEJ;","names":[]}