wpheadless-lib 1.1.9 → 1.1.11

package/dist/base/index.d.ts

@@ -1,7 +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";
+export * from "./layout/RootLayoutBase.js";
+export * from "./home/index.js";
+export * from "./home/pagination.js";
+export * from "./legal/index.js";
+export * from "./category/pagination.js";
+export * from "./category/index.js";
+export * from "./post/index.js";

package/dist/base/index.js

@@ -1,7 +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";
+export * from "./layout/RootLayoutBase.js";
+export * from "./home/index.js";
+export * from "./home/pagination.js";
+export * from "./legal/index.js";
+export * from "./category/pagination.js";
+export * from "./category/index.js";
+export * from "./post/index.js";

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

@@ -1,6 +1,5 @@
 import type { ReactNode } from "react";
-import "../../app/globals.css";
-import type { LogoProps } from "../../components/layout/types";
+import type { LogoProps } from "../../components/layout/types.js";
 export declare const fontClassName = "";
 export declare const viewport: {
     width: string;
@@ -10,12 +9,12 @@ export declare const viewport: {
 };
 type RootLayoutBaseProps = {
     children: ReactNode;
-    menuHeaderId: string;
-    menuFooterId: string;
+    menuHeaderId?: string;
+    menuFooterId?: string;
     siteName: string;
-    wpApiUrl: string;
-    wpUsername: string;
-    wpAppPassword: string;
+    wpApiUrl?: string;
+    wpUsername?: string;
+    wpAppPassword?: string;
     homeHref?: string;
     locale?: string;
     headerLogo?: LogoProps;

package/dist/base/layout/RootLayoutBase.js

@@ -1,7 +1,7 @@
 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";
+import Header from "../../components/layout/Header/index.js";
+import Footer from "../../components/layout/Footer/index.js";
+import styles from "./RootLayoutBase.module.css";
 // Use system fonts to avoid external downloads during build.
 export const fontClassName = "";
 export const viewport = {
@@ -11,5 +11,5 @@ export const viewport = {
     themeColor: "#333333",
 };
 export function RootLayoutBase({ children, menuHeaderId, menuFooterId, siteName, wpApiUrl, wpUsername, wpAppPassword, homeHref, locale, headerLogo, footerLogo, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(Header, { menuId: menuHeaderId, wpApiUrl: wpApiUrl, wpUsername: wpUsername, wpAppPassword: wpAppPassword, siteName: siteName, homeHref: homeHref, locale: locale, logo: headerLogo }), _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, logo: footerLogo })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { menuId: menuHeaderId, wpApiUrl: wpApiUrl, wpUsername: wpUsername, wpAppPassword: wpAppPassword, siteName: siteName, homeHref: homeHref, locale: locale, logo: headerLogo }), _jsx("main", { id: "main-content", className: styles.main, children: _jsx("div", { className: styles.mainContainer, children: children }) }), _jsx(Footer, { menuId: menuFooterId, wpApiUrl: wpApiUrl, wpUsername: wpUsername, wpAppPassword: wpAppPassword, siteName: siteName, locale: locale, logo: footerLogo })] }));
 }

package/dist/base/layout/RootLayoutBase.module.css

@@ -0,0 +1,10 @@
+.main {
+  min-height: calc(100vh - 200px);
+}
+
+.mainContainer {
+  width: 100%;
+  max-width: var(--container-width);
+  margin: 0 auto;
+  padding-inline: clamp(1rem, 4vw, 2rem);
+}

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

@@ -1,15 +1,15 @@
 import { type WPPage } from "wpjsapi-lib";
 import type { Metadata } from "next";
-import { LanguageConfig } from "../../utils/hreflang";
+import { LanguageConfig } from "../../utils/hreflang.js";
 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 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;
+    lang?: string;
     langId?: string;
 }): Promise<WPPage[]>;
 export declare function buildLegalMetadata({ page, slug, canonicalBase, useYoast, siteName, languages, siteUrl, wpApiUrl, }: {

package/dist/base/legal/index.js

@@ -1,8 +1,11 @@
 import { createPageEndpoints } from "wpjsapi-lib";
-import { getAbsoluteUrl, getFeaturedMedia, getPlainTextExcerpt, getYoastHead, buildYoastRobotsMeta, } from "../../utils";
-import { buildLanguageAlternatesPerLanguage, buildAbsoluteLangUrl, getEntityLanguageId, withXDefault, getTranslationKey, } from "../../utils/hreflang";
-import { mapPageEntity } from "../../api/mappers";
+import { getAbsoluteUrl, getFeaturedMedia, getPlainTextExcerpt, getYoastHead, buildYoastRobotsMeta, toPlainText, } from "../../utils/index.js";
+import { buildLanguageAlternatesPerLanguage, buildAbsoluteLangUrl, getEntityLanguageId, withXDefault, getTranslationKey, } from "../../utils/hreflang.js";
+import { mapPageEntity } from "../../api/mappers.js";
+import { isValidWpApiUrl } from "../../api/wpClient.js";
 async function getLegalParentId(baseApiUrl, lang, langId) {
+    if (!isValidWpApiUrl(baseApiUrl))
+        return null;
     const pagesApi = createPageEndpoints({ baseUrl: baseApiUrl });
     try {
         const parent = await pagesApi.list({
@@ -19,16 +22,18 @@ async function getLegalParentId(baseApiUrl, lang, langId) {
     }
 }
 export async function getLegalStaticParams(baseApiUrl, lang, langId) {
-    const pagesApi = createPageEndpoints({
-        baseUrl: baseApiUrl,
-    });
+    if (!isValidWpApiUrl(baseApiUrl))
+        return [];
     try {
+        const pagesApi = createPageEndpoints({
+            baseUrl: baseApiUrl,
+        });
         const parentId = await getLegalParentId(baseApiUrl, lang, langId);
         if (!parentId)
             return [];
         const pages = await pagesApi.listAll({
             parent: parentId,
-            lang,
+            ...(lang ? { lang } : {}),
             _fields: ["slug"],
         });
         return pages.map((page) => ({
@@ -41,10 +46,12 @@ export async function getLegalStaticParams(baseApiUrl, lang, langId) {
     }
 }
 export async function fetchLegalPage(baseApiUrl, slug, lang, langId) {
-    const pagesApi = createPageEndpoints({
-        baseUrl: baseApiUrl,
-    });
+    if (!isValidWpApiUrl(baseApiUrl))
+        return null;
     try {
+        const pagesApi = createPageEndpoints({
+            baseUrl: baseApiUrl,
+        });
         const parentId = await getLegalParentId(baseApiUrl, lang, langId);
         if (!parentId)
             return null;
@@ -53,7 +60,7 @@ export async function fetchLegalPage(baseApiUrl, slug, lang, langId) {
             per_page: 1,
             _embed: true,
             parent: parentId,
-            lang,
+            ...(lang ? { lang } : {}),
         });
         if (response.items.length === 0) {
             return null;
@@ -66,10 +73,12 @@ export async function fetchLegalPage(baseApiUrl, slug, lang, langId) {
     }
 }
 export async function fetchPagesByTranslateKey({ baseApiUrl, translationKey, lang, langId, }) {
-    const pagesApi = createPageEndpoints({
-        baseUrl: baseApiUrl,
-    });
+    if (!isValidWpApiUrl(baseApiUrl))
+        return [];
     try {
+        const pagesApi = createPageEndpoints({
+            baseUrl: baseApiUrl,
+        });
         const parentId = await getLegalParentId(baseApiUrl, lang, langId);
         if (!parentId)
             return [];
@@ -78,7 +87,7 @@ export async function fetchPagesByTranslateKey({ baseApiUrl, translationKey, lan
             _embed: true,
             translation_key_v2: translationKey,
             parent: parentId,
-            lang,
+            ...(lang ? { lang } : {}),
         });
         const filtered = response.items.filter((item) => getTranslationKey(item) === translationKey);
         return filtered.length > 0 ? filtered : response.items;
@@ -92,17 +101,18 @@ export function buildLegalMetadata({ page, slug, canonicalBase, useYoast = true,
     const url = getAbsoluteUrl(`${canonicalBase}legal/${slug}`, siteUrl);
     const featuredMedia = getFeaturedMedia(page);
     const fallbackDescription = getPlainTextExcerpt(page.excerpt.rendered, 160);
+    const fallbackTitle = toPlainText(page.title.rendered) || page.title.rendered;
     const imageUrl = featuredMedia?.source_url;
     const languageAlternates = withXDefault(languages);
     const baseMetadata = {
-        title: page.title.rendered,
+        title: fallbackTitle,
         description: fallbackDescription,
         alternates: {
             canonical: url,
             ...(languageAlternates ? { languages: languageAlternates } : {}),
         },
         openGraph: {
-            title: page.title.rendered,
+            title: fallbackTitle,
             description: fallbackDescription,
             url,
             siteName,
@@ -111,7 +121,7 @@ export function buildLegalMetadata({ page, slug, canonicalBase, useYoast = true,
         },
         twitter: {
             card: "summary_large_image",
-            title: page.title.rendered,
+            title: fallbackTitle,
             description: fallbackDescription,
             images: imageUrl ? [imageUrl] : undefined,
         },
@@ -122,16 +132,17 @@ export function buildLegalMetadata({ page, slug, canonicalBase, useYoast = true,
     const yoastImageUrl = yoast?.og_image?.[0]?.url || imageUrl;
     const robots = buildYoastRobotsMeta(yoast?.robots);
     return {
-        title: yoast?.title || page.title.rendered,
-        description: yoast?.description || fallbackDescription,
+        title: toPlainText(yoast?.title) || fallbackTitle,
+        description: toPlainText(yoast?.description) || fallbackDescription,
         ...(robots ? { robots } : {}),
         alternates: {
             canonical: url,
             ...(languageAlternates ? { languages: languageAlternates } : {}),
         },
         openGraph: {
-            title: yoast?.og_title || yoast?.title || page.title.rendered,
-            description: yoast?.og_description || yoast?.description || fallbackDescription,
+            title: toPlainText(yoast?.og_title || yoast?.title) || fallbackTitle,
+            description: toPlainText(yoast?.og_description || yoast?.description) ||
+                fallbackDescription,
             url,
             siteName: yoast?.og_site_name,
             type: yoast?.og_type || "website",
@@ -139,8 +150,9 @@ export function buildLegalMetadata({ page, slug, canonicalBase, useYoast = true,
         },
         twitter: {
             card: yoast?.twitter_card || "summary_large_image",
-            title: yoast?.twitter_title || yoast?.title || page.title.rendered,
-            description: yoast?.twitter_description || yoast?.description || fallbackDescription,
+            title: toPlainText(yoast?.twitter_title || yoast?.title) || fallbackTitle,
+            description: toPlainText(yoast?.twitter_description || yoast?.description) ||
+                fallbackDescription,
             images: yoastImageUrl ? [yoastImageUrl] : undefined,
         },
     };

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

@@ -2,7 +2,7 @@ import { type WPPost } from "wpjsapi-lib";
 import type { Metadata } from "next";
 type PostStaticParamsInput = {
     baseApiUrl: string;
-    lang: string;
+    lang?: string;
     langId?: string;
 };
 type PostStaticParam = {

package/dist/base/post/index.js

@@ -1,6 +1,6 @@
-import { getFeaturedMedia, getOgImageUrl, getPlainTextExcerpt, getYoastHead, buildYoastRobotsMeta, } from "../../utils";
-import { getPostBySlug as getPostBySlugApi, listPostStaticParams, listPostsByTranslationKey, } from "../../api/posts";
-import { withXDefault } from "../../utils/hreflang";
+import { getFeaturedMedia, getOgImageUrl, getPlainTextExcerpt, getYoastHead, buildYoastRobotsMeta, toPlainText, } from "../../utils/index.js";
+import { getPostBySlug as getPostBySlugApi, listPostStaticParams, listPostsByTranslationKey, } from "../../api/posts.js";
+import { withXDefault } from "../../utils/hreflang.js";
 export async function getPostStaticParams({ baseApiUrl, lang, langId, }) {
     const result = await listPostStaticParams({
         baseApiUrl,
@@ -44,16 +44,17 @@ export function buildPostMetadata({ post, canonical, useYoast = true, siteName,
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = getOgImageUrl(post, featuredMedia);
     const fallbackDescription = getPlainTextExcerpt(post.excerpt?.rendered, 160);
+    const fallbackTitle = toPlainText(post.title.rendered) || post.title.rendered;
     const languageAlternates = withXDefault(languages);
     const fallbackMeta = {
-        title: post.title.rendered,
+        title: fallbackTitle,
         description: fallbackDescription,
         alternates: {
             canonical,
             ...(languageAlternates ? { languages: languageAlternates } : {}),
         },
         openGraph: {
-            title: post.title.rendered,
+            title: fallbackTitle,
             description: fallbackDescription,
             url: canonical,
             type: "article",
@@ -62,7 +63,7 @@ export function buildPostMetadata({ post, canonical, useYoast = true, siteName,
         },
         twitter: {
             card: "summary_large_image",
-            title: post.title.rendered,
+            title: fallbackTitle,
             description: fallbackDescription,
             images: imageUrl ? [imageUrl] : undefined,
         },
@@ -74,16 +75,17 @@ export function buildPostMetadata({ post, canonical, useYoast = true, siteName,
         return fallbackMeta;
     const robots = buildYoastRobotsMeta(yoast.robots);
     return {
-        title: yoast.title || post.title.rendered,
-        description: yoast.description || fallbackDescription,
+        title: toPlainText(yoast.title) || fallbackTitle,
+        description: toPlainText(yoast.description) || fallbackDescription,
         ...(robots ? { robots } : {}),
         alternates: {
             canonical,
             ...(languageAlternates ? { languages: languageAlternates } : {}),
         },
         openGraph: {
-            title: yoast.og_title || yoast.title || post.title.rendered,
-            description: yoast.og_description || yoast.description || fallbackDescription,
+            title: toPlainText(yoast.og_title || yoast.title) || fallbackTitle,
+            description: toPlainText(yoast.og_description || yoast.description) ||
+                fallbackDescription,
             url: canonical,
             type: yoast.og_type || "article",
             siteName: yoast.og_site_name,
@@ -91,8 +93,9 @@ export function buildPostMetadata({ post, canonical, useYoast = true, siteName,
         },
         twitter: {
             card: yoast.twitter_card || "summary_large_image",
-            title: yoast.twitter_title || yoast.title || post.title.rendered,
-            description: yoast.twitter_description || yoast.description || fallbackDescription,
+            title: toPlainText(yoast.twitter_title || yoast.title) || fallbackTitle,
+            description: toPlainText(yoast.twitter_description || yoast.description) ||
+                fallbackDescription,
             images: imageUrl ? [imageUrl] : undefined,
         },
     };

package/dist/components/Breadcrumbs/index.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
 import styles from "./index.module.css";
+import { Breadcrumb, BreadcrumbItem as BreadcrumbListItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "../ui/index.js";
 function truncateLabel(label, max = 30) {
     const trimmed = label.trim();
-    return trimmed.length > max ? `${trimmed.slice(0, max)}...` : trimmed;
+    return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
 }
 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) => {
+    return (_jsx(Breadcrumb, { className: styles.nav, children: _jsx(BreadcrumbList, { className: styles.list, children: items.map((item, idx) => {
                 const isLast = idx === items.length - 1;
                 const display = truncateLabel(item.label, 30);
-                return (_jsxs("li", { className: styles.item, children: [item.href && !isLast ? (_jsx(Link, { href: item.href, className: styles.link, title: item.label, children: display })) : (_jsx("span", { className: styles.current, "aria-current": isLast ? "page" : undefined, title: item.label, children: display })), idx < items.length - 1 && (_jsx("span", { className: styles.separator, children: "/" }))] }, `${item.label}-${idx}`));
+                return (_jsxs(BreadcrumbListItem, { className: styles.item, children: [item.href && !isLast ? (_jsx(BreadcrumbLink, { href: item.href, className: styles.link, title: item.label, children: display })) : (_jsx(BreadcrumbPage, { className: styles.current, title: item.label, children: display })), idx < items.length - 1 && (_jsx(BreadcrumbSeparator, { className: styles.separator }))] }, `${item.label}-${idx}`));
             }) }) }));
 }

package/dist/components/JsonLd.d.ts

@@ -0,0 +1,5 @@
+type JsonLdProps = {
+    data?: unknown;
+};
+export declare function JsonLd({ data }: JsonLdProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonLd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const escapeJsonForHtml = (value) => value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
+export function JsonLd({ data }) {
+    if (!data)
+        return null;
+    return (_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+            __html: escapeJsonForHtml(JSON.stringify(data)),
+        } }));
+}

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

@@ -1,4 +1,4 @@
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 interface PaginatorProps {
     currentPage: number;
     totalPages: number;

package/dist/components/Paginator/index.js

@@ -1,8 +1,8 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import Link from "next/link";
-import { getTranslator } from "../../utils";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslator } from "../../utils/index.js";
 import styles from "./index.module.css";
-import { buildPageRange, getPageUrl, normalizeBaseUrl, } from "./index.utils";
+import { buildPageRange, getPageUrl, normalizeBaseUrl, } from "./index.utils.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "../ui/index.js";
 export default function Paginator({ currentPage, totalPages, baseUrl, maxVisiblePages = 5, locale, }) {
     if (totalPages <= 1) {
         return null;
@@ -12,5 +12,5 @@ export default function Paginator({ currentPage, totalPages, baseUrl, maxVisible
     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"] }))] }));
+    return (_jsx(Pagination, { className: styles.nav, "aria-label": t("paginator.aria"), children: _jsxs(PaginationContent, { children: [hasPrev && (_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: getPageUrl(normalizedBaseUrl, currentPage - 1), children: t("paginator.prev") }) })), pages[0] > 1 && (_jsxs(_Fragment, { children: [_jsx(PaginationItem, { children: _jsx(PaginationLink, { href: getPageUrl(normalizedBaseUrl, 1), children: "1" }) }), pages[0] > 2 && (_jsx(PaginationItem, { children: _jsx(PaginationEllipsis, { className: styles.ellipsis }) }))] })), pages.map((page) => (_jsx(PaginationItem, { children: _jsx(PaginationLink, { href: getPageUrl(normalizedBaseUrl, page), isActive: currentPage === page, children: page }) }, page))), pages[pages.length - 1] < totalPages && (_jsxs(_Fragment, { children: [pages[pages.length - 1] < totalPages - 1 && (_jsx(PaginationItem, { children: _jsx(PaginationEllipsis, { className: styles.ellipsis }) })), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: getPageUrl(normalizedBaseUrl, totalPages), children: totalPages }) })] })), hasNext && (_jsx(PaginationItem, { children: _jsx(PaginationNext, { href: getPageUrl(normalizedBaseUrl, currentPage + 1), children: t("paginator.next") }) }))] }) }));
 }

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

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

package/dist/components/PostCard/index.js

@@ -1,14 +1,15 @@
 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 { getFeaturedMedia } from "../../utils/index.js";
+import { buildCategoryUrl, buildPostUrl, formatPostDate, resolveCategorySlug, } from "./index.utils.js";
 import styles from "./index.module.css";
+import { badgeClassName, Card, CardContent } from "../ui/index.js";
 function truncateText(text, max = 20) {
     const normalized = text.trim();
-    return normalized.length > max ? `${normalized.slice(0, max)}...` : normalized;
+    return normalized.length > max ? `${normalized.slice(0, max)}…` : normalized;
 }
-export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", basePath, }) {
+export default function PostCard({ post, categorySlug, locale = "en", defaultLocale, dateLocale = "en-US", basePath, }) {
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = featuredMedia?.source_url;
     const categories = (post._embedded?.["wp:term"]?.[0] || []).filter((cat) => Boolean(cat?.slug));
@@ -17,11 +18,12 @@ export default function PostCard({ post, categorySlug, locale = "en", dateLocale
         post,
         categorySlug: resolvedCategory,
         locale,
+        defaultLocale,
         basePath,
     });
-    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, basePath), className: `badge ${styles.badge}`, title: cat.name, children: truncateText(cat.name, 20) }, 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", { className: styles.title, dangerouslySetInnerHTML: {
+    return (_jsxs(Card, { as: "article", className: styles.card, children: [imageUrl && (_jsx(Link, { href: postUrl, className: styles.imageLink, children: _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(CardContent, { className: styles.body, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale, basePath, defaultLocale), className: badgeClassName(styles.badge), title: cat.name, children: truncateText(cat.name, 20) }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [_jsx("h2", { className: styles.title, dangerouslySetInnerHTML: {
                                     __html: post.title.rendered,
                                 } }), _jsx("div", { dangerouslySetInnerHTML: {
                                     __html: post.excerpt.rendered,
-                                }, className: styles.excerpt }), _jsx("time", { dateTime: post.date, className: styles.date, children: formatPostDate(post.date, dateLocale) })] })] })] }));
+                                }, className: styles.excerpt })] }), _jsx("time", { dateTime: post.date, className: styles.date, children: formatPostDate(post.date, dateLocale) })] })] }));
 }

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

@@ -7,30 +7,30 @@
 }
 
 .badges {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  right: 12px;
   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
-  z-index: 2;
+  margin-bottom: 0.15rem;
 }
 
 .badge {
   text-decoration: none;
-  box-shadow: 0 6px 16px var(--shadow);
+  box-shadow: none;
 }
 
+.imageLink,
 .postLink {
   text-decoration: none;
   color: inherit;
   display: block;
-  height: 100%;
   position: relative;
   z-index: 1;
 }
 
+.postLink:hover .title {
+  color: var(--primary);
+}
+
 .imageWrapper {
   position: relative;
   height: 220px;

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

@@ -1,8 +1,9 @@
 import type { WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 export type BuildUrlArgs = {
     post: WPPost;
     categorySlug?: string;
     locale?: Locale;
+    defaultLocale?: Locale;
     basePath?: string;
 };

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

@@ -1,8 +1,8 @@
 import type { WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
-import type { BuildUrlArgs } from "./index.types";
-export declare const getLangPrefix: (locale?: Locale) => string;
+import { type Locale } from "../../utils/index.js";
+import type { BuildUrlArgs } from "./index.types.js";
+export declare const getLangPrefix: (locale?: Locale, defaultLocale?: Locale) => string;
 export declare const resolveCategorySlug: (post: WPPost, categorySlug?: string) => string | undefined;
-export declare const buildPostUrl: ({ post, categorySlug, locale, basePath, }: BuildUrlArgs) => string;
-export declare const buildCategoryUrl: (slug: string, locale?: Locale, basePath?: string) => string;
+export declare const buildPostUrl: ({ post, categorySlug, locale, defaultLocale, basePath, }: BuildUrlArgs) => string;
+export declare const buildCategoryUrl: (slug: string, locale?: Locale, basePath?: string, defaultLocale?: Locale) => string;
 export declare const formatPostDate: (date: string, dateLocale?: string) => string;

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

@@ -1,5 +1,5 @@
-import { ensureTrailingSlash } from "../../utils";
-export const getLangPrefix = (locale) => locale && locale !== "en" ? `/${locale}` : "";
+import { ensureTrailingSlash } from "../../utils/index.js";
+export const getLangPrefix = (locale, defaultLocale) => locale && defaultLocale && locale !== defaultLocale ? `/${locale}` : "";
 const normalizeBasePath = (basePath) => {
     if (!basePath)
         return "";
@@ -9,15 +9,17 @@ const normalizeBasePath = (basePath) => {
     const trimmed = withLeadingSlash.replace(/\/+$/, "");
     return trimmed === "/" ? "" : trimmed;
 };
-const resolveLinkPrefix = (basePath, locale) => basePath !== undefined ? normalizeBasePath(basePath) : getLangPrefix(locale);
+const resolveLinkPrefix = (basePath, locale, defaultLocale) => basePath !== undefined
+    ? normalizeBasePath(basePath)
+    : getLangPrefix(locale, defaultLocale);
 export const resolveCategorySlug = (post, categorySlug) => {
     if (categorySlug)
         return categorySlug;
     const categories = (post._embedded?.["wp:term"]?.[0] || []);
     return categories[0]?.slug;
 };
-export const buildPostUrl = ({ post, categorySlug, locale, basePath, }) => {
-    const langPrefix = resolveLinkPrefix(basePath, locale);
+export const buildPostUrl = ({ post, categorySlug, locale, defaultLocale, basePath, }) => {
+    const langPrefix = resolveLinkPrefix(basePath, locale, defaultLocale);
     const resolvedCategory = categorySlug || resolveCategorySlug(post);
     const postPath = resolvedCategory
         ? `/${resolvedCategory}/${post.slug}`
@@ -25,7 +27,7 @@ export const buildPostUrl = ({ post, categorySlug, locale, basePath, }) => {
     const url = `${langPrefix}${postPath}`.replace(/\/+/g, "/");
     return ensureTrailingSlash(url);
 };
-export const buildCategoryUrl = (slug, locale, basePath) => ensureTrailingSlash(`${resolveLinkPrefix(basePath, locale)}/${slug}`.replace(/\/+/g, "/"));
+export const buildCategoryUrl = (slug, locale, basePath, defaultLocale) => ensureTrailingSlash(`${resolveLinkPrefix(basePath, locale, defaultLocale)}/${slug}`.replace(/\/+/g, "/"));
 export const formatPostDate = (date, dateLocale) => new Date(date).toLocaleDateString(dateLocale || "en-US", {
     year: "numeric",
     month: "long",

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
-export { default as Header } from "./layout/Header";
-export { default as Footer } from "./layout/Footer";
-export { default as Paginator } from "./Paginator";
-export { default as PostCard } from "./PostCard";
-export { Breadcrumbs } from "./Breadcrumbs";
+export { default as Header } from "./layout/Header/index.js";
+export { default as Footer } from "./layout/Footer/index.js";
+export { default as Paginator } from "./Paginator/index.js";
+export { default as PostCard } from "./PostCard/index.js";
+export { Breadcrumbs } from "./Breadcrumbs/index.js";
+export { JsonLd } from "./JsonLd.js";

package/dist/components/index.js

@@ -1,5 +1,6 @@
-export { default as Header } from "./layout/Header";
-export { default as Footer } from "./layout/Footer";
-export { default as Paginator } from "./Paginator";
-export { default as PostCard } from "./PostCard";
-export { Breadcrumbs } from "./Breadcrumbs";
+export { default as Header } from "./layout/Header/index.js";
+export { default as Footer } from "./layout/Footer/index.js";
+export { default as Paginator } from "./Paginator/index.js";
+export { default as PostCard } from "./PostCard/index.js";
+export { Breadcrumbs } from "./Breadcrumbs/index.js";
+export { JsonLd } from "./JsonLd.js";

package/dist/components/layout/Footer/index.d.ts

@@ -1,11 +1,11 @@
-import type { LogoProps } from "../types";
+import type { LogoProps } from "../types.js";
 export declare const dynamic = "force-static";
 export declare const revalidate = 3600;
 type FooterProps = {
-    menuId: string;
-    wpApiUrl: string;
-    wpUsername: string;
-    wpAppPassword: string;
+    menuId?: string;
+    wpApiUrl?: string;
+    wpUsername?: string;
+    wpAppPassword?: string;
     siteName: string;
     locale?: string;
     logo?: LogoProps;