wpheadless-lib 1.1.10 → 1.1.11

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 })] })) }));
 }

package/dist/views/HomeView/index.module.css

@@ -1,5 +1,5 @@
 .container {
-  padding-top: var(--spacing-lg);
+  padding-top: var(--spacing-xl);
   padding-bottom: var(--spacing-lg);
 }
 
@@ -21,22 +21,45 @@
   color: var(--foreground-light);
 }
 
+.visuallyHidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.masthead {
+  display: grid;
+  gap: clamp(1.25rem, 3vw, 2rem);
+  margin-bottom: var(--spacing-xl);
+}
+
 .featured {
-  margin-bottom: var(--spacing-lg);
+  position: relative;
   display: grid;
+  min-height: clamp(18rem, 34vw, 27rem);
+  overflow: hidden;
+  border-radius: 12px;
+  background: var(--card-bg);
+  box-shadow: 0 14px 38px var(--shadow);
 }
 
 .featuredWithImage {
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
 }
 
 .featuredNoImage {
   grid-template-columns: 1fr;
 }
 
-.featuredImageLink {
+.featuredImageFrame {
   position: relative;
-  min-height: 400px;
+  min-height: 100%;
   overflow: hidden;
 }
 
@@ -44,8 +67,17 @@
   object-fit: cover;
 }
 
+.featuredOverlay {
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(18deg, rgba(0, 0, 0, 0.52), transparent 62%),
+    linear-gradient(0deg, rgba(0, 0, 0, 0.24), transparent 48%);
+  pointer-events: none;
+}
+
 .featuredBody {
-  padding: var(--spacing-lg);
+  padding: clamp(1.5rem, 4vw, 3rem);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -58,12 +90,19 @@
 
 .featuredTitle {
   margin-bottom: var(--spacing-sm);
-  font-size: 2rem;
+  font-size: clamp(1.65rem, 3.5vw, 2.7rem);
+  line-height: 1.08;
   margin-top: 0;
 }
 
+.featuredTitle:hover {
+  color: var(--primary);
+}
+
 .featuredExcerpt {
   margin-bottom: var(--spacing-sm);
+  font-size: 1rem;
+  line-height: 1.65;
 }
 
 .featuredDate {
@@ -82,7 +121,11 @@
     grid-template-columns: 1fr;
   }
 
-  .featuredImageLink {
+  .featured {
+    min-height: 0;
+  }
+
+  .featuredImageFrame {
     min-height: 220px;
   }
 

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

@@ -1,5 +1,5 @@
 import type { WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
+import { type Locale } from "../../utils/index.js";
 export type HomeCopy = {
     title: string;
     empty: string;

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

@@ -1,5 +1,5 @@
-import { getFeaturedMedia, getTranslator, stripTags, } from "../../utils";
-import { buildCategoryUrl, buildPostUrl, formatPostDate, } from "../../components/PostCard/index.utils";
+import { getFeaturedMedia, getTranslator, stripTags, } from "../../utils/index.js";
+import { buildCategoryUrl, buildPostUrl, formatPostDate, } from "../../components/PostCard/index.utils.js";
 export const getHomeCopy = (locale) => {
     const t = getTranslator(locale);
     return {

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

@@ -3,6 +3,7 @@ type LegalPageViewProps = {
     page: WPPage;
     dateLocale?: string;
     homeHref: string;
+    priorityImage?: boolean;
 };
-export declare function LegalPageView({ page, homeHref }: LegalPageViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LegalPageView({ page, homeHref, priorityImage, }: LegalPageViewProps): import("react/jsx-runtime").JSX.Element;
 export {};