@opinly/next 0.1.14 → 0.1.15

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

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

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

package/dist/components/not-found.mjs

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

package/dist/components/opinly-blog.mjs

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

package/dist/components/post-preview.mjs

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

package/dist/index.mjs

@@ -1,2 +0,0 @@
-export * from "./components/opinly-blog";
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

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

package/dist/utils/dates.mjs

@@ -1,9 +0,0 @@
-const formatDate = (iso) => new Date(iso).toLocaleDateString("en-US", {
-  month: "short",
-  day: "2-digit",
-  year: "numeric"
-});
-export {
-  formatDate
-};
-//# sourceMappingURL=dates.mjs.map

package/dist/utils/generate-metadata.mjs

@@ -1,36 +0,0 @@
-import { opinlyConfig } from "./sdk-config";
-const generateOpinlyMetadata = async (client, params, parent) => {
-  const blog = await client.content.blog({ params: await params });
-  if (blog.type === "not-found") {
-    return parent;
-  }
-  const previousImages = (await parent).openGraph?.images || [];
-  if (blog.type === "post") {
-    const openGraphImageKey = blog.data?.titleFile?.fileKey;
-    const images = openGraphImageKey ? [`${opinlyConfig.imagesUrl}/${openGraphImageKey}`, ...previousImages] : previousImages;
-    return {
-      ...parent,
-      title: blog.data.title,
-      openGraph: {
-        images,
-        type: "article",
-        authors: blog.data.author && [
-          `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`
-        ]
-      },
-      // keywords: [blog.data.keywords],
-      authors: blog.data.author && [
-        {
-          name: blog.data.author.name,
-          url: `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`
-        }
-      ],
-      other: {}
-    };
-  }
-  return parent;
-};
-export {
-  generateOpinlyMetadata
-};
-//# sourceMappingURL=generate-metadata.mjs.map

package/dist/utils/generate-metadata.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/generate-metadata.ts"],"sourcesContent":["import { Opinly } from \"@opinly/backend\";\nimport type { Metadata, ResolvingMetadata } from \"next\";\nimport { opinlyConfig } from \"./sdk-config\";\n\nexport const generateOpinlyMetadata = async (\n  client: Opinly,\n  params: Promise<{\n    slug: string[];\n  }>,\n  parent: ResolvingMetadata\n): Promise<Metadata> => {\n  const blog = await client.content.blog({ params: await params });\n\n  if (blog.type === \"not-found\") {\n    return parent as Metadata;\n  }\n\n  const previousImages = (await parent).openGraph?.images || [];\n\n  if (blog.type === \"post\") {\n    const openGraphImageKey = blog.data?.titleFile?.fileKey;\n\n    const images = openGraphImageKey\n      ? [`${opinlyConfig.imagesUrl}/${openGraphImageKey}`, ...previousImages]\n      : previousImages;\n\n    return {\n      ...(parent as Metadata),\n      title: blog.data.title,\n      openGraph: {\n        images: images,\n        type: \"article\",\n        authors: blog.data.author && [\n          `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`,\n        ],\n      },\n      // keywords: [blog.data.keywords],\n      authors: blog.data.author && [\n        {\n          name: blog.data.author.name,\n          url: `${opinlyConfig.blogUrl}/authors/${blog.data.author.slug}`,\n        },\n      ],\n      other: {},\n    };\n  }\n\n  return parent as Metadata;\n};\n"],"mappings":"AAEA,SAAS,oBAAoB;AAEtB,MAAM,yBAAyB,OACpC,QACA,QAGA,WACsB;AACtB,QAAM,OAAO,MAAM,OAAO,QAAQ,KAAK,EAAE,QAAQ,MAAM,OAAO,CAAC;AAE/D,MAAI,KAAK,SAAS,aAAa;AAC7B,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,MAAM,QAAQ,WAAW,UAAU,CAAC;AAE5D,MAAI,KAAK,SAAS,QAAQ;AACxB,UAAM,oBAAoB,KAAK,MAAM,WAAW;AAEhD,UAAM,SAAS,oBACX,CAAC,GAAG,aAAa,SAAS,IAAI,iBAAiB,IAAI,GAAG,cAAc,IACpE;AAEJ,WAAO;AAAA,MACL,GAAI;AAAA,MACJ,OAAO,KAAK,KAAK;AAAA,MACjB,WAAW;AAAA,QACT;AAAA,QACA,MAAM;AAAA,QACN,SAAS,KAAK,KAAK,UAAU;AAAA,UAC3B,GAAG,aAAa,OAAO,YAAY,KAAK,KAAK,OAAO,IAAI;AAAA,QAC1D;AAAA,MACF;AAAA;AAAA,MAEA,SAAS,KAAK,KAAK,UAAU;AAAA,QAC3B;AAAA,UACE,MAAM,KAAK,KAAK,OAAO;AAAA,UACvB,KAAK,GAAG,aAAa,OAAO,YAAY,KAAK,KAAK,OAAO,IAAI;AAAA,QAC/D;AAAA,MACF;AAAA,MACA,OAAO,CAAC;AAAA,IACV;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/utils/merge.mjs

@@ -1,9 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-const cn = (...inputs) => {
-  return twMerge(clsx(inputs));
-};
-export {
-  cn
-};
-//# sourceMappingURL=merge.mjs.map