@let-value/translate-react 1.0.9-beta.3 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +21 -3
- package/dist/index.d.cts +1 -1
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +22 -4
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.cjs
CHANGED
|
@@ -79,13 +79,31 @@ function useTranslations(locale) {
|
|
|
79
79
|
//#endregion
|
|
80
80
|
//#region src/utils.ts
|
|
81
81
|
function buildTemplateFromChildren(children) {
|
|
82
|
+
function flatten(nodes) {
|
|
83
|
+
const result = [];
|
|
84
|
+
react.Children.forEach(nodes, (child) => {
|
|
85
|
+
if ((0, react.isValidElement)(child) && child.type === react.Fragment) result.push(...flatten(child.props.children));
|
|
86
|
+
else result.push(child);
|
|
87
|
+
});
|
|
88
|
+
return result;
|
|
89
|
+
}
|
|
90
|
+
const array = flatten(children);
|
|
82
91
|
const strings = [""];
|
|
83
92
|
const values = [];
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
93
|
+
let expectValue = false;
|
|
94
|
+
array.forEach((child) => {
|
|
95
|
+
if (typeof child === "string") if (expectValue) {
|
|
96
|
+
values.push(child);
|
|
97
|
+
strings.push("");
|
|
98
|
+
expectValue = false;
|
|
99
|
+
} else {
|
|
100
|
+
strings[strings.length - 1] += child;
|
|
101
|
+
expectValue = true;
|
|
102
|
+
}
|
|
103
|
+
else if (typeof child === "number" || child != null) {
|
|
87
104
|
values.push(child);
|
|
88
105
|
strings.push("");
|
|
106
|
+
expectValue = false;
|
|
89
107
|
}
|
|
90
108
|
});
|
|
91
109
|
return {
|
package/dist/index.d.cts
CHANGED
|
@@ -46,7 +46,7 @@ interface TranslationsProviderProps {
|
|
|
46
46
|
declare function TranslationsProvider({
|
|
47
47
|
translations,
|
|
48
48
|
children
|
|
49
|
-
}: TranslationsProviderProps): react1.FunctionComponentElement<react1.ProviderProps<Translator<Partial<Record<
|
|
49
|
+
}: TranslationsProviderProps): react1.FunctionComponentElement<react1.ProviderProps<Translator<Partial<Record<any, (GetTextTranslations | {
|
|
50
50
|
default: GetTextTranslations;
|
|
51
51
|
}) | Promise<GetTextTranslations | {
|
|
52
52
|
default: GetTextTranslations;
|
package/dist/index.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CAAA,GAAA,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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Locale, LocaleTranslator, Translator } from "@let-value/translate";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react1 from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { GetTextTranslations } from "gettext-parser";
|
|
5
5
|
export * from "@let-value/translate";
|
|
@@ -12,7 +12,7 @@ interface LocaleProviderProps {
|
|
|
12
12
|
declare function LocaleProvider({
|
|
13
13
|
locale,
|
|
14
14
|
children
|
|
15
|
-
}: LocaleProviderProps):
|
|
15
|
+
}: LocaleProviderProps): react1.FunctionComponentElement<react1.ProviderProps<any>>;
|
|
16
16
|
//#endregion
|
|
17
17
|
//#region src/components/Message.d.ts
|
|
18
18
|
interface MessageProps {
|
|
@@ -22,7 +22,7 @@ interface MessageProps {
|
|
|
22
22
|
declare function Message({
|
|
23
23
|
context,
|
|
24
24
|
children
|
|
25
|
-
}: MessageProps): string |
|
|
25
|
+
}: MessageProps): string | react1.FunctionComponentElement<react1.FragmentProps>;
|
|
26
26
|
//#endregion
|
|
27
27
|
//#region src/components/Plural.d.ts
|
|
28
28
|
interface PluralProps {
|
|
@@ -34,7 +34,7 @@ declare function Plural({
|
|
|
34
34
|
number,
|
|
35
35
|
forms,
|
|
36
36
|
context
|
|
37
|
-
}: PluralProps):
|
|
37
|
+
}: PluralProps): react1.FunctionComponentElement<react1.FragmentProps>;
|
|
38
38
|
//#endregion
|
|
39
39
|
//#region src/components/TranslationsProvider.d.ts
|
|
40
40
|
type TranslationLoader = () => Promise<GetTextTranslations>;
|
|
@@ -46,7 +46,7 @@ interface TranslationsProviderProps {
|
|
|
46
46
|
declare function TranslationsProvider({
|
|
47
47
|
translations,
|
|
48
48
|
children
|
|
49
|
-
}: TranslationsProviderProps):
|
|
49
|
+
}: TranslationsProviderProps): react1.FunctionComponentElement<react1.ProviderProps<Translator<Partial<Record<any, (GetTextTranslations | {
|
|
50
50
|
default: GetTextTranslations;
|
|
51
51
|
}) | Promise<GetTextTranslations | {
|
|
52
52
|
default: GetTextTranslations;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CAAA,GAAA,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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Translator, message, plural } from "@let-value/translate";
|
|
2
|
-
import { Children, Fragment, Suspense, createContext, createElement, use, useMemo } from "react";
|
|
2
|
+
import { Children, Fragment, Suspense, createContext, createElement, isValidElement, use, useMemo } from "react";
|
|
3
3
|
|
|
4
4
|
export * from "@let-value/translate"
|
|
5
5
|
|
|
@@ -56,13 +56,31 @@ function useTranslations(locale) {
|
|
|
56
56
|
//#endregion
|
|
57
57
|
//#region src/utils.ts
|
|
58
58
|
function buildTemplateFromChildren(children) {
|
|
59
|
+
function flatten(nodes) {
|
|
60
|
+
const result = [];
|
|
61
|
+
Children.forEach(nodes, (child) => {
|
|
62
|
+
if (isValidElement(child) && child.type === Fragment) result.push(...flatten(child.props.children));
|
|
63
|
+
else result.push(child);
|
|
64
|
+
});
|
|
65
|
+
return result;
|
|
66
|
+
}
|
|
67
|
+
const array = flatten(children);
|
|
59
68
|
const strings = [""];
|
|
60
69
|
const values = [];
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
70
|
+
let expectValue = false;
|
|
71
|
+
array.forEach((child) => {
|
|
72
|
+
if (typeof child === "string") if (expectValue) {
|
|
73
|
+
values.push(child);
|
|
74
|
+
strings.push("");
|
|
75
|
+
expectValue = false;
|
|
76
|
+
} else {
|
|
77
|
+
strings[strings.length - 1] += child;
|
|
78
|
+
expectValue = true;
|
|
79
|
+
}
|
|
80
|
+
else if (typeof child === "number" || child != null) {
|
|
64
81
|
values.push(child);
|
|
65
82
|
strings.push("");
|
|
83
|
+
expectValue = false;
|
|
66
84
|
}
|
|
67
85
|
});
|
|
68
86
|
return {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["result: ReactNode[]","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, Fragment, isValidElement, type PropsWithChildren, type ReactNode } from \"react\";\n\nexport function buildTemplateFromChildren(children: ReactNode): {\n strings: string[];\n values: ReactNode[];\n} {\n function flatten(nodes: ReactNode): ReactNode[] {\n const result: ReactNode[] = [];\n Children.forEach(nodes, (child) => {\n if (isValidElement(child) && child.type === Fragment) {\n result.push(...flatten((child.props as PropsWithChildren).children));\n } else {\n result.push(child);\n }\n });\n return result;\n }\n\n const array = flatten(children);\n const strings: string[] = [\"\"];\n const values: ReactNode[] = [];\n let expectValue = false;\n\n array.forEach((child) => {\n if (typeof child === \"string\") {\n if (expectValue) {\n values.push(child);\n strings.push(\"\");\n expectValue = false;\n } else {\n strings[strings.length - 1] += child;\n expectValue = true;\n }\n } else if (typeof child === \"number\" || child != null) {\n values.push(child as ReactNode);\n strings.push(\"\");\n expectValue = false;\n }\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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@let-value/translate-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.10",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,10 +24,11 @@
|
|
|
24
24
|
"test": "node --test"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@let-value/translate": "1.0.
|
|
27
|
+
"@let-value/translate": "1.0.10",
|
|
28
28
|
"radash": "^12.1.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
+
"@let-value/translate-e2e": "1.0.10",
|
|
31
32
|
"@types/gettext-parser": "8.0.0",
|
|
32
33
|
"@types/react": "19.1.12",
|
|
33
34
|
"@types/react-dom": "19.1.9",
|