@verbaly/react 0.3.0 → 0.4.0
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.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n cloneElement,\n createContext,\n createElement,\n Fragment,\n useContext,\n useSyncExternalStore,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport {\n parseTags,\n type DictionaryInput,\n type Params,\n type TagNode,\n type TFunction,\n type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n instance: Verbaly<D>;\n children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n props: VerbalyProviderProps<D>,\n): ReactElement {\n return createElement(\n VerbalyContext.Provider,\n { value: props.instance as unknown as Verbaly },\n props.children,\n );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n const instance = useContext(VerbalyContext);\n if (!instance) {\n throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n }\n return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n const instance = useVerbaly<D>();\n useVersion(instance);\n return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n const instance = useVerbaly();\n useVersion(instance);\n return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n useSyncExternalStore(\n instance.subscribe,\n () => instance.version,\n () => instance.version,\n );\n}\n\nexport interface TransProps {\n id: string;\n values?: Params;\n components?: Record<string, ReactElement>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n const t = useT();\n const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n return createElement(Fragment, null, ...toNodes(parseTags(text), props.components ?? {}));\n}\n\nfunction toNodes(nodes: TagNode[], components: Record<string, ReactElement>): ReactNode[] {\n return nodes.map((node, i) => {\n if (typeof node === 'string') return node;\n const children = toNodes(node.children, components);\n const el = components[node.name];\n return el\n ? cloneElement(el, { key: i }, ...children)\n : createElement(Fragment, { key: i }, ...children);\n });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBASO;AACP,qBAOO;AAEP,IAAM,qBAAiB,4BAA8B,IAAI;AAOlD,SAAS,gBACd,OACc;AACd,aAAO;AAAA,IACL,eAAe;AAAA,IACf,EAAE,OAAO,MAAM,SAA+B;AAAA,IAC9C,MAAM;AAAA,EACR;AACF;AAEO,SAAS,aAAsE;AACpF,QAAM,eAAW,yBAAW,cAAc;AAC1C,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;AAEO,SAAS,OAAkE;AAChF,QAAM,WAAW,WAAc;AAC/B,aAAW,QAAQ;AACnB,SAAO,SAAS;AAClB;AAEO,SAAS,YAAgD;AAC9D,QAAM,WAAW,WAAW;AAC5B,aAAW,QAAQ;AACnB,SAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;AACzE;AAAA,IACE,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB;AACF;AASO,SAAS,MAAM,OAAiC;AACrD,QAAM,IAAI,KAAK;AACf,QAAM,OAAQ,EAAyD,MAAM,IAAI,MAAM,MAAM;AAC7F,aAAO,4BAAc,uBAAU,MAAM,GAAG,YAAQ,0BAAU,IAAI,GAAG,MAAM,cAAc,CAAC,CAAC,CAAC;AAC1F;AAEA,SAAS,QAAQ,OAAkB,YAAuD;AACxF,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,QAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAM,WAAW,QAAQ,KAAK,UAAU,UAAU;AAClD,UAAM,KAAK,WAAW,KAAK,IAAI;AAC/B,WAAO,SACH,2BAAa,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ,QACxC,4BAAc,uBAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AAAA,EACrD,CAAC;AACH;","names":[]}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n cloneElement,\n createContext,\n createElement,\n Fragment,\n useContext,\n useSyncExternalStore,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport {\n parseTags,\n type DictionaryInput,\n type Params,\n type TagNode,\n type TFunction,\n type Verbaly,\n} from 'verbaly';\n\nconst VerbalyContext = createContext<Verbaly | null>(null);\n\nexport interface VerbalyProviderProps<D extends DictionaryInput> {\n instance: Verbaly<D>;\n children?: ReactNode;\n}\n\nexport function VerbalyProvider<D extends DictionaryInput>(\n props: VerbalyProviderProps<D>,\n): ReactElement {\n return createElement(\n VerbalyContext.Provider,\n { value: props.instance as unknown as Verbaly },\n props.children,\n );\n}\n\nexport function useVerbaly<D extends DictionaryInput = DictionaryInput>(): Verbaly<D> {\n const instance = useContext(VerbalyContext);\n if (!instance) {\n throw new Error('[verbaly] useVerbaly requires a <VerbalyProvider>');\n }\n return instance as unknown as Verbaly<D>;\n}\n\nexport function useT<D extends DictionaryInput = DictionaryInput>(): TFunction<D> {\n const instance = useVerbaly<D>();\n useVersion(instance);\n return instance.t;\n}\n\nexport function useLocale(): [string, (locale: string) => void] {\n const instance = useVerbaly();\n useVersion(instance);\n return [instance.locale, instance.setLocale];\n}\n\nfunction useVersion<D extends DictionaryInput>(instance: Verbaly<D>): void {\n useSyncExternalStore(\n instance.subscribe,\n () => instance.version,\n () => instance.version,\n );\n}\n\nexport interface TransProps {\n id: string;\n values?: Params;\n components?: Record<string, ReactElement>;\n}\n\n// translated message + element interpolation\nexport function Trans(props: TransProps): ReactElement {\n const t = useT();\n const text = (t as unknown as (id: string, values?: Params) => string)(props.id, props.values);\n return createElement(Fragment, null, ...toNodes(parseTags(text), props.components ?? {}));\n}\n\nfunction toNodes(nodes: TagNode[], components: Record<string, ReactElement>): ReactNode[] {\n return nodes.map((node, i) => {\n if (typeof node === 'string') return node;\n const children = toNodes(node.children, components);\n const el = components[node.name];\n return el\n ? cloneElement(el, { key: i }, ...children)\n : createElement(Fragment, { key: i }, ...children);\n });\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,OAMK;AAEP,IAAM,iBAAiB,cAA8B,IAAI;AAOlD,SAAS,gBACd,OACc;AACd,SAAO;AAAA,IACL,eAAe;AAAA,IACf,EAAE,OAAO,MAAM,SAA+B;AAAA,IAC9C,MAAM;AAAA,EACR;AACF;AAEO,SAAS,aAAsE;AACpF,QAAM,WAAW,WAAW,cAAc;AAC1C,MAAI,CAAC,UAAU;AACb,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;AAEO,SAAS,OAAkE;AAChF,QAAM,WAAW,WAAc;AAC/B,aAAW,QAAQ;AACnB,SAAO,SAAS;AAClB;AAEO,SAAS,YAAgD;AAC9D,QAAM,WAAW,WAAW;AAC5B,aAAW,QAAQ;AACnB,SAAO,CAAC,SAAS,QAAQ,SAAS,SAAS;AAC7C;AAEA,SAAS,WAAsC,UAA4B;AACzE;AAAA,IACE,SAAS;AAAA,IACT,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB;AACF;AASO,SAAS,MAAM,OAAiC;AACrD,QAAM,IAAI,KAAK;AACf,QAAM,OAAQ,EAAyD,MAAM,IAAI,MAAM,MAAM;AAC7F,SAAO,cAAc,UAAU,MAAM,GAAG,QAAQ,UAAU,IAAI,GAAG,MAAM,cAAc,CAAC,CAAC,CAAC;AAC1F;AAEA,SAAS,QAAQ,OAAkB,YAAuD;AACxF,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,QAAI,OAAO,SAAS,SAAU,QAAO;AACrC,UAAM,WAAW,QAAQ,KAAK,UAAU,UAAU;AAClD,UAAM,KAAK,WAAW,KAAK,IAAI;AAC/B,WAAO,KACH,aAAa,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ,IACxC,cAAc,UAAU,EAAE,KAAK,EAAE,GAAG,GAAG,QAAQ;AAAA,EACrD,CAAC;AACH;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@verbaly/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "React bindings for Verbaly — hooks over the reactive core.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"i18n",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^18.0.0 || ^19.0.0",
|
|
46
|
-
"verbaly": "^0.
|
|
46
|
+
"verbaly": "^0.4.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@types/react": "^19.2.17",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"happy-dom": "^20.10.6",
|
|
52
52
|
"react": "^19.2.7",
|
|
53
53
|
"react-dom": "^19.2.7",
|
|
54
|
-
"verbaly": "0.
|
|
54
|
+
"verbaly": "0.4.0"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "tsup",
|