@xexr/blog-platform 1.0.7 → 1.0.8

package/dist/components/ui/pagination.tsx

@@ -0,0 +1,127 @@
+import * as React from "react"
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon,
+} from "lucide-react"
+
+import { cn } from "../../lib/utils"
+import { buttonVariants } from "./button"
+
+function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex flex-row items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+  return <li data-slot="pagination-item" {...props} />
+}
+
+type PaginationLinkProps = {
+  isActive?: boolean
+  size?: "default" | "sm" | "lg" | "icon"
+} & React.ComponentProps<"a">
+
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <a
+      aria-current={isActive ? "page" : undefined}
+      data-slot="pagination-link"
+      data-active={isActive}
+      className={cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size,
+        }),
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      {...props}
+    >
+      <ChevronLeftIcon />
+      <span className="hidden sm:block">Previous</span>
+    </PaginationLink>
+  )
+}
+
+function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      {...props}
+    >
+      <span className="hidden sm:block">Next</span>
+      <ChevronRightIcon />
+    </PaginationLink>
+  )
+}
+
+function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontalIcon className="size-4" />
+      <span className="sr-only">More pages</span>
+    </span>
+  )
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}

package/dist/components/ui/separator.tsx

@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "../../lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 import { PublishedArticle, PublishedSite, PublishedTopic, PublishResult, PublishedAuthor } from './types/index.mjs';
-export { PublishPayload } from './types/index.mjs';
+export { PublishPayload, PublishedAuthorSocialLinks } from './types/index.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
@@ -100,78 +100,68 @@ declare function generateBlogHomeMetadata(siteName?: string, siteDescription?: s
 };
 
 interface ArticlePageProps {
-    article: PublishedArticle;
-    className?: string;
-    /** Optional navigation links */
-    navigation?: {
-        backToHome?: {
-            url: string;
-            label?: string;
-        };
-        previousArticle?: {
-            url: string;
-            title: string;
-            featuredImage?: string;
-            featuredImageAlt?: string;
-        };
-        nextArticle?: {
-            url: string;
-            title: string;
-            featuredImage?: string;
-            featuredImageAlt?: string;
-        };
+  article: PublishedArticle;
+  className?: string;
+  navigation?: {
+    backToHome?: {
+      url: string;
+      label?: string;
     };
-    /** Public path where this blog is mounted, e.g. "/blog" or "/new-blog". */
-    basePath?: string;
-    /** Optional theme values for host-site brand integration. */
-    theme?: BlogTheme;
-    /** Optional post-article CTA supplied by the host site. */
-    postArticleCta?: {
-        title: string;
-        description?: string;
-        href: string;
-        label: string;
+    previousArticle?: {
+      url: string;
+      title: string;
+      featuredImage?: string;
+      featuredImageAlt?: string;
     };
-    /** Optional related articles supplied by the host site. */
-    relatedArticles?: PublishedArticle[];
-    /** Whether to render static article share links. */
-    showShareLinks?: boolean;
+    nextArticle?: {
+      url: string;
+      title: string;
+      featuredImage?: string;
+      featuredImageAlt?: string;
+    };
+  };
+  basePath?: string;
+  theme?: BlogTheme;
+  postArticleCta?: {
+    title: string;
+    description?: string;
+    href: string;
+    label: string;
+  };
+  relatedArticles?: PublishedArticle[];
+  showShareLinks?: boolean;
 }
-declare function ArticlePage({ article, className, navigation, basePath, theme, postArticleCta, relatedArticles, showShareLinks, }: ArticlePageProps): react_jsx_runtime.JSX.Element;
-/**
- * Generate metadata for the article page for SEO optimization.
- * This function should be used in the Next.js metadata API.
- */
-declare function generateArticleMetadata(article: PublishedArticle, basePath?: string): {
+
+declare function ArticlePage(props: ArticlePageProps): ReactElement;
+
+declare function generateArticleMetadata(
+  article: PublishedArticle,
+  basePath?: string,
+): {
+  title: string;
+  description: string;
+  keywords: string;
+  authors: { name: string }[] | undefined;
+  openGraph: {
     title: string;
     description: string;
-    keywords: string;
-    authors: {
-        name: string;
-    }[] | undefined;
-    openGraph: {
-        title: string;
-        description: string;
-        type: string;
-        url: string;
-        images: {
-            url: string;
-            alt: string;
-        }[] | undefined;
-        publishedTime: string;
-        modifiedTime: string;
-        authors: string[] | undefined;
-        siteName: string;
-    };
-    twitter: {
-        card: string;
-        title: string;
-        description: string;
-        images: string[] | undefined;
-    };
-    alternates: {
-        canonical: string;
-    };
+    type: string;
+    url: string;
+    images: { url: string; alt: string }[] | undefined;
+    publishedTime: string;
+    modifiedTime: string;
+    authors: string[] | undefined;
+    siteName: string;
+  };
+  twitter: {
+    card: string;
+    title: string;
+    description: string;
+    images: string[] | undefined;
+  };
+  alternates: {
+    canonical: string;
+  };
 };
 
 interface PaginationProps {

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { PublishedArticle, PublishedSite, PublishedTopic, PublishResult, PublishedAuthor } from './types/index.js';
-export { PublishPayload } from './types/index.js';
+export { PublishPayload, PublishedAuthorSocialLinks } from './types/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
@@ -100,78 +100,68 @@ declare function generateBlogHomeMetadata(siteName?: string, siteDescription?: s
 };
 
 interface ArticlePageProps {
-    article: PublishedArticle;
-    className?: string;
-    /** Optional navigation links */
-    navigation?: {
-        backToHome?: {
-            url: string;
-            label?: string;
-        };
-        previousArticle?: {
-            url: string;
-            title: string;
-            featuredImage?: string;
-            featuredImageAlt?: string;
-        };
-        nextArticle?: {
-            url: string;
-            title: string;
-            featuredImage?: string;
-            featuredImageAlt?: string;
-        };
+  article: PublishedArticle;
+  className?: string;
+  navigation?: {
+    backToHome?: {
+      url: string;
+      label?: string;
     };
-    /** Public path where this blog is mounted, e.g. "/blog" or "/new-blog". */
-    basePath?: string;
-    /** Optional theme values for host-site brand integration. */
-    theme?: BlogTheme;
-    /** Optional post-article CTA supplied by the host site. */
-    postArticleCta?: {
-        title: string;
-        description?: string;
-        href: string;
-        label: string;
+    previousArticle?: {
+      url: string;
+      title: string;
+      featuredImage?: string;
+      featuredImageAlt?: string;
     };
-    /** Optional related articles supplied by the host site. */
-    relatedArticles?: PublishedArticle[];
-    /** Whether to render static article share links. */
-    showShareLinks?: boolean;
+    nextArticle?: {
+      url: string;
+      title: string;
+      featuredImage?: string;
+      featuredImageAlt?: string;
+    };
+  };
+  basePath?: string;
+  theme?: BlogTheme;
+  postArticleCta?: {
+    title: string;
+    description?: string;
+    href: string;
+    label: string;
+  };
+  relatedArticles?: PublishedArticle[];
+  showShareLinks?: boolean;
 }
-declare function ArticlePage({ article, className, navigation, basePath, theme, postArticleCta, relatedArticles, showShareLinks, }: ArticlePageProps): react_jsx_runtime.JSX.Element;
-/**
- * Generate metadata for the article page for SEO optimization.
- * This function should be used in the Next.js metadata API.
- */
-declare function generateArticleMetadata(article: PublishedArticle, basePath?: string): {
+
+declare function ArticlePage(props: ArticlePageProps): ReactElement;
+
+declare function generateArticleMetadata(
+  article: PublishedArticle,
+  basePath?: string,
+): {
+  title: string;
+  description: string;
+  keywords: string;
+  authors: { name: string }[] | undefined;
+  openGraph: {
     title: string;
     description: string;
-    keywords: string;
-    authors: {
-        name: string;
-    }[] | undefined;
-    openGraph: {
-        title: string;
-        description: string;
-        type: string;
-        url: string;
-        images: {
-            url: string;
-            alt: string;
-        }[] | undefined;
-        publishedTime: string;
-        modifiedTime: string;
-        authors: string[] | undefined;
-        siteName: string;
-    };
-    twitter: {
-        card: string;
-        title: string;
-        description: string;
-        images: string[] | undefined;
-    };
-    alternates: {
-        canonical: string;
-    };
+    type: string;
+    url: string;
+    images: { url: string; alt: string }[] | undefined;
+    publishedTime: string;
+    modifiedTime: string;
+    authors: string[] | undefined;
+    siteName: string;
+  };
+  twitter: {
+    card: string;
+    title: string;
+    description: string;
+    images: string[] | undefined;
+  };
+  alternates: {
+    canonical: string;
+  };
 };
 
 interface PaginationProps {