@websolutespa/bom-next 3.0.0

package/dist/utils-Ca7xh5mm.js

@@ -0,0 +1,78 @@
+//#region src/lib/label.ts
+function getLabelFromLabels(labels) {
+	const labelService = new LabelService(labels);
+	return (key, params) => {
+		return labelService.getLabel(key, params);
+	};
+}
+function parseLabel(dictionary, key, params) {
+	const label = dictionary[key] != null ? dictionary[key] : key;
+	if (params) return interpolateText(label, params);
+	return label;
+}
+function interpolateText(text, dictionary) {
+	return text.replace(/@(\w+)/g, (text, key) => {
+		const replacer = dictionary[key];
+		return typeof replacer !== "undefined" ? String(replacer) : text;
+	});
+}
+var LabelService = class {
+	labels;
+	dictionary;
+	constructor(labels) {
+		this.labels = labels;
+		this.dictionary = Object.fromEntries(labels.map((l) => [l.id, l.text]));
+	}
+	getLabel(key, params) {
+		return parseLabel(this.dictionary, key, params);
+	}
+};
+//#endregion
+//#region src/lib/link.ts
+function getLink_(category, routeLink) {
+	if (routeLink) {
+		if (routeLink.category === category) return routeLink.href;
+		if (routeLink.items) return routeLink.items.reduce((p, c) => {
+			return getLink_(category, c) || p;
+		}, void 0);
+	}
+}
+function getLink(category, layout) {
+	return getLink_(category, layout.tree);
+}
+//#endregion
+//#region src/lib/utils.ts
+function getPublicUrl() {
+	return process.env && process.env.NEXT_PUBLIC_URL ? process.env.NEXT_PUBLIC_URL : "";
+}
+function resolveHref(href = "") {
+	return href.startsWith("http") ? href : `${getPublicUrl()}${href}`;
+}
+function trimTerminalSlash(path) {
+	return path.replace(/\/+$/, "");
+}
+function sanitizeHref(url, urlBeforeRedirect) {
+	if (urlBeforeRedirect) {
+		const sanitizedUrl = new URL(urlBeforeRedirect);
+		sanitizedUrl.protocol = url.protocol;
+		return trimTerminalSlash(sanitizedUrl.href);
+	} else return trimTerminalSlash(url.href);
+}
+function sanitizeRedirectFrom(path, url, urlBeforeRedirect) {
+	path = trimTerminalSlash(path);
+	if (urlBeforeRedirect) return path.replace(/^(\^?)((https?:\/\/)+)/, `$1${url.protocol}//`);
+	else return path.replace(/^(\^?)((https?:\/\/)+(\w|\.|:)+)/, `$1${url.origin}`);
+}
+function sanitizeRedirectTo(path) {
+	return path ? trimTerminalSlash(path) : void 0;
+}
+function sanitizeRedirectUrl(path, url) {
+	if (path != null) {
+		path = trimTerminalSlash(path);
+		return path.match(/^((https?:\/\/)+)/) ? path : `${url.origin}${path}`;
+	} else return path;
+}
+//#endregion
+export { sanitizeRedirectTo as a, getLink as c, interpolateText as d, sanitizeRedirectFrom as i, LabelService as l, resolveHref as n, sanitizeRedirectUrl as o, sanitizeHref as r, trimTerminalSlash as s, getPublicUrl as t, getLabelFromLabels as u };
+
+//# sourceMappingURL=utils-Ca7xh5mm.js.map

package/dist/utils-Ca7xh5mm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Ca7xh5mm.js","names":[],"sources":["../src/lib/label.ts","../src/lib/link.ts","../src/lib/utils.ts"],"sourcesContent":["import type { ILabel, ILocalizable } from '@websolutespa/bom-core';\r\n\r\nexport function getLabelFromLabels(labels: ILabel[]) {\r\n  const labelService = new LabelService(labels);\r\n  return (key: string, params?: Record<string, any>): string => {\r\n    return labelService.getLabel(key, params);\r\n  };\r\n}\r\n\r\nfunction parseLabel(dictionary: Record<string, ILocalizable | undefined>, key: string, params?: Record<string, any>): string {\r\n  const label = (dictionary[key] != null ? dictionary[key] : key) as string;\r\n  if (params) {\r\n    return interpolateText(label, params);\r\n  }\r\n  return label;\r\n}\r\n\r\nexport function interpolateText(text: string, dictionary: Record<string, any>): string {\r\n  const TEMPLATE_REGEXP: RegExp = /@(\\w+)/g;\r\n  return text.replace(TEMPLATE_REGEXP, (text: string, key: string) => {\r\n    const replacer: unknown = dictionary[key];\r\n    return typeof replacer !== 'undefined' ? String(replacer) : text;\r\n  });\r\n}\r\n\r\nexport class LabelService {\r\n  labels: ILabel[];\r\n  dictionary: Record<string, ILocalizable | undefined>;\r\n  constructor(labels: ILabel[]) {\r\n    this.labels = labels;\r\n    this.dictionary = Object.fromEntries(labels.map(l => [l.id, l.text]));\r\n  }\r\n  getLabel(key: string, params?: Record<string, any>): string {\r\n    return parseLabel(this.dictionary, key, params);\r\n  }\r\n}\r\n\r\n/*\r\nexport function resolveLabel(labels: ILabel[], id: string): string {\r\n  const label = labels.find(x => x.id === id);\r\n  return label && label.text ? label.text.toString() : id;\r\n}\r\n*/\r\n","import type { ILayout, IRouteLink } from '@websolutespa/bom-core';\r\n\r\nfunction getLink_(category: string, routeLink: IRouteLink | undefined): string | undefined {\r\n  if (routeLink) {\r\n    if (routeLink.category === category) {\r\n      return routeLink.href;\r\n    }\r\n    if (routeLink.items) {\r\n      return routeLink.items.reduce((p: string | undefined, c) => {\r\n        return getLink_(category, c) || p;\r\n      }, undefined);\r\n    }\r\n  }\r\n  return undefined;\r\n}\r\n\r\nexport function getLink(category: string, layout: ILayout) {\r\n  return getLink_(category, layout.tree);\r\n}\r\n","\r\nexport function getPublicUrl() {\r\n  const publicUrl = process.env && process.env.NEXT_PUBLIC_URL ? process.env.NEXT_PUBLIC_URL : '';\r\n  return publicUrl;\r\n}\r\n\r\nexport function resolveHref(href: string = '') {\r\n  return href.startsWith('http') ? href : `${getPublicUrl()}${href}`;\r\n}\r\n\r\nexport function trimTerminalSlash(path: string) {\r\n  return path.replace(/\\/+$/, '');\r\n}\r\n\r\nexport function sanitizeHref(url: URL, urlBeforeRedirect: URL | null) {\r\n  if (urlBeforeRedirect) {\r\n    const sanitizedUrl = new URL(urlBeforeRedirect);\r\n    sanitizedUrl.protocol = url.protocol;\r\n    return trimTerminalSlash(sanitizedUrl.href);\r\n  } else {\r\n    return trimTerminalSlash(url.href);\r\n  }\r\n}\r\n\r\nexport function sanitizeRedirectFrom(path: string, url: URL, urlBeforeRedirect: URL | null) {\r\n  path = trimTerminalSlash(path);\r\n  if (urlBeforeRedirect) {\r\n    return path.replace(/^(\\^?)((https?:\\/\\/)+)/, `$1${url.protocol}//`);\r\n  } else {\r\n    return path.replace(/^(\\^?)((https?:\\/\\/)+(\\w|\\.|:)+)/, `$1${url.origin}`);\r\n  }\r\n}\r\n\r\nexport function sanitizeRedirectTo(path?: string) {\r\n  return path ? trimTerminalSlash(path) : undefined;\r\n}\r\n\r\nexport function sanitizeRedirectUrl(path: string | undefined, url: URL) {\r\n  if (path != null) {\r\n    path = trimTerminalSlash(path);\r\n    return path.match(/^((https?:\\/\\/)+)/) ? path : `${url.origin}${path}`;\r\n  } else {\r\n    return path;\r\n  }\r\n}\r\n"],"mappings":";AAEA,SAAgB,mBAAmB,QAAkB;CACnD,MAAM,eAAe,IAAI,aAAa,MAAM;CAC5C,QAAQ,KAAa,WAAyC;EAC5D,OAAO,aAAa,SAAS,KAAK,MAAM;CAC1C;AACF;AAEA,SAAS,WAAW,YAAsD,KAAa,QAAsC;CAC3H,MAAM,QAAS,WAAW,QAAQ,OAAO,WAAW,OAAO;CAC3D,IAAI,QACF,OAAO,gBAAgB,OAAO,MAAM;CAEtC,OAAO;AACT;AAEA,SAAgB,gBAAgB,MAAc,YAAyC;CAErF,OAAO,KAAK,QAAQ,YAAkB,MAAc,QAAgB;EAClE,MAAM,WAAoB,WAAW;EACrC,OAAO,OAAO,aAAa,cAAc,OAAO,QAAQ,IAAI;CAC9D,CAAC;AACH;AAEA,IAAa,eAAb,MAA0B;CACxB;CACA;CACA,YAAY,QAAkB;EAC5B,KAAK,SAAS;EACd,KAAK,aAAa,OAAO,YAAY,OAAO,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;CACtE;CACA,SAAS,KAAa,QAAsC;EAC1D,OAAO,WAAW,KAAK,YAAY,KAAK,MAAM;CAChD;AACF;;;ACjCA,SAAS,SAAS,UAAkB,WAAuD;CACzF,IAAI,WAAW;EACb,IAAI,UAAU,aAAa,UACzB,OAAO,UAAU;EAEnB,IAAI,UAAU,OACZ,OAAO,UAAU,MAAM,QAAQ,GAAuB,MAAM;GAC1D,OAAO,SAAS,UAAU,CAAC,KAAK;EAClC,GAAG,KAAA,CAAS;CAEhB;AAEF;AAEA,SAAgB,QAAQ,UAAkB,QAAiB;CACzD,OAAO,SAAS,UAAU,OAAO,IAAI;AACvC;;;ACjBA,SAAgB,eAAe;CAE7B,OADkB,QAAQ,OAAO,QAAQ,IAAI,kBAAkB,QAAQ,IAAI,kBAAkB;AAE/F;AAEA,SAAgB,YAAY,OAAe,IAAI;CAC7C,OAAO,KAAK,WAAW,MAAM,IAAI,OAAO,GAAG,aAAa,IAAI;AAC9D;AAEA,SAAgB,kBAAkB,MAAc;CAC9C,OAAO,KAAK,QAAQ,QAAQ,EAAE;AAChC;AAEA,SAAgB,aAAa,KAAU,mBAA+B;CACpE,IAAI,mBAAmB;EACrB,MAAM,eAAe,IAAI,IAAI,iBAAiB;EAC9C,aAAa,WAAW,IAAI;EAC5B,OAAO,kBAAkB,aAAa,IAAI;CAC5C,OACE,OAAO,kBAAkB,IAAI,IAAI;AAErC;AAEA,SAAgB,qBAAqB,MAAc,KAAU,mBAA+B;CAC1F,OAAO,kBAAkB,IAAI;CAC7B,IAAI,mBACF,OAAO,KAAK,QAAQ,0BAA0B,KAAK,IAAI,SAAS,GAAG;MAEnE,OAAO,KAAK,QAAQ,oCAAoC,KAAK,IAAI,QAAQ;AAE7E;AAEA,SAAgB,mBAAmB,MAAe;CAChD,OAAO,OAAO,kBAAkB,IAAI,IAAI,KAAA;AAC1C;AAEA,SAAgB,oBAAoB,MAA0B,KAAU;CACtE,IAAI,QAAQ,MAAM;EAChB,OAAO,kBAAkB,IAAI;EAC7B,OAAO,KAAK,MAAM,mBAAmB,IAAI,OAAO,GAAG,IAAI,SAAS;CAClE,OACE,OAAO;AAEX"}

package/dist/utils-YwteTbk7.js

@@ -0,0 +1,23 @@
+import { r as resolveRoute } from "./route-DzFwERQP.js";
+import { getHost } from "@websolutespa/bom-core";
+//#region src/server/utils.ts
+function getNextUrl(request, route) {
+	const nextUrl = request.nextUrl.clone();
+	nextUrl.pathname = resolveRoute(route);
+	return nextUrl;
+}
+function getHrefBeforeRedirect(request) {
+	let hrefBeforeRedirect = null;
+	const urlBeforeRedirect = request.nextUrl.clone();
+	const host = getHost(request.headers);
+	if (host) {
+		urlBeforeRedirect.host = host;
+		urlBeforeRedirect.port = host.split(":")[1] || "";
+		hrefBeforeRedirect = urlBeforeRedirect.href;
+	}
+	return hrefBeforeRedirect;
+}
+//#endregion
+export { getNextUrl as n, getHrefBeforeRedirect as t };
+
+//# sourceMappingURL=utils-YwteTbk7.js.map

package/dist/utils-YwteTbk7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-YwteTbk7.js","names":[],"sources":["../src/server/utils.ts"],"sourcesContent":["import { getHost, IRoute } from '@websolutespa/bom-core';\r\nimport { NextRequest } from 'next/server';\r\nimport { resolveRoute } from '../lib/route';\r\n\r\nexport function getNextUrl(request: NextRequest, route: IRoute) {\r\n  const nextUrl = request.nextUrl.clone();\r\n  const resolvedPathname = resolveRoute(route);\r\n  // console.log('getNextUrl.resolvedPathname', resolvedPathname);\r\n  nextUrl.pathname = resolvedPathname;\r\n  return nextUrl;\r\n}\r\n\r\nexport function getHrefBeforeRedirect(request: NextRequest): string | null {\r\n  let hrefBeforeRedirect: string | null = null;\r\n  const urlBeforeRedirect = request.nextUrl.clone();\r\n  const host = getHost(request.headers);\r\n  if (host) {\r\n    urlBeforeRedirect.host = host;\r\n    urlBeforeRedirect.port = host.split(':')[1] || '';\r\n    hrefBeforeRedirect = urlBeforeRedirect.href;\r\n  }\r\n  return hrefBeforeRedirect;\r\n}\r\n"],"mappings":";;;AAIA,SAAgB,WAAW,SAAsB,OAAe;CAC9D,MAAM,UAAU,QAAQ,QAAQ,MAAM;CAGtC,QAAQ,WAFiB,aAAa,KAEJ;CAClC,OAAO;AACT;AAEA,SAAgB,sBAAsB,SAAqC;CACzE,IAAI,qBAAoC;CACxC,MAAM,oBAAoB,QAAQ,QAAQ,MAAM;CAChD,MAAM,OAAO,QAAQ,QAAQ,OAAO;CACpC,IAAI,MAAM;EACR,kBAAkB,OAAO;EACzB,kBAAkB,OAAO,KAAK,MAAM,GAAG,CAAC,CAAC,MAAM;EAC/C,qBAAqB,kBAAkB;CACzC;CACA,OAAO;AACT"}

package/package.json

@@ -0,0 +1,156 @@
+{
+  "name": "@websolutespa/bom-next",
+  "version": "3.0.0",
+  "description": "Next module of the BOM Repository",
+  "keywords": [
+    "bom",
+    "next"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/websolutespa/bom.git"
+  },
+  "scripts": {
+    "lint": "eslint src/**/*.ts*",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "coverage:integration": "npm run test -- --coverage.enabled --coverage.provider=istanbul --coverage.all",
+    "coverage": "run-s -c --silent coverage:*",
+    "compile": "tsdown",
+    "prepack": "bom prepack",
+    "postpack": "bom postpack",
+    "types": "tsc --noemit"
+  },
+  "dependencies": {
+    "transliteration": "latest"
+  },
+  "peerDependencies": {
+    "@sentry/nextjs": "10.75.0",
+    "@websolutespa/bom-core": "^3.0.1",
+    "@websolutespa/payload-db-memory": "^3.0.2",
+    "@websolutespa/payload-plugin-bowl": "^3.0.17",
+    "@websolutespa/payload-utils": "^3.0.2",
+    "next": "16.1.6",
+    "payload": "3.74.0",
+    "react-dom": "19.2.3",
+    "react": "19.2.3"
+  },
+  "devDependencies": {
+    "@sentry/nextjs": "10.75.0",
+    "@types/react-dom": "19.2.3",
+    "@types/react": "19.2.10",
+    "@websolutespa/bom-cli": "^3.0.1",
+    "@websolutespa/bom-core": "^3.0.1",
+    "@websolutespa/eslint-config": "^3.0.0",
+    "@websolutespa/payload-db-memory": "^3.0.2",
+    "@websolutespa/payload-plugin-bowl": "^3.0.17",
+    "@websolutespa/payload-utils": "^3.0.2",
+    "@websolutespa/test": "^3.0.2",
+    "@websolutespa/tsconfig": "^3.0.0",
+    "eslint": "9.31.0",
+    "npm-run-all": "4.1.5",
+    "react-dom": "19.2.3",
+    "react-error-boundary": "4.1.2",
+    "react": "19.2.3",
+    "typescript": "5.8.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "prepack": {
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.js",
+    "source": "./src/index.ts",
+    "exports": {
+      ".": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./client": {
+        "import": "./dist/exports/client.js",
+        "types": "./dist/exports/client.d.ts",
+        "default": "./dist/exports/client.js"
+      },
+      "./instrumentation": {
+        "import": "./dist/exports/instrumentation.js",
+        "types": "./dist/exports/instrumentation.d.ts",
+        "default": "./dist/exports/instrumentation.js"
+      },
+      "./proxy": {
+        "import": "./dist/exports/proxy.js",
+        "types": "./dist/exports/proxy.d.ts",
+        "default": "./dist/exports/proxy.js"
+      },
+      "./server": {
+        "import": "./dist/exports/server.js",
+        "types": "./dist/exports/server.d.ts",
+        "default": "./dist/exports/server.js"
+      }
+    }
+  },
+  "postpack": {
+    "types": "./src/index.ts",
+    "main": "./src/index.ts",
+    "exports": {
+      ".": {
+        "import": "./src/index.ts",
+        "types": "./src/index.ts",
+        "default": "./src/index.ts"
+      },
+      "./client": {
+        "import": "./src/exports/client.ts",
+        "types": "./src/exports/client.ts",
+        "default": "./src/exports/client.ts"
+      },
+      "./instrumentation": {
+        "import": "./src/exports/instrumentation.ts",
+        "types": "./src/exports/instrumentation.ts",
+        "default": "./src/exports/instrumentation.ts"
+      },
+      "./proxy": {
+        "import": "./src/exports/proxy.ts",
+        "types": "./src/exports/proxy.ts",
+        "default": "./src/exports/proxy.ts"
+      },
+      "./server": {
+        "import": "./src/exports/server.ts",
+        "types": "./src/exports/server.ts",
+        "default": "./src/exports/server.ts"
+      }
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "import": "./dist/exports/client.js",
+      "types": "./dist/exports/client.d.ts",
+      "default": "./dist/exports/client.js"
+    },
+    "./instrumentation": {
+      "import": "./dist/exports/instrumentation.js",
+      "types": "./dist/exports/instrumentation.d.ts",
+      "default": "./dist/exports/instrumentation.js"
+    },
+    "./proxy": {
+      "import": "./dist/exports/proxy.js",
+      "types": "./dist/exports/proxy.d.ts",
+      "default": "./dist/exports/proxy.js"
+    },
+    "./server": {
+      "import": "./dist/exports/server.js",
+      "types": "./dist/exports/server.d.ts",
+      "default": "./dist/exports/server.js"
+    }
+  }
+}

package/src/client/client.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from './useLabel';
+import { usePage } from './usePage';
+
+export function Client() {
+  const label = useLabel();
+  const page = usePage();
+  // console.log('Client', layout, page, label('label'));
+  const classNames = getClassNames('client');
+  return (
+    <div className={classNames}>
+      <h2 className="display-2">{page.title} <sup>{page.id}</sup></h2>
+      <h2>{label('label')}</h2>
+    </div>
+  );
+}

package/src/client/extra.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { createContext } from 'react';
+
+export type IExtraContext = Record<string, any>;
+
+export const ExtraContext = createContext<IExtraContext | undefined>(undefined);
+
+export function ExtraProvider({
+  extra = {},
+  children,
+}: {
+  extra?: Record<string, any>,
+  children?: React.ReactNode
+}) {
+  return (
+    <ExtraContext.Provider value={extra}>
+      {children}
+    </ExtraContext.Provider>
+  );
+}

package/src/client/label.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import { createContext } from 'react';
+import { LabelService } from '../lib/label';
+import { useLayout } from './useLayout';
+
+export type ILabelContext = (key: string, params?: Record<string, any>) => string;
+
+export const LabelContext = createContext<ILabelContext | undefined>(undefined);
+
+export function LabelProvider({ children }: { children?: React.ReactNode }) {
+  const { labels } = useLayout();
+  // console.log('LabelProvider', labels);
+  const labelService = new LabelService(labels);
+  const getLabel = (key: string, params?: Record<string, any>): string => {
+    return labelService.getLabel(key, params);
+  };
+  return (
+    <LabelContext.Provider value={getLabel}>
+      {children}
+    </LabelContext.Provider>
+  );
+}
+

package/src/client/layout.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { ILayout } from '@websolutespa/bom-core';
+import { createContext } from 'react';
+
+export type ILayoutContext = ILayout;
+
+export const LayoutContext = createContext<ILayoutContext | undefined>(undefined);
+
+export function LayoutProvider({
+  layout,
+  children,
+}: {
+  layout: ILayout,
+  children?: React.ReactNode
+}) {
+  return (
+    <LayoutContext.Provider value={layout}>
+      {children}
+    </LayoutContext.Provider>
+  );
+}

package/src/client/local.collection.ts

@@ -0,0 +1,33 @@
+import { httpFetch, merge } from '@websolutespa/bom-core';
+import { ApiRequestOptions, getLocalApiRequestOptions, getLocalApiUrl } from '../lib/http';
+
+export async function localCollectionFetch<T = unknown>(pathname: string, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  const url = new URL(getLocalApiUrl(pathname));
+  if (serviceOptions) {
+    url.searchParams.append('locale', serviceOptions.locale);
+    url.searchParams.append('market', serviceOptions.market);
+  }
+  const apiOptions = merge({ ...getLocalApiRequestOptions() }, options);
+  const apiResponse = await httpFetch(url.href, apiOptions);
+  return apiResponse;
+}
+
+export async function localCollectionGet<T = unknown>(url: string, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  return await localCollectionFetch<T>(url, { ...options, method: 'GET' }, serviceOptions);
+}
+
+export async function localCollectionPost<T = unknown>(url: string, payload?: unknown, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  return await localCollectionFetch<T>(url, { ...options, method: 'POST', body: payload ? JSON.stringify(payload) : undefined }, serviceOptions);
+}
+
+export async function localCollectionPut<T = unknown>(url: string, payload?: unknown, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  return await localCollectionFetch<T>(url, { ...options, method: 'PUT', body: payload ? JSON.stringify(payload) : undefined }, serviceOptions);
+}
+
+export async function localCollectionPatch<T = unknown>(url: string, payload?: unknown, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  return await localCollectionFetch<T>(url, { ...options, method: 'PATCH', body: payload ? JSON.stringify(payload) : undefined }, serviceOptions);
+}
+
+export async function localCollectionDelete<T = unknown>(url: string, options: ApiRequestOptions = {}, serviceOptions?: { locale: string, market: string }): Promise<T> {
+  return await localCollectionFetch<T>(url, { ...options, method: 'DELETE' }, serviceOptions);
+}

package/src/client/metadata.tsx

@@ -0,0 +1,217 @@
+'use client';
+
+import { defaultLocale, defaultMarket, IMedia, IRoute } from '@websolutespa/bom-core';
+import { convert as htmlToText } from 'html-to-text';
+import { useRouter } from 'next/compat/router';
+import { createContext, ReactNode, useMemo } from 'react';
+import { ContactPoint, Organization, PostalAddress } from 'schema-dts';
+import { IAlternate, IBrand, IMeta, IMetaData } from '../lib/meta-data';
+import { OpenGraphType } from '../lib/open-graph';
+import { StructuredDataType } from '../lib/structured-data';
+import { TwitterCardType } from '../lib/twitter-card';
+import { getPublicUrl, resolveHref } from '../lib/utils';
+import { useLayout } from './useLayout';
+import { usePage } from './usePage';
+
+export type IMetaDataOptions = {
+  brand: {
+    name: string;
+    logo: string;
+    businessName?: string;
+    appName?: string;
+    url?: string;
+    email?: string;
+    telephone?: string;
+    zipCode?: string;
+    address?: string;
+    city?: string;
+    provinceCode?: string;
+    countryName?: string;
+    countryCode?: string;
+    twitterName?: string;
+    social?: Record<string, string>;
+  },
+  structuredData?: StructuredDataType;
+  openGraph?: OpenGraphType;
+  twitterCard?: TwitterCardType;
+};
+
+export type IMetaDataContext = IMetaData;
+
+export const MetaDataContext = createContext<IMetaDataContext | undefined>(undefined);
+
+export function MetaDataProvider({
+  metaData,
+  children,
+}: {
+  metaData: IMetaDataOptions,
+  children?: ReactNode,
+}) {
+  const router = useRouter();
+  const layout = useLayout();
+  const page = usePage();
+  const brand: IBrand = {
+    ...metaData.brand,
+    logo: resolveHref(metaData.brand.logo),
+    url: getPublicUrl(), // layout.topLevelHrefs.homepage,
+    businessName: metaData.brand.businessName || metaData.brand.name,
+    appName: metaData.brand.appName || metaData.brand.name,
+  };
+  const title = htmlToText(page.meta?.title || page.title || '');
+  const description = htmlToText(page.meta?.description || page.abstract || '');
+  const media = ((page.meta as { image: IMedia } | undefined)?.image || page.media);
+  const image = media ? resolveHref(media.src || media.url) : brand.logo;
+  let canonical = resolveHref(page.href);
+  const asPath = router?.asPath || '';
+  const queryIndex = asPath.indexOf('?');
+  const query = queryIndex !== -1 ? asPath.substring(queryIndex) : '';
+  if (query.match(/^\?pagination\[page\]=(\d+)$/) && query !== '?pagination[page]=1') {
+    canonical = `${canonical}${query}`;
+    // title = `${title} - ${query.replace('?pagination[page]=','')}`;
+  }
+  const url = `${canonical}${query}`;
+  const alternates = useMemo(() => {
+    const alternates: IAlternate[] = [];
+    (page.alternates || []).forEach((alternate: IRoute) => {
+      const market = layout.markets.find(x => x.id === alternate.market);
+      if (market) {
+        if (market.countries && market.countries.length > 0) {
+          market.countries.forEach((country: any) => {
+            // country: string | { alpha2Code: string };
+            const alpha2Code = typeof country === 'string' ? country : country.alpha2Code;
+            alternates.push({
+              id: `${alternate.market}-${alternate.locale}-${alpha2Code}`,
+              href: resolveHref(alternate.id),
+              hrefLang: `${alternate.locale}-${alpha2Code}`,
+            });
+          });
+        } else {
+          alternates.push({
+            id: `${alternate.market}-${alternate.locale}`,
+            href: resolveHref(alternate.id),
+            hrefLang: alternate.locale,
+          });
+        }
+      }
+    });
+    return alternates;
+  }, [layout, page]);
+  const xDefault = useMemo(() => {
+    const xDefaultMarket = layout.markets.find(x => x.isDefault)?.id || defaultMarket;
+    const xDefaultLocale = layout.locales.find(x => x.isDefault)?.id || defaultLocale;
+    const alternate = page.alternates.find(x => x.market === xDefaultMarket && x.locale === xDefaultLocale);
+    if (alternate) {
+      return {
+        id: `${alternate.market}-${alternate.locale}`,
+        href: resolveHref(alternate.id),
+        hrefLang: alternate.locale,
+      };
+    }
+    return undefined;
+  }, [layout, page]);
+  const meta: IMeta = {
+    title: title,
+    description: description,
+    image: image,
+    keywords: page.meta?.keywords,
+    robots: page.meta?.robots,
+    slug: page.href,
+    url,
+    canonical,
+    alternates,
+    xDefault,
+  };
+  const contactPoint: ContactPoint = {
+    '@type': 'ContactPoint',
+    telephone: brand.telephone,
+    email: brand.email,
+    contactType: 'customer service',
+    areaServed: layout.locales.map(x => x.id),
+    availableLanguage: layout.locales.map(x => x.id),
+  };
+  const postalAddress: PostalAddress = {
+    '@type': 'PostalAddress',
+    streetAddress: brand.address,
+    addressLocality: brand.city,
+    postalCode: brand.zipCode,
+    addressRegion: brand.provinceCode,
+    addressCountry: brand.countryCode,
+  };
+  const organization: Organization = {
+    '@type': 'Organization',
+    name: brand.businessName,
+    logo: {
+      '@type': 'ImageObject',
+      url: brand.logo,
+    },
+    url: brand.url,
+    /*
+    description,
+    founder,
+    foundingDate,
+    numberOfEmployees,
+    */
+    /*
+    foundingDate: '2020-01-01',
+    numberOfEmployees: {
+      '@type': 'QuantitativeValue',
+      value: 150,
+    },
+    */
+  };
+  const hasContact = Boolean(brand.email || brand.telephone);
+  if (hasContact) {
+    organization.contactPoint = contactPoint;
+  }
+  const hasAddress = Boolean(brand.address || brand.city || brand.zipCode || brand.provinceCode || brand.countryCode);
+  if (hasAddress) {
+    organization.address = postalAddress;
+  }
+  if (brand.social) {
+    organization.sameAs = Object.values(brand.social);
+  }
+  const structuredData: StructuredDataType = metaData.structuredData || {
+    '@type': 'WebPage',
+    name: title,
+    url: url,
+    description: description,
+    publisher: organization,
+  };
+  const openGraph: OpenGraphType = metaData.openGraph || {
+    type: 'website',
+    title: title,
+    description: description,
+    url: url,
+    siteName: brand.name,
+    image: image,
+    locale: layout.locale,
+  };
+  const twitterCard: TwitterCardType | undefined = metaData.twitterCard || (
+    brand.twitterName ? {
+      card: 'summary_large_image',
+      title: title,
+      description: description,
+      image: image,
+      imageAlt: brand.businessName,
+      site: brand.twitterName,
+      creator: brand.twitterName,
+    } : undefined
+  );
+  const value: IMetaData = {
+    layout,
+    page,
+    brand,
+    contactPoint,
+    meta,
+    openGraph,
+    organization,
+    postalAddress,
+    structuredData,
+    twitterCard,
+  };
+  return (
+    <MetaDataContext.Provider value={value}>
+      {children}
+    </MetaDataContext.Provider>
+  );
+}

package/src/client/page.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { ILocalized, IPage } from '@websolutespa/bom-core';
+import { createContext } from 'react';
+
+export type IPageContext = ILocalized<IPage>;
+
+export const PageContext = createContext<IPageContext | undefined>(undefined);
+
+export function PageProvider({
+  page,
+  children,
+}: {
+  page: ILocalized<IPage>,
+  children?: React.ReactNode
+}) {
+  return (
+    <PageContext.Provider value={page}>
+      {children}
+    </PageContext.Provider>
+  );
+}