wpheadless-lib 1.1.9 → 1.1.11

package/dist/utils/seo.js

@@ -1,4 +1,4 @@
-import { stripTags } from "./html";
+import { stripTags, toPlainText } from "./html.js";
 export function getOgImageUrl(entity, featuredMedia) {
     const ogUrl = entity?.yoast_head_json?.og_image?.[0]?.url;
     return ogUrl || featuredMedia?.source_url;
@@ -19,6 +19,64 @@ const normalizeWpApiOrigin = (wpApiUrl) => {
     const cleaned = wpApiUrl.replace(/\/wp-json\/?$/, "");
     return getOrigin(cleaned);
 };
+const resolveRewriteOrigins = (opts, canonical) => {
+    const targetOrigin = getOrigin(opts.siteUrl);
+    const sourceOrigin = normalizeWpApiOrigin(opts.wpApiUrl) || getOrigin(canonical);
+    if (!targetOrigin || !sourceOrigin || targetOrigin === sourceOrigin) {
+        return null;
+    }
+    return { targetOrigin, sourceOrigin };
+};
+const IMAGE_EXTENSIONS = [
+    ".jpg",
+    ".jpeg",
+    ".png",
+    ".webp",
+    ".gif",
+    ".svg",
+    ".avif",
+    ".bmp",
+    ".tiff",
+];
+const isImageUrl = (url) => {
+    const pathname = url.pathname.toLowerCase();
+    return (pathname.includes("/wp-content/uploads/") ||
+        IMAGE_EXTENSIONS.some((ext) => pathname.endsWith(ext)));
+};
+const rewriteSchemaValue = (value, { targetOrigin, sourceOrigin }) => {
+    if (Array.isArray(value)) {
+        return value.map((item) => rewriteSchemaValue(item, { targetOrigin, sourceOrigin }));
+    }
+    if (value && typeof value === "object") {
+        const obj = value;
+        const rewritten = {};
+        for (const [key, val] of Object.entries(obj)) {
+            rewritten[key] = rewriteSchemaValue(val, { targetOrigin, sourceOrigin });
+        }
+        return rewritten;
+    }
+    if (typeof value === "string") {
+        let parsed;
+        try {
+            parsed = new URL(value);
+        }
+        catch {
+            return value;
+        }
+        if (parsed.origin !== sourceOrigin)
+            return value;
+        if (isImageUrl(parsed))
+            return value;
+        return value.split(sourceOrigin).join(targetOrigin);
+    }
+    return value;
+};
+const rewriteYoastSchemaUrls = (schema, opts, canonical) => {
+    const origins = resolveRewriteOrigins(opts, canonical);
+    if (!origins)
+        return schema;
+    return rewriteSchemaValue(schema, origins);
+};
 /**
  * Replace Yoast URLs so they match the frontend domain instead of the WP API domain.
  * It stringifies the object to replace origins and keeps structure intact.
@@ -26,14 +84,14 @@ const normalizeWpApiOrigin = (wpApiUrl) => {
 export function rewriteYoastUrls(yoast, opts = {}) {
     if (!yoast)
         return yoast;
-    const targetOrigin = getOrigin(opts.siteUrl);
-    const sourceOrigin = normalizeWpApiOrigin(opts.wpApiUrl) || getOrigin(yoast.canonical);
-    if (!targetOrigin || !sourceOrigin || targetOrigin === sourceOrigin) {
+    const origins = resolveRewriteOrigins(opts, yoast.canonical);
+    if (!origins)
         return yoast;
-    }
     try {
         const serialized = JSON.stringify(yoast);
-        const replaced = serialized.split(sourceOrigin).join(targetOrigin);
+        const replaced = serialized
+            .split(origins.sourceOrigin)
+            .join(origins.targetOrigin);
         return JSON.parse(replaced);
     }
     catch {
@@ -112,8 +170,10 @@ export function isYoastNoindex(yoast) {
     return robots.index === false;
 }
 export function getYoastSchema(entity, opts) {
-    const yoast = getYoastHead(entity, opts);
-    return yoast?.schema || null;
+    const yoast = entity?.yoast_head_json;
+    if (!yoast?.schema)
+        return null;
+    return rewriteYoastSchemaUrls(yoast.schema, opts ?? {}, yoast.canonical) || null;
 }
 export function stripBreadcrumbsFromSchema(schema) {
     if (!schema || typeof schema !== "object")
@@ -136,10 +196,14 @@ export function getFeaturedMedia(entity) {
     return entity?._embedded?.["wp:featuredmedia"]?.[0];
 }
 export function getPlainTextExcerpt(html, maxLength = 160) {
-    if (!html)
-        return undefined;
-    const text = html.replace(/<[^>]*>/g, "");
-    return maxLength > 0 ? text.slice(0, maxLength) : text;
+    const text = toPlainText(html);
+    if (!text || maxLength <= 0 || text.length <= maxLength)
+        return text;
+    const truncated = text.slice(0, maxLength).trimEnd();
+    const lastSpace = truncated.lastIndexOf(" ");
+    return lastSpace > maxLength * 0.6
+        ? truncated.slice(0, lastSpace).trimEnd()
+        : truncated;
 }
 export function buildBreadcrumbSchema(items) {
     return {

package/dist/utils/sitemap.d.ts

@@ -1,4 +1,4 @@
-import type { LanguageConfig } from "./hreflang";
+import type { LanguageConfig } from "./hreflang.js";
 export type SitemapRuntimeConfig = {
     postsPerPagePagination: number;
 };

package/dist/utils/sitemap.js

@@ -1,28 +1,59 @@
 import { createPageEndpoints, createPostsEndpoints } from "wpjsapi-lib";
-import { createWpClient } from "../api/wpClient";
-import { listPostsWithEmbeds } from "../api/posts";
-import { getCategoryPaginationStaticParams } from "../base";
-import { getHomePaginationStaticParams } from "../base/home/pagination";
-import { getAbsoluteUrl, ensureTrailingSlash } from "./routing";
-import { isYoastNoindex } from "./seo";
-import { getTranslationKey, getEntityLanguageId, withXDefault, } from "./hreflang";
+import { createWpClient, isValidWpApiUrl } from "../api/wpClient.js";
+import { listPostsWithEmbeds } from "../api/posts.js";
+import { getCategoryPaginationStaticParams } from "../base/index.js";
+import { getHomePaginationStaticParams } from "../base/home/pagination.js";
+import { getAbsoluteUrl, ensureTrailingSlash } from "./routing.js";
+import { isYoastNoindex } from "./seo.js";
+import { getTranslationKey, getEntityLanguageId, withXDefault, } from "./hreflang.js";
+import { normalizeLanguages, shouldRenderLanguageAlternates, } from "./language.js";
 const resolveWpApiUrl = (cfg) => cfg.wpApiUrl ?? process.env.WP_API_URL ?? "";
 const resolveSiteUrl = (cfg) => cfg.siteUrl ?? process.env.NEXT_PUBLIC_SITE_URL;
-const buildHomeAlternates = (cfg) => withXDefault(cfg.languages.reduce((acc, langCfg) => {
-    const basePath = ensureTrailingSlash(langCfg.basePath || "/");
-    acc[langCfg.code] = getAbsoluteUrl(basePath, resolveSiteUrl(cfg));
-    return acc;
-}, {}));
+const buildHomeAlternates = (cfg) => shouldRenderLanguageAlternates(cfg.languages)
+    ? withXDefault(normalizeLanguages(cfg.languages).reduce((acc, langCfg) => {
+        const basePath = ensureTrailingSlash(langCfg.basePath || "/");
+        acc[langCfg.code] = getAbsoluteUrl(basePath, resolveSiteUrl(cfg));
+        return acc;
+    }, {}))
+    : undefined;
+const escapeXml = (value) => value
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&apos;");
+const renderAlternates = (alternates) => {
+    const normalizedAlternates = withXDefault(alternates);
+    if (!normalizedAlternates)
+        return undefined;
+    return Object.entries(normalizedAlternates)
+        .map(([code, href]) => `<xhtml:link rel="alternate" hreflang="${escapeXml(code)}" href="${escapeXml(href)}" />`)
+        .join("");
+};
 const getYoastHeadJson = (entity) => entity.yoast_head_json;
 const isNoindexEntity = (entity) => isYoastNoindex(getYoastHeadJson(entity));
+const getWpLangParam = (language) => {
+    const lang = language.wpLang || (language.langId ? language.code : undefined);
+    return lang ? { lang } : {};
+};
+async function mapConcurrent(items, mapper, concurrency = 5) {
+    const results = new Array(items.length);
+    let nextIndex = 0;
+    async function worker() {
+        while (nextIndex < items.length) {
+            const currentIndex = nextIndex;
+            nextIndex += 1;
+            results[currentIndex] = await mapper(items[currentIndex], currentIndex);
+        }
+    }
+    await Promise.all(Array.from({ length: Math.min(concurrency, items.length) }, () => worker()));
+    return results;
+}
 export function renderSitemap(entries) {
     const items = entries
         .map((entry) => {
-        const links = entry.alternates &&
-            Object.entries(entry.alternates)
-                .map(([code, href]) => `<xhtml:link rel="alternate" hreflang="${code}" href="${href}" />`)
-                .join("");
-        return `<url><loc>${entry.url}</loc>${entry.lastmod ? `<lastmod>${entry.lastmod}</lastmod>` : ""}${links ?? ""}</url>`;
+        const links = renderAlternates(entry.alternates);
+        return `<url><loc>${escapeXml(entry.url)}</loc>${entry.lastmod ? `<lastmod>${escapeXml(entry.lastmod)}</lastmod>` : ""}${links ?? ""}</url>`;
     })
         .join("");
     return (`<?xml version="1.0" encoding="UTF-8"?>` +
@@ -32,7 +63,7 @@ export function renderSitemap(entries) {
 }
 export function renderSitemapIndex(sitemaps) {
     const items = sitemaps
-        .map((s) => `<sitemap><loc>${s.url}</loc>${s.lastmod ? `<lastmod>${s.lastmod}</lastmod>` : ""}</sitemap>`)
+        .map((s) => `<sitemap><loc>${escapeXml(s.url)}</loc>${s.lastmod ? `<lastmod>${escapeXml(s.lastmod)}</lastmod>` : ""}</sitemap>`)
         .join("");
     return (`<?xml version="1.0" encoding="UTF-8"?>` +
         `<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">` +
@@ -40,38 +71,42 @@ export function renderSitemapIndex(sitemaps) {
         `</sitemapindex>`);
 }
 export async function getHomeEntries(cfg) {
-    const entries = [];
-    const { languages, runtimeConfig } = cfg;
+    const { runtimeConfig } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const wpApiUrl = resolveWpApiUrl(cfg);
     const siteUrl = resolveSiteUrl(cfg);
     const homeAlternates = buildHomeAlternates(cfg);
-    for (const langCfg of languages) {
+    return mapConcurrent(languages, async (langCfg) => {
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
         const homeUrl = getAbsoluteUrl(basePath, siteUrl);
-        const homePosts = await listPostsWithEmbeds({
-            baseApiUrl: wpApiUrl,
-            perPage: runtimeConfig.postsPerPagePagination,
-            page: 1,
-            langId: langCfg.langId,
-            orderby: "date",
-            order: "desc",
-        });
-        const latest = homePosts.ok ? homePosts.data?.items[0] : undefined;
+        const homePosts = isValidWpApiUrl(wpApiUrl)
+            ? await listPostsWithEmbeds({
+                baseApiUrl: wpApiUrl,
+                perPage: runtimeConfig.postsPerPagePagination,
+                page: 1,
+                langId: langCfg.langId,
+                orderby: "date",
+                order: "desc",
+            })
+            : null;
+        const latest = homePosts?.ok ? homePosts.data?.items[0] : undefined;
         const lastmod = latest?.modified ||
             latest?.date;
-        entries.push({
+        return {
             url: homeUrl,
             lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
             alternates: homeAlternates ?? undefined,
-        });
-    }
-    return entries;
+        };
+    });
 }
 export async function getHomePaginationEntries(cfg) {
     const entries = [];
-    const { languages, runtimeConfig } = cfg;
+    const { runtimeConfig } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const wpApiUrl = resolveWpApiUrl(cfg);
     const siteUrl = resolveSiteUrl(cfg);
+    if (!isValidWpApiUrl(wpApiUrl))
+        return entries;
     for (const langCfg of languages) {
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
         const pages = await getHomePaginationStaticParams({
@@ -79,7 +114,7 @@ export async function getHomePaginationEntries(cfg) {
             perPage: runtimeConfig.postsPerPagePagination,
             langId: langCfg.langId,
         });
-        for (const p of pages) {
+        const pageEntries = await mapConcurrent(pages, async (p) => {
             const url = getAbsoluteUrl(`${basePath}page/${p.page}/`, siteUrl);
             const pagePosts = await listPostsWithEmbeds({
                 baseApiUrl: wpApiUrl,
@@ -92,25 +127,29 @@ export async function getHomePaginationEntries(cfg) {
             const latest = pagePosts.ok ? pagePosts.data?.items[0] : undefined;
             const lastmod = latest?.modified ||
                 latest?.date;
-            entries.push({
+            return {
                 url,
                 lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
-            });
-        }
+            };
+        });
+        entries.push(...pageEntries);
     }
     return entries;
 }
 export async function getCategoryEntries(cfg) {
     const entries = [];
-    const { languages, runtimeConfig } = cfg;
+    const { runtimeConfig } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const wpApiUrl = resolveWpApiUrl(cfg);
     const siteUrl = resolveSiteUrl(cfg);
+    if (!isValidWpApiUrl(wpApiUrl))
+        return entries;
     const categoriesPerLang = {};
     const categoryAlternates = {};
     for (const langCfg of languages) {
         const { categoriesApi } = createWpClient({ baseUrl: wpApiUrl });
         const categories = await categoriesApi.listAll({
-            ...(langCfg.langId ? { lang: langCfg.code } : {}),
+            ...getWpLangParam(langCfg),
             _fields: ["id", "slug", "name", "description", "meta", "yoast_head_json"],
         });
         const indexableCategories = categories.filter((cat) => !isNoindexEntity(cat));
@@ -130,7 +169,7 @@ export async function getCategoryEntries(cfg) {
     for (const langCfg of languages) {
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
         const categories = categoriesPerLang[langCfg.code] ?? [];
-        for (const cat of categories) {
+        const categoryEntries = await mapConcurrent(categories, async (cat) => {
             const url = getAbsoluteUrl(`${basePath}${cat.slug}/`, siteUrl);
             const catPosts = await listPostsWithEmbeds({
                 baseApiUrl: wpApiUrl,
@@ -151,25 +190,29 @@ export async function getCategoryEntries(cfg) {
                 const a = withXDefault(categoryAlternates[key]);
                 return a;
             })();
-            entries.push({
+            return {
                 url,
                 lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
                 alternates: alt,
-            });
-        }
+            };
+        });
+        entries.push(...categoryEntries);
     }
     return entries;
 }
 export async function getCategoryPaginationEntries(cfg) {
     const entries = [];
-    const { languages, runtimeConfig } = cfg;
+    const { runtimeConfig } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const wpApiUrl = resolveWpApiUrl(cfg);
     const siteUrl = resolveSiteUrl(cfg);
+    if (!isValidWpApiUrl(wpApiUrl))
+        return entries;
     const catIdsBySlugByLang = {};
     for (const langCfg of languages) {
         const { categoriesApi } = createWpClient({ baseUrl: wpApiUrl });
         const categories = await categoriesApi.listAll({
-            lang: langCfg.code,
+            ...getWpLangParam(langCfg),
             _fields: ["id", "slug", "yoast_head_json"],
         });
         const indexableCategories = categories.filter((cat) => !isNoindexEntity(cat));
@@ -179,15 +222,15 @@ export async function getCategoryPaginationEntries(cfg) {
         const catPages = await getCategoryPaginationStaticParams({
             baseApiUrl: wpApiUrl,
             perPage: runtimeConfig.postsPerPagePagination,
-            lang: langCfg.code,
+            lang: langCfg.wpLang || (langCfg.langId ? langCfg.code : undefined) || "",
             langId: langCfg.langId,
         });
         const basePath = ensureTrailingSlash(langCfg.basePath || "/");
-        for (const page of catPages) {
+        const pageEntries = await mapConcurrent(catPages, async (page) => {
             const url = getAbsoluteUrl(`${basePath}${page.category}/page/${page.page}/`, siteUrl);
             const catId = catIdsBySlugByLang[langCfg.code]?.[page.category];
             if (!catId)
-                continue;
+                return null;
             let lastmod;
             const pagePosts = await listPostsWithEmbeds({
                 baseApiUrl: wpApiUrl,
@@ -202,20 +245,23 @@ export async function getCategoryPaginationEntries(cfg) {
             lastmod =
                 latest?.modified ||
                     latest?.date;
-            entries.push({
+            return {
                 url,
                 lastmod: lastmod ? new Date(lastmod).toISOString() : undefined,
-            });
-        }
+            };
+        });
+        entries.push(...pageEntries.filter(Boolean));
     }
     return entries;
 }
 export async function getPostEntriesForLang(langCode, cfg) {
-    const { languages } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const langCfg = languages.find((l) => l.code === langCode);
     if (!langCfg)
         return [];
     const wpApiUrl = resolveWpApiUrl(cfg);
+    if (!isValidWpApiUrl(wpApiUrl))
+        return [];
     const siteUrl = resolveSiteUrl(cfg);
     const postsApi = createPostsEndpoints({ baseUrl: wpApiUrl });
     const languageFilter = langCfg.langId
@@ -228,7 +274,7 @@ export async function getPostEntriesForLang(langCode, cfg) {
     });
     const indexablePosts = posts.filter((post) => !isNoindexEntity(post));
     const postAlternates = {};
-    for (const l of languages) {
+    const postsByLanguage = await mapConcurrent(languages, async (l) => {
         const base = ensureTrailingSlash(l.basePath || "/");
         const langPosts = l.code === langCfg.code
             ? indexablePosts
@@ -240,6 +286,9 @@ export async function getPostEntriesForLang(langCode, cfg) {
         const filteredLangPosts = l.code === langCfg.code
             ? langPosts
             : langPosts.filter((post) => !isNoindexEntity(post));
+        return { language: l, base, posts: filteredLangPosts };
+    });
+    for (const { language: l, base, posts: filteredLangPosts } of postsByLanguage) {
         for (const p of filteredLangPosts) {
             const translationKey = getTranslationKey(p);
             if (!translationKey)
@@ -278,9 +327,11 @@ export async function getPostEntriesForLang(langCode, cfg) {
 }
 export async function getLegalEntries(cfg) {
     const entries = [];
-    const { languages } = cfg;
+    const languages = normalizeLanguages(cfg.languages);
     const siteUrl = resolveSiteUrl(cfg);
     const wpApiUrl = resolveWpApiUrl(cfg);
+    if (!isValidWpApiUrl(wpApiUrl))
+        return entries;
     const pagesApi = createPageEndpoints({ baseUrl: wpApiUrl });
     const pagesPerLang = {};
     const alternatesByKey = {};

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

@@ -1,5 +1,5 @@
 import { type WPCategory, type WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 type CategoryListViewProps = {
     category: WPCategory;
     posts: WPPost[];

package/dist/views/CategoryListView/index.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Paginator from "../../components/Paginator";
-import PostCard from "../../components/PostCard";
+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";
-import { Breadcrumbs } from "../../components";
-import { getTranslator } from "../../utils";
+import { getCountLabel, getEmptyLabel, getPaginatorBase } from "./index.utils.js";
+import { Breadcrumbs, JsonLd } from "../../components/index.js";
+import { getTranslator, getYoastSchema } from "../../utils/index.js";
 export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", linkBasePath, locale, dateLocale = "en-US", }) {
     const paginatorBase = getPaginatorBase(category, baseUrl);
     const countLabel = getCountLabel(category, locale);
     const emptyLabel = getEmptyLabel(locale);
     const t = getTranslator(locale);
-    return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
+    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 })] }))] }));

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

@@ -1,5 +1,5 @@
 import { type WPCategory } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 export declare const getPaginatorBase: (category: WPCategory, baseUrl?: string) => string;
 export declare const getCountLabel: (category: WPCategory, locale?: Locale) => string | null;
 export declare const getEmptyLabel: (locale?: Locale) => string;

package/dist/views/CategoryListView/index.utils.js

@@ -1,4 +1,4 @@
-import { getTranslator } from "../../utils";
+import { getTranslator } from "../../utils/index.js";
 export const getPaginatorBase = (category, baseUrl) => baseUrl ?? `/${category.slug}`;
 export const getCountLabel = (category, locale) => {
     const t = getTranslator(locale);

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

@@ -1,5 +1,5 @@
 import { type WPCategory, type WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 type CategoryPaginationViewProps = {
     category: WPCategory;
     posts: WPPost[];

package/dist/views/CategoryPaginationView/index.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Paginator from "../../components/Paginator";
-import PostCard from "../../components/PostCard";
+import Paginator from "../../components/Paginator/index.js";
+import PostCard from "../../components/PostCard/index.js";
 import styles from "./index.module.css";
-import { getEmptyLabel, getPageLabel, getPaginatorBase } from "./index.utils";
-import { Breadcrumbs } from "../../components";
-import { getTranslator } from "../../utils";
+import { getEmptyLabel, getPageLabel, getPaginatorBase } from "./index.utils.js";
+import { Breadcrumbs } from "../../components/index.js";
+import { getTranslator } from "../../utils/index.js";
 export function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, linkBasePath, locale, dateLocale = "en-US", }) {
     const paginatorBase = getPaginatorBase(category, baseUrl);
     const pageLabel = getPageLabel(locale, currentPage);
     const emptyLabel = getEmptyLabel(locale);
     const t = getTranslator(locale);
-    return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
+    return (_jsxs("div", { className: styles.container, children: [_jsxs("header", { className: styles.header, children: [_jsx(Breadcrumbs, { items: [
                             { label: "Home", href: paginatorBase || "/" },
                             { label: category.name },
                             { label: pageLabel },

package/dist/views/CategoryPaginationView/index.utils.d.ts

@@ -1,5 +1,5 @@
 import { type WPCategory } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 export declare const getPaginatorBase: (category: WPCategory, baseUrl?: string) => string;
 export declare const getPageLabel: (locale: Locale | undefined, page: number) => string;
 export declare const getEmptyLabel: (locale?: Locale) => string;

package/dist/views/CategoryPaginationView/index.utils.js

@@ -1,4 +1,4 @@
-import { getTranslator } from "../../utils";
+import { getTranslator } from "../../utils/index.js";
 export const getPaginatorBase = (category, baseUrl) => baseUrl ?? `/${category.slug}`;
 export const getPageLabel = (locale, page) => getTranslator(locale)("category.pageLabel", { page });
 export const getEmptyLabel = (locale) => getTranslator(locale)("category.emptyPage");

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

@@ -1,5 +1,5 @@
 import { type WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 type HomePaginationViewProps = {
     posts: WPPost[];
     currentPage: number;

package/dist/views/HomePaginationView/index.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Paginator from "../../components/Paginator";
-import PostCard from "../../components/PostCard";
+import Paginator from "../../components/Paginator/index.js";
+import PostCard from "../../components/PostCard/index.js";
 import styles from "./index.module.css";
-import { buildHomePaginationCopy } from "./index.utils";
+import { buildHomePaginationCopy } from "./index.utils.js";
+import { Alert, AlertDescription } from "../../components/ui/index.js";
 export function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
     const copy = buildHomePaginationCopy(locale, currentPage, error);
-    return (_jsxs("div", { className: `container ${styles.container}`, children: [_jsxs("header", { className: styles.header, children: [_jsx("h1", { className: styles.title, children: copy.title }), _jsx("p", { className: styles.subtitle, children: copy.subtitle })] }), error ? (_jsx("div", { className: `card ${styles.errorCard}`, children: copy.errorText && _jsx("p", { children: copy.errorText }) })) : posts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs("section", { "aria-label": copy.title, className: styles.gridSection, role: "region", children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] }))] }));
+    return (_jsxs("div", { className: styles.container, children: [_jsxs("header", { className: styles.header, children: [_jsx("h1", { className: styles.title, children: copy.title }), _jsx("p", { className: styles.subtitle, children: copy.subtitle })] }), error ? (_jsx(Alert, { className: styles.errorCard, variant: "destructive", children: copy.errorText && (_jsx(AlertDescription, { children: copy.errorText })) })) : posts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs("section", { "aria-label": copy.title, className: styles.gridSection, role: "region", children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] }))] }));
 }

package/dist/views/HomePaginationView/index.utils.d.ts

@@ -1,4 +1,4 @@
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 export declare const buildHomePaginationCopy: (locale: Locale | undefined, page: number, error?: string | null) => {
     title: string;
     subtitle: string;

package/dist/views/HomePaginationView/index.utils.js

@@ -1,4 +1,4 @@
-import { getTranslator } from "../../utils";
+import { getTranslator } from "../../utils/index.js";
 export const buildHomePaginationCopy = (locale, page, error) => {
     const t = getTranslator(locale);
     return {

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

@@ -1,5 +1,5 @@
 import { type WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 type HomeViewProps = {
     featuredPost?: WPPost;
     regularPosts: WPPost[];

package/dist/views/HomeView/index.js

@@ -1,25 +1,26 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Image from "next/image";
 import Link from "next/link";
-import Paginator from "../../components/Paginator";
-import PostCard from "../../components/PostCard";
+import Paginator from "../../components/Paginator/index.js";
+import PostCard from "../../components/PostCard/index.js";
 import styles from "./index.module.css";
-import { buildFeaturedViewModel, getHomeCopy } from "./index.utils";
+import { buildFeaturedViewModel, getHomeCopy } from "./index.utils.js";
+import { Alert, AlertDescription, AlertTitle, badgeClassName, } from "../../components/ui/index.js";
 function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
-    return trimmed.length > max ? `${trimmed.slice(0, max)}...` : trimmed;
+    return trimmed.length > max ? `${trimmed.slice(0, max)}…` : trimmed;
 }
 export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
     const copy = getHomeCopy(locale);
     const featuredModel = featuredPost
         ? buildFeaturedViewModel(featuredPost, locale, dateLocale, linkBasePath)
         : null;
-    return (_jsx("div", { className: `container ${styles.container}`, children: error ? (_jsxs("div", { className: styles.errorBox, children: [_jsxs("p", { children: [copy.errorTitle, ": ", error] }), _jsx("p", { className: styles.errorHint, children: copy.errorHint })] })) : !featuredModel && regularPosts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs(_Fragment, { children: [featuredModel && (_jsxs("article", { className: `card ${styles.featured} ${featuredModel.image
-                        ? styles.featuredWithImage
-                        : styles.featuredNoImage}`, children: [featuredModel.image && (_jsx(Link, { href: featuredModel.postUrl, className: styles.featuredImageLink, children: _jsx(Image, { src: featuredModel.image.src, alt: featuredModel.image.alt, fill: true, className: styles.featuredImage, priority: true, sizes: "(max-width: 768px) 100vw, 50vw" }) })), _jsxs("div", { className: styles.featuredBody, children: [featuredModel.badgeLabel &&
-                                    (featuredModel.badgeUrl ? (_jsx(Link, { href: featuredModel.badgeUrl, className: `${styles.featuredBadge} badge`, title: featuredModel.badgeLabel, children: truncateLabel(featuredModel.badgeLabel) })) : (_jsx("span", { className: `${styles.featuredBadge} badge`, title: featuredModel.badgeLabel, children: truncateLabel(featuredModel.badgeLabel) }))), _jsx(Link, { href: featuredModel.postUrl, children: _jsx("h2", { dangerouslySetInnerHTML: {
-                                            __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 })] })) }));
+    return (_jsx("div", { className: styles.container, children: error ? (_jsxs(Alert, { className: styles.errorBox, variant: "destructive", children: [_jsxs(AlertTitle, { children: [copy.errorTitle, ": ", error] }), _jsx(AlertDescription, { className: styles.errorHint, children: copy.errorHint })] })) : !featuredModel && regularPosts.length === 0 ? (_jsx("p", { className: styles.empty, children: copy.empty })) : (_jsxs(_Fragment, { children: [_jsx("h1", { id: "home-title", className: styles.visuallyHidden, children: copy.title }), _jsx("section", { className: styles.masthead, "aria-labelledby": "home-title", children: featuredModel && (_jsxs("article", { className: `${styles.featured} ${featuredModel.image
+                            ? styles.featuredWithImage
+                            : styles.featuredNoImage}`, children: [featuredModel.image && (_jsxs("div", { className: styles.featuredImageFrame, children: [_jsx(Image, { src: featuredModel.image.src, alt: featuredModel.image.alt, fill: true, className: styles.featuredImage, priority: true, sizes: "(max-width: 768px) 100vw, 50vw" }), _jsx("div", { className: styles.featuredOverlay, "aria-hidden": "true" })] })), _jsxs("div", { className: styles.featuredBody, children: [featuredModel.badgeLabel &&
+                                        (featuredModel.badgeUrl ? (_jsx(Link, { href: featuredModel.badgeUrl, className: badgeClassName(styles.featuredBadge), title: featuredModel.badgeLabel, children: truncateLabel(featuredModel.badgeLabel) })) : (_jsx("span", { className: badgeClassName(styles.featuredBadge), title: featuredModel.badgeLabel, children: truncateLabel(featuredModel.badgeLabel) }))), _jsx(Link, { href: featuredModel.postUrl, children: _jsx("h2", { dangerouslySetInnerHTML: {
+                                                __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 })] })) }));
 }