@protobase/ui 0.63.5 → 0.65.0

package/dist/locale/messages.js

@@ -1,12 +1,43 @@
-import { activeLocale } from "./active-locale.js";
+import { activeLocale, formatTag } from "./active-locale.js";
+import en_default from "./en.js";
+import nl_default from "./nl.js";
+import { Fragment, createElement } from "react";
+import { IntlMessageFormat } from "intl-messageformat";
 //#region src/locale/messages.ts
+const catalogues = {
+	en: en_default,
+	nl: nl_default
+};
+const tags = { lower: (chunks) => chunks.join("").toLowerCase() };
+const compiled = /* @__PURE__ */ new Map();
+const formatOf = (namespace, id) => {
+	const locale = activeLocale();
+	const key = `${locale}\0${namespace}\0${id}`;
+	const cached = compiled.get(key);
+	if (cached) return cached;
+	const source = catalogues[locale][namespace][id];
+	if (source === void 0) throw new Error(`No text ${namespace}.${id} in ${locale}`);
+	const format = new IntlMessageFormat(source, formatTag());
+	compiled.set(key, format);
+	return format;
+};
 /**
-* An area's built-in texts in every language the screens come in, keyed by id: the lookup returns the one for the
-* active locale, `text('search')` or `text('rows', 3)`. Dutch must translate every English text, which the types check.
+* An area's built-in texts: the lookup returns the one for the active locale, `text('search')` or
+* `text('rows', { count: 3 })`, and `text.rich` the same with React nodes among the values.
 */
-const defineMessages = (catalogue) => (id, ...values) => {
-	const message = catalogue[activeLocale()][id];
-	return typeof message === "function" ? message(...values) : message;
+const messages = (namespace) => {
+	const text = (id, values) => formatOf(namespace, id).format({
+		...values,
+		...tags
+	});
+	text.rich = (id, values) => {
+		const parts = formatOf(namespace, id).format({
+			...values,
+			...tags
+		});
+		return Array.isArray(parts) ? createElement(Fragment, null, ...parts) : parts;
+	};
+	return text;
 };
 //#endregion
-export { defineMessages };
+export { catalogues, messages };