wpheadless-lib 1.1.12 → 1.1.15

package/dist/base/legal/index.js

@@ -8,13 +8,14 @@ async function getLegalParentId(baseApiUrl, lang, langId) {
         return null;
     const pagesApi = createPageEndpoints({ baseUrl: baseApiUrl });
     try {
-        const parent = await pagesApi.list({
-            slug: "legal",
-            per_page: 1,
-            _fields: ["id", "language", "taxonomies", "meta"],
+        const parent = await pagesApi.listAll({
+            parent: 0,
+            translation_key_v2: "legal",
+            _fields: ["id", "slug", "language", "taxonomies", "meta"],
         });
-        const match = parent.items.find((p) => langId && getEntityLanguageId(p)?.toString() === langId.toString());
-        return (match ?? parent.items[0])?.id ?? null;
+        const parentItems = parent.filter((item) => getTranslationKey(item) === "legal");
+        const match = parentItems.find((p) => langId && getEntityLanguageId(p)?.toString() === langId.toString());
+        return (match ?? parentItems[0])?.id ?? null;
     }
     catch (error) {
         console.error("Error obteniendo página padre legal:", error);

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

@@ -0,0 +1,15 @@
+import { type Locale } from "../../utils/index.js";
+export type LanguageLink = {
+    code: string;
+    label: string;
+    href: string;
+    current?: boolean;
+};
+type LanguageLinksProps = {
+    links?: LanguageLink[];
+    label?: string;
+    locale?: Locale;
+    className?: string;
+};
+export declare function LanguageLinks({ links, label, locale, className, }: LanguageLinksProps): import("react").JSX.Element;
+export {};

package/dist/components/LanguageLinks/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import styles from "./index.module.css";
+import { getTranslator } from "../../utils/index.js";
+export function LanguageLinks({ links, label, locale, className, }) {
+    const visibleLinks = links?.filter((link) => link.href) ?? [];
+    if (visibleLinks.length < 2)
+        return null;
+    const t = getTranslator(locale);
+    const resolvedLabel = label ?? t("language.available");
+    return (_jsxs("nav", { "aria-label": resolvedLabel, className: [styles.languageLinks, className].filter(Boolean).join(" "), children: [_jsx("span", { className: styles.label, children: resolvedLabel }), _jsx("ul", { className: styles.list, children: visibleLinks.map((link) => (_jsx("li", { children: link.current ? (_jsx("span", { className: `${styles.link} ${styles.current}`, "aria-current": "page", lang: link.code, children: link.label })) : (_jsx(Link, { href: link.href, className: styles.link, hrefLang: link.code, children: link.label })) }, link.code))) })] }));
+}

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

@@ -0,0 +1,78 @@
+.languageLinks {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  max-width: 100%;
+  margin: 1.25rem 0;
+  padding: 0.8rem 0.9rem;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--background-alt);
+  color: var(--foreground-light);
+  font-size: 0.875rem;
+}
+
+.label {
+  flex: 0 0 auto;
+  font-weight: 650;
+  color: var(--foreground);
+}
+
+.list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4rem;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.link {
+  display: inline-flex;
+  align-items: center;
+  min-height: 2rem;
+  padding: 0.34rem 0.7rem;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--background);
+  color: var(--foreground);
+  font-size: 0.82rem;
+  font-weight: 650;
+  line-height: 1;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.link:hover {
+  color: var(--primary);
+  border-color: var(--primary);
+}
+
+.link[aria-current="page"] {
+  background: var(--foreground);
+  border-color: var(--foreground);
+  color: var(--background);
+}
+
+.current {
+  cursor: default;
+}
+
+.current:hover {
+  color: var(--background);
+  border-color: var(--foreground);
+}
+
+@media (max-width: 640px) {
+  .languageLinks {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.45rem;
+  }
+
+  .list {
+    width: 100%;
+  }
+}

package/dist/components/index.d.ts

@@ -4,3 +4,5 @@ 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";
+export { LanguageLinks } from "./LanguageLinks/index.js";
+export type { LanguageLink } from "./LanguageLinks/index.js";

package/dist/components/index.js

@@ -4,3 +4,4 @@ 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";
+export { LanguageLinks } from "./LanguageLinks/index.js";

package/dist/utils/hreflang.d.ts

@@ -1,4 +1,5 @@
 import { type SiteLanguage, type SiteLanguageInput } from "./language.js";
+import type { LanguageLink } from "../components/index.js";
 export type LanguageConfig = SiteLanguageInput;
 export declare function getHreflangCode(language: Pick<SiteLanguageInput, "code">): string;
 export declare function getTranslationKey(entity: unknown): string | undefined;
@@ -32,4 +33,9 @@ export declare function buildAbsoluteLangUrl({ basePath, path, siteUrl, }: {
     siteUrl?: string;
 }): string;
 export declare function withXDefault(languages?: Record<string, string>): Record<string, string> | undefined;
+export declare function buildLanguageLinks({ languages, alternates, currentCode, }: {
+    languages: LanguageConfig[];
+    alternates?: Record<string, string>;
+    currentCode?: string;
+}): LanguageLink[];
 export {};

package/dist/utils/hreflang.js

@@ -1,5 +1,12 @@
 import { getAbsoluteUrl } from "./routing.js";
 import { normalizeLanguages, shouldRenderLanguageAlternates, } from "./language.js";
+const languageLabels = {
+    en: "English",
+    es: "Español",
+    fr: "Français",
+    de: "Deutsch",
+    "pt-br": "Português",
+};
 const normalizeBasePath = (basePath) => basePath.endsWith("/") ? basePath : `${basePath}/`;
 export function getHreflangCode(language) {
     const [languageCode, regionCode] = language.code.split("-");
@@ -104,3 +111,23 @@ export function withXDefault(languages) {
         : { ...languages };
     return Object.keys(result).length > 1 ? result : undefined;
 }
+export function buildLanguageLinks({ languages, alternates, currentCode, }) {
+    if (!alternates)
+        return [];
+    return normalizeLanguages(languages)
+        .map((language) => {
+        const hreflang = getHreflangCode(language);
+        const href = alternates[hreflang];
+        if (!href)
+            return null;
+        return {
+            code: hreflang,
+            label: languageLabels[language.code] || language.locale || language.code,
+            href,
+            current: language.code === currentCode ||
+                language.locale === currentCode ||
+                hreflang === currentCode,
+        };
+    })
+        .filter((link) => Boolean(link));
+}

package/dist/utils/html.d.ts

@@ -1,6 +1,8 @@
-/**
- * Remove HTML tags from a string.
- */
 export declare function stripTags(html?: string): string | undefined;
 export declare function decodeHtmlEntities(value?: string): string | undefined;
 export declare function toPlainText(html?: string): string | undefined;
+export declare function rewritePostContentLinks(html: string, opts?: {
+    siteUrl?: string;
+    wpApiUrl?: string;
+    basePath?: string;
+}): string;

package/dist/utils/html.js

@@ -1,6 +1,7 @@
 /**
  * Remove HTML tags from a string.
  */
+import { ensureTrailingSlash, getSiteUrl } from "./routing.js";
 export function stripTags(html) {
     if (!html)
         return undefined;
@@ -31,3 +32,50 @@ export function toPlainText(html) {
     const decoded = decodeHtmlEntities(stripped);
     return decoded?.replace(/\s+/g, " ").trim() || undefined;
 }
+const getOrigin = (url) => {
+    if (!url)
+        return null;
+    try {
+        return new URL(url).origin;
+    }
+    catch {
+        return null;
+    }
+};
+const getWpOrigin = (wpApiUrl) => {
+    if (!wpApiUrl)
+        return null;
+    return getOrigin(wpApiUrl.replace(/\/wp-json\/?$/, ""));
+};
+const escapeHtmlAttribute = (value) => value
+    .replace(/&/g, "&")
+    .replace(/"/g, """)
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;");
+const normalizePathWithBase = (basePath, pathname) => {
+    const normalizedBase = ensureTrailingSlash(basePath || "/");
+    const normalizedPath = pathname.startsWith("/") ? pathname.slice(1) : pathname;
+    return ensureTrailingSlash(`${normalizedBase}${normalizedPath}`.replace(/\/+/g, "/"));
+};
+export function rewritePostContentLinks(html, opts = {}) {
+    const sourceOrigin = getWpOrigin(opts.wpApiUrl);
+    const targetOrigin = getOrigin(getSiteUrl(opts.siteUrl));
+    if (!sourceOrigin || !targetOrigin || sourceOrigin === targetOrigin) {
+        return html;
+    }
+    return html.replace(/\bhref\s*=\s*(["'])(.*?)\1/gi, (match, quote, rawHref) => {
+        const decodedHref = decodeHtmlEntities(rawHref) || rawHref;
+        let parsed;
+        try {
+            parsed = new URL(decodedHref);
+        }
+        catch {
+            return match;
+        }
+        if (parsed.origin !== sourceOrigin)
+            return match;
+        const path = normalizePathWithBase(opts.basePath || "/", parsed.pathname);
+        const rewritten = `${targetOrigin}${path}${parsed.search}${parsed.hash}`;
+        return `href=${quote}${escapeHtmlAttribute(rewritten)}${quote}`;
+    });
+}

package/dist/utils/i18n.js

@@ -10,6 +10,9 @@ const defaultMessages = {
             openMenu: "Open menu",
             closeMenu: "Close menu",
         },
+        language: {
+            available: "Available languages",
+        },
         site: {
             title: "Site title",
             description: "Site description",
@@ -66,6 +69,9 @@ const defaultMessages = {
             openMenu: "Abrir menú",
             closeMenu: "Cerrar menú",
         },
+        language: {
+            available: "Idiomas disponibles",
+        },
         site: {
             title: "Título del sitio",
             description: "Descripción del sitio",

package/dist/utils/language.d.ts

@@ -3,6 +3,8 @@ export type SiteLanguageInput = {
     basePath?: string;
     langId?: string;
     wpLang?: string;
+    menuHeaderId?: string;
+    menuFooterId?: string;
     locale?: string;
     dateLocale?: string;
     isDefault?: boolean;

package/dist/utils/sitemap.js

@@ -44,6 +44,9 @@ const escapeXml = (value) => value
     .replace(/"/g, """)
     .replace(/'/g, "'");
 const renderAlternates = (alternates) => {
+    const languageKeys = Object.keys(alternates ?? {}).filter((key) => key !== "x-default");
+    if (languageKeys.length < 2)
+        return undefined;
     const normalizedAlternates = withXDefault(alternates);
     if (!normalizedAlternates)
         return undefined;
@@ -160,7 +163,6 @@ export async function getHomePaginationEntries(cfg) {
 }
 export async function getCategoryEntries(cfg) {
     const entries = [];
-    const { runtimeConfig } = cfg;
     const languages = normalizeLanguages(cfg.languages);
     const wpApiUrl = resolveWpApiUrl(cfg);
     const siteUrl = resolveSiteUrl(cfg);
@@ -176,9 +178,29 @@ export async function getCategoryEntries(cfg) {
             _fields: ["id", "slug", "name", "description", "meta", "yoast_head_json"],
         });
         const indexableCategories = categories.filter((cat) => !isNoindexEntity(cat));
-        categoriesPerLang[langCfg.code] = indexableCategories;
+        const categoriesWithPosts = await mapConcurrent(indexableCategories, async (cat) => {
+            const catPosts = await listPostsWithEmbeds({
+                baseApiUrl: wpApiUrl,
+                categories: [cat.id],
+                perPage: 1,
+                page: 1,
+                langId: langCfg.langId,
+                orderby: "date",
+                order: "desc",
+            });
+            const latest = catPosts.ok ? catPosts.data?.items[0] : undefined;
+            if (!latest)
+                return null;
+            const lastmod = latest?.modified ||
+                latest?.date;
+            return {
+                category: cat,
+                lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
+            };
+        });
+        categoriesPerLang[langCfg.code] = categoriesWithPosts.filter((item) => Boolean(item));
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
-        for (const cat of indexableCategories) {
+        for (const { category: cat } of categoriesPerLang[langCfg.code]) {
             if (!renderAlternatesForLanguages)
                 continue;
             const translationKey = getTranslationKey(cat);
@@ -194,20 +216,8 @@ export async function getCategoryEntries(cfg) {
     for (const langCfg of languages) {
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
         const categories = categoriesPerLang[langCfg.code] ?? [];
-        const categoryEntries = await mapConcurrent(categories, async (cat) => {
+        const categoryEntries = categories.map(({ category: cat, lastmod }) => {
             const url = getAbsoluteUrl(`${basePath}${cat.slug}/`, siteUrl);
-            const catPosts = await listPostsWithEmbeds({
-                baseApiUrl: wpApiUrl,
-                categories: [cat.id],
-                perPage: runtimeConfig.postsPerPagePagination,
-                page: 1,
-                langId: langCfg.langId,
-                orderby: "date",
-                order: "desc",
-            });
-            const latest = catPosts.ok ? catPosts.data?.items[0] : undefined;
-            const lastmod = latest?.modified ||
-                latest?.date;
             const alt = (() => {
                 if (!renderAlternatesForLanguages)
                     return undefined;
@@ -219,7 +229,7 @@ export async function getCategoryEntries(cfg) {
             })();
             return {
                 url,
-                lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
+                lastmod,
                 alternates: alt,
             };
         });

package/dist/views/CategoryListView/index.d.ts

@@ -1,5 +1,6 @@
 import { type WPCategory, type WPPost } from "wpjsapi-lib";
 import { type Locale } from "../../utils/index.js";
+import { type LanguageLink } from "../../components/index.js";
 type CategoryListViewProps = {
     category: WPCategory;
     posts: WPPost[];
@@ -9,6 +10,7 @@ type CategoryListViewProps = {
     linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
+    languageLinks?: LanguageLink[];
 };
-export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, }: CategoryListViewProps): import("react").JSX.Element;
+export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, languageLinks, }: CategoryListViewProps): import("react").JSX.Element;
 export {};

package/dist/views/CategoryListView/index.js

@@ -3,9 +3,9 @@ import Paginator from "../../components/Paginator/index.js";
 import PostCard from "../../components/PostCard/index.js";
 import styles from "./index.module.css";
 import { getCountLabel, getEmptyLabel, getPaginatorBase } from "./index.utils.js";
-import { Breadcrumbs, JsonLd } from "../../components/index.js";
+import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
 import { getTranslator, getYoastSchema } from "../../utils/index.js";
-export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", }) {
+export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", languageLinks, }) {
     const paginatorBase = getPaginatorBase(category, baseUrl);
     const countLabel = getCountLabel(category, locale);
     const emptyLabel = getEmptyLabel(locale);
@@ -13,5 +13,5 @@ export function CategoryListView({ category, posts, totalPages, baseUrl, homeHre
     return (_jsxs("div", { className: styles.container, children: [_jsx(JsonLd, { data: getYoastSchema(category) }), _jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
                             { label: "Home", href: homeHref },
                             { label: category.name },
-                        ] }), _jsx("h1", { className: styles.title, children: category.name }), category.description && (_jsx("div", { className: styles.description, dangerouslySetInnerHTML: { __html: category.description } })), countLabel && _jsx("p", { className: styles.count, children: countLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("home.title"), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
+                        ] }), _jsx("h1", { className: styles.title, children: category.name }), category.description && (_jsx("div", { className: styles.description, dangerouslySetInnerHTML: { __html: category.description } })), countLabel && _jsx("p", { className: styles.count, children: countLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("home.title"), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale }), _jsx(LanguageLinks, { links: languageLinks, locale: locale })] }))] }));
 }

package/dist/views/HomeView/index.d.ts

@@ -1,5 +1,6 @@
 import { type WPPost } from "wpjsapi-lib";
 import { type Locale } from "../../utils/index.js";
+import { type LanguageLink } from "../../components/index.js";
 type HomeViewProps = {
     featuredPost?: WPPost;
     regularPosts: WPPost[];
@@ -9,6 +10,7 @@ type HomeViewProps = {
     linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
+    languageLinks?: LanguageLink[];
 };
-export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: HomeViewProps): import("react").JSX.Element;
+export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, languageLinks, }: HomeViewProps): import("react").JSX.Element;
 export {};

package/dist/views/HomeView/index.js

@@ -6,11 +6,12 @@ import PostCard from "../../components/PostCard/index.js";
 import styles from "./index.module.css";
 import { buildFeaturedViewModel, getHomeCopy } from "./index.utils.js";
 import { Alert, AlertDescription, AlertTitle, badgeClassName, } from "../../components/ui/index.js";
+import { LanguageLinks } from "../../components/index.js";
 function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
     return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
 }
-export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
+export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", languageLinks, }) {
     const copy = getHomeCopy(locale);
     const featuredModel = featuredPost
         ? buildFeaturedViewModel(featuredPost, locale, dateLocale, linkBasePath)
@@ -22,5 +23,5 @@ export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUr
                                                 __html: featuredModel.titleHtml,
                                             }, className: styles.featuredTitle }) }), _jsx("div", { dangerouslySetInnerHTML: {
                                             __html: featuredModel.excerptHtml,
-                                        }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })) }), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] })) }));
+                                        }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })) }), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale }), _jsx(LanguageLinks, { links: languageLinks, locale: locale })] })) }));
 }

package/dist/views/LegalPageView/index.d.ts

@@ -1,9 +1,13 @@
 import { type WPPage } from "wpjsapi-lib";
+import { type LanguageLink } from "../../components/index.js";
+import { type Locale } from "../../utils/index.js";
 type LegalPageViewProps = {
     page: WPPage;
     dateLocale?: string;
     homeHref: string;
+    locale?: Locale;
     priorityImage?: boolean;
+    languageLinks?: LanguageLink[];
 };
-export declare function LegalPageView({ page, homeHref, priorityImage, }: LegalPageViewProps): import("react").JSX.Element;
+export declare function LegalPageView({ page, homeHref, locale, priorityImage, languageLinks, }: LegalPageViewProps): import("react").JSX.Element;
 export {};

package/dist/views/LegalPageView/index.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import styles from "./index.module.css";
 import { getLegalContent, getLegalImage } from "./index.utils.js";
-import { Breadcrumbs, JsonLd } from "../../components/index.js";
+import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
 import { getYoastSchema, stripTags } from "../../utils/index.js";
-export function LegalPageView({ page, homeHref, priorityImage = true, }) {
+export function LegalPageView({ page, homeHref, locale, priorityImage = true, languageLinks, }) {
     const featuredImage = getLegalImage(page);
     const { titleHtml, contentHtml } = getLegalContent(page);
     const titleText = stripTags(titleHtml) || titleHtml;
-    return (_jsxs("article", { className: styles.article, children: [_jsx(JsonLd, { data: getYoastSchema(page) }), _jsx(Breadcrumbs, { items: [{ label: "Home", href: homeHref }, { label: titleText }] }), featuredImage && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, width: featuredImage.width, height: featuredImage.height, className: styles.image, priority: priorityImage }) })), _jsx("h1", { dangerouslySetInnerHTML: { __html: titleHtml }, className: styles.title }), _jsx("div", { dangerouslySetInnerHTML: { __html: contentHtml }, className: `post-content ${styles.content}` })] }));
+    return (_jsxs("article", { className: styles.article, children: [_jsx(JsonLd, { data: getYoastSchema(page) }), _jsx(Breadcrumbs, { items: [{ label: "Home", href: homeHref }, { label: titleText }] }), featuredImage && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, width: featuredImage.width, height: featuredImage.height, className: styles.image, priority: priorityImage }) })), _jsx("h1", { dangerouslySetInnerHTML: { __html: titleHtml }, className: styles.title }), _jsx(LanguageLinks, { links: languageLinks, locale: locale }), _jsx("div", { dangerouslySetInnerHTML: { __html: contentHtml }, className: `post-content ${styles.content}` })] }));
 }

package/dist/views/PostView/index.d.ts

@@ -1,5 +1,6 @@
 import { type WPPost } from "wpjsapi-lib";
 import { type Locale } from "../../utils/index.js";
+import { type LanguageLink } from "../../components/index.js";
 type PostViewProps = {
     post: WPPost;
     dateLocale?: string;
@@ -8,6 +9,9 @@ type PostViewProps = {
     authorDescription?: string | null;
     disclaimer?: string;
     priorityImage?: boolean;
+    siteUrl?: string;
+    wpApiUrl?: string;
+    languageLinks?: LanguageLink[];
 };
-export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, priorityImage, }: PostViewProps): import("react").JSX.Element;
+export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, priorityImage, siteUrl, wpApiUrl, languageLinks, }: PostViewProps): import("react").JSX.Element;
 export {};

package/dist/views/PostView/index.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from "next/image";
 import Link from "next/link";
 import styles from "./index.module.css";
-import { getTranslator, getYoastSchema } from "../../utils/index.js";
-import { Breadcrumbs, JsonLd } from "../../components/index.js";
+import { getTranslator, getYoastSchema, rewritePostContentLinks, } from "../../utils/index.js";
+import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
 import { buildCategoryUrl, formatPublishedDate, getAuthor, getFeaturedImage, getPrimaryCategory, } from "./index.utils.js";
 import { stripTags } from "../../utils/index.js";
 import { Alert, badgeClassName, Card, CardContent } from "../../components/ui/index.js";
@@ -11,7 +11,7 @@ function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
     return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
 }
-export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, priorityImage = true, }) {
+export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, priorityImage = true, siteUrl, wpApiUrl, languageLinks, }) {
     const t = getTranslator(locale);
     const author = getAuthor(post);
     const authorBio = authorDescription ?? author?.description;
@@ -19,6 +19,11 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
     const categoryUrl = buildCategoryUrl(categoryBasePath, primaryCategory?.slug);
     const featuredImage = getFeaturedImage(post, locale);
     const publishedDate = formatPublishedDate(post.date, dateLocale);
+    const contentHtml = rewritePostContentLinks(post.content.rendered, {
+        siteUrl,
+        wpApiUrl,
+        basePath: categoryBasePath,
+    });
     const breadcrumbs = primaryCategory && categoryUrl
         ? [
             { label: "Home", href: categoryBasePath },
@@ -29,5 +34,5 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
             { label: "Home", href: categoryBasePath },
             { label: stripTags(post.title.rendered) || post.title.rendered },
         ];
-    return (_jsxs("div", { className: styles.container, children: [_jsx(JsonLd, { data: getYoastSchema(post) }), _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [_jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, fill: true, className: styles.image, priority: priorityImage, sizes: "(max-width: 1200px) 100vw, 1200px" }), _jsx("div", { className: styles.heroOverlay, "aria-hidden": "true" }), primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx(Link, { href: categoryUrl, className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: `${styles.title} ${styles.heroTitle}` })] })), !featuredImage && (_jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) })), _jsxs("div", { className: styles.meta, children: [author && (_jsx("span", { className: styles.authorLabel, children: t("post.authorPrefix", { name: author.name }) })), _jsx("span", { children: "\u2022" }), _jsx("time", { dateTime: post.date, children: publishedDate })] }), _jsx("div", { dangerouslySetInnerHTML: { __html: post.content.rendered }, className: `post-content ${styles.content}` }), disclaimer && (_jsx(Alert, { className: styles.disclaimer, role: "note", children: disclaimer })), author && (_jsx(Card, { as: "aside", className: styles.authorCard, size: "sm", children: _jsx(CardContent, { children: _jsxs("address", { className: styles.authorAddress, children: [_jsx("strong", { className: styles.authorName, children: author.name }), authorBio && _jsx("p", { className: styles.authorBio, children: authorBio })] }) }) }))] })] }));
+    return (_jsxs("div", { className: styles.container, children: [_jsx(JsonLd, { data: getYoastSchema(post) }), _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [_jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, fill: true, className: styles.image, priority: priorityImage, sizes: "(max-width: 1200px) 100vw, 1200px" }), _jsx("div", { className: styles.heroOverlay, "aria-hidden": "true" }), primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx(Link, { href: categoryUrl, className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: `${styles.title} ${styles.heroTitle}` })] })), !featuredImage && (_jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) })), _jsxs("div", { className: styles.meta, children: [author && (_jsx("span", { className: styles.authorLabel, children: t("post.authorPrefix", { name: author.name }) })), _jsx("span", { children: "\u2022" }), _jsx("time", { dateTime: post.date, children: publishedDate })] }), _jsx("div", { dangerouslySetInnerHTML: { __html: contentHtml }, className: `post-content ${styles.content}` }), disclaimer && (_jsx(Alert, { className: styles.disclaimer, role: "note", children: disclaimer })), _jsx(LanguageLinks, { links: languageLinks, locale: locale }), author && (_jsx(Card, { as: "aside", className: styles.authorCard, size: "sm", children: _jsx(CardContent, { children: _jsxs("address", { className: styles.authorAddress, children: [_jsx("strong", { className: styles.authorName, children: author.name }), authorBio && _jsx("p", { className: styles.authorBio, children: authorBio })] }) }) }))] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wpheadless-lib",
-  "version": "1.1.12",
+  "version": "1.1.15",
   "private": false,
   "type": "module",
   "main": "dist/index.js",