@opinly/next 0.1.14 → 0.1.16

package/dist/components/blog-post/_components/content.mjs

@@ -1,126 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../utils/merge";
-import Link from "next/link";
-import Image from "next/image";
-import { opinlyConfig } from "../../../utils/sdk-config";
-import React from "react";
-function renderTiptapContent(content, classNames) {
-  if (!content?.content) return [];
-  return content.content.map((node, index) => {
-    switch (node.type) {
-      case "paragraph":
-        return /* @__PURE__ */ jsx("p", { className: classNames.paragraph || "mb-4", children: renderChildren(node.content, classNames) }, index);
-      case "heading": {
-        const text = node.content?.[0]?.text ?? "";
-        const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-        const Tag = `h${node.attrs?.level || 1}`;
-        return /* @__PURE__ */ jsx(
-          Tag,
-          {
-            id: slug,
-            className: classNames.heading || "mt-8 mb-4 font-bold text-gray-800",
-            children: renderChildren(node.content, classNames)
-          },
-          index
-        );
-      }
-      case "image":
-        const fileKey = node.attrs?.fileKey;
-        if (!fileKey) {
-          return null;
-        }
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "relative w-full max-w-[800px] my-6",
-              classNames.image
-            ),
-            style: { aspectRatio: "2 / 1" },
-            children: /* @__PURE__ */ jsx(
-              Image,
-              {
-                unoptimized: opinlyConfig.unoptimizedImages,
-                src: `${opinlyConfig.imagesPrefix}/${fileKey}`,
-                title: node.attrs?.title || "",
-                alt: node.attrs?.alt || "",
-                fill: true,
-                className: "object-contain rounded-lg",
-                sizes: "(max-width: 800px) 100vw, 800px"
-              }
-            )
-          },
-          index
-        );
-      case "bulletList":
-        return /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: cn("list-disc pl-6 my-4", classNames.bulletList),
-            children: renderTiptapContent(node, classNames)
-          },
-          index
-        );
-      case "orderedList":
-        return /* @__PURE__ */ jsx(
-          "ol",
-          {
-            className: cn("list-decimal pl-6 my-4", classNames.orderedList),
-            children: renderTiptapContent(node, classNames)
-          },
-          index
-        );
-      case "listItem":
-        if (node.content && node.content.length === 1 && node.content[0].type === "paragraph") {
-          return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), children: renderChildren(node.content[0].content, classNames) }, index);
-        }
-        return /* @__PURE__ */ jsx("li", { className: cn("my-1", classNames.listItem), children: renderChildren(node.content, classNames) }, index);
-      default:
-        return null;
-    }
-  }).filter(Boolean);
-}
-const Content = ({
-  content,
-  classNames
-}) => {
-  return /* @__PURE__ */ jsx("div", { className: "prose min-w-full", children: renderTiptapContent(content, classNames) });
-};
-function renderChildren(nodes, classNames) {
-  if (!nodes) {
-    console.log("no nodes");
-    return [];
-  }
-  return nodes.map((child, idx) => {
-    if (child.type === "text") {
-      let text = child.text;
-      if (child.marks) {
-        child.marks.forEach((mark) => {
-          if (mark.type === "bold") text = /* @__PURE__ */ jsx("strong", { children: text }, idx);
-          if (mark.type === "italic") text = /* @__PURE__ */ jsx("em", { children: text }, idx);
-          if (mark.type === "link")
-            text = /* @__PURE__ */ jsx(
-              Link,
-              {
-                href: mark.attrs?.href,
-                className: classNames.link || "text-blue-600 underline",
-                children: text
-              },
-              idx
-            );
-        });
-      }
-      return /* @__PURE__ */ jsx("span", { children: text }, idx);
-    } else {
-      console.log("child", child);
-      return /* @__PURE__ */ jsx(React.Fragment, { children: renderTiptapContent(
-        { ...child, content: child.content },
-        classNames
-      ) }, idx);
-    }
-  }).filter(Boolean);
-}
-export {
-  Content
-};
-//# sourceMappingURL=content.mjs.map

package/dist/components/blog-post/_components/faq.mjs

@@ -1,15 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const FAQS = ({ faqs }) => {
-  if (!faqs) return null;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "FAQS" }),
-    /* @__PURE__ */ jsx("ul", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: faq.question }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700", children: faq.answer })
-    ] }, faq.question)) })
-  ] });
-};
-export {
-  FAQS
-};
-//# sourceMappingURL=faq.mjs.map

package/dist/components/blog-post/_components/share.mjs

@@ -1,66 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Facebook, Linkedin, Mail, Twitter } from "lucide-react";
-import Link from "next/link";
-import { opinlyConfig } from "../../../utils/sdk-config";
-const Share = ({ post }) => {
-  const postUrl = encodeURIComponent(`${opinlyConfig.blogUrl}/${post.slug}`);
-  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-6", children: [
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        href: `https://linkedin.com/sharing/share-offsite?url=${postUrl}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on LinkedIn" }),
-          /* @__PURE__ */ jsx(Linkedin, { className: "w-4 h-4" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        href: `https://twitter.com/intent/tweet?url=${postUrl}&text=${encodeURIComponent(
-          `Check out this article by ${post.author?.name}`
-        )}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on Twitter" }),
-          /* @__PURE__ */ jsx(Twitter, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        href: `https://facebook.com/sharer/sharer.php?u=${postUrl}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share on Facebook" }),
-          /* @__PURE__ */ jsx(Facebook, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Link,
-      {
-        href: `mailto:?body=${encodeURIComponent(`${post.title}
-${postUrl}`)}`,
-        className: "border p-1 rounded flex items-center justify-center w-8 h-8",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Share via Email" }),
-          /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4" })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  Share
-};
-//# sourceMappingURL=share.mjs.map

package/dist/components/blog-post/_components/table-of-contents.mjs

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../utils/merge";
-import Image from "next/image";
-import { opinlyConfig } from "../../../utils/sdk-config";
-import { extractHeadings } from "../_helpers/extract-headings";
-import { Share } from "./share";
-import Link from "next/link";
-const TableOfContents = ({
-  content,
-  author,
-  post
-}) => {
-  return /* @__PURE__ */ jsxs("aside", { className: cn("w-full lg:w-1/3 lg:sticky lg:top-20 lg:self-start"), children: [
-    author && /* @__PURE__ */ jsx("div", { className: "w-full mb-6 border p-4 rounded-md text-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
-      author.fileKey && /* @__PURE__ */ jsx(
-        Image,
-        {
-          unoptimized: opinlyConfig.unoptimizedImages,
-          src: `${opinlyConfig.imagesPrefix}/${author.fileKey}`,
-          alt: author.name,
-          width: 48,
-          height: 48,
-          className: "rounded-full"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            href: `${opinlyConfig.blogPrefix}/authors/${author.slug}`,
-            className: "text-xs uppercase text-muted-foreground font-medium",
-            children: author.name
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-sm", children: author.bio })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Share, { post }),
-    /* @__PURE__ */ jsxs("div", { className: "border-l-4 border-opinlyAccent pl-4 mb-4", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: "TABLE OF CONTENTS" }),
-      /* @__PURE__ */ jsx("ul", { className: "text-sm text-gray-700 space-y-1", children: (extractHeadings(content) || []).map((heading) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `#${heading.slug}`, className: "hover:underline", children: heading.text }) }, heading.slug)) })
-    ] })
-  ] });
-};
-export {
-  TableOfContents
-};
-//# sourceMappingURL=table-of-contents.mjs.map

package/dist/components/blog-post/_helpers/calc-reading-time.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=calc-reading-time.mjs.map

package/dist/components/blog-post/_helpers/extract-headings.mjs

@@ -1,20 +0,0 @@
-function extractHeadings(content) {
-  const headings = [];
-  if (!content?.content) return headings;
-  const walk = (nodes) => {
-    for (const node of nodes) {
-      if (node.type === "heading" && node.content?.[0]?.text) {
-        const text = node.content[0].text;
-        const slug = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-        headings.push({ text, slug });
-      }
-      if (node.content) walk(node.content);
-    }
-  };
-  walk(content.content);
-  return headings;
-}
-export {
-  extractHeadings
-};
-//# sourceMappingURL=extract-headings.mjs.map

package/dist/components/blog-post/_helpers/reading-time.mjs

@@ -1,25 +0,0 @@
-const countWords = (content) => {
-  if (!content?.content) return 0;
-  let wordCount = 0;
-  const countWords2 = (nodes) => {
-    for (const node of nodes) {
-      if (node.type === "text" && node.text) {
-        const words = node.text.trim().split(/\s+/).filter(Boolean);
-        wordCount += words.length;
-      }
-      if (node.content) countWords2(node.content);
-    }
-  };
-  countWords2(content.content);
-  return wordCount;
-};
-function calculateReadingTime(content) {
-  const wordCount = countWords(content.content);
-  const readingTimeMinutes = Math.ceil(wordCount / 200);
-  return readingTimeMinutes;
-}
-export {
-  calculateReadingTime,
-  countWords
-};
-//# sourceMappingURL=reading-time.mjs.map

package/dist/components/blog-post/_types/blog-post.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=blog-post.mjs.map

package/dist/components/blog-post/_types/blog-post.mjs.map

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

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

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

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

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

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

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

package/dist/components/bread-crumbs.mjs

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

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

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

package/dist/components/home-page/folders.mjs

@@ -1,63 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { PostPreview } from "../post-preview";
-import { ArrowRight } from "lucide-react";
-import { Suspense } from "react";
-const HomePageFoldersSkeleton = () => {
-  return /* @__PURE__ */ jsx(Fragment, { children: Array(2).fill(null).map((_, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-1/3 bg-gray-200 dark:bg-gray-700 rounded" }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 bg-gray-200 dark:bg-gray-700 rounded" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10", children: [
-      Array(3).fill(null).map((__, postIdx) => /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-full h-48 bg-gray-200 dark:bg-gray-700 rounded-lg" }),
-        /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 bg-gray-200 dark:bg-gray-700 rounded" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-full bg-gray-200 dark:bg-gray-700 rounded" })
-      ] }, postIdx)),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center animate-pulse", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-48 bg-gray-200 dark:bg-gray-700 rounded" }) })
-    ] })
-  ] }, sectionIdx)) });
-};
-const HomePageFoldersServer = async ({ client }) => {
-  const folders = await client.client.content.homePageFolders.query();
-  return /* @__PURE__ */ jsx(Fragment, { children: folders.map((folder) => /* @__PURE__ */ jsxs("div", { className: "space-y-4 ", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mb-20", children: [
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          href: `/blog/${folder.slug}`,
-          className: "text-3xl",
-          children: folder.title
-        },
-        folder.slug
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: folder.description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-10 mb-20", children: [
-      folder.posts.filter((post) => post !== null).map((post) => /* @__PURE__ */ jsx(PostPreview, { post }, post.slug)),
-      /* @__PURE__ */ jsx("div", { className: "flex justify-center w-full h-full items-center ", children: /* @__PURE__ */ jsxs(
-        Link,
-        {
-          href: `/blog/${folder.slug}`,
-          className: "flex items-center gap-2",
-          children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              "View all posts in ",
-              folder.title
-            ] }),
-            /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
-          ]
-        }
-      ) })
-    ] })
-  ] })) });
-};
-const HomePageFolders = ({ client }) => {
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(HomePageFoldersSkeleton, {}), children: /* @__PURE__ */ jsx(HomePageFoldersServer, { client }) });
-};
-export {
-  HomePageFolders,
-  HomePageFoldersSkeleton
-};
-//# sourceMappingURL=folders.mjs.map

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

@@ -1,20 +0,0 @@
-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
-}) => {
-  const parsedPage = searchParams.page ? parseInt(searchParams.page) : 1;
-  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 }) }) })
-  ] });
-};
-export {
-  HomePage
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,57 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import Link from "next/link";
-import { cn } from "../../utils/merge";
-const HomePagePagination = async ({
-  client,
-  page
-}) => {
-  const count = await client.client.content.postsCount.query();
-  const totalPages = Math.ceil(count / 9);
-  const pages = [];
-  if (totalPages <= 5) {
-    for (let i = 1; i <= totalPages; i++) {
-      pages.push(i);
-    }
-  } else {
-    let start, end;
-    if (page <= 3) {
-      start = 1;
-      end = 5;
-    } else if (page >= totalPages - 2) {
-      start = totalPages - 4;
-      end = totalPages;
-    } else {
-      start = page - 2;
-      end = page + 2;
-    }
-    if (start > 1) {
-      pages.push(1);
-      if (start > 2) pages.push("ellipsis");
-    }
-    for (let i = start; i <= end; i++) {
-      pages.push(i);
-    }
-    if (end < totalPages) {
-      if (end < totalPages - 1) pages.push("ellipsis");
-      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
-    )
-  ) }) });
-};
-export {
-  HomePagePagination
-};
-//# sourceMappingURL=pagination.mjs.map