wpheadless-lib 1.1.12 → 1.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,13 +8,14 @@ async function getLegalParentId(baseApiUrl, lang, langId) {
8
8
  return null;
9
9
  const pagesApi = createPageEndpoints({ baseUrl: baseApiUrl });
10
10
  try {
11
- const parent = await pagesApi.list({
12
- slug: "legal",
13
- per_page: 1,
14
- _fields: ["id", "language", "taxonomies", "meta"],
11
+ const parent = await pagesApi.listAll({
12
+ parent: 0,
13
+ translation_key_v2: "legal",
14
+ _fields: ["id", "slug", "language", "taxonomies", "meta"],
15
15
  });
16
- const match = parent.items.find((p) => langId && getEntityLanguageId(p)?.toString() === langId.toString());
17
- return (match ?? parent.items[0])?.id ?? null;
16
+ const parentItems = parent.filter((item) => getTranslationKey(item) === "legal");
17
+ const match = parentItems.find((p) => langId && getEntityLanguageId(p)?.toString() === langId.toString());
18
+ return (match ?? parentItems[0])?.id ?? null;
18
19
  }
19
20
  catch (error) {
20
21
  console.error("Error obteniendo página padre legal:", error);
@@ -0,0 +1,13 @@
1
+ export type LanguageLink = {
2
+ code: string;
3
+ label: string;
4
+ href: string;
5
+ current?: boolean;
6
+ };
7
+ type LanguageLinksProps = {
8
+ links?: LanguageLink[];
9
+ label?: string;
10
+ className?: string;
11
+ };
12
+ export declare function LanguageLinks({ links, label, className, }: LanguageLinksProps): import("react").JSX.Element;
13
+ export {};
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Link from "next/link";
3
+ import styles from "./index.module.css";
4
+ export function LanguageLinks({ links, label = "Available languages", className, }) {
5
+ const visibleLinks = links?.filter((link) => link.href) ?? [];
6
+ if (visibleLinks.length < 2)
7
+ return null;
8
+ return (_jsxs("nav", { "aria-label": label, className: [styles.languageLinks, className].filter(Boolean).join(" "), children: [_jsx("span", { className: styles.label, children: label }), _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))) })] }));
9
+ }
@@ -0,0 +1,78 @@
1
+ .languageLinks {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 0.6rem;
5
+ max-width: 100%;
6
+ margin: 1.25rem 0;
7
+ padding: 0.8rem 0.9rem;
8
+ border: 1px solid var(--border);
9
+ border-radius: 8px;
10
+ background: var(--background-alt);
11
+ color: var(--foreground-light);
12
+ font-size: 0.875rem;
13
+ }
14
+
15
+ .label {
16
+ flex: 0 0 auto;
17
+ font-weight: 650;
18
+ color: var(--foreground);
19
+ }
20
+
21
+ .list {
22
+ display: flex;
23
+ flex-wrap: wrap;
24
+ align-items: center;
25
+ gap: 0.4rem;
26
+ min-width: 0;
27
+ margin: 0;
28
+ padding: 0;
29
+ list-style: none;
30
+ }
31
+
32
+ .link {
33
+ display: inline-flex;
34
+ align-items: center;
35
+ min-height: 2rem;
36
+ padding: 0.34rem 0.7rem;
37
+ border: 1px solid var(--border);
38
+ border-radius: 999px;
39
+ background: var(--background);
40
+ color: var(--foreground);
41
+ font-size: 0.82rem;
42
+ font-weight: 650;
43
+ line-height: 1;
44
+ text-decoration: none;
45
+ white-space: nowrap;
46
+ }
47
+
48
+ .link:hover {
49
+ color: var(--primary);
50
+ border-color: var(--primary);
51
+ }
52
+
53
+ .link[aria-current="page"] {
54
+ background: var(--foreground);
55
+ border-color: var(--foreground);
56
+ color: var(--background);
57
+ }
58
+
59
+ .current {
60
+ cursor: default;
61
+ }
62
+
63
+ .current:hover {
64
+ color: var(--background);
65
+ border-color: var(--foreground);
66
+ }
67
+
68
+ @media (max-width: 640px) {
69
+ .languageLinks {
70
+ align-items: flex-start;
71
+ flex-direction: column;
72
+ gap: 0.45rem;
73
+ }
74
+
75
+ .list {
76
+ width: 100%;
77
+ }
78
+ }
@@ -4,3 +4,5 @@ export { default as Paginator } from "./Paginator/index.js";
4
4
  export { default as PostCard } from "./PostCard/index.js";
5
5
  export { Breadcrumbs } from "./Breadcrumbs/index.js";
6
6
  export { JsonLd } from "./JsonLd.js";
7
+ export { LanguageLinks } from "./LanguageLinks/index.js";
8
+ export type { LanguageLink } from "./LanguageLinks/index.js";
@@ -4,3 +4,4 @@ export { default as Paginator } from "./Paginator/index.js";
4
4
  export { default as PostCard } from "./PostCard/index.js";
5
5
  export { Breadcrumbs } from "./Breadcrumbs/index.js";
6
6
  export { JsonLd } from "./JsonLd.js";
7
+ export { LanguageLinks } from "./LanguageLinks/index.js";
@@ -1,4 +1,5 @@
1
1
  import { type SiteLanguage, type SiteLanguageInput } from "./language.js";
2
+ import type { LanguageLink } from "../components/index.js";
2
3
  export type LanguageConfig = SiteLanguageInput;
3
4
  export declare function getHreflangCode(language: Pick<SiteLanguageInput, "code">): string;
4
5
  export declare function getTranslationKey(entity: unknown): string | undefined;
@@ -32,4 +33,9 @@ export declare function buildAbsoluteLangUrl({ basePath, path, siteUrl, }: {
32
33
  siteUrl?: string;
33
34
  }): string;
34
35
  export declare function withXDefault(languages?: Record<string, string>): Record<string, string> | undefined;
36
+ export declare function buildLanguageLinks({ languages, alternates, currentCode, }: {
37
+ languages: LanguageConfig[];
38
+ alternates?: Record<string, string>;
39
+ currentCode?: string;
40
+ }): LanguageLink[];
35
41
  export {};
@@ -1,5 +1,12 @@
1
1
  import { getAbsoluteUrl } from "./routing.js";
2
2
  import { normalizeLanguages, shouldRenderLanguageAlternates, } from "./language.js";
3
+ const languageLabels = {
4
+ en: "English",
5
+ es: "Español",
6
+ fr: "Français",
7
+ de: "Deutsch",
8
+ "pt-br": "Português",
9
+ };
3
10
  const normalizeBasePath = (basePath) => basePath.endsWith("/") ? basePath : `${basePath}/`;
4
11
  export function getHreflangCode(language) {
5
12
  const [languageCode, regionCode] = language.code.split("-");
@@ -104,3 +111,23 @@ export function withXDefault(languages) {
104
111
  : { ...languages };
105
112
  return Object.keys(result).length > 1 ? result : undefined;
106
113
  }
114
+ export function buildLanguageLinks({ languages, alternates, currentCode, }) {
115
+ if (!alternates)
116
+ return [];
117
+ return normalizeLanguages(languages)
118
+ .map((language) => {
119
+ const hreflang = getHreflangCode(language);
120
+ const href = alternates[hreflang];
121
+ if (!href)
122
+ return null;
123
+ return {
124
+ code: hreflang,
125
+ label: languageLabels[language.code] || language.locale || language.code,
126
+ href,
127
+ current: language.code === currentCode ||
128
+ language.locale === currentCode ||
129
+ hreflang === currentCode,
130
+ };
131
+ })
132
+ .filter((link) => Boolean(link));
133
+ }
@@ -1,6 +1,8 @@
1
- /**
2
- * Remove HTML tags from a string.
3
- */
4
1
  export declare function stripTags(html?: string): string | undefined;
5
2
  export declare function decodeHtmlEntities(value?: string): string | undefined;
6
3
  export declare function toPlainText(html?: string): string | undefined;
4
+ export declare function rewritePostContentLinks(html: string, opts?: {
5
+ siteUrl?: string;
6
+ wpApiUrl?: string;
7
+ basePath?: string;
8
+ }): string;
@@ -1,6 +1,7 @@
1
1
  /**
2
2
  * Remove HTML tags from a string.
3
3
  */
4
+ import { ensureTrailingSlash, getSiteUrl } from "./routing.js";
4
5
  export function stripTags(html) {
5
6
  if (!html)
6
7
  return undefined;
@@ -31,3 +32,50 @@ export function toPlainText(html) {
31
32
  const decoded = decodeHtmlEntities(stripped);
32
33
  return decoded?.replace(/\s+/g, " ").trim() || undefined;
33
34
  }
35
+ const getOrigin = (url) => {
36
+ if (!url)
37
+ return null;
38
+ try {
39
+ return new URL(url).origin;
40
+ }
41
+ catch {
42
+ return null;
43
+ }
44
+ };
45
+ const getWpOrigin = (wpApiUrl) => {
46
+ if (!wpApiUrl)
47
+ return null;
48
+ return getOrigin(wpApiUrl.replace(/\/wp-json\/?$/, ""));
49
+ };
50
+ const escapeHtmlAttribute = (value) => value
51
+ .replace(/&/g, "&amp;")
52
+ .replace(/"/g, "&quot;")
53
+ .replace(/</g, "&lt;")
54
+ .replace(/>/g, "&gt;");
55
+ const normalizePathWithBase = (basePath, pathname) => {
56
+ const normalizedBase = ensureTrailingSlash(basePath || "/");
57
+ const normalizedPath = pathname.startsWith("/") ? pathname.slice(1) : pathname;
58
+ return ensureTrailingSlash(`${normalizedBase}${normalizedPath}`.replace(/\/+/g, "/"));
59
+ };
60
+ export function rewritePostContentLinks(html, opts = {}) {
61
+ const sourceOrigin = getWpOrigin(opts.wpApiUrl);
62
+ const targetOrigin = getOrigin(getSiteUrl(opts.siteUrl));
63
+ if (!sourceOrigin || !targetOrigin || sourceOrigin === targetOrigin) {
64
+ return html;
65
+ }
66
+ return html.replace(/\bhref\s*=\s*(["'])(.*?)\1/gi, (match, quote, rawHref) => {
67
+ const decodedHref = decodeHtmlEntities(rawHref) || rawHref;
68
+ let parsed;
69
+ try {
70
+ parsed = new URL(decodedHref);
71
+ }
72
+ catch {
73
+ return match;
74
+ }
75
+ if (parsed.origin !== sourceOrigin)
76
+ return match;
77
+ const path = normalizePathWithBase(opts.basePath || "/", parsed.pathname);
78
+ const rewritten = `${targetOrigin}${path}${parsed.search}${parsed.hash}`;
79
+ return `href=${quote}${escapeHtmlAttribute(rewritten)}${quote}`;
80
+ });
81
+ }
@@ -3,6 +3,8 @@ export type SiteLanguageInput = {
3
3
  basePath?: string;
4
4
  langId?: string;
5
5
  wpLang?: string;
6
+ menuHeaderId?: string;
7
+ menuFooterId?: string;
6
8
  locale?: string;
7
9
  dateLocale?: string;
8
10
  isDefault?: boolean;
@@ -44,6 +44,9 @@ const escapeXml = (value) => value
44
44
  .replace(/"/g, "&quot;")
45
45
  .replace(/'/g, "&apos;");
46
46
  const renderAlternates = (alternates) => {
47
+ const languageKeys = Object.keys(alternates ?? {}).filter((key) => key !== "x-default");
48
+ if (languageKeys.length < 2)
49
+ return undefined;
47
50
  const normalizedAlternates = withXDefault(alternates);
48
51
  if (!normalizedAlternates)
49
52
  return undefined;
@@ -1,5 +1,6 @@
1
1
  import { type WPCategory, type WPPost } from "wpjsapi-lib";
2
2
  import { type Locale } from "../../utils/index.js";
3
+ import { type LanguageLink } from "../../components/index.js";
3
4
  type CategoryListViewProps = {
4
5
  category: WPCategory;
5
6
  posts: WPPost[];
@@ -9,6 +10,7 @@ type CategoryListViewProps = {
9
10
  linkBasePath?: string;
10
11
  locale?: Locale;
11
12
  dateLocale?: string;
13
+ languageLinks?: LanguageLink[];
12
14
  };
13
- export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, }: CategoryListViewProps): import("react").JSX.Element;
15
+ export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, languageLinks, }: CategoryListViewProps): import("react").JSX.Element;
14
16
  export {};
@@ -3,9 +3,9 @@ import Paginator from "../../components/Paginator/index.js";
3
3
  import PostCard from "../../components/PostCard/index.js";
4
4
  import styles from "./index.module.css";
5
5
  import { getCountLabel, getEmptyLabel, getPaginatorBase } from "./index.utils.js";
6
- import { Breadcrumbs, JsonLd } from "../../components/index.js";
6
+ import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
7
7
  import { getTranslator, getYoastSchema } from "../../utils/index.js";
8
- export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", }) {
8
+ export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", languageLinks, }) {
9
9
  const paginatorBase = getPaginatorBase(category, baseUrl);
10
10
  const countLabel = getCountLabel(category, locale);
11
11
  const emptyLabel = getEmptyLabel(locale);
@@ -13,5 +13,5 @@ export function CategoryListView({ category, posts, totalPages, baseUrl, homeHre
13
13
  return (_jsxs("div", { className: styles.container, children: [_jsx(JsonLd, { data: getYoastSchema(category) }), _jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
14
14
  { label: "Home", href: homeHref },
15
15
  { label: category.name },
16
- ] }), _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 })] }))] }));
16
+ ] }), _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 })] }))] }));
17
17
  }
@@ -1,5 +1,6 @@
1
1
  import { type WPPost } from "wpjsapi-lib";
2
2
  import { type Locale } from "../../utils/index.js";
3
+ import { type LanguageLink } from "../../components/index.js";
3
4
  type HomeViewProps = {
4
5
  featuredPost?: WPPost;
5
6
  regularPosts: WPPost[];
@@ -9,6 +10,7 @@ type HomeViewProps = {
9
10
  linkBasePath?: string;
10
11
  locale?: Locale;
11
12
  dateLocale?: string;
13
+ languageLinks?: LanguageLink[];
12
14
  };
13
- export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: HomeViewProps): import("react").JSX.Element;
15
+ export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, languageLinks, }: HomeViewProps): import("react").JSX.Element;
14
16
  export {};
@@ -6,11 +6,12 @@ import PostCard from "../../components/PostCard/index.js";
6
6
  import styles from "./index.module.css";
7
7
  import { buildFeaturedViewModel, getHomeCopy } from "./index.utils.js";
8
8
  import { Alert, AlertDescription, AlertTitle, badgeClassName, } from "../../components/ui/index.js";
9
+ import { LanguageLinks } from "../../components/index.js";
9
10
  function truncateLabel(label, max = 20) {
10
11
  const trimmed = label.trim();
11
12
  return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
12
13
  }
13
- export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
14
+ export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", languageLinks, }) {
14
15
  const copy = getHomeCopy(locale);
15
16
  const featuredModel = featuredPost
16
17
  ? buildFeaturedViewModel(featuredPost, locale, dateLocale, linkBasePath)
@@ -22,5 +23,5 @@ export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUr
22
23
  __html: featuredModel.titleHtml,
23
24
  }, className: styles.featuredTitle }) }), _jsx("div", { dangerouslySetInnerHTML: {
24
25
  __html: featuredModel.excerptHtml,
25
- }, 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 })] })) }));
26
+ }, 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 })] })) }));
26
27
  }
@@ -1,9 +1,11 @@
1
1
  import { type WPPage } from "wpjsapi-lib";
2
+ import { type LanguageLink } from "../../components/index.js";
2
3
  type LegalPageViewProps = {
3
4
  page: WPPage;
4
5
  dateLocale?: string;
5
6
  homeHref: string;
6
7
  priorityImage?: boolean;
8
+ languageLinks?: LanguageLink[];
7
9
  };
8
- export declare function LegalPageView({ page, homeHref, priorityImage, }: LegalPageViewProps): import("react").JSX.Element;
10
+ export declare function LegalPageView({ page, homeHref, priorityImage, languageLinks, }: LegalPageViewProps): import("react").JSX.Element;
9
11
  export {};
@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Image from "next/image";
3
3
  import styles from "./index.module.css";
4
4
  import { getLegalContent, getLegalImage } from "./index.utils.js";
5
- import { Breadcrumbs, JsonLd } from "../../components/index.js";
5
+ import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
6
6
  import { getYoastSchema, stripTags } from "../../utils/index.js";
7
- export function LegalPageView({ page, homeHref, priorityImage = true, }) {
7
+ export function LegalPageView({ page, homeHref, priorityImage = true, languageLinks, }) {
8
8
  const featuredImage = getLegalImage(page);
9
9
  const { titleHtml, contentHtml } = getLegalContent(page);
10
10
  const titleText = stripTags(titleHtml) || titleHtml;
11
- 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}` })] }));
11
+ 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 }), _jsx("div", { dangerouslySetInnerHTML: { __html: contentHtml }, className: `post-content ${styles.content}` })] }));
12
12
  }
@@ -1,5 +1,6 @@
1
1
  import { type WPPost } from "wpjsapi-lib";
2
2
  import { type Locale } from "../../utils/index.js";
3
+ import { type LanguageLink } from "../../components/index.js";
3
4
  type PostViewProps = {
4
5
  post: WPPost;
5
6
  dateLocale?: string;
@@ -8,6 +9,9 @@ type PostViewProps = {
8
9
  authorDescription?: string | null;
9
10
  disclaimer?: string;
10
11
  priorityImage?: boolean;
12
+ siteUrl?: string;
13
+ wpApiUrl?: string;
14
+ languageLinks?: LanguageLink[];
11
15
  };
12
- export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, priorityImage, }: PostViewProps): import("react").JSX.Element;
16
+ export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, priorityImage, siteUrl, wpApiUrl, languageLinks, }: PostViewProps): import("react").JSX.Element;
13
17
  export {};
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Image from "next/image";
3
3
  import Link from "next/link";
4
4
  import styles from "./index.module.css";
5
- import { getTranslator, getYoastSchema } from "../../utils/index.js";
6
- import { Breadcrumbs, JsonLd } from "../../components/index.js";
5
+ import { getTranslator, getYoastSchema, rewritePostContentLinks, } from "../../utils/index.js";
6
+ import { Breadcrumbs, JsonLd, LanguageLinks } from "../../components/index.js";
7
7
  import { buildCategoryUrl, formatPublishedDate, getAuthor, getFeaturedImage, getPrimaryCategory, } from "./index.utils.js";
8
8
  import { stripTags } from "../../utils/index.js";
9
9
  import { Alert, badgeClassName, Card, CardContent } from "../../components/ui/index.js";
@@ -11,7 +11,7 @@ function truncateLabel(label, max = 20) {
11
11
  const trimmed = label.trim();
12
12
  return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
13
13
  }
14
- export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, priorityImage = true, }) {
14
+ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, priorityImage = true, siteUrl, wpApiUrl, languageLinks, }) {
15
15
  const t = getTranslator(locale);
16
16
  const author = getAuthor(post);
17
17
  const authorBio = authorDescription ?? author?.description;
@@ -19,6 +19,11 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
19
19
  const categoryUrl = buildCategoryUrl(categoryBasePath, primaryCategory?.slug);
20
20
  const featuredImage = getFeaturedImage(post, locale);
21
21
  const publishedDate = formatPublishedDate(post.date, dateLocale);
22
+ const contentHtml = rewritePostContentLinks(post.content.rendered, {
23
+ siteUrl,
24
+ wpApiUrl,
25
+ basePath: categoryBasePath,
26
+ });
22
27
  const breadcrumbs = primaryCategory && categoryUrl
23
28
  ? [
24
29
  { label: "Home", href: categoryBasePath },
@@ -29,5 +34,5 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
29
34
  { label: "Home", href: categoryBasePath },
30
35
  { label: stripTags(post.title.rendered) || post.title.rendered },
31
36
  ];
32
- 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 })] }) }) }))] })] }));
37
+ 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 }), 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 })] }) }) }))] })] }));
33
38
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wpheadless-lib",
3
- "version": "1.1.12",
3
+ "version": "1.1.14",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/index.js",