@opinly/next 0.1.17 → 0.1.19

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

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

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

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

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

@@ -1,17 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense } from "react";
 import { TopPosts } from "./top-posts";
 import { HomePageFolders } from "./folders";
 import { HomePagePagination } from "./pagination";
 const HomePage = ({
-  searchParams,
-  client
+  data
 }) => {
-  const parsedPage = searchParams.page ? parseInt(searchParams.page) : 1;
+  console.log("rendering home page inner", data);
   return /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 py-10", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: /* @__PURE__ */ jsx(TopPosts, { client, page: parsedPage }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center mt-10 gap-2", children: /* @__PURE__ */ jsx(HomePagePagination, { client, page: parsedPage }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-10 mt-20", children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(HomePageFolders, { client }) }) })
+    /* @__PURE__ */ jsx(TopPosts, { posts: data.posts }),
+    /* @__PURE__ */ jsx(HomePagePagination, { count: data.count, page: data.page }),
+    /* @__PURE__ */ jsx(HomePageFolders, { folders: data.folders })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport { Opinly } from \"@opinly/backend\";\nimport { Suspense } from \"react\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { cn } from \"../../utils/merge\";\nimport { HomePagePagination } from \"./pagination\";\n\nexport const HomePage = ({\n  searchParams,\n  client,\n}: {\n  client: Opinly;\n  searchParams: { page?: string };\n}) => {\n  const parsedPage = searchParams.page ? parseInt(searchParams.page) : 1;\n\n  return (\n    <div className=\"max-w-7xl mx-auto px-4 py-10\">\n      {/* Posts Grid */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10\">\n        <TopPosts client={client} page={parsedPage} />\n      </div>\n\n      {/* Pagination */}\n      <div className=\"flex justify-center items-center mt-10 gap-2\">\n        <HomePagePagination client={client} page={parsedPage} />\n      </div>\n\n      {/* Folder tags */}\n      <div className=\"flex flex-col gap-10 mt-20\">\n        <Suspense>\n          <HomePageFolders client={client} />\n        </Suspense>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAkBI,SAGI,KAHJ;AAhBJ,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,0BAA0B;AAE5B,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,aAAa,aAAa,OAAO,SAAS,aAAa,IAAI,IAAI;AAErE,SACE,qBAAC,SAAI,WAAU,gCAEb;AAAA,wBAAC,SAAI,WAAU,yDACb,8BAAC,YAAS,QAAgB,MAAM,YAAY,GAC9C;AAAA,IAGA,oBAAC,SAAI,WAAU,gDACb,8BAAC,sBAAmB,QAAgB,MAAM,YAAY,GACxD;AAAA,IAGA,oBAAC,SAAI,WAAU,8BACb,8BAAC,YACC,8BAAC,mBAAgB,QAAgB,GACnC,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/index.tsx"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport { TopPosts } from \"./top-posts\";\nimport { HomePageFolders } from \"./folders\";\nimport { HomePagePagination } from \"./pagination\";\n\nexport const HomePage = ({\n  data,\n}: {\n  data: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"];\n}) => {\n  console.log(\"rendering home page inner\", data);\n\n  return (\n    <div className=\"max-w-7xl mx-auto px-4 py-10\">\n      <TopPosts posts={data.posts} />\n      <HomePagePagination count={data.count} page={data.page} />\n      <HomePageFolders folders={data.folders} />\n    </div>\n  );\n};\n"],"mappings":"AAgBI,SACE,KADF;AAfJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AAE5B,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAKM;AACJ,UAAQ,IAAI,6BAA6B,IAAI;AAE7C,SACE,qBAAC,SAAI,WAAU,gCACb;AAAA,wBAAC,YAAS,OAAO,KAAK,OAAO;AAAA,IAC7B,oBAAC,sBAAmB,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM;AAAA,IACxD,oBAAC,mBAAgB,SAAS,KAAK,SAAS;AAAA,KAC1C;AAEJ;","names":[]}

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

@@ -34,11 +34,10 @@ module.exports = __toCommonJS(pagination_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_link = __toESM(require("next/link"), 1);
 var import_merge = require("../../utils/merge");
-const HomePagePagination = async ({
-  client,
+const HomePagePagination = ({
+  count,
   page
 }) => {
-  const count = await client.client.content.postsCount.query();
   const totalPages = Math.ceil(count / 9);
   const pages = [];
   if (totalPages <= 5) {
@@ -69,20 +68,27 @@ const HomePagePagination = async ({
       pages.push(totalPages);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Pagination", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center space-x-1", children: pages.map(
-    (p, idx) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "px-2", children: "\u2026" }, `el-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_link.default,
-      {
-        href: `?page=${p}`,
-        className: (0, import_merge.cn)(
-          "w-10 h-10 flex items-center justify-center rounded-md",
-          page === p ? "bg-primary text-white bg-black" : "border border-gray-200 dark:border-gray-700"
-        ),
-        children: p
-      },
-      p
-    )
-  ) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: "flex justify-center items-center mt-10 gap-2",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center space-x-1", children: pages.map(
+        (p, idx) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "px-2", children: "\u2026" }, `el-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_link.default,
+          {
+            href: `?page=${p}`,
+            className: (0, import_merge.cn)(
+              "w-10 h-10 flex items-center justify-center rounded-md",
+              page === p ? "bg-primary text-white bg-black" : "border border-gray-200 dark:border-gray-700"
+            ),
+            children: p
+          },
+          p
+        )
+      ) })
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { Opinly } from \"@opinly/backend\";\n\ninterface HomePagePaginationProps {\n  client: Opinly;\n  page: number;\n}\n\nexport const HomePagePagination = async ({\n  client,\n  page,\n}: HomePagePaginationProps) => {\n  const count = await client.client.content.postsCount.query();\n  const totalPages = Math.ceil(count / 9);\n\n  // build a list of page labels: either a number or the string \"ellipsis\"\n  const pages: (number | \"ellipsis\")[] = [];\n\n  if (totalPages <= 5) {\n    // Show every page\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n  } else {\n    // determine sliding window\n    let start: number, end: number;\n\n    if (page <= 3) {\n      start = 1;\n      end = 5;\n    } else if (page >= totalPages - 2) {\n      start = totalPages - 4;\n      end = totalPages;\n    } else {\n      start = page - 2;\n      end = page + 2;\n    }\n\n    // first page + leading ellipsis\n    if (start > 1) {\n      pages.push(1);\n      if (start > 2) pages.push(\"ellipsis\");\n    }\n\n    // window of pages\n    for (let i = start; i <= end; i++) {\n      pages.push(i);\n    }\n\n    // trailing ellipsis + last page\n    if (end < totalPages) {\n      if (end < totalPages - 1) pages.push(\"ellipsis\");\n      pages.push(totalPages);\n    }\n  }\n\n  return (\n    <nav aria-label=\"Pagination\">\n      <div className=\"flex items-center space-x-1\">\n        {pages.map((p, idx) =>\n          p === \"ellipsis\" ? (\n            <span key={`el-${idx}`} className=\"px-2\">\n              …\n            </span>\n          ) : (\n            <Link\n              key={p}\n              href={`?page=${p}`}\n              className={cn(\n                \"w-10 h-10 flex items-center justify-center rounded-md\",\n                page === p\n                  ? \"bg-primary text-white bg-black\"\n                  : \"border border-gray-200 dark:border-gray-700\"\n              )}\n            >\n              {p}\n            </Link>\n          )\n        )}\n      </div>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+DY;AA9DZ,kBAAiB;AACjB,mBAAmB;AAQZ,MAAM,qBAAqB,OAAO;AAAA,EACvC;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,WAAW,MAAM;AAC3D,QAAM,aAAa,KAAK,KAAK,QAAQ,CAAC;AAGtC,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc,GAAG;AAEnB,aAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF,OAAO;AAEL,QAAI,OAAe;AAEnB,QAAI,QAAQ,GAAG;AACb,cAAQ;AACR,YAAM;AAAA,IACR,WAAW,QAAQ,aAAa,GAAG;AACjC,cAAQ,aAAa;AACrB,YAAM;AAAA,IACR,OAAO;AACL,cAAQ,OAAO;AACf,YAAM,OAAO;AAAA,IACf;AAGA,QAAI,QAAQ,GAAG;AACb,YAAM,KAAK,CAAC;AACZ,UAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAAA,IACtC;AAGA,aAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,YAAM,KAAK,CAAC;AAAA,IACd;AAGA,QAAI,MAAM,YAAY;AACpB,UAAI,MAAM,aAAa,EAAG,OAAM,KAAK,UAAU;AAC/C,YAAM,KAAK,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,cAAW,cACd,sDAAC,SAAI,WAAU,+BACZ,gBAAM;AAAA,IAAI,CAAC,GAAG,QACb,MAAM,aACJ,4CAAC,UAAuB,WAAU,QAAO,sBAA9B,MAAM,GAAG,EAEpB,IAEA;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,SAAS,CAAC;AAAA,QAChB,eAAW;AAAA,UACT;AAAA,UACA,SAAS,IACL,mCACA;AAAA,QACN;AAAA,QAEC;AAAA;AAAA,MATI;AAAA,IAUP;AAAA,EAEJ,GACF,GACF;AAEJ;","names":["Link"]}
+{"version":3,"sources":["../../../src/components/home-page/pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { Opinly } from \"@opinly/backend\";\n\ninterface HomePagePaginationProps {\n  count: number;\n  page: number;\n}\n\nexport const HomePagePagination = ({\n  count,\n  page,\n}: HomePagePaginationProps) => {\n  const totalPages = Math.ceil(count / 9);\n\n  // build a list of page labels: either a number or the string \"ellipsis\"\n  const pages: (number | \"ellipsis\")[] = [];\n\n  if (totalPages <= 5) {\n    // Show every page\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n  } else {\n    // determine sliding window\n    let start: number, end: number;\n\n    if (page <= 3) {\n      start = 1;\n      end = 5;\n    } else if (page >= totalPages - 2) {\n      start = totalPages - 4;\n      end = totalPages;\n    } else {\n      start = page - 2;\n      end = page + 2;\n    }\n\n    // first page + leading ellipsis\n    if (start > 1) {\n      pages.push(1);\n      if (start > 2) pages.push(\"ellipsis\");\n    }\n\n    // window of pages\n    for (let i = start; i <= end; i++) {\n      pages.push(i);\n    }\n\n    // trailing ellipsis + last page\n    if (end < totalPages) {\n      if (end < totalPages - 1) pages.push(\"ellipsis\");\n      pages.push(totalPages);\n    }\n  }\n\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      className=\"flex justify-center items-center mt-10 gap-2\"\n    >\n      <div className=\"flex items-center space-x-1\">\n        {pages.map((p, idx) =>\n          p === \"ellipsis\" ? (\n            <span key={`el-${idx}`} className=\"px-2\">\n              …\n            </span>\n          ) : (\n            <Link\n              key={p}\n              href={`?page=${p}`}\n              className={cn(\n                \"w-10 h-10 flex items-center justify-center rounded-md\",\n                page === p\n                  ? \"bg-primary text-white bg-black\"\n                  : \"border border-gray-200 dark:border-gray-700\"\n              )}\n            >\n              {p}\n            </Link>\n          )\n        )}\n      </div>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEY;AAhEZ,kBAAiB;AACjB,mBAAmB;AAQZ,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,aAAa,KAAK,KAAK,QAAQ,CAAC;AAGtC,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc,GAAG;AAEnB,aAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF,OAAO;AAEL,QAAI,OAAe;AAEnB,QAAI,QAAQ,GAAG;AACb,cAAQ;AACR,YAAM;AAAA,IACR,WAAW,QAAQ,aAAa,GAAG;AACjC,cAAQ,aAAa;AACrB,YAAM;AAAA,IACR,OAAO;AACL,cAAQ,OAAO;AACf,YAAM,OAAO;AAAA,IACf;AAGA,QAAI,QAAQ,GAAG;AACb,YAAM,KAAK,CAAC;AACZ,UAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAAA,IACtC;AAGA,aAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,YAAM,KAAK,CAAC;AAAA,IACd;AAGA,QAAI,MAAM,YAAY;AACpB,UAAI,MAAM,aAAa,EAAG,OAAM,KAAK,UAAU;AAC/C,YAAM,KAAK,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,sDAAC,SAAI,WAAU,+BACZ,gBAAM;AAAA,QAAI,CAAC,GAAG,QACb,MAAM,aACJ,4CAAC,UAAuB,WAAU,QAAO,sBAA9B,MAAM,GAAG,EAEpB,IAEA;AAAA,UAAC,YAAAA;AAAA,UAAA;AAAA,YAEC,MAAM,SAAS,CAAC;AAAA,YAChB,eAAW;AAAA,cACT;AAAA,cACA,SAAS,IACL,mCACA;AAAA,YACN;AAAA,YAEC;AAAA;AAAA,UATI;AAAA,QAUP;AAAA,MAEJ,GACF;AAAA;AAAA,EACF;AAEJ;","names":["Link"]}

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

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
 
 interface HomePagePaginationProps {
-    client: Opinly;
+    count: number;
     page: number;
 }
-declare const HomePagePagination: ({ client, page, }: HomePagePaginationProps) => Promise<react_jsx_runtime.JSX.Element>;
+declare const HomePagePagination: ({ count, page, }: HomePagePaginationProps) => react_jsx_runtime.JSX.Element;
 
 export { HomePagePagination };

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

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
 
 interface HomePagePaginationProps {
-    client: Opinly;
+    count: number;
     page: number;
 }
-declare const HomePagePagination: ({ client, page, }: HomePagePaginationProps) => Promise<react_jsx_runtime.JSX.Element>;
+declare const HomePagePagination: ({ count, page, }: HomePagePaginationProps) => react_jsx_runtime.JSX.Element;
 
 export { HomePagePagination };

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

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import Link from "next/link";
 import { cn } from "../../utils/merge";
-const HomePagePagination = async ({
-  client,
+const HomePagePagination = ({
+  count,
   page
 }) => {
-  const count = await client.client.content.postsCount.query();
   const totalPages = Math.ceil(count / 9);
   const pages = [];
   if (totalPages <= 5) {
@@ -36,20 +35,27 @@ const HomePagePagination = async ({
       pages.push(totalPages);
     }
   }
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Pagination", children: /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-1", children: pages.map(
-    (p, idx) => p === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-2", children: "\u2026" }, `el-${idx}`) : /* @__PURE__ */ jsx(
-      Link,
-      {
-        href: `?page=${p}`,
-        className: cn(
-          "w-10 h-10 flex items-center justify-center rounded-md",
-          page === p ? "bg-primary text-white bg-black" : "border border-gray-200 dark:border-gray-700"
-        ),
-        children: p
-      },
-      p
-    )
-  ) }) });
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Pagination",
+      className: "flex justify-center items-center mt-10 gap-2",
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-1", children: pages.map(
+        (p, idx) => p === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-2", children: "\u2026" }, `el-${idx}`) : /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `?page=${p}`,
+            className: cn(
+              "w-10 h-10 flex items-center justify-center rounded-md",
+              page === p ? "bg-primary text-white bg-black" : "border border-gray-200 dark:border-gray-700"
+            ),
+            children: p
+          },
+          p
+        )
+      ) })
+    }
+  );
 };
 export {
   HomePagePagination

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/home-page/pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { Opinly } from \"@opinly/backend\";\n\ninterface HomePagePaginationProps {\n  client: Opinly;\n  page: number;\n}\n\nexport const HomePagePagination = async ({\n  client,\n  page,\n}: HomePagePaginationProps) => {\n  const count = await client.client.content.postsCount.query();\n  const totalPages = Math.ceil(count / 9);\n\n  // build a list of page labels: either a number or the string \"ellipsis\"\n  const pages: (number | \"ellipsis\")[] = [];\n\n  if (totalPages <= 5) {\n    // Show every page\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n  } else {\n    // determine sliding window\n    let start: number, end: number;\n\n    if (page <= 3) {\n      start = 1;\n      end = 5;\n    } else if (page >= totalPages - 2) {\n      start = totalPages - 4;\n      end = totalPages;\n    } else {\n      start = page - 2;\n      end = page + 2;\n    }\n\n    // first page + leading ellipsis\n    if (start > 1) {\n      pages.push(1);\n      if (start > 2) pages.push(\"ellipsis\");\n    }\n\n    // window of pages\n    for (let i = start; i <= end; i++) {\n      pages.push(i);\n    }\n\n    // trailing ellipsis + last page\n    if (end < totalPages) {\n      if (end < totalPages - 1) pages.push(\"ellipsis\");\n      pages.push(totalPages);\n    }\n  }\n\n  return (\n    <nav aria-label=\"Pagination\">\n      <div className=\"flex items-center space-x-1\">\n        {pages.map((p, idx) =>\n          p === \"ellipsis\" ? (\n            <span key={`el-${idx}`} className=\"px-2\">\n              …\n            </span>\n          ) : (\n            <Link\n              key={p}\n              href={`?page=${p}`}\n              className={cn(\n                \"w-10 h-10 flex items-center justify-center rounded-md\",\n                page === p\n                  ? \"bg-primary text-white bg-black\"\n                  : \"border border-gray-200 dark:border-gray-700\"\n              )}\n            >\n              {p}\n            </Link>\n          )\n        )}\n      </div>\n    </nav>\n  );\n};\n"],"mappings":"AA+DY;AA9DZ,OAAO,UAAU;AACjB,SAAS,UAAU;AAQZ,MAAM,qBAAqB,OAAO;AAAA,EACvC;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,QAAQ,MAAM,OAAO,OAAO,QAAQ,WAAW,MAAM;AAC3D,QAAM,aAAa,KAAK,KAAK,QAAQ,CAAC;AAGtC,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc,GAAG;AAEnB,aAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF,OAAO;AAEL,QAAI,OAAe;AAEnB,QAAI,QAAQ,GAAG;AACb,cAAQ;AACR,YAAM;AAAA,IACR,WAAW,QAAQ,aAAa,GAAG;AACjC,cAAQ,aAAa;AACrB,YAAM;AAAA,IACR,OAAO;AACL,cAAQ,OAAO;AACf,YAAM,OAAO;AAAA,IACf;AAGA,QAAI,QAAQ,GAAG;AACb,YAAM,KAAK,CAAC;AACZ,UAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAAA,IACtC;AAGA,aAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,YAAM,KAAK,CAAC;AAAA,IACd;AAGA,QAAI,MAAM,YAAY;AACpB,UAAI,MAAM,aAAa,EAAG,OAAM,KAAK,UAAU;AAC/C,YAAM,KAAK,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,cAAW,cACd,8BAAC,SAAI,WAAU,+BACZ,gBAAM;AAAA,IAAI,CAAC,GAAG,QACb,MAAM,aACJ,oBAAC,UAAuB,WAAU,QAAO,sBAA9B,MAAM,GAAG,EAEpB,IAEA;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,SAAS,CAAC;AAAA,QAChB,WAAW;AAAA,UACT;AAAA,UACA,SAAS,IACL,mCACA;AAAA,QACN;AAAA,QAEC;AAAA;AAAA,MATI;AAAA,IAUP;AAAA,EAEJ,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/home-page/pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport Link from \"next/link\";\nimport { cn } from \"../../utils/merge\";\nimport { Opinly } from \"@opinly/backend\";\n\ninterface HomePagePaginationProps {\n  count: number;\n  page: number;\n}\n\nexport const HomePagePagination = ({\n  count,\n  page,\n}: HomePagePaginationProps) => {\n  const totalPages = Math.ceil(count / 9);\n\n  // build a list of page labels: either a number or the string \"ellipsis\"\n  const pages: (number | \"ellipsis\")[] = [];\n\n  if (totalPages <= 5) {\n    // Show every page\n    for (let i = 1; i <= totalPages; i++) {\n      pages.push(i);\n    }\n  } else {\n    // determine sliding window\n    let start: number, end: number;\n\n    if (page <= 3) {\n      start = 1;\n      end = 5;\n    } else if (page >= totalPages - 2) {\n      start = totalPages - 4;\n      end = totalPages;\n    } else {\n      start = page - 2;\n      end = page + 2;\n    }\n\n    // first page + leading ellipsis\n    if (start > 1) {\n      pages.push(1);\n      if (start > 2) pages.push(\"ellipsis\");\n    }\n\n    // window of pages\n    for (let i = start; i <= end; i++) {\n      pages.push(i);\n    }\n\n    // trailing ellipsis + last page\n    if (end < totalPages) {\n      if (end < totalPages - 1) pages.push(\"ellipsis\");\n      pages.push(totalPages);\n    }\n  }\n\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      className=\"flex justify-center items-center mt-10 gap-2\"\n    >\n      <div className=\"flex items-center space-x-1\">\n        {pages.map((p, idx) =>\n          p === \"ellipsis\" ? (\n            <span key={`el-${idx}`} className=\"px-2\">\n              …\n            </span>\n          ) : (\n            <Link\n              key={p}\n              href={`?page=${p}`}\n              className={cn(\n                \"w-10 h-10 flex items-center justify-center rounded-md\",\n                page === p\n                  ? \"bg-primary text-white bg-black\"\n                  : \"border border-gray-200 dark:border-gray-700\"\n              )}\n            >\n              {p}\n            </Link>\n          )\n        )}\n      </div>\n    </nav>\n  );\n};\n"],"mappings":"AAiEY;AAhEZ,OAAO,UAAU;AACjB,SAAS,UAAU;AAQZ,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAA+B;AAC7B,QAAM,aAAa,KAAK,KAAK,QAAQ,CAAC;AAGtC,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc,GAAG;AAEnB,aAAS,IAAI,GAAG,KAAK,YAAY,KAAK;AACpC,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF,OAAO;AAEL,QAAI,OAAe;AAEnB,QAAI,QAAQ,GAAG;AACb,cAAQ;AACR,YAAM;AAAA,IACR,WAAW,QAAQ,aAAa,GAAG;AACjC,cAAQ,aAAa;AACrB,YAAM;AAAA,IACR,OAAO;AACL,cAAQ,OAAO;AACf,YAAM,OAAO;AAAA,IACf;AAGA,QAAI,QAAQ,GAAG;AACb,YAAM,KAAK,CAAC;AACZ,UAAI,QAAQ,EAAG,OAAM,KAAK,UAAU;AAAA,IACtC;AAGA,aAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,YAAM,KAAK,CAAC;AAAA,IACd;AAGA,QAAI,MAAM,YAAY;AACpB,UAAI,MAAM,aAAa,EAAG,OAAM,KAAK,UAAU;AAC/C,YAAM,KAAK,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,8BAAC,SAAI,WAAU,+BACZ,gBAAM;AAAA,QAAI,CAAC,GAAG,QACb,MAAM,aACJ,oBAAC,UAAuB,WAAU,QAAO,sBAA9B,MAAM,GAAG,EAEpB,IAEA;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,SAAS,CAAC;AAAA,YAChB,WAAW;AAAA,cACT;AAAA,cACA,SAAS,IACL,mCACA;AAAA,YACN;AAAA,YAEC;AAAA;AAAA,UATI;AAAA,QAUP;AAAA,MAEJ,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -23,27 +23,10 @@ __export(top_posts_exports, {
 module.exports = __toCommonJS(top_posts_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_post_preview = require("../post-preview");
-var import_react = require("react");
-const TopPostsServer = async ({
-  client,
-  page
-}) => {
-  const posts = await client.client.content.paginatedPosts.query({
-    page
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: posts.map((post) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_preview.PostPreview, { post }, "top-posts-" + post.slug)) });
-};
 const TopPosts = ({
-  client,
-  page
+  posts
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Suspense,
-    {
-      fallback: Array.from({ length: 9 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_preview.PostPreviewSkeleton, {}, i)),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TopPostsServer, { client, page })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: posts.map((post) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_post_preview.PostPreview, { post }, "top-posts-" + post.slug)) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/home-page/top-posts.cjs.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 } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\n\nexport const TopPosts = ({\n  posts,\n}: {\n  posts: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"][\"posts\"];\n}) => {\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10\">\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcQ;AAbR,0BAA4B;AAErB,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAKM;AACJ,SACE,4CAAC,SAAI,WAAU,yDACZ,gBAAM,IAAI,CAAC,SACV,4CAAC,mCAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;","names":[]}

package/dist/components/home-page/top-posts.d.cts

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

package/dist/components/home-page/top-posts.d.ts

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

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

@@ -1,26 +1,9 @@
-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)) });
-};
+import { jsx } from "react/jsx-runtime";
+import { PostPreview } from "../post-preview";
 const TopPosts = ({
-  client,
-  page
+  posts
 }) => {
-  return /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: Array.from({ length: 9 }).map((_, i) => /* @__PURE__ */ jsx(PostPreviewSkeleton, {}, i)),
-      children: /* @__PURE__ */ jsx(TopPostsServer, { client, page })
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: posts.map((post) => /* @__PURE__ */ jsx(PostPreview, { post }, "top-posts-" + post.slug)) });
 };
 export {
   TopPosts

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 } from \"@opinly/backend\";\nimport { PostPreview } from \"../post-preview\";\n\nexport const TopPosts = ({\n  posts,\n}: {\n  posts: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"][\"posts\"];\n}) => {\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10\">\n      {posts.map((post) => (\n        <PostPreview key={\"top-posts-\" + post.slug} post={post} />\n      ))}\n    </div>\n  );\n};\n"],"mappings":"AAcQ;AAbR,SAAS,mBAAmB;AAErB,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAKM;AACJ,SACE,oBAAC,SAAI,WAAU,yDACZ,gBAAM,IAAI,CAAC,SACV,oBAAC,eAA2C,QAA1B,eAAe,KAAK,IAAkB,CACzD,GACH;AAEJ;","names":[]}

package/dist/components/opinly-blog.cjs

@@ -26,18 +26,18 @@ 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,
+var import_navigation = require("next/navigation");
+const OpinlyBlog = async ({
+  pageData,
   client
 }) => {
+  const blog = await client.content.blog(pageData);
   if (blog.type === "not-found") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_not_found.OpinlyNotFound, {});
+    return (0, import_navigation.notFound)();
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { searchParams, client });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { data: blog.data });
   }
   if (blog.type === "post") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blog_post.BlogPost, { post: blog.data });

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

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

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

@@ -1,12 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
+import { OpinlyPagePropsPromisified, Opinly } from '@opinly/backend';
 
-declare const OpinlyBlog: ({ blog, searchParams, client, }: {
-    blog: Awaited<ReturnType<Opinly["content"]["blog"]>>;
+declare const OpinlyBlog: ({ pageData, client }: {
+    pageData: OpinlyPagePropsPromisified;
     client: Opinly;
-    searchParams: {
-        page?: string;
-    };
-}) => react_jsx_runtime.JSX.Element;
+}) => Promise<react_jsx_runtime.JSX.Element>;
 
 export { OpinlyBlog };

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

@@ -1,12 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
+import { OpinlyPagePropsPromisified, Opinly } from '@opinly/backend';
 
-declare const OpinlyBlog: ({ blog, searchParams, client, }: {
-    blog: Awaited<ReturnType<Opinly["content"]["blog"]>>;
+declare const OpinlyBlog: ({ pageData, client }: {
+    pageData: OpinlyPagePropsPromisified;
     client: Opinly;
-    searchParams: {
-        page?: string;
-    };
-}) => react_jsx_runtime.JSX.Element;
+}) => Promise<react_jsx_runtime.JSX.Element>;
 
 export { OpinlyBlog };

package/dist/components/opinly-blog.js

@@ -3,18 +3,18 @@ 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,
+import { notFound } from "next/navigation";
+const OpinlyBlog = async ({
+  pageData,
   client
 }) => {
+  const blog = await client.content.blog(pageData);
   if (blog.type === "not-found") {
-    return /* @__PURE__ */ jsx(OpinlyNotFound, {});
+    return notFound();
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ jsx(HomePage, { searchParams, client });
+    return /* @__PURE__ */ jsx(HomePage, { data: blog.data });
   }
   if (blog.type === "post") {
     return /* @__PURE__ */ jsx(BlogPost, { post: blog.data });

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, OpinlyPagePropsPromisified } from \"@opinly/backend\";\nimport { HomePage } from \"./home-page\";\nimport { AuthorPage } from \"./author-page\";\nimport { AuthorsPage } from \"./authors-page\";\nimport { notFound } from \"next/navigation\";\n\nexport const OpinlyBlog = async ({\n  pageData,\n  client\n}: {\n  pageData: OpinlyPagePropsPromisified;\n  client: Opinly;\n}) => {\n  const blog = await client.content.blog(pageData);\n\n  if (blog.type === \"not-found\") {\n    return notFound();\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage data={blog.data} />;\n  }\n\n  if (blog.type === \"post\") {\n    return <BlogPost post={blog.data} />;\n  }\n\n  if (blog.type === \"author\") {\n    return <AuthorPage author={blog.data} />;\n  }\n\n  if (blog.type === \"authors\") {\n    return <AuthorsPage authors={blog.data} />;\n  }\n\n  return <FolderPage folder={blog.data} />;\n};\n"],"mappings":"AAsBW;AAtBX,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAElB,MAAM,aAAa,OAAO;AAAA,EAC/B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,OAAO,MAAM,OAAO,QAAQ,KAAK,QAAQ;AAE/C,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,SAAS;AAAA,EAClB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,MAAM,KAAK,MAAM;AAAA,EACpC;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.cjs

@@ -49,7 +49,7 @@ const PostPreviewSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("
     /* @__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__ */ (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.jsxs)("div", { className: "flex items-center space-x-2 text-xs 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" })
   ] })
@@ -58,7 +58,8 @@ const PostPreview = ({
   post
 }) => {
   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: [
+  console.log("Image is", import_image.default);
+  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,
       {
@@ -69,7 +70,7 @@ const PostPreview = ({
         className: "object-cover rounded-lg"
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-muted-foreground mb-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-op-muted 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,
@@ -84,9 +85,9 @@ const PostPreview = ({
       " ",
       (0, import_dates.formatDate)(post.firstPublishedAt)
     ] }),
-    /* @__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: [
+    /* @__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 text-op-heading", children: post.title }) }),
+    post.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-op-body mt-1 line-clamp-2", children: post.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-op-muted 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,

package/dist/components/post-preview.cjs.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              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"]}
+{"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    <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    <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    <div className=\"animate-pulse h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded mb-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    <div className=\"flex items-center space-x-2 text-xs 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);\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}/${\n    post.folder?.slug ? `${post.folder.slug}/` : \"\"\n  }${post.slug}`;\n\n  console.log(\"Image is\", Image);\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-op-muted 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 text-op-heading\">\n          {post.title}\n        </h2>\n      </Link>\n\n      {post.description && (\n        <p className=\"text-sm text-op-body mt-1 line-clamp-2\">\n          {post.description}\n        </p>\n      )}\n      <div className=\"text-xs text-op-muted 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;AASM;AARN,kBAAiB;AACjB,mBAAkB;AAClB,wBAA6B;AAC7B,mBAA2B;AAEpB,MAAM,sBAAgC,MAC3C,6CAAC,SAAI,WAAU,kBACb;AAAA,8CAAC,SAAI,WAAU,sBACb,sDAAC,SAAI,WAAU,uDAAsD,GACvE;AAAA,EACA,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,EACA,4CAAC,SAAI,WAAU,qEAAoE;AAAA,EACnF,6CAAC,SAAI,WAAU,uBACb;AAAA,gDAAC,SAAI,WAAU,iEAAgE;AAAA,IAC/E,4CAAC,SAAI,WAAU,kEAAiE;AAAA,KAClF;AAAA,EACA,6CAAC,SAAI,WAAU,4CACb;AAAA,gDAAC,SAAI,WAAU,+DAA8D;AAAA,IAC7E,4CAAC,SAAI,WAAU,+DAA8D;AAAA,KAC/E;AAAA,GACF;AAGK,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAQM;AACJ,QAAM,WAAW,GAAG,+BAAa,UAAU,IACzC,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAC/C,GAAG,KAAK,IAAI;AAEZ,UAAQ,IAAI,YAAY,aAAAA,OAAK;AAE7B,SACE,6CAAC,SAAI,WAAU,iBACZ;AAAA,SAAK,OAAO,WACX,4CAAC,YAAAC,SAAA,EAAK,MAAM,UAAU,WAAU,SAC9B,sDAAC,SAAI,WAAU,6BACb;AAAA,MAAC,aAAAD;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,8BACZ;AAAA,WAAK,QAAQ,QACZ,4EACE;AAAA;AAAA,UAAC,YAAAC;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,4EACX,eAAK,OACR,GACF;AAAA,IAEC,KAAK,eACJ,4CAAC,OAAE,WAAU,0CACV,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":["Image","Link"]}

package/dist/components/post-preview.js

@@ -15,7 +15,7 @@ const PostPreviewSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "w-fu
     /* @__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__ */ jsxs("div", { className: "flex items-center space-x-2 text-xs 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" })
   ] })
@@ -24,7 +24,8 @@ 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: [
+  console.log("Image is", Image);
+  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,
       {
@@ -35,7 +36,7 @@ const PostPreview = ({
         className: "object-cover rounded-lg"
       }
     ) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground mb-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-sm text-op-muted mb-1", children: [
       post.folder?.name && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Link,
@@ -50,9 +51,9 @@ const PostPreview = ({
       " ",
       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: [
+    /* @__PURE__ */ jsx(Link, { href: postSlug, className: "group", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-snug group-hover:underline text-op-heading", children: post.title }) }),
+    post.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-op-body mt-1 line-clamp-2", children: post.description }),
+    /* @__PURE__ */ jsxs("div", { className: "text-xs text-op-muted mt-2", children: [
       post.author && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Link,