wpheadless-lib 1.1.10 → 1.1.12

package/dist/components/ui/breadcrumb.module.css

@@ -0,0 +1,37 @@
+.list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.375rem;
+  color: var(--foreground-light);
+  font-size: 0.875rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.item {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-width: 0;
+}
+
+.link {
+  color: var(--foreground-light);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.link:hover {
+  color: var(--foreground);
+}
+
+.page {
+  color: var(--foreground);
+  font-weight: 400;
+}
+
+.separator {
+  color: var(--foreground-light);
+}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef } from "react";
+type ButtonProps = ComponentPropsWithRef<"button"> & {
+    variant?: "default" | "outline" | "ghost";
+    size?: "default" | "sm" | "icon";
+};
+export declare function Button({ className, variant, size, ...props }: ButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/ui/button.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+import styles from "./button.module.css";
+const variants = {
+    default: styles.default,
+    outline: styles.outline,
+    ghost: styles.ghost,
+};
+const sizes = {
+    default: styles.defaultSize,
+    sm: styles.small,
+    icon: styles.icon,
+};
+export function Button({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx("button", { "data-slot": "button", className: cn(styles.button, variants[variant], sizes[size], className), ...props }));
+}

package/dist/components/ui/button.module.css

@@ -0,0 +1,72 @@
+.button {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border: 0;
+  border-radius: 0.5rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    color 0.2s ease,
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+.button:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+.default {
+  background: var(--primary);
+  color: var(--primary-foreground);
+}
+
+.default:hover {
+  background: var(--primary-hover);
+  color: var(--primary-foreground);
+}
+
+.outline {
+  border: 1px solid var(--border);
+  background: var(--background);
+  color: var(--foreground);
+}
+
+.outline:hover {
+  background: var(--background-alt);
+  color: var(--foreground);
+}
+
+.ghost {
+  background: transparent;
+  color: var(--foreground);
+}
+
+.ghost:hover {
+  background: var(--background-alt);
+  color: var(--foreground);
+}
+
+.defaultSize {
+  min-height: 2.25rem;
+  padding-inline: 0.75rem;
+}
+
+.small {
+  min-height: 2rem;
+  padding-inline: 0.625rem;
+  font-size: 0.75rem;
+}
+
+.icon {
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+}

package/dist/components/ui/card.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+type CardProps<T extends ElementType> = {
+    as?: T;
+    size?: "default" | "sm";
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<T>, "as" | "className">;
+export declare function Card<T extends ElementType = "div">({ as, size, className, ...props }: CardProps<T>): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+export declare function CardContent({ className, ...props }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+export declare function CardFooter({ className, ...props }: ComponentPropsWithoutRef<"div">): import("react").JSX.Element;
+export {};

package/dist/components/ui/card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "./cn.js";
+import styles from "./card.module.css";
+export function Card({ as, size = "default", className, ...props }) {
+    const Comp = as || "div";
+    return (_jsx(Comp, { "data-slot": "card", "data-size": size, className: cn(styles.card, size === "sm" && styles.small, className), ...props }));
+}
+export function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn(styles.header, className), ...props }));
+}
+export function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn(styles.content, className), ...props }));
+}
+export function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn(styles.footer, className), ...props }));
+}

package/dist/components/ui/card.module.css

@@ -0,0 +1,37 @@
+.card {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  background: var(--card-bg);
+  color: var(--foreground);
+  box-shadow: 0 1px 3px var(--shadow);
+  transition: box-shadow 0.2s ease;
+}
+
+.card:hover {
+  box-shadow: 0 10px 25px var(--shadow-hover);
+}
+
+.small {
+  gap: 0.75rem;
+}
+
+.header {
+  display: grid;
+  gap: 0.25rem;
+  padding-inline: 1rem;
+}
+
+.content {
+  padding-inline: 1rem;
+}
+
+.footer {
+  display: flex;
+  align-items: center;
+  border-top: 1px solid var(--border);
+  background: var(--background-alt);
+  padding: 1rem;
+}

package/dist/components/ui/cn.d.ts

@@ -0,0 +1 @@
+export declare function cn(...classes: Array<string | false | null | undefined>): string;

package/dist/components/ui/cn.js

@@ -0,0 +1,3 @@
+export function cn(...classes) {
+    return classes.filter(Boolean).join(" ");
+}

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

@@ -0,0 +1,6 @@
+export * from "./alert.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./pagination.js";

package/dist/components/ui/index.js

@@ -0,0 +1,6 @@
+export * from "./alert.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./pagination.js";

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,14 @@
+import Link from "next/link";
+import type { ComponentPropsWithoutRef } from "react";
+export declare function Pagination({ className, ...props }: ComponentPropsWithoutRef<"nav">): import("react").JSX.Element;
+export declare function PaginationContent({ className, ...props }: ComponentPropsWithoutRef<"ul">): import("react").JSX.Element;
+export declare function PaginationItem(props: ComponentPropsWithoutRef<"li">): import("react").JSX.Element;
+type PaginationLinkProps = ComponentPropsWithoutRef<typeof Link> & {
+    isActive?: boolean;
+    size?: "default" | "icon";
+};
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react").JSX.Element;
+export declare function PaginationPrevious({ children, className, ...props }: Omit<PaginationLinkProps, "size">): import("react").JSX.Element;
+export declare function PaginationNext({ children, className, ...props }: Omit<PaginationLinkProps, "size">): import("react").JSX.Element;
+export declare function PaginationEllipsis({ className, ...props }: ComponentPropsWithoutRef<"span">): import("react").JSX.Element;
+export {};

package/dist/components/ui/pagination.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { cn } from "./cn.js";
+import styles from "./pagination.module.css";
+export function Pagination({ className, ...props }) {
+    return (_jsx("nav", { "data-slot": "pagination", className: cn(styles.pagination, className), ...props }));
+}
+export function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn(styles.content, className), ...props }));
+}
+export function PaginationItem(props) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+export function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return (_jsx(Link, { "data-slot": "pagination-link", "data-active": isActive, "aria-current": isActive ? "page" : undefined, className: cn(styles.link, size === "icon" ? styles.icon : styles.defaultSize, isActive && styles.active, className), ...props }));
+}
+export function PaginationPrevious({ children, className, ...props }) {
+    return (_jsxs(PaginationLink, { size: "default", className: className, ...props, children: [_jsx("span", { "aria-hidden": "true", children: "\u2190" }), _jsx("span", { children: children })] }));
+}
+export function PaginationNext({ children, className, ...props }) {
+    return (_jsxs(PaginationLink, { size: "default", className: className, ...props, children: [_jsx("span", { children: children }), _jsx("span", { "aria-hidden": "true", children: "\u2192" })] }));
+}
+export function PaginationEllipsis({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "pagination-ellipsis", "aria-hidden": "true", className: cn(styles.ellipsis, className), ...props, children: "\u2026" }));
+}

package/dist/components/ui/pagination.module.css

@@ -0,0 +1,62 @@
+.pagination {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  margin-inline: auto;
+}
+
+.content {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.5rem;
+  color: var(--foreground);
+  font-size: 0.875rem;
+  font-weight: 600;
+  text-decoration: none;
+  transition:
+    color 0.2s ease,
+    background-color 0.2s ease,
+    border-color 0.2s ease;
+}
+
+.link:hover {
+  background: var(--background-alt);
+  color: var(--foreground);
+}
+
+.icon {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+.defaultSize {
+  min-height: 2.25rem;
+  gap: 0.5rem;
+  padding-inline: 0.75rem;
+}
+
+.active {
+  border: 1px solid var(--border);
+  background: var(--background);
+}
+
+.ellipsis {
+  display: flex;
+  width: 2.25rem;
+  height: 2.25rem;
+  align-items: center;
+  justify-content: center;
+  color: var(--foreground-light);
+}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./base";
-export * from "./utils";
-export * from "./plugins";
-export * from "./views";
-export * from "./components";
-export * from "./api";
+export * from "./base/index.js";
+export * from "./utils/index.js";
+export * from "./plugins/index.js";
+export * from "./views/index.js";
+export * from "./components/index.js";
+export * from "./api/index.js";

package/dist/index.js

@@ -1,6 +1,6 @@
-export * from "./base";
-export * from "./utils";
-export * from "./plugins";
-export * from "./views";
-export * from "./components";
-export * from "./api";
+export * from "./base/index.js";
+export * from "./utils/index.js";
+export * from "./plugins/index.js";
+export * from "./views/index.js";
+export * from "./components/index.js";
+export * from "./api/index.js";

package/dist/plugins/index.d.ts

@@ -1 +1 @@
-export * from "./yoast";
+export * from "./yoast/index.js";

package/dist/plugins/index.js

@@ -1 +1 @@
-export * from "./yoast";
+export * from "./yoast/index.js";

package/dist/plugins/yoast/index.js

@@ -1,4 +1,5 @@
-import { buildYoastRobotsMeta, rewriteYoastUrls } from "../../utils/seo";
+import { buildYoastRobotsMeta, rewriteYoastUrls } from "../../utils/seo.js";
+import { toPlainText } from "../../utils/html.js";
 const hasYoast = (entity) => {
     if (!entity || typeof entity !== "object")
         return false;
@@ -18,8 +19,8 @@ export const extractYoastMetadata = (entity, fallback = {}, opts = {}) => {
         return null;
     const robots = buildYoastRobotsMeta(yoast.robots);
     const imageUrl = yoast.og_image?.[0]?.url || fallback.image;
-    const title = yoast.title || fallback.title;
-    const description = yoast.description || fallback.description;
+    const title = toPlainText(yoast.title) || fallback.title;
+    const description = toPlainText(yoast.description) || fallback.description;
     const canonical = fallback.url;
     return {
         title,
@@ -29,8 +30,9 @@ export const extractYoastMetadata = (entity, fallback = {}, opts = {}) => {
             canonical,
         },
         openGraph: {
-            title: yoast.title || fallback.title,
-            description: yoast.og_description || yoast.description || fallback.description,
+            title: toPlainText(yoast.title) || fallback.title,
+            description: toPlainText(yoast.og_description || yoast.description) ||
+                fallback.description,
             url: fallback.url,
             type: yoast.og_type || "website",
             siteName: yoast.og_site_name || fallback.siteName,
@@ -38,8 +40,9 @@ export const extractYoastMetadata = (entity, fallback = {}, opts = {}) => {
         },
         twitter: {
             card: yoast.twitter_card || "summary_large_image",
-            title: yoast.twitter_title || yoast.title || fallback.title,
-            description: yoast.twitter_description || yoast.description || fallback.description,
+            title: toPlainText(yoast.twitter_title || yoast.title) || fallback.title,
+            description: toPlainText(yoast.twitter_description || yoast.description) ||
+                fallback.description,
             images: imageUrl ? [imageUrl] : undefined,
         },
     };

package/dist/utils/hreflang.d.ts

@@ -1,13 +1,11 @@
-export type LanguageConfig = {
-    code: string;
-    basePath: string;
-    langId?: string;
-};
+import { type SiteLanguage, type SiteLanguageInput } from "./language.js";
+export type LanguageConfig = SiteLanguageInput;
+export declare function getHreflangCode(language: Pick<SiteLanguageInput, "code">): string;
 export declare function getTranslationKey(entity: unknown): string | undefined;
 export declare function getEntityLanguageId(entity: unknown): string | undefined;
 type BuildUrlParams<T> = {
     entity: T;
-    langCfg: LanguageConfig;
+    langCfg: SiteLanguage;
 };
 export declare function buildLanguageAlternatesFromTranslations<T>({ translations, languages, buildUrl, ensurePageExists, }: {
     translations: T[];
@@ -29,7 +27,7 @@ export declare function buildLanguageAlternatesPerLanguage<T>({ languages, fetch
     ensurePageExists?: (params: BuildUrlParams<T>) => Promise<boolean>;
 }): Promise<Record<string, string> | undefined>;
 export declare function buildAbsoluteLangUrl({ basePath, path, siteUrl, }: {
-    basePath: string;
+    basePath?: string;
     path: string;
     siteUrl?: string;
 }): string;

package/dist/utils/hreflang.js

@@ -1,5 +1,12 @@
-import { getAbsoluteUrl } from "./routing";
+import { getAbsoluteUrl } from "./routing.js";
+import { normalizeLanguages, shouldRenderLanguageAlternates, } from "./language.js";
 const normalizeBasePath = (basePath) => basePath.endsWith("/") ? basePath : `${basePath}/`;
+export function getHreflangCode(language) {
+    const [languageCode, regionCode] = language.code.split("-");
+    if (!regionCode)
+        return languageCode.toLowerCase();
+    return `${languageCode.toLowerCase()}-${regionCode.toUpperCase()}`;
+}
 export function getTranslationKey(entity) {
     const meta = entity?.meta;
     const value = meta?.translation_key_v2;
@@ -13,10 +20,11 @@ export function getEntityLanguageId(entity) {
     return typeof lang === "number" ? lang.toString() : lang;
 }
 export async function buildLanguageAlternatesFromTranslations({ translations, languages, buildUrl, ensurePageExists, }) {
-    if (!translations?.length)
+    if (!translations?.length || !shouldRenderLanguageAlternates(languages)) {
         return undefined;
+    }
     const alternates = {};
-    for (const langCfg of languages) {
+    for (const langCfg of normalizeLanguages(languages)) {
         if (!langCfg.langId)
             continue;
         const match = translations.find((translation) => getEntityLanguageId(translation)?.toString() ===
@@ -31,13 +39,14 @@ export async function buildLanguageAlternatesFromTranslations({ translations, la
         const url = buildUrl({ entity: match, langCfg });
         if (!url)
             continue;
-        alternates[langCfg.code] = url;
+        alternates[getHreflangCode(langCfg)] = url;
     }
     return Object.keys(alternates).length > 1 ? alternates : undefined;
 }
 export async function resolveLanguageAlternates({ translationKey, languages, fetchTranslations, buildUrl, ensurePageExists, }) {
-    if (!translationKey)
+    if (!translationKey || !shouldRenderLanguageAlternates(languages)) {
         return undefined;
+    }
     const translations = await fetchTranslations(translationKey);
     return buildLanguageAlternatesFromTranslations({
         translations,
@@ -47,8 +56,10 @@ export async function resolveLanguageAlternates({ translationKey, languages, fet
     });
 }
 export async function buildLanguageAlternatesPerLanguage({ languages, fetcher, buildUrl, ensurePageExists, }) {
+    if (!shouldRenderLanguageAlternates(languages))
+        return undefined;
     const alternates = {};
-    for (const langCfg of languages) {
+    for (const langCfg of normalizeLanguages(languages)) {
         if (!langCfg.langId)
             continue;
         try {
@@ -63,7 +74,7 @@ export async function buildLanguageAlternatesPerLanguage({ languages, fetcher, b
             const url = buildUrl({ entity, langCfg });
             if (!url)
                 continue;
-            alternates[langCfg.code] = url;
+            alternates[getHreflangCode(langCfg)] = url;
         }
         catch (error) {
             console.error("Error building hreflang for lang", langCfg.code, error);
@@ -72,7 +83,7 @@ export async function buildLanguageAlternatesPerLanguage({ languages, fetcher, b
     return Object.keys(alternates).length > 1 ? alternates : undefined;
 }
 export function buildAbsoluteLangUrl({ basePath, path, siteUrl, }) {
-    const normalizedBase = normalizeBasePath(basePath);
+    const normalizedBase = normalizeBasePath(basePath || "/");
     const normalizedPath = path.startsWith("/")
         ? path.slice(1)
         : path.replace(/^\/+/, "");

package/dist/utils/html.d.ts

@@ -2,3 +2,5 @@
  * Remove HTML tags from a string.
  */
 export declare function stripTags(html?: string): string | undefined;
+export declare function decodeHtmlEntities(value?: string): string | undefined;
+export declare function toPlainText(html?: string): string | undefined;

package/dist/utils/html.js

@@ -6,3 +6,28 @@ export function stripTags(html) {
         return undefined;
     return html.replace(/<[^>]*>/g, "");
 }
+const namedEntities = {
+    amp: "&",
+    apos: "'",
+    gt: ">",
+    lt: "<",
+    nbsp: " ",
+    quot: '"',
+};
+export function decodeHtmlEntities(value) {
+    if (!value)
+        return value;
+    return value.replace(/&(#(?:x[0-9a-fA-F]+|\d+)|[a-zA-Z]+);/g, (match, entity) => {
+        if (entity[0] === "#") {
+            const isHex = entity[1]?.toLowerCase() === "x";
+            const codePoint = Number.parseInt(entity.slice(isHex ? 2 : 1), isHex ? 16 : 10);
+            return Number.isFinite(codePoint) ? String.fromCodePoint(codePoint) : match;
+        }
+        return namedEntities[entity] ?? match;
+    });
+}
+export function toPlainText(html) {
+    const stripped = stripTags(html);
+    const decoded = decodeHtmlEntities(stripped);
+    return decoded?.replace(/\s+/g, " ").trim() || undefined;
+}

package/dist/utils/index.d.ts

@@ -1,6 +1,7 @@
-export * from "./i18n";
-export * from "./routing";
-export * from "./seo";
-export * from "./html";
-export * from "./hreflang";
-export * from "./sitemap";
+export * from "./i18n.js";
+export * from "./routing.js";
+export * from "./seo.js";
+export * from "./html.js";
+export * from "./language.js";
+export * from "./hreflang.js";
+export * from "./sitemap.js";

package/dist/utils/index.js

@@ -1,6 +1,7 @@
-export * from "./i18n";
-export * from "./routing";
-export * from "./seo";
-export * from "./html";
-export * from "./hreflang";
-export * from "./sitemap";
+export * from "./i18n.js";
+export * from "./routing.js";
+export * from "./seo.js";
+export * from "./html.js";
+export * from "./language.js";
+export * from "./hreflang.js";
+export * from "./sitemap.js";

package/dist/utils/language.d.ts

@@ -0,0 +1,37 @@
+export type SiteLanguageInput = {
+    code: string;
+    basePath?: string;
+    langId?: string;
+    wpLang?: string;
+    locale?: string;
+    dateLocale?: string;
+    isDefault?: boolean;
+};
+export type SiteLanguage = Required<Pick<SiteLanguageInput, "code" | "basePath" | "locale" | "isDefault">> & Omit<SiteLanguageInput, "basePath" | "locale" | "isDefault"> & {
+    prefixed: boolean;
+};
+export type LanguageMode = "single" | "multi";
+export type LanguageConfigOptions = {
+    defaultCode?: string;
+    defaultLocale?: string;
+};
+export declare function normalizeLanguages(languages?: SiteLanguageInput[], options?: LanguageConfigOptions): SiteLanguage[];
+export declare function getLanguageMode(languages?: SiteLanguageInput[]): LanguageMode;
+export declare function getDefaultLanguage(languages?: SiteLanguageInput[]): SiteLanguage;
+export declare function getLanguageByCode(languages: SiteLanguageInput[] | undefined, code?: string): SiteLanguage | undefined;
+export declare function getLanguageBasePath(language: SiteLanguageInput, allLanguages?: SiteLanguageInput[]): string;
+export declare function shouldRenderLanguageAlternates(languages?: SiteLanguageInput[]): boolean;
+export declare function buildLanguagePath(language: SiteLanguageInput, path?: string, allLanguages?: SiteLanguageInput[]): string;
+export declare function getWpLanguageCode(language?: SiteLanguageInput): string | undefined;
+export declare function getWpLanguageFilter(language?: SiteLanguageInput): {
+    taxonomies?: undefined;
+    lang?: undefined;
+} | {
+    taxonomies: {
+        language: string[];
+    };
+    lang?: undefined;
+} | {
+    lang: string;
+    taxonomies?: undefined;
+};