@let-value/translate-react 1.0.6-beta.2

package/dist/index.cjs

@@ -0,0 +1,177 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let __let_value_translate = require("@let-value/translate");
+__let_value_translate = __toESM(__let_value_translate);
+let react = require("react");
+react = __toESM(react);
+
+//#region src/context.ts
+const localeContext = (0, react.createContext)(void 0);
+const translatorContext = (0, react.createContext)(void 0);
+
+//#endregion
+//#region src/components/LocaleProvider.ts
+function LocaleProvider({ locale, children }) {
+	return (0, react.createElement)(localeContext.Provider, { value: locale }, children);
+}
+
+//#endregion
+//#region src/hooks/useTranslations.ts
+/** @deprecated replace with `use` from react */
+function getPromiseState(promise) {
+	switch (promise.status) {
+		case "pending": return { status: "pending" };
+		case "fulfilled": return {
+			status: "fulfilled",
+			value: promise.value
+		};
+		case "rejected": return {
+			status: "rejected",
+			reason: promise.reason
+		};
+		default:
+			promise.status = "pending";
+			promise.then((value) => {
+				promise.status = "fulfilled";
+				promise.value = value;
+			});
+			promise.catch((reason) => {
+				promise.status = "rejected";
+				promise.reason = reason;
+			});
+			return getPromiseState(promise);
+	}
+}
+function useTranslations(locale) {
+	const requestedLocale = locale ?? (0, react.use)(localeContext) ?? "unknown";
+	const translator = (0, react.use)(translatorContext);
+	if (!translator) throw new Error("TranslationsProvider is missing");
+	const resource = translator.fetchLocale(requestedLocale);
+	if (!(resource instanceof Promise)) return resource;
+	const state = getPromiseState(resource);
+	if (state.status === "pending") throw resource;
+	if (state.status === "rejected") throw state.reason;
+	if (state.status === "fulfilled") return state.value;
+	return (0, react.use)(resource);
+}
+
+//#endregion
+//#region src/utils.ts
+function buildTemplateFromChildren(children) {
+	const strings = [""];
+	const values = [];
+	react.Children.forEach(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") strings[strings.length - 1] += String(child);
+		else if (child != null) {
+			values.push(child);
+			strings.push("");
+		}
+	});
+	return {
+		strings,
+		values
+	};
+}
+
+//#endregion
+//#region src/components/Message.ts
+function Message({ context, children }) {
+	const translator = useTranslations();
+	const { strings, values } = buildTemplateFromChildren(children);
+	if (values.length === 0) {
+		const input = strings.join("");
+		if (context) return translator.context(context).message(input);
+		return translator.message(input);
+	}
+	const tokens = values.map((_, i) => `\u0000${i}\u0000`);
+	const built = (0, __let_value_translate.message)(strings, ...tokens);
+	const translated = context ? translator.context(context).message(built) : translator.message(built);
+	const parts = translated.split(/\u0000(\d+)\u0000/);
+	const result = [];
+	for (let i = 0; i < parts.length; i += 2) {
+		result.push(parts[i]);
+		const idx = parts[i + 1];
+		if (idx !== void 0) result.push(values[Number(idx)]);
+	}
+	return (0, react.createElement)(react.Fragment, null, ...result);
+}
+
+//#endregion
+//#region src/components/Plural.ts
+function Plural({ number, forms, context }) {
+	const translator = useTranslations();
+	const built = forms.map((child, i) => {
+		const { strings, values } = buildTemplateFromChildren(child);
+		const tokens = values.map((_, j) => `\u0000${i}-${j}\u0000`);
+		return {
+			message: (0, __let_value_translate.message)(strings, ...tokens),
+			values
+		};
+	});
+	const messages = built.map((b) => b.message);
+	const input = (0, __let_value_translate.plural)(...messages, number);
+	const translated = context ? translator.context(context).plural(input) : translator.plural(input);
+	const parts = translated.split(/\u0000(\d+)-(\d+)\u0000/);
+	const result = [];
+	for (let i = 0; i < parts.length;) {
+		result.push(parts[i]);
+		if (i + 2 < parts.length) {
+			const formIndex = Number(parts[i + 1]);
+			const valueIndex = Number(parts[i + 2]);
+			result.push(built[formIndex].values[valueIndex]);
+		}
+		i += 3;
+	}
+	return (0, react.createElement)(react.Fragment, null, ...result);
+}
+
+//#endregion
+//#region src/components/TranslationsProvider.ts
+function TranslationsProvider({ translations = {}, children }) {
+	const parent = (0, react.use)(translatorContext);
+	const translator = (0, react.useMemo)(() => {
+		return new __let_value_translate.Translator(translations, parent);
+	}, [parent, translations]);
+	return (0, react.createElement)(translatorContext.Provider, { value: translator }, (0, react.createElement)(react.Suspense, null, children));
+}
+
+//#endregion
+//#region src/hooks/useLocale.ts
+function useLocale() {
+	return (0, react.use)(localeContext);
+}
+
+//#endregion
+exports.LocaleProvider = LocaleProvider;
+exports.Message = Message;
+exports.Plural = Plural;
+exports.TranslationsProvider = TranslationsProvider;
+exports.useLocale = useLocale;
+exports.useTranslations = useTranslations;
+Object.keys(__let_value_translate).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return __let_value_translate[k]; }
+  });
+});

package/dist/index.d.cts

@@ -0,0 +1,64 @@
+import { Locale, LocaleTranslator, Translator } from "@let-value/translate";
+import * as react1 from "react";
+import { ReactNode } from "react";
+import { GetTextTranslations } from "gettext-parser";
+export * from "@let-value/translate";
+
+//#region src/components/LocaleProvider.d.ts
+interface LocaleProviderProps {
+  locale: Locale;
+  children?: ReactNode;
+}
+declare function LocaleProvider({
+  locale,
+  children
+}: LocaleProviderProps): react1.FunctionComponentElement<react1.ProviderProps<any>>;
+//#endregion
+//#region src/components/Message.d.ts
+interface MessageProps {
+  context?: string;
+  children: ReactNode;
+}
+declare function Message({
+  context,
+  children
+}: MessageProps): string | react1.FunctionComponentElement<react1.FragmentProps>;
+//#endregion
+//#region src/components/Plural.d.ts
+interface PluralProps {
+  number: number;
+  forms: readonly ReactNode[];
+  context?: string;
+}
+declare function Plural({
+  number,
+  forms,
+  context
+}: PluralProps): react1.FunctionComponentElement<react1.FragmentProps>;
+//#endregion
+//#region src/components/TranslationsProvider.d.ts
+type TranslationLoader = () => Promise<GetTextTranslations>;
+type TranslationEntry = GetTextTranslations | TranslationLoader;
+interface TranslationsProviderProps {
+  translations?: Partial<Record<Locale, TranslationEntry>>;
+  children?: ReactNode;
+}
+declare function TranslationsProvider({
+  translations,
+  children
+}: TranslationsProviderProps): react1.FunctionComponentElement<react1.ProviderProps<Translator<Partial<Record<PluralFormsLocale, (GetTextTranslations | {
+  default: GetTextTranslations;
+}) | Promise<GetTextTranslations | {
+  default: GetTextTranslations;
+}> | (() => Promise<GetTextTranslations | {
+  default: GetTextTranslations;
+}>)>>> | undefined>>;
+//#endregion
+//#region src/hooks/useLocale.d.ts
+declare function useLocale(): Locale | undefined;
+//#endregion
+//#region src/hooks/useTranslations.d.ts
+declare function useTranslations(locale?: Locale): LocaleTranslator;
+//#endregion
+export { LocaleProvider, Message, Plural, TranslationsProvider, useLocale, useTranslations };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/components/LocaleProvider.ts","../src/components/Message.ts","../src/components/Plural.ts","../src/components/TranslationsProvider.ts","../src/hooks/useLocale.ts","../src/hooks/useTranslations.ts"],"sourcesContent":[],"mappings":";;;;;;;UAIiB,mBAAA;UACL;aACG;;iBAGC,cAAA;;;GAAqC,sBAAmB,MAAA,CAAA,yBAAA,MAAA,CAAA;;;UCHvD,YAAA;;YAEH;;iBAGE,OAAA;;;GAA+B,wBAAY,MAAA,CAAA,yBAAA,MAAA,CAAA,aAAA;;;UCL1C,WAAA;;kBAEG;;;iBAIJ,MAAA;;;;GAAmC,cAAW,MAAA,CAAA,yBAAA,MAAA,CAAA,aAAA;;;KCNzD,iBAAA,SAA0B,QAAQ;KAClC,gBAAA,GAAmB,sBAAsB;UAE7B,yBAAA;iBACE,QAAQ,OAAO,QAAQ;EHNzB,QAAA,CAAA,EGOF,SHPE;;AACL,iBGSI,oBAAA,CHTJ;EAAA,YAAA;EAAA;AAAA,CAAA,EGS0D,yBHT1D,CAAA,EGSmF,MAAA,CAAA,wBHTnF,CGSmF,MAAA,CAAA,aHTnF,CGSmF,UHTnF,CGSmF,OHTnF,CGSmF,MHTnF,CGSmF,iBHTnF,EAAA,CGSmF,mBHTnF,GAAA;SACG,qBAAA;;EAGC,OAAA,qBAAc;CAAA,CAAA,GAAA,CAAA,GAAA,UAAA,oBAAA,GAAA;SAAG,qBAAA;SAAQ,SAAA,CAAA,CAAA;;;iBILzB,SAAA,CAAA,GAAa;;;iBC0Bb,eAAA,UAAyB,SAAS"}

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import { Locale, LocaleTranslator, Translator } from "@let-value/translate";
+import * as react1 from "react";
+import { ReactNode } from "react";
+import { GetTextTranslations } from "gettext-parser";
+export * from "@let-value/translate";
+
+//#region src/components/LocaleProvider.d.ts
+interface LocaleProviderProps {
+  locale: Locale;
+  children?: ReactNode;
+}
+declare function LocaleProvider({
+  locale,
+  children
+}: LocaleProviderProps): react1.FunctionComponentElement<react1.ProviderProps<any>>;
+//#endregion
+//#region src/components/Message.d.ts
+interface MessageProps {
+  context?: string;
+  children: ReactNode;
+}
+declare function Message({
+  context,
+  children
+}: MessageProps): string | react1.FunctionComponentElement<react1.FragmentProps>;
+//#endregion
+//#region src/components/Plural.d.ts
+interface PluralProps {
+  number: number;
+  forms: readonly ReactNode[];
+  context?: string;
+}
+declare function Plural({
+  number,
+  forms,
+  context
+}: PluralProps): react1.FunctionComponentElement<react1.FragmentProps>;
+//#endregion
+//#region src/components/TranslationsProvider.d.ts
+type TranslationLoader = () => Promise<GetTextTranslations>;
+type TranslationEntry = GetTextTranslations | TranslationLoader;
+interface TranslationsProviderProps {
+  translations?: Partial<Record<Locale, TranslationEntry>>;
+  children?: ReactNode;
+}
+declare function TranslationsProvider({
+  translations,
+  children
+}: TranslationsProviderProps): react1.FunctionComponentElement<react1.ProviderProps<Translator<Partial<Record<PluralFormsLocale, (GetTextTranslations | {
+  default: GetTextTranslations;
+}) | Promise<GetTextTranslations | {
+  default: GetTextTranslations;
+}> | (() => Promise<GetTextTranslations | {
+  default: GetTextTranslations;
+}>)>>> | undefined>>;
+//#endregion
+//#region src/hooks/useLocale.d.ts
+declare function useLocale(): Locale | undefined;
+//#endregion
+//#region src/hooks/useTranslations.d.ts
+declare function useTranslations(locale?: Locale): LocaleTranslator;
+//#endregion
+export { LocaleProvider, Message, Plural, TranslationsProvider, useLocale, useTranslations };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/LocaleProvider.ts","../src/components/Message.ts","../src/components/Plural.ts","../src/components/TranslationsProvider.ts","../src/hooks/useLocale.ts","../src/hooks/useTranslations.ts"],"sourcesContent":[],"mappings":";;;;;;;UAIiB,mBAAA;UACL;aACG;;iBAGC,cAAA;;;GAAqC,sBAAmB,MAAA,CAAA,yBAAA,MAAA,CAAA;;;UCHvD,YAAA;;YAEH;;iBAGE,OAAA;;;GAA+B,wBAAY,MAAA,CAAA,yBAAA,MAAA,CAAA,aAAA;;;UCL1C,WAAA;;kBAEG;;;iBAIJ,MAAA;;;;GAAmC,cAAW,MAAA,CAAA,yBAAA,MAAA,CAAA,aAAA;;;KCNzD,iBAAA,SAA0B,QAAQ;KAClC,gBAAA,GAAmB,sBAAsB;UAE7B,yBAAA;iBACE,QAAQ,OAAO,QAAQ;EHNzB,QAAA,CAAA,EGOF,SHPE;;AACL,iBGSI,oBAAA,CHTJ;EAAA,YAAA;EAAA;AAAA,CAAA,EGS0D,yBHT1D,CAAA,EGSmF,MAAA,CAAA,wBHTnF,CGSmF,MAAA,CAAA,aHTnF,CGSmF,UHTnF,CGSmF,OHTnF,CGSmF,MHTnF,CGSmF,iBHTnF,EAAA,CGSmF,mBHTnF,GAAA;SACG,qBAAA;;EAGC,OAAA,qBAAc;CAAA,CAAA,GAAA,CAAA,GAAA,UAAA,oBAAA,GAAA;SAAG,qBAAA;SAAQ,SAAA,CAAA,CAAA;;;iBILzB,SAAA,CAAA,GAAa;;;iBC0Bb,eAAA,UAAyB,SAAS"}

package/dist/index.js

@@ -0,0 +1,144 @@
+import { Translator, message, plural } from "@let-value/translate";
+import { Children, Fragment, Suspense, createContext, createElement, use, useMemo } from "react";
+
+export * from "@let-value/translate"
+
+//#region src/context.ts
+const localeContext = createContext(void 0);
+const translatorContext = createContext(void 0);
+
+//#endregion
+//#region src/components/LocaleProvider.ts
+function LocaleProvider({ locale, children }) {
+	return createElement(localeContext.Provider, { value: locale }, children);
+}
+
+//#endregion
+//#region src/hooks/useTranslations.ts
+/** @deprecated replace with `use` from react */
+function getPromiseState(promise) {
+	switch (promise.status) {
+		case "pending": return { status: "pending" };
+		case "fulfilled": return {
+			status: "fulfilled",
+			value: promise.value
+		};
+		case "rejected": return {
+			status: "rejected",
+			reason: promise.reason
+		};
+		default:
+			promise.status = "pending";
+			promise.then((value) => {
+				promise.status = "fulfilled";
+				promise.value = value;
+			});
+			promise.catch((reason) => {
+				promise.status = "rejected";
+				promise.reason = reason;
+			});
+			return getPromiseState(promise);
+	}
+}
+function useTranslations(locale) {
+	const requestedLocale = locale ?? use(localeContext) ?? "unknown";
+	const translator = use(translatorContext);
+	if (!translator) throw new Error("TranslationsProvider is missing");
+	const resource = translator.fetchLocale(requestedLocale);
+	if (!(resource instanceof Promise)) return resource;
+	const state = getPromiseState(resource);
+	if (state.status === "pending") throw resource;
+	if (state.status === "rejected") throw state.reason;
+	if (state.status === "fulfilled") return state.value;
+	return use(resource);
+}
+
+//#endregion
+//#region src/utils.ts
+function buildTemplateFromChildren(children) {
+	const strings = [""];
+	const values = [];
+	Children.forEach(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") strings[strings.length - 1] += String(child);
+		else if (child != null) {
+			values.push(child);
+			strings.push("");
+		}
+	});
+	return {
+		strings,
+		values
+	};
+}
+
+//#endregion
+//#region src/components/Message.ts
+function Message({ context, children }) {
+	const translator = useTranslations();
+	const { strings, values } = buildTemplateFromChildren(children);
+	if (values.length === 0) {
+		const input = strings.join("");
+		if (context) return translator.context(context).message(input);
+		return translator.message(input);
+	}
+	const tokens = values.map((_, i) => `\u0000${i}\u0000`);
+	const built = message(strings, ...tokens);
+	const translated = context ? translator.context(context).message(built) : translator.message(built);
+	const parts = translated.split(/\u0000(\d+)\u0000/);
+	const result = [];
+	for (let i = 0; i < parts.length; i += 2) {
+		result.push(parts[i]);
+		const idx = parts[i + 1];
+		if (idx !== void 0) result.push(values[Number(idx)]);
+	}
+	return createElement(Fragment, null, ...result);
+}
+
+//#endregion
+//#region src/components/Plural.ts
+function Plural({ number, forms, context }) {
+	const translator = useTranslations();
+	const built = forms.map((child, i) => {
+		const { strings, values } = buildTemplateFromChildren(child);
+		const tokens = values.map((_, j) => `\u0000${i}-${j}\u0000`);
+		return {
+			message: message(strings, ...tokens),
+			values
+		};
+	});
+	const messages = built.map((b) => b.message);
+	const input = plural(...messages, number);
+	const translated = context ? translator.context(context).plural(input) : translator.plural(input);
+	const parts = translated.split(/\u0000(\d+)-(\d+)\u0000/);
+	const result = [];
+	for (let i = 0; i < parts.length;) {
+		result.push(parts[i]);
+		if (i + 2 < parts.length) {
+			const formIndex = Number(parts[i + 1]);
+			const valueIndex = Number(parts[i + 2]);
+			result.push(built[formIndex].values[valueIndex]);
+		}
+		i += 3;
+	}
+	return createElement(Fragment, null, ...result);
+}
+
+//#endregion
+//#region src/components/TranslationsProvider.ts
+function TranslationsProvider({ translations = {}, children }) {
+	const parent = use(translatorContext);
+	const translator = useMemo(() => {
+		return new Translator(translations, parent);
+	}, [parent, translations]);
+	return createElement(translatorContext.Provider, { value: translator }, createElement(Suspense, null, children));
+}
+
+//#endregion
+//#region src/hooks/useLocale.ts
+function useLocale() {
+	return use(localeContext);
+}
+
+//#endregion
+export { LocaleProvider, Message, Plural, TranslationsProvider, useLocale, useTranslations };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["strings: string[]","values: ReactNode[]","result: ReactNode[]","result: ReactNode[]"],"sources":["../src/context.ts","../src/components/LocaleProvider.ts","../src/hooks/useTranslations.ts","../src/utils.ts","../src/components/Message.ts","../src/components/Plural.ts","../src/components/TranslationsProvider.ts","../src/hooks/useLocale.ts"],"sourcesContent":["import type { Locale, Translator } from \"@let-value/translate\";\nimport { createContext } from \"react\";\n\nexport const localeContext = createContext<Locale | undefined>(undefined);\nexport const translatorContext = createContext<Translator | undefined>(undefined);\n","import type { Locale } from \"@let-value/translate\";\nimport { createElement, type ReactNode } from \"react\";\nimport { localeContext } from \"../context.ts\";\n\nexport interface LocaleProviderProps {\n    locale: Locale;\n    children?: ReactNode;\n}\n\nexport function LocaleProvider({ locale, children }: LocaleProviderProps) {\n    return createElement(localeContext.Provider, { value: locale }, children);\n}\n","import type { Locale, LocaleTranslator } from \"@let-value/translate\";\nimport { use } from \"react\";\n\nimport { localeContext, translatorContext } from \"../context.ts\";\n\n/** @deprecated replace with `use` from react */\n// biome-ignore lint/suspicious/noExplicitAny: we need to decorate the promise\nfunction getPromiseState(promise: any) {\n    switch (promise.status) {\n        case \"pending\":\n            return { status: \"pending\" };\n        case \"fulfilled\":\n            return { status: \"fulfilled\", value: promise.value };\n        case \"rejected\":\n            return { status: \"rejected\", reason: promise.reason };\n        default: {\n            promise.status = \"pending\";\n            promise.then((value: unknown) => {\n                promise.status = \"fulfilled\";\n                promise.value = value;\n            });\n            promise.catch((reason: unknown) => {\n                promise.status = \"rejected\";\n                promise.reason = reason;\n            });\n            return getPromiseState(promise);\n        }\n    }\n}\n\nexport function useTranslations(locale?: Locale): LocaleTranslator {\n    const requestedLocale = locale ?? use(localeContext) ?? \"unknown\";\n    const translator = use(translatorContext);\n    if (!translator) {\n        throw new Error(\"TranslationsProvider is missing\");\n    }\n\n    const resource = translator.fetchLocale(requestedLocale);\n    if (!(resource instanceof Promise)) {\n        return resource;\n    }\n\n    const state = getPromiseState(resource);\n    if (state.status === \"pending\") {\n        throw resource;\n    }\n    if (state.status === \"rejected\") {\n        throw state.reason;\n    }\n    if (state.status === \"fulfilled\") {\n        return state.value;\n    }\n\n    return use(resource);\n}\n","import { Children, type ReactNode } from \"react\";\n\nexport function buildTemplateFromChildren(children: ReactNode): {\n    strings: string[];\n    values: ReactNode[];\n} {\n    const strings: string[] = [\"\"];\n    const values: ReactNode[] = [];\n    Children.forEach(children, (child) => {\n        if (typeof child === \"string\" || typeof child === \"number\") {\n            strings[strings.length - 1] += String(child);\n        } else if (child != null) {\n            values.push(child);\n            strings.push(\"\");\n        }\n    });\n    return { strings, values };\n}\n","import { message } from \"@let-value/translate\";\nimport { createElement, Fragment, type ReactNode } from \"react\";\n\nimport { useTranslations } from \"../hooks/useTranslations.ts\";\nimport { buildTemplateFromChildren } from \"../utils.ts\";\n\nexport interface MessageProps {\n    context?: string;\n    children: ReactNode;\n}\n\nexport function Message({ context, children }: MessageProps) {\n    const translator = useTranslations();\n    const { strings, values } = buildTemplateFromChildren(children);\n\n    if (values.length === 0) {\n        const input = strings.join(\"\");\n        if (context) {\n            return translator.context(context as \"\").message(input as never);\n        }\n        return translator.message(input as never);\n    }\n\n    const tokens = values.map((_, i) => `\\u0000${i}\\u0000`);\n    const built = message(strings as unknown as TemplateStringsArray, ...tokens);\n    const translated = context ? translator.context(context as \"\").message(built) : translator.message(built);\n\n    // biome-ignore lint/suspicious/noControlCharactersInRegex: using null separators\n    const parts = translated.split(/\\u0000(\\d+)\\u0000/);\n    const result: ReactNode[] = [];\n    for (let i = 0; i < parts.length; i += 2) {\n        result.push(parts[i]);\n        const idx = parts[i + 1];\n        if (idx !== undefined) {\n            result.push(values[Number(idx)]);\n        }\n    }\n\n    return createElement(Fragment, null, ...result);\n}\n","import { message, plural } from \"@let-value/translate\";\nimport { createElement, Fragment, type ReactNode } from \"react\";\n\nimport { useTranslations } from \"../hooks/useTranslations.ts\";\nimport { buildTemplateFromChildren } from \"../utils.ts\";\n\nexport interface PluralProps {\n    number: number;\n    forms: readonly ReactNode[];\n    context?: string;\n}\n\nexport function Plural({ number, forms, context }: PluralProps) {\n    const translator = useTranslations();\n\n    const built = forms.map((child, i) => {\n        const { strings, values } = buildTemplateFromChildren(child);\n        const tokens = values.map((_, j) => `\\u0000${i}-${j}\\u0000`);\n        return { message: message(strings as unknown as TemplateStringsArray, ...tokens), values };\n    });\n\n    const messages = built.map((b) => b.message);\n    const input = plural(...messages, number);\n\n    const translated = context ? translator.context(context as \"\").plural(input) : translator.plural(input);\n\n    // biome-ignore lint/suspicious/noControlCharactersInRegex: using null separators\n    const parts = translated.split(/\\u0000(\\d+)-(\\d+)\\u0000/);\n    const result: ReactNode[] = [];\n    for (let i = 0; i < parts.length; ) {\n        result.push(parts[i]);\n        if (i + 2 < parts.length) {\n            const formIndex = Number(parts[i + 1]);\n            const valueIndex = Number(parts[i + 2]);\n            result.push(built[formIndex].values[valueIndex]);\n        }\n        i += 3;\n    }\n\n    return createElement(Fragment, null, ...result);\n}\n","import type { Locale } from \"@let-value/translate\";\nimport { Translator } from \"@let-value/translate\";\nimport type { GetTextTranslations } from \"gettext-parser\";\nimport { createElement, type ReactNode, Suspense, use, useMemo } from \"react\";\nimport { translatorContext } from \"../context.ts\";\n\ntype TranslationLoader = () => Promise<GetTextTranslations>;\ntype TranslationEntry = GetTextTranslations | TranslationLoader;\n\nexport interface TranslationsProviderProps {\n    translations?: Partial<Record<Locale, TranslationEntry>>;\n    children?: ReactNode;\n}\n\nexport function TranslationsProvider({ translations = {}, children }: TranslationsProviderProps) {\n    const parent = use(translatorContext);\n\n    const translator = useMemo(() => {\n        // Create a nested Translator that inherits from parent and merges entries\n        return new Translator(translations, parent);\n    }, [parent, translations]);\n\n    return createElement(translatorContext.Provider, { value: translator }, createElement(Suspense, null, children));\n}\n","import type { Locale } from \"@let-value/translate\";\nimport { use } from \"react\";\nimport { localeContext } from \"../context.ts\";\n\nexport function useLocale(): Locale | undefined {\n    return use(localeContext);\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "@let-value/translate-react",
+    "version": "1.0.6-beta.2",
+    "type": "module",
+    "main": "dist/index.cjs",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs"
+        },
+        "./package.json": "./package.json"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsdown",
+        "check": "biome check .",
+        "format": "biome check --write .",
+        "typecheck": "tsc --build",
+        "test": "node --test"
+    },
+    "dependencies": {
+        "@let-value/translate": "1.0.6-beta.2",
+        "radash": "^12.1.1"
+    },
+    "devDependencies": {
+        "@types/gettext-parser": "8.0.0",
+        "@types/react": "19.1.12",
+        "@types/react-dom": "19.1.9",
+        "react": "19.1.1",
+        "react-dom": "19.1.1",
+        "tsdown": "0.14.2",
+        "typescript": "5.9.2"
+    },
+    "peerDependencies": {
+        "react": ">=19"
+    }
+}