wpheadless-lib 1.1.5 → 1.1.6

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

@@ -5,6 +5,7 @@ interface PostCardProps {
     categorySlug?: string;
     locale?: Locale;
     dateLocale?: string;
+    basePath?: string;
 }
-export default function PostCard({ post, categorySlug, locale, dateLocale, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+export default function PostCard({ post, categorySlug, locale, dateLocale, basePath, }: PostCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PostCard/index.js

@@ -8,7 +8,7 @@ function truncateText(text, max = 20) {
     const normalized = text.trim();
     return normalized.length > max ? `${normalized.slice(0, max)}...` : normalized;
 }
-export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", }) {
+export default function PostCard({ post, categorySlug, locale = "en", dateLocale = "en-US", basePath, }) {
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = featuredMedia?.source_url;
     const categories = (post._embedded?.["wp:term"]?.[0] || []).filter((cat) => Boolean(cat?.slug));
@@ -17,8 +17,9 @@ export default function PostCard({ post, categorySlug, locale = "en", dateLocale
         post,
         categorySlug: resolvedCategory,
         locale,
+        basePath,
     });
-    return (_jsxs("article", { className: `${styles.card} card`, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale), className: `badge ${styles.badge}`, title: cat.name, children: truncateText(cat.name, 20) }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [imageUrl && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: imageUrl, alt: featuredMedia?.alt_text || post.title.rendered, fill: true, style: { objectFit: "cover" }, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" }) })), _jsxs("div", { className: styles.body, children: [_jsx("h2", { className: styles.title, dangerouslySetInnerHTML: {
+    return (_jsxs("article", { className: `${styles.card} card`, children: [categories.length > 0 && (_jsx("div", { className: styles.badges, children: categories.map((cat) => (_jsx(Link, { href: buildCategoryUrl(cat.slug, locale, basePath), className: `badge ${styles.badge}`, title: cat.name, children: truncateText(cat.name, 20) }, cat.id ?? cat.slug))) })), _jsxs(Link, { href: postUrl, className: styles.postLink, children: [imageUrl && (_jsx("div", { className: styles.imageWrapper, children: _jsx(Image, { src: imageUrl, alt: featuredMedia?.alt_text || post.title.rendered, fill: true, style: { objectFit: "cover" }, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw" }) })), _jsxs("div", { className: styles.body, children: [_jsx("h2", { className: styles.title, dangerouslySetInnerHTML: {
                                     __html: post.title.rendered,
                                 } }), _jsx("div", { dangerouslySetInnerHTML: {
                                     __html: post.excerpt.rendered,

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

@@ -4,4 +4,5 @@ export type BuildUrlArgs = {
     post: WPPost;
     categorySlug?: string;
     locale?: Locale;
+    basePath?: string;
 };

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

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

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

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

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

@@ -6,8 +6,9 @@ type CategoryListViewProps = {
     totalPages: number;
     baseUrl?: string;
     homeHref?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, locale, dateLocale, }: CategoryListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryListView({ category, posts, totalPages, baseUrl, homeHref, linkBasePath, locale, dateLocale, }: CategoryListViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/CategoryListView/index.js

@@ -5,7 +5,7 @@ import styles from "./index.module.css";
 import { getCountLabel, getEmptyLabel, getPaginatorBase } from "./index.utils";
 import { Breadcrumbs } from "../../components";
 import { getTranslator } from "../../utils";
-export function CategoryListView({ category, posts, totalPages, baseUrl, homeHref = "/", locale, dateLocale = "en-US", }) {
+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);
@@ -13,5 +13,5 @@ export function CategoryListView({ category, posts, totalPages, baseUrl, homeHre
     return (_jsxs("div", { className: `container ${styles.container}`, children: [_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, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
+                        ] }), _jsx("h1", { className: styles.title, children: category.name }), category.description && (_jsx("div", { className: styles.description, dangerouslySetInnerHTML: { __html: category.description } })), countLabel && _jsx("p", { className: styles.count, children: countLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("home.title"), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
 }

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

@@ -6,8 +6,9 @@ type CategoryPaginationViewProps = {
     currentPage: number;
     totalPages: number;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, locale, dateLocale, }: CategoryPaginationViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: CategoryPaginationViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/CategoryPaginationView/index.js

@@ -5,7 +5,7 @@ import styles from "./index.module.css";
 import { getEmptyLabel, getPageLabel, getPaginatorBase } from "./index.utils";
 import { Breadcrumbs } from "../../components";
 import { getTranslator } from "../../utils";
-export function CategoryPaginationView({ category, posts, currentPage, totalPages, baseUrl, locale, dateLocale = "en-US", }) {
+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);
@@ -14,5 +14,5 @@ export function CategoryPaginationView({ category, posts, currentPage, totalPage
                             { label: "Home", href: paginatorBase || "/" },
                             { label: category.name },
                             { label: pageLabel },
-                        ] }), _jsx("h1", { className: styles.title, children: category.name }), _jsx("p", { className: styles.pageLabel, children: pageLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("category.pageLabel", { page: currentPage }), className: styles.gridSection, children: [_jsx("div", { className: styles.grid, children: posts.map((post) => (_jsx(PostCard, { post: post, categorySlug: category.slug, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
+                        ] }), _jsx("h1", { className: styles.title, children: category.name }), _jsx("p", { className: styles.pageLabel, children: pageLabel })] }), posts.length === 0 ? (_jsx("p", { className: styles.empty, children: emptyLabel })) : (_jsxs("section", { "aria-label": t("category.pageLabel", { page: currentPage }), 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: currentPage, totalPages: totalPages, baseUrl: paginatorBase, locale: locale })] }))] }));
 }

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

@@ -6,8 +6,9 @@ type HomePaginationViewProps = {
     totalPages: number;
     error?: string | null;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl, locale, dateLocale, }: HomePaginationViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl, linkBasePath, locale, dateLocale, }: HomePaginationViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/HomePaginationView/index.js

@@ -3,7 +3,7 @@ import Paginator from "../../components/Paginator";
 import PostCard from "../../components/PostCard";
 import styles from "./index.module.css";
 import { buildHomePaginationCopy } from "./index.utils";
-export function HomePaginationView({ posts, currentPage, totalPages, error, baseUrl = "", locale, dateLocale = "en-US", }) {
+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, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: currentPage, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] }))] }));
+    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 })] }))] }));
 }

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

@@ -6,8 +6,9 @@ type HomeViewProps = {
     error?: string | null;
     totalPages: number;
     baseUrl?: string;
+    linkBasePath?: string;
     locale?: Locale;
     dateLocale?: string;
 };
-export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, locale, dateLocale, }: HomeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl, linkBasePath, locale, dateLocale, }: HomeViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/HomeView/index.js

@@ -9,10 +9,10 @@ function truncateLabel(label, max = 20) {
     const trimmed = label.trim();
     return trimmed.length > max ? `${trimmed.slice(0, max)}...` : trimmed;
 }
-export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", locale, dateLocale = "en-US", }) {
+export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUrl = "", linkBasePath, locale, dateLocale = "en-US", }) {
     const copy = getHomeCopy(locale);
     const featuredModel = featuredPost
-        ? buildFeaturedViewModel(featuredPost, locale, dateLocale)
+        ? 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
@@ -21,5 +21,5 @@ export function HomeView({ featuredPost, regularPosts, error, totalPages, baseUr
                                             __html: featuredModel.titleHtml,
                                         }, className: styles.featuredTitle }) }), _jsx("div", { dangerouslySetInnerHTML: {
                                         __html: featuredModel.excerptHtml,
-                                    }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] })) }));
+                                    }, className: `text-muted ${styles.featuredExcerpt}` }), _jsx("time", { dateTime: featuredModel.dateTime, className: `text-muted ${styles.featuredDate}`, children: featuredModel.dateLabel })] })] })), _jsx("section", { className: styles.postsGrid, "aria-label": copy.title, role: "region", children: regularPosts.map((post) => (_jsx(PostCard, { post: post, basePath: linkBasePath, locale: locale, dateLocale: dateLocale }, post.id))) }), _jsx(Paginator, { currentPage: 1, totalPages: totalPages, baseUrl: baseUrl, locale: locale })] })) }));
 }

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

@@ -20,4 +20,4 @@ export type FeaturedViewModel = {
         alt: string;
     } | undefined;
 };
-export declare const buildFeaturedViewModel: (post: WPPost, locale?: Locale, dateLocale?: string) => FeaturedViewModel;
+export declare const buildFeaturedViewModel: (post: WPPost, locale?: Locale, dateLocale?: string, basePath?: string) => FeaturedViewModel;

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

@@ -9,7 +9,7 @@ export const getHomeCopy = (locale) => {
         errorHint: t("home.errorHint"),
     };
 };
-export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US") => {
+export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US", basePath) => {
     const t = getTranslator(locale);
     const featuredMedia = getFeaturedMedia(post);
     const imageUrl = featuredMedia?.source_url;
@@ -19,9 +19,10 @@ export const buildFeaturedViewModel = (post, locale, dateLocale = "en-US") => {
         post,
         categorySlug: primaryCategory?.slug,
         locale,
+        basePath,
     });
     const badgeUrl = primaryCategory
-        ? buildCategoryUrl(primaryCategory.slug, locale)
+        ? buildCategoryUrl(primaryCategory.slug, locale, basePath)
         : null;
     return {
         postUrl,

package/package.json

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