@opinly/next 0.1.9 → 0.1.10

package/dist/components/opinly-blog.cjs

@@ -30,13 +30,14 @@ var import_not_found = require("./not-found");
 var import_authors_page = require("./authors-page");
 const OpinlyBlog = ({
   blog,
-  page
+  searchParams,
+  client
 }) => {
   if (blog.type === "not-found") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_not_found.OpinlyNotFound, {});
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { homePage: blog.data, page });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_home_page.HomePage, { searchParams, client });
   }
   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 } 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  page,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  page: number | null | undefined;\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage homePage={blog.data} page={page} />;\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;AAgBW;AAhBX,uBAAyB;AACzB,yBAA2B;AAE3B,uBAAyB;AACzB,yBAA2B;AAC3B,uBAA+B;AAC/B,0BAA4B;AAErB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAGM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,4CAAC,mCAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,4CAAC,6BAAS,UAAU,KAAK,MAAM,MAAY;AAAA,EACpD;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":";;;;;;;;;;;;;;;;;;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.d.cts

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

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

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

package/dist/components/opinly-blog.js

@@ -7,13 +7,14 @@ import { OpinlyNotFound } from "./not-found";
 import { AuthorsPage } from "./authors-page";
 const OpinlyBlog = ({
   blog,
-  page
+  searchParams,
+  client
 }) => {
   if (blog.type === "not-found") {
     return /* @__PURE__ */ jsx(OpinlyNotFound, {});
   }
   if (blog.type === "home") {
-    return /* @__PURE__ */ jsx(HomePage, { homePage: blog.data, page });
+    return /* @__PURE__ */ jsx(HomePage, { searchParams, client });
   }
   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 } 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  page,\n}: {\n  blog: Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>;\n  page: number | null | undefined;\n}) => {\n  if (blog.type === \"not-found\") {\n    return <OpinlyNotFound />;\n  }\n\n  if (blog.type === \"home\") {\n    return <HomePage homePage={blog.data} page={page} />;\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":"AAgBW;AAhBX,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;AACF,MAGM;AACJ,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO,oBAAC,kBAAe;AAAA,EACzB;AAEA,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,oBAAC,YAAS,UAAU,KAAK,MAAM,MAAY;AAAA,EACpD;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":"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.cjs

@@ -28,29 +28,46 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var post_preview_exports = {};
 __export(post_preview_exports, {
-  PostPreview: () => PostPreview
+  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_images = require("../utils/images");
 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__ */ (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__ */ (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 = `${import_sdk_config.opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : ""}${post.slug}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+  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: `${import_sdk_config.opinlyConfig.imagesPrefix}/${(0, import_images.replaceImageNameSpace)(post.image.fileKey)}`,
+        src: `${import_sdk_config.opinlyConfig.imagesPrefix}/${post.image.fileKey}`,
         alt: post.title,
         fill: true,
         className: "object-cover rounded-lg"
       }
-    ) }) }, post.slug),
+    ) }) }),
     /* @__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)(
@@ -66,7 +83,7 @@ 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.slug),
+    /* @__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: [
@@ -88,6 +105,7 @@ const PostPreview = ({
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  PostPreview
+  PostPreview,
+  PostPreviewSkeleton
 });
 //# sourceMappingURL=post-preview.cjs.map

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 { replaceImageNameSpace } from \"../utils/images\";\nimport { formatDate } from \"../utils/dates\";\n\nexport const PostPreview = ({\n  post,\n}: {\n  post: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"][\"posts\"][number];\n}) => {\n  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : \"\"}${post.slug}`;\n\n  return (\n    <div>\n      {post.image?.fileKey && (\n        <Link key={post.slug} href={postSlug} className=\"group\">\n          <div className=\"relative w-full h-48 mb-4\">\n            <Image\n              src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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 key={post.slug} 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;AAsBY;AArBZ,kBAAiB;AACjB,mBAAkB;AAClB,wBAA6B;AAC7B,oBAAsC;AACtC,mBAA2B;AAEpB,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,QAAM,WAAW,GAAG,+BAAa,UAAU,IAAI,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,GAAG,KAAK,IAAI;AAE1G,SACE,6CAAC,SACE;AAAA,SAAK,OAAO,WACX,4CAAC,YAAAA,SAAA,EAAqB,MAAM,UAAU,WAAU,SAC9C,sDAAC,SAAI,WAAU,6BACb;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACC,KAAK,GAAG,+BAAa,YAAY,QAAI,qCAAsB,KAAK,MAAM,OAAO,CAAC;AAAA,QAC9E,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF,KARS,KAAK,IAShB;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,EAAqB,MAAM,UAAU,WAAU,SAC9C,sDAAC,QAAG,WAAU,4DACX,eAAK,OACR,KAHS,KAAK,IAIhB;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    {/* 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;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,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.d.cts

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

package/dist/components/post-preview.d.ts

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

package/dist/components/post-preview.js

@@ -2,22 +2,38 @@ 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 { replaceImageNameSpace } from "../utils/images";
 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", { children: [
+  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,
       {
-        src: `${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(post.image.fileKey)}`,
+        src: `${opinlyConfig.imagesPrefix}/${post.image.fileKey}`,
         alt: post.title,
         fill: true,
         className: "object-cover rounded-lg"
       }
-    ) }) }, post.slug),
+    ) }) }),
     /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground mb-1", children: [
       post.folder?.name && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
@@ -33,7 +49,7 @@ 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.slug),
+    /* @__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: [
@@ -54,6 +70,7 @@ const PostPreview = ({
   ] });
 };
 export {
-  PostPreview
+  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 { replaceImageNameSpace } from \"../utils/images\";\nimport { formatDate } from \"../utils/dates\";\n\nexport const PostPreview = ({\n  post,\n}: {\n  post: Extract<\n    Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n    { type: \"home\" }\n  >[\"data\"][\"posts\"][number];\n}) => {\n  const postSlug = `${opinlyConfig.blogPrefix}/${post.folder?.slug ? `${post.folder.slug}/` : \"\"}${post.slug}`;\n\n  return (\n    <div>\n      {post.image?.fileKey && (\n        <Link key={post.slug} href={postSlug} className=\"group\">\n          <div className=\"relative w-full h-48 mb-4\">\n            <Image\n              src={`${opinlyConfig.imagesPrefix}/${replaceImageNameSpace(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 key={post.slug} 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":"AAsBY,SAWF,UAXE,KAWF,YAXE;AArBZ,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAEpB,MAAM,cAAc,CAAC;AAAA,EAC1B;AACF,MAKM;AACJ,QAAM,WAAW,GAAG,aAAa,UAAU,IAAI,KAAK,QAAQ,OAAO,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,GAAG,KAAK,IAAI;AAE1G,SACE,qBAAC,SACE;AAAA,SAAK,OAAO,WACX,oBAAC,QAAqB,MAAM,UAAU,WAAU,SAC9C,8BAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,GAAG,aAAa,YAAY,IAAI,sBAAsB,KAAK,MAAM,OAAO,CAAC;AAAA,QAC9E,KAAK,KAAK;AAAA,QACV,MAAI;AAAA,QACJ,WAAU;AAAA;AAAA,IACZ,GACF,KARS,KAAK,IAShB;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,QAAqB,MAAM,UAAU,WAAU,SAC9C,8BAAC,QAAG,WAAU,4DACX,eAAK,OACR,KAHS,KAAK,IAIhB;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              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":[]}

package/dist/index.cjs

@@ -16,10 +16,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./components/opinly-blog"), module.exports);
-__reExport(index_exports, require("./components/home-page"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./components/opinly-blog"),
-  ...require("./components/home-page")
+  ...require("./components/opinly-blog")
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components/opinly-blog\";\nexport * from \"./components/home-page\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qCAAd;AACA,0BAAc,mCADd;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components/opinly-blog\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qCAAd;","names":[]}

package/dist/index.d.cts

@@ -1,4 +1,3 @@
 export { OpinlyBlog } from './components/opinly-blog.cjs';
-export { HomePage } from './components/home-page.cjs';
 import 'react/jsx-runtime';
 import '@opinly/backend';

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { OpinlyBlog } from './components/opinly-blog.js';
-export { HomePage } from './components/home-page.js';
 import 'react/jsx-runtime';
 import '@opinly/backend';

package/dist/index.js

@@ -1,3 +1,2 @@
 export * from "./components/opinly-blog";
-export * from "./components/home-page";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components/opinly-blog\";\nexport * from \"./components/home-page\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components/opinly-blog\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opinly/next",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "private": false,
   "main": "dist/index.cjs",
@@ -29,7 +29,7 @@
     "react-syntax-highlighter": "^15.6.1",
     "schema-dts": "^1.1.5",
     "tailwind-merge": "^1.14.0",
-    "@opinly/backend": "0.1.9"
+    "@opinly/backend": "0.1.10"
   },
   "engines": {
     "node": ">=16"
@@ -60,6 +60,7 @@
   },
   "scripts": {
     "build": "tsup",
+    "dev": "tsup --config tsup.config.ts --watch",
     "lint": "eslint src/",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   }

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nimport { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"./post-preview\";\n\ntype HomePage = Extract<\n  Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n  { type: \"home\" }\n>[\"data\"];\n\nexport const HomePage = ({\n  homePage,\n  page,\n}: {\n  homePage: HomePage;\n  page: number | null | undefined;\n}) => {\n  const { posts, folders, count } = homePage;\n\n  console.log(\"posts\", JSON.stringify(posts, null, 2));\n\n  const currentPage = page;\n  const totalPages = Math.ceil(count / 10);\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        {posts.map((post) => (\n          <PostPreview key={post.slug} post={post} />\n        ))}\n      </div>\n\n      {/* Pagination */}\n      <div className=\"flex justify-center items-center mt-10 gap-2\">\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (\n          <Link\n            key={p}\n            href={`?page=${p}`}\n            className={`px-3 py-1 border rounded ${\n              p === currentPage\n                ? \"bg-black text-white\"\n                : \"hover:bg-gray-100 text-gray-700\"\n            }`}\n          >\n            {p}\n          </Link>\n        ))}\n      </div>\n\n      {/* Folder tags */}\n      <div className=\"flex flex-wrap gap-2 mb-10\">\n        {folders.map((folder) => (\n          <Link\n            key={folder.slug}\n            href={`/blog/${folder.slug}`}\n            className=\"px-4 py-1 bg-gray-100 text-sm rounded-full hover:bg-gray-200\"\n          >\n            {folder.title}\n          </Link>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAzBJ,kBAAiB;AAGjB,0BAA4B;AAOrB,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,OAAO,SAAS,MAAM,IAAI;AAElC,UAAQ,IAAI,SAAS,KAAK,UAAU,OAAO,MAAM,CAAC,CAAC;AAEnD,QAAM,cAAc;AACpB,QAAM,aAAa,KAAK,KAAK,QAAQ,EAAE;AAEvC,SACE,6CAAC,SAAI,WAAU,gCAEb;AAAA,gDAAC,SAAI,WAAU,yDACZ,gBAAM,IAAI,CAAC,SACV,4CAAC,mCAA4B,QAAX,KAAK,IAAkB,CAC1C,GACH;AAAA,IAGA,4CAAC,SAAI,WAAU,gDACZ,gBAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,MACxD;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,SAAS,CAAC;AAAA,QAChB,WAAW,4BACT,MAAM,cACF,wBACA,iCACN;AAAA,QAEC;AAAA;AAAA,MARI;AAAA,IASP,CACD,GACH;AAAA,IAGA,4CAAC,SAAI,WAAU,8BACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC,YAAAA;AAAA,MAAA;AAAA,QAEC,MAAM,SAAS,OAAO,IAAI;AAAA,QAC1B,WAAU;AAAA,QAET,iBAAO;AAAA;AAAA,MAJH,OAAO;AAAA,IAKd,CACD,GACH;AAAA,KACF;AAEJ;","names":["Link"]}

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

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
-
-type HomePage = Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
-    type: "home";
-}>["data"];
-declare const HomePage: ({ homePage, page, }: {
-    homePage: HomePage;
-    page: number | null | undefined;
-}) => react_jsx_runtime.JSX.Element;
-
-export { HomePage };

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

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Opinly } from '@opinly/backend';
-
-type HomePage = Extract<Awaited<ReturnType<Opinly["content"]["blog"]>>, {
-    type: "home";
-}>["data"];
-declare const HomePage: ({ homePage, page, }: {
-    homePage: HomePage;
-    page: number | null | undefined;
-}) => react_jsx_runtime.JSX.Element;
-
-export { HomePage };

package/dist/components/home-page.js

@@ -1,37 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { PostPreview } from "./post-preview";
-const HomePage = ({
-  homePage,
-  page
-}) => {
-  const { posts, folders, count } = homePage;
-  console.log("posts", JSON.stringify(posts, null, 2));
-  const currentPage = page;
-  const totalPages = Math.ceil(count / 10);
-  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: posts.map((post) => /* @__PURE__ */ jsx(PostPreview, { post }, post.slug)) }),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center mt-10 gap-2", children: Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsx(
-      Link,
-      {
-        href: `?page=${p}`,
-        className: `px-3 py-1 border rounded ${p === currentPage ? "bg-black text-white" : "hover:bg-gray-100 text-gray-700"}`,
-        children: p
-      },
-      p
-    )) }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-10", children: folders.map((folder) => /* @__PURE__ */ jsx(
-      Link,
-      {
-        href: `/blog/${folder.slug}`,
-        className: "px-4 py-1 bg-gray-100 text-sm rounded-full hover:bg-gray-200",
-        children: folder.title
-      },
-      folder.slug
-    )) })
-  ] });
-};
-export {
-  HomePage
-};
-//# sourceMappingURL=home-page.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/home-page.tsx"],"sourcesContent":["import Link from \"next/link\";\n\nimport { Opinly } from \"@opinly/backend\";\nimport { PostPreview } from \"./post-preview\";\n\ntype HomePage = Extract<\n  Awaited<ReturnType<Opinly[\"content\"][\"blog\"]>>,\n  { type: \"home\" }\n>[\"data\"];\n\nexport const HomePage = ({\n  homePage,\n  page,\n}: {\n  homePage: HomePage;\n  page: number | null | undefined;\n}) => {\n  const { posts, folders, count } = homePage;\n\n  console.log(\"posts\", JSON.stringify(posts, null, 2));\n\n  const currentPage = page;\n  const totalPages = Math.ceil(count / 10);\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        {posts.map((post) => (\n          <PostPreview key={post.slug} post={post} />\n        ))}\n      </div>\n\n      {/* Pagination */}\n      <div className=\"flex justify-center items-center mt-10 gap-2\">\n        {Array.from({ length: totalPages }, (_, i) => i + 1).map((p) => (\n          <Link\n            key={p}\n            href={`?page=${p}`}\n            className={`px-3 py-1 border rounded ${\n              p === currentPage\n                ? \"bg-black text-white\"\n                : \"hover:bg-gray-100 text-gray-700\"\n            }`}\n          >\n            {p}\n          </Link>\n        ))}\n      </div>\n\n      {/* Folder tags */}\n      <div className=\"flex flex-wrap gap-2 mb-10\">\n        {folders.map((folder) => (\n          <Link\n            key={folder.slug}\n            href={`/blog/${folder.slug}`}\n            className=\"px-4 py-1 bg-gray-100 text-sm rounded-full hover:bg-gray-200\"\n          >\n            {folder.title}\n          </Link>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"AAyBI,SAIM,KAJN;AAzBJ,OAAO,UAAU;AAGjB,SAAS,mBAAmB;AAOrB,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,OAAO,SAAS,MAAM,IAAI;AAElC,UAAQ,IAAI,SAAS,KAAK,UAAU,OAAO,MAAM,CAAC,CAAC;AAEnD,QAAM,cAAc;AACpB,QAAM,aAAa,KAAK,KAAK,QAAQ,EAAE;AAEvC,SACE,qBAAC,SAAI,WAAU,gCAEb;AAAA,wBAAC,SAAI,WAAU,yDACZ,gBAAM,IAAI,CAAC,SACV,oBAAC,eAA4B,QAAX,KAAK,IAAkB,CAC1C,GACH;AAAA,IAGA,oBAAC,SAAI,WAAU,gDACZ,gBAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,IAAI,CAAC,MACxD;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,SAAS,CAAC;AAAA,QAChB,WAAW,4BACT,MAAM,cACF,wBACA,iCACN;AAAA,QAEC;AAAA;AAAA,MARI;AAAA,IASP,CACD,GACH;AAAA,IAGA,oBAAC,SAAI,WAAU,8BACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,SAAS,OAAO,IAAI;AAAA,QAC1B,WAAU;AAAA,QAET,iBAAO;AAAA;AAAA,MAJH,OAAO;AAAA,IAKd,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/utils/images.cjs

@@ -1,35 +0,0 @@
-"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 images_exports = {};
-__export(images_exports, {
-  replaceImageNameSpace: () => replaceImageNameSpace
-});
-module.exports = __toCommonJS(images_exports);
-function replaceImageNameSpace(fileKey) {
-  const pathParts = fileKey.split("/").filter(Boolean);
-  if (pathParts.length > 1) {
-    pathParts.shift();
-  }
-  return pathParts.join("/");
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  replaceImageNameSpace
-});
-//# sourceMappingURL=images.cjs.map

package/dist/utils/images.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/images.ts"],"sourcesContent":["export function replaceImageNameSpace(fileKey: string) {\n  const pathParts = fileKey.split(\"/\").filter(Boolean);\n  if (pathParts.length > 1) {\n    pathParts.shift();\n  }\n  return pathParts.join(\"/\");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,sBAAsB,SAAiB;AACrD,QAAM,YAAY,QAAQ,MAAM,GAAG,EAAE,OAAO,OAAO;AACnD,MAAI,UAAU,SAAS,GAAG;AACxB,cAAU,MAAM;AAAA,EAClB;AACA,SAAO,UAAU,KAAK,GAAG;AAC3B;","names":[]}

package/dist/utils/images.d.cts

@@ -1,3 +0,0 @@
-declare function replaceImageNameSpace(fileKey: string): string;
-
-export { replaceImageNameSpace };

package/dist/utils/images.d.ts

@@ -1,3 +0,0 @@
-declare function replaceImageNameSpace(fileKey: string): string;
-
-export { replaceImageNameSpace };

package/dist/utils/images.js

@@ -1,11 +0,0 @@
-function replaceImageNameSpace(fileKey) {
-  const pathParts = fileKey.split("/").filter(Boolean);
-  if (pathParts.length > 1) {
-    pathParts.shift();
-  }
-  return pathParts.join("/");
-}
-export {
-  replaceImageNameSpace
-};
-//# sourceMappingURL=images.js.map

package/dist/utils/images.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/images.ts"],"sourcesContent":["export function replaceImageNameSpace(fileKey: string) {\n  const pathParts = fileKey.split(\"/\").filter(Boolean);\n  if (pathParts.length > 1) {\n    pathParts.shift();\n  }\n  return pathParts.join(\"/\");\n}\n"],"mappings":"AAAO,SAAS,sBAAsB,SAAiB;AACrD,QAAM,YAAY,QAAQ,MAAM,GAAG,EAAE,OAAO,OAAO;AACnD,MAAI,UAAU,SAAS,GAAG;AACxB,cAAU,MAAM;AAAA,EAClB;AACA,SAAO,UAAU,KAAK,GAAG;AAC3B;","names":[]}