wpheadless-lib 1.0.0

package/dist/base/home/pagination.js

@@ -0,0 +1,83 @@
+import { getPlainTextExcerpt, getOgImageUrl, getFeaturedMedia, } from "../../utils";
+import { withXDefault } from "../../utils/hreflang";
+import { listPostsWithEmbeds, getPostsTotalPages } from "../../api/posts";
+export async function getHomePaginationStaticParams({ baseApiUrl, perPage, langId, }) {
+    const totalPagesResult = await getPostsTotalPages({
+        baseApiUrl,
+        perPage,
+        langId,
+    });
+    if (!totalPagesResult.ok || totalPagesResult.data === null) {
+        if (totalPagesResult.error) {
+            console.error("Error generando rutas estáticas de paginación:", totalPagesResult.error);
+        }
+        return [];
+    }
+    return Array.from({ length: Math.max(totalPagesResult.data - 1, 0) }, (_, i) => ({
+        page: String(i + 2),
+    }));
+}
+export async function getHomeTotalPages({ baseApiUrl, perPage, langId, }) {
+    const result = await getPostsTotalPages({
+        baseApiUrl,
+        perPage,
+        langId,
+    });
+    if (!result.ok || result.data === null) {
+        if (result.error) {
+            console.error("Error obteniendo total de páginas de home:", result.error);
+        }
+        return 0;
+    }
+    return result.data;
+}
+export async function fetchHomePaginatedPosts({ baseApiUrl, perPage, page, langId, }) {
+    const postsResponse = await listPostsWithEmbeds({
+        perPage,
+        page,
+        baseApiUrl,
+        orderby: "date",
+        order: "desc",
+        langId,
+    });
+    if (!postsResponse.ok || !postsResponse.data) {
+        const error = postsResponse.error || "Error desconocido";
+        console.error("Error obteniendo posts:", error);
+        return { posts: [], totalPages: 0, error };
+    }
+    return {
+        posts: postsResponse.data.items,
+        totalPages: postsResponse.data.pagination.totalPages,
+        error: null,
+    };
+}
+export function buildHomePaginationMetadata({ translator, currentPage, canonicalBase, posts, siteName, languages, }) {
+    const canonical = `${canonicalBase.replace(/\/+$/, "")}/page/${currentPage}/`;
+    const fallbackDescription = getPlainTextExcerpt(posts[0]?.excerpt?.rendered, 160) ||
+        translator("site.paginationDescription");
+    const featuredMedia = getFeaturedMedia(posts[0]);
+    const imageUrl = getOgImageUrl(posts[0], featuredMedia);
+    const languageAlternates = withXDefault(languages);
+    return {
+        title: translator("site.paginationTitle"),
+        description: fallbackDescription,
+        alternates: {
+            canonical,
+            ...(languageAlternates ? { languages: languageAlternates } : {}),
+        },
+        openGraph: {
+            title: translator("site.paginationTitle"),
+            description: fallbackDescription,
+            url: canonical,
+            siteName,
+            type: "website",
+            images: imageUrl ? [{ url: imageUrl }] : [],
+        },
+        twitter: {
+            card: "summary_large_image",
+            title: translator("site.paginationTitle"),
+            description: fallbackDescription,
+            images: imageUrl ? [imageUrl] : undefined,
+        },
+    };
+}

package/dist/base/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./layout/RootLayoutBase";
+export * from "./home";
+export * from "./home/pagination";
+export * from "./legal";
+export * from "./category/pagination";
+export * from "./category";
+export * from "./post";

package/dist/base/index.js

@@ -0,0 +1,7 @@
+export * from "./layout/RootLayoutBase";
+export * from "./home";
+export * from "./home/pagination";
+export * from "./legal";
+export * from "./category/pagination";
+export * from "./category";
+export * from "./post";

package/dist/base/layout/RootLayoutBase.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import "../../app/globals.css";
+export declare const fontClassName = "";
+export declare const viewport: {
+    width: string;
+    initialScale: number;
+    maximumScale: number;
+    themeColor: string;
+};
+type RootLayoutBaseProps = {
+    children: ReactNode;
+    menuHeaderId: string;
+    menuFooterId: string;
+    siteName: string;
+    wpApiUrl: string;
+    wpUsername: string;
+    wpAppPassword: string;
+    homeHref?: string;
+    locale?: string;
+};
+export declare function RootLayoutBase({ children, menuHeaderId, menuFooterId, siteName, wpApiUrl, wpUsername, wpAppPassword, homeHref, locale, }: RootLayoutBaseProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/base/layout/RootLayoutBase.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import "../../app/globals.css";
+import Header from "../../components/layout/Header";
+import Footer from "../../components/layout/Footer";
+// Use system fonts to avoid external downloads during build.
+export const fontClassName = "";
+export const viewport = {
+    width: "device-width",
+    initialScale: 1,
+    maximumScale: 5,
+    themeColor: "#333333",
+};
+export function RootLayoutBase({ children, menuHeaderId, menuFooterId, siteName, wpApiUrl, wpUsername, wpAppPassword, homeHref, locale, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { menuId: menuHeaderId, wpApiUrl: wpApiUrl, wpUsername: wpUsername, wpAppPassword: wpAppPassword, siteName: siteName, homeHref: homeHref, locale: locale }), _jsx("main", { id: "main-content", style: { minHeight: "calc(100vh - 200px)" }, children: children }), _jsx(Footer, { menuId: menuFooterId, wpApiUrl: wpApiUrl, wpUsername: wpUsername, wpAppPassword: wpAppPassword, siteName: siteName, locale: locale })] }));
+}

package/dist/base/legal/index.d.ts

@@ -0,0 +1,31 @@
+import { type WPPage } from "wpjsapi-lib";
+import type { Metadata } from "next";
+import { LanguageConfig } from "../../utils/hreflang";
+type StaticParams = Array<{
+    slug: string;
+}>;
+export declare function getLegalStaticParams(baseApiUrl: string, lang: string, langId?: string): Promise<StaticParams>;
+export declare function fetchLegalPage(baseApiUrl: string, slug: string, lang: string, langId?: string): Promise<WPPage | null>;
+export declare function fetchPagesByTranslateKey({ baseApiUrl, translationKey, lang, langId, }: {
+    baseApiUrl: string;
+    translationKey: string;
+    lang: string;
+    langId?: string;
+}): Promise<WPPage[]>;
+export declare function buildLegalMetadata({ page, slug, canonicalBase, useYoast, siteName, languages, siteUrl, wpApiUrl, }: {
+    page: WPPage;
+    slug: string;
+    canonicalBase: string;
+    useYoast?: boolean;
+    siteName?: string;
+    languages?: Record<string, string>;
+    siteUrl?: string;
+    wpApiUrl?: string;
+}): Metadata;
+export declare function buildLegalLanguageAlternates({ page, languages, siteUrl, baseApiUrl, }: {
+    page: WPPage;
+    languages: LanguageConfig[];
+    siteUrl?: string;
+    baseApiUrl: string;
+}): Promise<Record<string, string> | undefined>;
+export {};

package/dist/base/legal/index.js

@@ -0,0 +1,167 @@
+import { createPageEndpoints } from "wpjsapi-lib";
+import { getAbsoluteUrl, getFeaturedMedia, getPlainTextExcerpt, getYoastHead, } from "../../utils";
+import { buildLanguageAlternatesPerLanguage, buildAbsoluteLangUrl, getEntityLanguageId, withXDefault, } from "../../utils/hreflang";
+import { mapPageEntity } from "../../api/mappers";
+async function getLegalParentId(baseApiUrl, lang, langId) {
+    const pagesApi = createPageEndpoints({ baseUrl: baseApiUrl });
+    try {
+        const parent = await pagesApi.list({
+            slug: "legal",
+            per_page: 1,
+            _fields: ["id", "language", "taxonomies", "meta"],
+        });
+        const match = parent.items.find((p) => langId && getEntityLanguageId(p)?.toString() === langId.toString());
+        return (match ?? parent.items[0])?.id ?? null;
+    }
+    catch (error) {
+        console.error("Error obteniendo página padre legal:", error);
+        return null;
+    }
+}
+export async function getLegalStaticParams(baseApiUrl, lang, langId) {
+    const pagesApi = createPageEndpoints({
+        baseUrl: baseApiUrl,
+    });
+    try {
+        const parentId = await getLegalParentId(baseApiUrl, lang, langId);
+        if (!parentId)
+            return [];
+        const pages = await pagesApi.listAll({
+            parent: parentId,
+            lang,
+            _fields: ["slug"],
+        });
+        return pages.map((page) => ({
+            slug: page.slug,
+        }));
+    }
+    catch (error) {
+        console.error("Error generando rutas estáticas de páginas:", error);
+        return [];
+    }
+}
+export async function fetchLegalPage(baseApiUrl, slug, lang, langId) {
+    const pagesApi = createPageEndpoints({
+        baseUrl: baseApiUrl,
+    });
+    try {
+        const parentId = await getLegalParentId(baseApiUrl, lang, langId);
+        if (!parentId)
+            return null;
+        const response = await pagesApi.list({
+            slug: slug,
+            per_page: 1,
+            _embed: true,
+            parent: parentId,
+            lang,
+        });
+        if (response.items.length === 0) {
+            return null;
+        }
+        return response.items[0];
+    }
+    catch (error) {
+        console.error("Error obteniendo página legal:", error);
+        return null;
+    }
+}
+export async function fetchPagesByTranslateKey({ baseApiUrl, translationKey, lang, langId, }) {
+    const pagesApi = createPageEndpoints({
+        baseUrl: baseApiUrl,
+    });
+    try {
+        const parentId = await getLegalParentId(baseApiUrl, lang, langId);
+        if (!parentId)
+            return [];
+        const response = await pagesApi.list({
+            per_page: 20,
+            _embed: true,
+            translation_key_v2: translationKey,
+            parent: parentId,
+            lang,
+        });
+        return response.items;
+    }
+    catch (error) {
+        console.error("Error obteniendo traducciones de páginas:", error);
+        return [];
+    }
+}
+export function buildLegalMetadata({ page, slug, canonicalBase, useYoast = true, siteName, languages, siteUrl, wpApiUrl, }) {
+    const url = getAbsoluteUrl(`${canonicalBase}legal/${slug}`, siteUrl);
+    const featuredMedia = getFeaturedMedia(page);
+    const fallbackDescription = getPlainTextExcerpt(page.excerpt.rendered, 160);
+    const imageUrl = featuredMedia?.source_url;
+    const languageAlternates = withXDefault(languages);
+    const baseMetadata = {
+        title: page.title.rendered,
+        description: fallbackDescription,
+        alternates: {
+            canonical: url,
+            ...(languageAlternates ? { languages: languageAlternates } : {}),
+        },
+        openGraph: {
+            title: page.title.rendered,
+            description: fallbackDescription,
+            url,
+            siteName,
+            type: "website",
+            images: imageUrl ? [{ url: imageUrl }] : [],
+        },
+        twitter: {
+            card: "summary_large_image",
+            title: page.title.rendered,
+            description: fallbackDescription,
+            images: imageUrl ? [imageUrl] : undefined,
+        },
+    };
+    if (!useYoast)
+        return baseMetadata;
+    const yoast = getYoastHead(page, { siteUrl, wpApiUrl });
+    const yoastImageUrl = yoast?.og_image?.[0]?.url || imageUrl;
+    return {
+        title: yoast?.title || page.title.rendered,
+        description: yoast?.description || fallbackDescription,
+        alternates: {
+            canonical: url,
+            ...(languageAlternates ? { languages: languageAlternates } : {}),
+        },
+        openGraph: {
+            title: yoast?.og_title || yoast?.title || page.title.rendered,
+            description: yoast?.og_description || yoast?.description || fallbackDescription,
+            url,
+            siteName: yoast?.og_site_name,
+            type: yoast?.og_type || "website",
+            images: yoastImageUrl ? [{ url: yoastImageUrl }] : [],
+        },
+        twitter: {
+            card: yoast?.twitter_card || "summary_large_image",
+            title: yoast?.twitter_title || yoast?.title || page.title.rendered,
+            description: yoast?.twitter_description || yoast?.description || fallbackDescription,
+            images: yoastImageUrl ? [yoastImageUrl] : undefined,
+        },
+    };
+}
+export async function buildLegalLanguageAlternates({ page, languages, siteUrl, baseApiUrl, }) {
+    const mappedPage = mapPageEntity(page);
+    const translationKey = mappedPage.meta.translationKey;
+    if (!translationKey)
+        return undefined;
+    return buildLanguageAlternatesPerLanguage({
+        languages,
+        fetcher: async (langCfg) => {
+            const pages = await fetchPagesByTranslateKey({
+                baseApiUrl,
+                translationKey,
+                lang: langCfg.code,
+                langId: langCfg.langId,
+            });
+            return (pages.find((p) => getEntityLanguageId(p)?.toString() === langCfg.langId?.toString()) || null);
+        },
+        buildUrl: ({ entity, langCfg }) => buildAbsoluteLangUrl({
+            basePath: langCfg.basePath,
+            path: `legal/${entity.slug}`,
+            siteUrl,
+        }),
+    });
+}

package/dist/base/post/index.d.ts

@@ -0,0 +1,31 @@
+import { type WPPost } from "wpjsapi-lib";
+import type { Metadata } from "next";
+type PostStaticParamsInput = {
+    baseApiUrl: string;
+    lang: string;
+    langId: string;
+};
+type PostStaticParam = {
+    category: string;
+    post: string;
+};
+export declare function getPostStaticParams({ baseApiUrl, lang, langId, }: PostStaticParamsInput): Promise<PostStaticParam[]>;
+export declare function fetchPostBySlug({ baseApiUrl, slug, langId, }: {
+    baseApiUrl: string;
+    slug: string;
+    langId: string;
+}): Promise<WPPost | null>;
+export declare function fetchPostsByTranslateKey({ baseApiUrl, translationKey, }: {
+    baseApiUrl: string;
+    translationKey: string;
+}): Promise<WPPost[]>;
+export declare function buildPostMetadata({ post, canonical, useYoast, siteName, languages, siteUrl, wpApiUrl, }: {
+    post: WPPost;
+    canonical: string;
+    useYoast?: boolean;
+    siteName?: string;
+    languages?: Record<string, string>;
+    siteUrl?: string;
+    wpApiUrl?: string;
+}): Metadata;
+export {};

package/dist/base/post/index.js

@@ -0,0 +1,97 @@
+import { getFeaturedMedia, getOgImageUrl, getPlainTextExcerpt, getYoastHead, } from "../../utils";
+import { getPostBySlug as getPostBySlugApi, listPostStaticParams, listPostsByTranslationKey, } from "../../api/posts";
+import { withXDefault } from "../../utils/hreflang";
+export async function getPostStaticParams({ baseApiUrl, lang, langId, }) {
+    const result = await listPostStaticParams({
+        baseApiUrl,
+        lang,
+        langId,
+    });
+    if (!result.ok || !result.data) {
+        if (result.error) {
+            console.error("Error generando rutas estáticas de posts:", result.error);
+        }
+        return [];
+    }
+    return result.data;
+}
+export async function fetchPostBySlug({ baseApiUrl, slug, langId, }) {
+    const result = await getPostBySlugApi({
+        baseApiUrl,
+        slug,
+        langId,
+    });
+    if (!result.ok) {
+        if (result.error)
+            console.error("Error obteniendo post:", result.error);
+        return null;
+    }
+    return result.data;
+}
+export async function fetchPostsByTranslateKey({ baseApiUrl, translationKey, }) {
+    const result = await listPostsByTranslationKey({
+        baseApiUrl,
+        translationKey,
+    });
+    if (!result.ok || !result.data) {
+        if (result.error)
+            console.error("Error obteniendo traducciones de post:", result.error);
+        return [];
+    }
+    return result.data;
+}
+export function buildPostMetadata({ post, canonical, useYoast = true, siteName, languages, siteUrl, wpApiUrl, }) {
+    const featuredMedia = getFeaturedMedia(post);
+    const imageUrl = getOgImageUrl(post, featuredMedia);
+    const fallbackDescription = getPlainTextExcerpt(post.excerpt?.rendered, 160);
+    const languageAlternates = withXDefault(languages);
+    const fallbackMeta = {
+        title: post.title.rendered,
+        description: fallbackDescription,
+        alternates: {
+            canonical,
+            ...(languageAlternates ? { languages: languageAlternates } : {}),
+        },
+        openGraph: {
+            title: post.title.rendered,
+            description: fallbackDescription,
+            url: canonical,
+            type: "article",
+            siteName,
+            images: imageUrl ? [{ url: imageUrl }] : [],
+        },
+        twitter: {
+            card: "summary_large_image",
+            title: post.title.rendered,
+            description: fallbackDescription,
+            images: imageUrl ? [imageUrl] : undefined,
+        },
+    };
+    if (!useYoast)
+        return fallbackMeta;
+    const yoast = getYoastHead(post, { siteUrl, wpApiUrl });
+    if (!yoast)
+        return fallbackMeta;
+    return {
+        title: yoast.title || post.title.rendered,
+        description: yoast.description || fallbackDescription,
+        alternates: {
+            canonical,
+            ...(languageAlternates ? { languages: languageAlternates } : {}),
+        },
+        openGraph: {
+            title: yoast.og_title || yoast.title || post.title.rendered,
+            description: yoast.og_description || yoast.description || fallbackDescription,
+            url: canonical,
+            type: yoast.og_type || "article",
+            siteName: yoast.og_site_name,
+            images: imageUrl ? [{ url: imageUrl }] : [],
+        },
+        twitter: {
+            card: yoast.twitter_card || "summary_large_image",
+            title: yoast.twitter_title || yoast.title || post.title.rendered,
+            description: yoast.twitter_description || yoast.description || fallbackDescription,
+            images: imageUrl ? [imageUrl] : undefined,
+        },
+    };
+}

package/dist/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,9 @@
+export type BreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+};
+export declare function Breadcrumbs({ items }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import styles from "./index.module.css";
+export function Breadcrumbs({ items }) {
+    if (!items.length)
+        return null;
+    return (_jsx("nav", { "aria-label": "Breadcrumb", className: styles.nav, children: _jsx("ol", { className: styles.list, children: items.map((item, idx) => {
+                const isLast = idx === items.length - 1;
+                return (_jsxs("li", { className: styles.item, children: [item.href && !isLast ? (_jsx(Link, { href: item.href, className: styles.link, children: item.label })) : (_jsx("span", { className: styles.current, "aria-current": isLast ? "page" : undefined, children: item.label })), idx < items.length - 1 && (_jsx("span", { className: styles.separator, children: "/" }))] }, `${item.label}-${idx}`));
+            }) }) }));
+}

package/dist/components/Breadcrumbs/index.module.css

@@ -0,0 +1,39 @@
+.nav {
+  margin-bottom: var(--spacing-md);
+  font-size: 0.95rem;
+  color: var(--foreground-light);
+}
+
+.list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.link {
+  color: var(--foreground);
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
+
+.current {
+  font-weight: 600;
+  color: var(--foreground);
+}
+
+.separator {
+  color: var(--foreground-light);
+}
+

package/dist/components/Paginator/index.d.ts

@@ -0,0 +1,10 @@
+import { type Locale } from "../../utils";
+interface PaginatorProps {
+    currentPage: number;
+    totalPages: number;
+    baseUrl: string;
+    maxVisiblePages?: number;
+    locale?: Locale;
+}
+export default function Paginator({ currentPage, totalPages, baseUrl, maxVisiblePages, locale, }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Paginator/index.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from "next/link";
+import { getTranslator } from "../../utils";
+import styles from "./index.module.css";
+import { buildPageRange, getPageUrl, normalizeBaseUrl, } from "./index.utils";
+export default function Paginator({ currentPage, totalPages, baseUrl, maxVisiblePages = 5, locale, }) {
+    if (totalPages <= 1) {
+        return null;
+    }
+    const t = getTranslator(locale);
+    const pages = buildPageRange({ currentPage, totalPages, maxVisiblePages });
+    const hasPrev = currentPage > 1;
+    const hasNext = currentPage < totalPages;
+    const normalizedBaseUrl = normalizeBaseUrl(baseUrl);
+    return (_jsxs("nav", { className: styles.nav, "aria-label": t("paginator.aria"), children: [hasPrev && (_jsxs(Link, { href: getPageUrl(normalizedBaseUrl, currentPage - 1), className: "paginator-nav", children: ["\u2190 ", t("paginator.prev")] })), pages[0] > 1 && (_jsxs(_Fragment, { children: [_jsx(Link, { href: getPageUrl(normalizedBaseUrl, 1), className: "paginator-page", children: "1" }), pages[0] > 2 && _jsx("span", { className: styles.ellipsis, children: "\u2026" })] })), pages.map((page) => (_jsx(Link, { href: getPageUrl(normalizedBaseUrl, page), className: `paginator-page ${currentPage === page ? "paginator-active" : ""}`, "aria-current": currentPage === page ? "page" : undefined, children: page }, page))), pages[pages.length - 1] < totalPages && (_jsxs(_Fragment, { children: [pages[pages.length - 1] < totalPages - 1 && (_jsx("span", { className: styles.ellipsis, children: "\u2026" })), _jsx(Link, { href: getPageUrl(normalizedBaseUrl, totalPages), className: "paginator-page", children: totalPages })] })), hasNext && (_jsxs(Link, { href: getPageUrl(normalizedBaseUrl, currentPage + 1), className: "paginator-nav", children: [t("paginator.next"), " \u2192"] }))] }));
+}

package/dist/components/Paginator/index.module.css

@@ -0,0 +1,13 @@
+.nav {
+  display: flex;
+  gap: var(--spacing-sm);
+  justify-content: center;
+  align-items: center;
+  margin: var(--spacing-xl) 0;
+  flex-wrap: wrap;
+}
+
+.ellipsis {
+  color: var(--foreground-light);
+  padding: 0 var(--spacing-xs);
+}

package/dist/components/Paginator/index.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const normalizeBaseUrl: (url: string) => string;
+export declare const getPageUrl: (base: string, page: number) => string;
+export declare const buildPageRange: ({ currentPage, totalPages, maxVisiblePages, }: {
+    currentPage: number;
+    totalPages: number;
+    maxVisiblePages: number;
+}) => number[];

package/dist/components/Paginator/index.utils.js

@@ -0,0 +1,19 @@
+export const normalizeBaseUrl = (url) => {
+    if (!url)
+        return "/";
+    const trimmed = url.replace(/\/+$/, "");
+    return `${trimmed}/`;
+};
+export const getPageUrl = (base, page) => page === 1 ? base : `${base}page/${page}/`;
+export const buildPageRange = ({ currentPage, totalPages, maxVisiblePages, }) => {
+    const pages = [];
+    let start = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));
+    const end = Math.min(totalPages, start + maxVisiblePages - 1);
+    if (end - start < maxVisiblePages - 1) {
+        start = Math.max(1, end - maxVisiblePages + 1);
+    }
+    for (let i = start; i <= end; i++) {
+        pages.push(i);
+    }
+    return pages;
+};

package/dist/components/PostCard/index.d.ts

@@ -0,0 +1,10 @@
+import type { WPPost } from "wpjsapi-lib";
+import { type Locale } from "../../utils";
+interface PostCardProps {
+    post: WPPost;
+    categorySlug?: string;
+    locale?: Locale;
+    dateLocale?: string;
+}
+export default function PostCard({ post, categorySlug, locale, dateLocale, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PostCard/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import Link from "next/link";
+import { getFeaturedMedia } from "../../utils";
+import { buildCategoryUrl, buildPostUrl, formatPostDate, resolveCategorySlug, } from "./index.utils";
+import styles from "./index.module.css";
+export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", }) {
+    const featuredMedia = getFeaturedMedia(post);
+    const imageUrl = featuredMedia?.source_url;
+    const categories = (post._embedded?.["wp:term"]?.[0] || []).filter((cat) => Boolean(cat?.slug));
+    const resolvedCategory = resolveCategorySlug(post, categorySlug);
+    const postUrl = buildPostUrl({
+        post,
+        categorySlug: resolvedCategory,
+        locale,
+    });
+    return (_jsxs("article", { className: `${styles.card} card`, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale), className: `badge ${styles.badge}`, children: cat.name }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [imageUrl && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: imageUrl, alt: featuredMedia?.alt_text || post.title.rendered, fill: true, style: { objectFit: "cover" }, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" }) })), _jsxs("div", { className: styles.body, children: [_jsx("h2", { dangerouslySetInnerHTML: {
+                                    __html: post.title.rendered,
+                                }, className: styles.title }), _jsx("div", { dangerouslySetInnerHTML: {
+                                    __html: post.excerpt.rendered,
+                                }, className: styles.excerpt }), _jsx("time", { dateTime: post.date, className: styles.date, children: formatPostDate(post.date, dateLocale) })] })] })] }));
+}