wpheadless-lib 1.1.10 → 1.1.11

package/dist/views/LegalPageView/index.js

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

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

@@ -1,7 +1,7 @@
 .article {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 2rem;
+  width: 100%;
+  padding-top: var(--spacing-xl);
+  padding-bottom: var(--spacing-xl);
 }
 
 .imageWrapper {

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

@@ -1,4 +1,4 @@
-import { getFeaturedMedia, stripTags } from "../../utils";
+import { getFeaturedMedia, stripTags } from "../../utils/index.js";
 export const getLegalImage = (page) => {
     const media = getFeaturedMedia(page);
     if (!media?.source_url)

package/dist/views/PostView/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 PostViewProps = {
     post: WPPost;
     dateLocale?: string;
@@ -7,6 +7,7 @@ type PostViewProps = {
     locale?: Locale;
     authorDescription?: string | null;
     disclaimer?: string;
+    priorityImage?: boolean;
 };
-export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, }: PostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostView({ post, dateLocale, categoryBasePath, locale, authorDescription, disclaimer, priorityImage, }: PostViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/views/PostView/index.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from "next/image";
+import Link from "next/link";
 import styles from "./index.module.css";
-import { getTranslator } from "../../utils";
-import { Breadcrumbs } from "../../components";
-import { buildCategoryUrl, formatPublishedDate, getAuthor, getFeaturedImage, getPrimaryCategory, } from "./index.utils";
-import { stripTags } from "../../utils";
+import { getTranslator, getYoastSchema } from "../../utils/index.js";
+import { Breadcrumbs, JsonLd } from "../../components/index.js";
+import { buildCategoryUrl, formatPublishedDate, getAuthor, getFeaturedImage, getPrimaryCategory, } from "./index.utils.js";
+import { stripTags } from "../../utils/index.js";
+import { Alert, badgeClassName, Card, CardContent } from "../../components/ui/index.js";
 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 PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, }) {
+export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", locale, authorDescription, disclaimer, priorityImage = true, }) {
     const t = getTranslator(locale);
     const author = getAuthor(post);
     const authorBio = authorDescription ?? author?.description;
@@ -27,5 +29,5 @@ export function PostView({ post, dateLocale = "en-US", categoryBasePath = "/", l
             { label: "Home", href: categoryBasePath },
             { label: stripTags(post.title.rendered) || post.title.rendered },
         ];
-    return (_jsx("div", { className: `container ${styles.container}`, children: _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), _jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx("a", { href: categoryUrl, className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: "badge", title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, width: featuredImage.width, height: featuredImage.height, className: styles.image, priority: true, sizes: "(max-width: 900px) 100vw, 900px" })] })), _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("div", { className: styles.disclaimer, role: "note", children: disclaimer })), author && (_jsx("aside", { className: `card ${styles.authorCard}`, children: _jsxs("address", { className: styles.authorAddress, children: [_jsx("strong", { className: styles.authorName, children: author.name }), authorBio && (_jsx("p", { className: styles.authorBio, children: authorBio }))] }) }))] }) }));
+    return (_jsxs("div", { className: styles.container, children: [_jsx(JsonLd, { data: getYoastSchema(post) }), _jsxs("article", { className: styles.article, children: [_jsx(Breadcrumbs, { items: breadcrumbs }), featuredImage && (_jsxs("figure", { className: styles.figure, children: [_jsx(Image, { src: featuredImage.src, alt: featuredImage.alt, fill: true, className: styles.image, priority: priorityImage, sizes: "(max-width: 1200px) 100vw, 1200px" }), _jsx("div", { className: styles.heroOverlay, "aria-hidden": "true" }), primaryCategory && (_jsx("div", { className: styles.badgeOverlay, children: categoryUrl ? (_jsx(Link, { href: categoryUrl, className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) : (_jsx("span", { className: badgeClassName(), title: primaryCategory.name, children: truncateLabel(primaryCategory.name, 20) })) })), _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: `${styles.title} ${styles.heroTitle}` })] })), !featuredImage && (_jsx("header", { className: styles.postHeader, children: _jsx("h1", { dangerouslySetInnerHTML: { __html: post.title.rendered }, className: styles.title }) })), _jsxs("div", { className: styles.meta, children: [author && (_jsx("span", { className: styles.authorLabel, children: t("post.authorPrefix", { name: author.name }) })), _jsx("span", { children: "\u2022" }), _jsx("time", { dateTime: post.date, children: publishedDate })] }), _jsx("div", { dangerouslySetInnerHTML: { __html: 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 })] }) }) }))] })] }));
 }

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

@@ -1,18 +1,17 @@
 .container {
-  padding-top: var(--spacing-sm);
+  padding-top: var(--spacing-xl);
   padding-bottom: var(--spacing-xl);
 }
 
 .article {
-  max-width: 900px;
-  margin: 0 auto;
+  width: 100%;
 }
 
 .badgeOverlay {
   position: absolute;
-  bottom: 25px;
-  left: 15px;
-  z-index: 2;
+  top: clamp(1rem, 3vw, 1.5rem);
+  left: clamp(1rem, 3vw, 1.5rem);
+  z-index: 3;
   box-shadow: 0 6px 16px var(--shadow);
 }
 
@@ -24,6 +23,17 @@
   margin-bottom: var(--spacing-sm);
 }
 
+.heroTitle {
+  position: relative;
+  z-index: 3;
+  align-self: end;
+  max-width: min(980px, 100%);
+  margin: 0;
+  color: #ffffff;
+  text-wrap: balance;
+  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
+}
+
 .meta {
   display: flex;
   align-items: center;
@@ -47,13 +57,39 @@
 .figure {
   margin-bottom: var(--spacing-xs);
   position: relative;
+  display: grid;
+  min-height: clamp(13rem, 18vw, 20rem);
+  padding: clamp(4.5rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem)
+    clamp(1.25rem, 4vw, 3rem);
+  overflow: hidden;
+  border-radius: 12px;
+  isolation: isolate;
 }
 
 .image {
-  width: 100%;
-  height: auto;
-  border-radius: 12px;
-  box-shadow: 0 4px 12px var(--shadow);
+  object-fit: cover;
+  z-index: 1;
+}
+
+.heroOverlay {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  background:
+    linear-gradient(
+      16deg,
+      rgba(0, 0, 0, 0.82) 0%,
+      rgba(0, 0, 0, 0.68) 34%,
+      rgba(0, 0, 0, 0.34) 58%,
+      rgba(0, 0, 0, 0.06) 82%
+    ),
+    linear-gradient(
+      0deg,
+      rgba(0, 0, 0, 0.62) 0%,
+      rgba(0, 0, 0, 0.12) 46%,
+      transparent 100%
+    );
+  pointer-events: none;
 }
 
 .content {
@@ -76,10 +112,7 @@
 
 .authorCard {
   margin-top: var(--spacing-lg);
-  margin-left: auto;
-  margin-right: auto;
   padding: var(--spacing-md) var(--spacing-lg);
-  max-width: 720px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid var(--border);
   box-shadow: 0 6px 18px var(--shadow);

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

@@ -1,7 +1,7 @@
 import type { WPPost } from "wpjsapi-lib";
-import { type Locale } from "../../utils";
-import type { EmbeddedAuthor } from "./index.types";
-import type { EmbeddedCategory } from "../../api";
+import { type Locale } from "../../utils/index.js";
+import type { EmbeddedAuthor } from "./index.types.js";
+import type { EmbeddedCategory } from "../../api/index.js";
 export declare const getCategories: (post: WPPost) => EmbeddedCategory[];
 export declare const getPrimaryCategory: (post: WPPost) => EmbeddedCategory | undefined;
 export declare const buildCategoryUrl: (basePath: string, slug?: string) => string | null;

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

@@ -1,5 +1,5 @@
-import { ensureTrailingSlash, getFeaturedMedia, getTranslator, stripTags, } from "../../utils";
-import { formatPostDate } from "../../components/PostCard/index.utils";
+import { ensureTrailingSlash, getFeaturedMedia, getTranslator, stripTags, } from "../../utils/index.js";
+import { formatPostDate } from "../../components/PostCard/index.utils.js";
 export const getCategories = (post) => (post._embedded?.["wp:term"]?.[0] || []).filter(Boolean);
 export const getPrimaryCategory = (post) => getCategories(post)[0];
 export const buildCategoryUrl = (basePath, slug) => slug

package/dist/views/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./HomeView";
-export * from "./HomePaginationView";
-export * from "./CategoryListView";
-export * from "./CategoryPaginationView";
-export * from "./PostView";
-export * from "./LegalPageView";
+export * from "./HomeView/index.js";
+export * from "./HomePaginationView/index.js";
+export * from "./CategoryListView/index.js";
+export * from "./CategoryPaginationView/index.js";
+export * from "./PostView/index.js";
+export * from "./LegalPageView/index.js";

package/dist/views/index.js

@@ -1,6 +1,6 @@
-export * from "./HomeView";
-export * from "./HomePaginationView";
-export * from "./CategoryListView";
-export * from "./CategoryPaginationView";
-export * from "./PostView";
-export * from "./LegalPageView";
+export * from "./HomeView/index.js";
+export * from "./HomePaginationView/index.js";
+export * from "./CategoryListView/index.js";
+export * from "./CategoryPaginationView/index.js";
+export * from "./PostView/index.js";
+export * from "./LegalPageView/index.js";

package/package.json

@@ -1,45 +1,82 @@
 {
   "name": "wpheadless-lib",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json && pnpm run copy:assets",
+    "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json -f && node ./scripts/copy-assets.mjs",
     "copy:assets": "node ./scripts/copy-assets.mjs",
-    "prepublishOnly": "npm run build",
-    "prepare": "npm run build"
+    "prepublishOnly": "npm run build"
   },
   "files": [
     "dist"
   ],
+  "engines": {
+    "node": ">=24.11.0 <25",
+    "npm": ">=11"
+  },
   "sideEffects": [
     "**/*.css"
   ],
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./api": {
+      "import": "./dist/api/index.js",
+      "types": "./dist/api/index.d.ts",
+      "default": "./dist/api/index.js"
+    },
+    "./base": {
+      "import": "./dist/base/index.js",
+      "types": "./dist/base/index.d.ts",
+      "default": "./dist/base/index.js"
+    },
+    "./components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./plugins": {
+      "import": "./dist/plugins/index.js",
+      "types": "./dist/plugins/index.d.ts",
+      "default": "./dist/plugins/index.js"
+    },
+    "./utils": {
+      "import": "./dist/utils/index.js",
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
+    },
+    "./views": {
+      "import": "./dist/views/index.js",
+      "types": "./dist/views/index.d.ts",
+      "default": "./dist/views/index.js"
     }
   },
   "dependencies": {
-    "wpjsapi-lib": "3.1.1"
+    "wpjsapi-lib": "^3.1.2"
   },
   "devDependencies": {
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "next": "^16.0.3",
-    "react": "^19",
-    "react-dom": "^19",
+    "next": "16.2.6",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "tsc-alias": "^1.8.10",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "next": "16.0.3",
+    "next": "^16.2.6",
     "react": "^19",
     "react-dom": "^19"
+  },
+  "overrides": {
+    "postcss": "^8.5.14"
   }
 }