@pantho075/locale 0.1.1 → 0.1.2
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/README.md +50 -17
- package/dist/index.cjs +4 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +23 -1
- package/dist/index.d.ts +23 -1
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -17,6 +17,8 @@ export function Example() {
|
|
|
17
17
|
}
|
|
18
18
|
```
|
|
19
19
|
|
|
20
|
+
The example above uses the package's built-in sample bundles (`en`, `bn`, `ne`). For real apps you'll want to use your own data — see [Using your own translations](#using-your-own-translations) below.
|
|
21
|
+
|
|
20
22
|
## Install
|
|
21
23
|
|
|
22
24
|
```bash
|
|
@@ -53,28 +55,57 @@ const { title, home } = getTranslation("en");
|
|
|
53
55
|
console.log(title, home.header, home.footer);
|
|
54
56
|
```
|
|
55
57
|
|
|
56
|
-
|
|
58
|
+
## Using your own translations
|
|
57
59
|
|
|
58
|
-
|
|
60
|
+
The package ships with three sample locales for demo purposes. To use your own translation data, call `setLocales(...)` once at app startup with a map of language code → bundle. After that, `getTranslation` and `useTranslation` return your data.
|
|
59
61
|
|
|
60
62
|
```ts
|
|
61
|
-
// src/
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
header: "Hello",
|
|
66
|
-
footer: "Goodbye",
|
|
67
|
-
},
|
|
68
|
-
greeting: "Hi there",
|
|
69
|
-
};
|
|
63
|
+
// src/translations.ts
|
|
64
|
+
import { setLocales } from "@pantho075/locale";
|
|
65
|
+
import en from "./locales/en";
|
|
66
|
+
import bn from "./locales/bn";
|
|
70
67
|
|
|
71
|
-
|
|
68
|
+
setLocales({ en, bn });
|
|
72
69
|
```
|
|
73
70
|
|
|
71
|
+
Then anywhere in your app:
|
|
72
|
+
|
|
73
|
+
```ts
|
|
74
|
+
import { useTranslation } from "@pantho075/locale";
|
|
75
|
+
|
|
76
|
+
function Greeting({ lang }: { lang: string }) {
|
|
77
|
+
const t = useTranslation<typeof en>(lang);
|
|
78
|
+
return <h1>{t.title}</h1>;
|
|
79
|
+
}
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
### Semantics
|
|
83
|
+
|
|
84
|
+
- **`setLocales` replaces the entire map** — it does not merge. If you call `setLocales({ en })`, the previous `bn`/`ne` entries are gone and will return `{}`. Pass every locale you want available.
|
|
85
|
+
- **One-shot setup.** Call `setLocales` at app startup. Calling it later does not invalidate previously memoized `useTranslation` results — if you need to swap locales at runtime, hold `lang` in reactive state and let React re-run the hook.
|
|
86
|
+
- **Missing languages return `{}`** (the same frozen empty object every time — safe to compare with `===`).
|
|
87
|
+
- **Missing keys return `undefined`** — standard JS object semantics. No proxy wrapping.
|
|
88
|
+
|
|
74
89
|
### Adding a new locale
|
|
75
90
|
|
|
76
|
-
|
|
77
|
-
|
|
91
|
+
You don't need to touch this package's source. Just add a file in your app and register it via `setLocales`:
|
|
92
|
+
|
|
93
|
+
```ts
|
|
94
|
+
// src/locales/ja.ts
|
|
95
|
+
export default {
|
|
96
|
+
title: "こんにちは",
|
|
97
|
+
home: { header: "ヘッダー", footer: "フッター" },
|
|
98
|
+
};
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
```ts
|
|
102
|
+
// src/translations.ts
|
|
103
|
+
import { setLocales } from "@pantho075/locale";
|
|
104
|
+
import en from "./locales/en";
|
|
105
|
+
import ja from "./locales/ja";
|
|
106
|
+
|
|
107
|
+
setLocales({ en, ja });
|
|
108
|
+
```
|
|
78
109
|
|
|
79
110
|
## API
|
|
80
111
|
|
|
@@ -104,15 +135,17 @@ const { title } = useTranslation("en"); // string | undefined
|
|
|
104
135
|
const en = useTranslation<English>("en"); // typed
|
|
105
136
|
```
|
|
106
137
|
|
|
138
|
+
### `setLocales<T>(locales: Record<string, T>): void`
|
|
139
|
+
|
|
140
|
+
Replaces the package's internal locale registry. Call once at app startup to swap in your own bundles. See [Using your own translations](#using-your-own-translations).
|
|
141
|
+
|
|
107
142
|
### `TranslationData`
|
|
108
143
|
|
|
109
144
|
The default return type — `Record<string, unknown>`. Most consumers will constrain this with their own interface via the generic.
|
|
110
145
|
|
|
111
146
|
## Why no JSON files?
|
|
112
147
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
If you want to override locales from your own app, you can fork the package and build your own locale map.
|
|
148
|
+
Translation data is just regular TypeScript that gets tree-shaken and bundled like any other code. `setLocales` lets your app own its own locale files without forking the package or shipping JSON.
|
|
116
149
|
|
|
117
150
|
## License
|
|
118
151
|
|
package/dist/index.cjs
CHANGED
|
@@ -39,6 +39,9 @@ var locales = {
|
|
|
39
39
|
bn: bn_default,
|
|
40
40
|
ne: ne_default
|
|
41
41
|
};
|
|
42
|
+
function setLocales(next) {
|
|
43
|
+
locales = next;
|
|
44
|
+
}
|
|
42
45
|
function getTranslation(lang) {
|
|
43
46
|
return locales[lang] ?? EMPTY;
|
|
44
47
|
}
|
|
@@ -47,6 +50,7 @@ function useTranslation(lang) {
|
|
|
47
50
|
}
|
|
48
51
|
|
|
49
52
|
exports.getTranslation = getTranslation;
|
|
53
|
+
exports.setLocales = setLocales;
|
|
50
54
|
exports.useTranslation = useTranslation;
|
|
51
55
|
//# sourceMappingURL=index.cjs.map
|
|
52
56
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/locales/bn.ts","../src/locales/en.ts","../src/locales/ne.ts","../src/getTranslation.ts","../src/useTranslation.ts"],"names":["data","useMemo"],"mappings":";;;;;AAAA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,4CAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gCAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQ,IAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACFf,IAAM,KAAA,GAAyB,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;
|
|
1
|
+
{"version":3,"sources":["../src/locales/bn.ts","../src/locales/en.ts","../src/locales/ne.ts","../src/getTranslation.ts","../src/useTranslation.ts"],"names":["data","useMemo"],"mappings":";;;;;AAAA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,4CAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gCAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQ,IAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACFf,IAAM,KAAA,GAAyB,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAY/C,IAAI,OAAA,GAA2C;AAAA,EAC7C,EAAA,EAAA,UAAA;AAAA,EACA,EAAA,EAAA,UAAA;AAAA,EACA,EAAA,EAAA;AACF,CAAA;AAuBO,SAAS,WACd,IAAA,EACM;AACN,EAAA,OAAA,GAAU,IAAA;AACZ;AASO,SAAS,eACd,IAAA,EACG;AACH,EAAA,OAAQ,OAAA,CAAQ,IAAI,CAAA,IAAK,KAAA;AAC3B;ACnDO,SAAS,eACd,IAAA,EACG;AACH,EAAA,OAAOC,cAAQ,MAAM,cAAA,CAAkB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AACtD","file":"index.cjs","sourcesContent":["const data = {\n title: \"শিরোনাম\",\n home: {\n header: \"হেডার\",\n footer: \"ফুটার\",\n },\n};\n\nexport default data;\n","const data = {\n title: \"the title\",\n home: {\n header: \"this is header\",\n footer: \"this is footer\",\n },\n};\n\nexport default data;\n","const data = {\n title: \"the title\",\n home: {\n header: \"this is header\",\n footer: \"this is footer\",\n },\n};\n\nexport default data;\n","import bn from \"./locales/bn\";\nimport en from \"./locales/en\";\nimport ne from \"./locales/ne\";\nimport type { TranslationData } from \"./types\";\n\n/** Shared empty fallback for unknown languages. Frozen so it can't be mutated. */\nconst EMPTY: TranslationData = Object.freeze({});\n\n/**\n * Locale registry. Adding a new language means:\n * 1. drop a `src/locales/<code>.ts` that exports the locale object as default\n * 2. import it here\n * 3. add it to this map\n *\n * These entries are the default sample bundles. Consumers that need to\n * translate their own data should call `setLocales(...)` once at app\n * startup to replace the entire map — see the README.\n */\nlet locales: Record<string, TranslationData> = {\n en,\n bn,\n ne,\n};\n\n/**\n * Replace the package's locale registry with the consumer's bundles.\n *\n * The new map **replaces** the existing entries wholesale — it does\n * not merge. Pass every locale you want available; anything missing\n * from `next` will fall back to the empty bundle.\n *\n * This is intended as one-shot app startup configuration. It does\n * not invalidate previously memoized `useTranslation` results — if a\n * consumer swaps locales at runtime, they should pass `lang` as\n * reactive state so React re-runs the hook.\n *\n * @example\n * ```ts\n * import { setLocales } from \"@pantho075/locale\";\n * import { en } from \"./locales/en\";\n * import { bn } from \"./locales/bn\";\n *\n * setLocales({ en, bn });\n * ```\n */\nexport function setLocales<T extends object = TranslationData>(\n next: Record<string, T>,\n): void {\n locales = next as unknown as Record<string, TranslationData>;\n}\n\n/**\n * Returns the translation bundle for the given language code.\n * Unknown / undefined / empty values fall back to a stable empty object.\n *\n * Framework-agnostic: works in React, Next.js server components, Vue,\n * Svelte, or vanilla Node scripts.\n */\nexport function getTranslation<T extends object = TranslationData>(\n lang: string,\n): T {\n return (locales[lang] ?? EMPTY) as T;\n}\n","import { useMemo } from \"react\";\nimport { getTranslation } from \"./getTranslation\";\nimport type { TranslationData } from \"./types\";\n\n/**\n * React hook: returns the translation bundle for the given language.\n *\n * Memoized on `lang`, so the same language produces a stable object\n * reference across re-renders. Switching language swaps the reference\n * (and any consumers destructuring top-level keys will re-render).\n */\nexport function useTranslation<T extends object = TranslationData>(\n lang: string,\n): T {\n return useMemo(() => getTranslation<T>(lang), [lang]);\n}\n"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -4,6 +4,28 @@
|
|
|
4
4
|
*/
|
|
5
5
|
type TranslationData = Record<string, unknown>;
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* Replace the package's locale registry with the consumer's bundles.
|
|
9
|
+
*
|
|
10
|
+
* The new map **replaces** the existing entries wholesale — it does
|
|
11
|
+
* not merge. Pass every locale you want available; anything missing
|
|
12
|
+
* from `next` will fall back to the empty bundle.
|
|
13
|
+
*
|
|
14
|
+
* This is intended as one-shot app startup configuration. It does
|
|
15
|
+
* not invalidate previously memoized `useTranslation` results — if a
|
|
16
|
+
* consumer swaps locales at runtime, they should pass `lang` as
|
|
17
|
+
* reactive state so React re-runs the hook.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```ts
|
|
21
|
+
* import { setLocales } from "@pantho075/locale";
|
|
22
|
+
* import { en } from "./locales/en";
|
|
23
|
+
* import { bn } from "./locales/bn";
|
|
24
|
+
*
|
|
25
|
+
* setLocales({ en, bn });
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
declare function setLocales<T extends object = TranslationData>(next: Record<string, T>): void;
|
|
7
29
|
/**
|
|
8
30
|
* Returns the translation bundle for the given language code.
|
|
9
31
|
* Unknown / undefined / empty values fall back to a stable empty object.
|
|
@@ -22,4 +44,4 @@ declare function getTranslation<T extends object = TranslationData>(lang: string
|
|
|
22
44
|
*/
|
|
23
45
|
declare function useTranslation<T extends object = TranslationData>(lang: string): T;
|
|
24
46
|
|
|
25
|
-
export { type TranslationData, getTranslation, useTranslation };
|
|
47
|
+
export { type TranslationData, getTranslation, setLocales, useTranslation };
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,28 @@
|
|
|
4
4
|
*/
|
|
5
5
|
type TranslationData = Record<string, unknown>;
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* Replace the package's locale registry with the consumer's bundles.
|
|
9
|
+
*
|
|
10
|
+
* The new map **replaces** the existing entries wholesale — it does
|
|
11
|
+
* not merge. Pass every locale you want available; anything missing
|
|
12
|
+
* from `next` will fall back to the empty bundle.
|
|
13
|
+
*
|
|
14
|
+
* This is intended as one-shot app startup configuration. It does
|
|
15
|
+
* not invalidate previously memoized `useTranslation` results — if a
|
|
16
|
+
* consumer swaps locales at runtime, they should pass `lang` as
|
|
17
|
+
* reactive state so React re-runs the hook.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```ts
|
|
21
|
+
* import { setLocales } from "@pantho075/locale";
|
|
22
|
+
* import { en } from "./locales/en";
|
|
23
|
+
* import { bn } from "./locales/bn";
|
|
24
|
+
*
|
|
25
|
+
* setLocales({ en, bn });
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
declare function setLocales<T extends object = TranslationData>(next: Record<string, T>): void;
|
|
7
29
|
/**
|
|
8
30
|
* Returns the translation bundle for the given language code.
|
|
9
31
|
* Unknown / undefined / empty values fall back to a stable empty object.
|
|
@@ -22,4 +44,4 @@ declare function getTranslation<T extends object = TranslationData>(lang: string
|
|
|
22
44
|
*/
|
|
23
45
|
declare function useTranslation<T extends object = TranslationData>(lang: string): T;
|
|
24
46
|
|
|
25
|
-
export { type TranslationData, getTranslation, useTranslation };
|
|
47
|
+
export { type TranslationData, getTranslation, setLocales, useTranslation };
|
package/dist/index.js
CHANGED
|
@@ -37,6 +37,9 @@ var locales = {
|
|
|
37
37
|
bn: bn_default,
|
|
38
38
|
ne: ne_default
|
|
39
39
|
};
|
|
40
|
+
function setLocales(next) {
|
|
41
|
+
locales = next;
|
|
42
|
+
}
|
|
40
43
|
function getTranslation(lang) {
|
|
41
44
|
return locales[lang] ?? EMPTY;
|
|
42
45
|
}
|
|
@@ -44,6 +47,6 @@ function useTranslation(lang) {
|
|
|
44
47
|
return useMemo(() => getTranslation(lang), [lang]);
|
|
45
48
|
}
|
|
46
49
|
|
|
47
|
-
export { getTranslation, useTranslation };
|
|
50
|
+
export { getTranslation, setLocales, useTranslation };
|
|
48
51
|
//# sourceMappingURL=index.js.map
|
|
49
52
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/locales/bn.ts","../src/locales/en.ts","../src/locales/ne.ts","../src/getTranslation.ts","../src/useTranslation.ts"],"names":["data"],"mappings":";;;AAAA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,4CAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gCAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQ,IAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACFf,IAAM,KAAA,GAAyB,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;
|
|
1
|
+
{"version":3,"sources":["../src/locales/bn.ts","../src/locales/en.ts","../src/locales/ne.ts","../src/getTranslation.ts","../src/useTranslation.ts"],"names":["data"],"mappings":";;;AAAA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,4CAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gCAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQ,IAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACRf,IAAMA,KAAAA,GAAO;AAAA,EACX,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ,CAAA;AAEA,IAAO,UAAA,GAAQA,KAAAA;;;ACFf,IAAM,KAAA,GAAyB,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAY/C,IAAI,OAAA,GAA2C;AAAA,EAC7C,EAAA,EAAA,UAAA;AAAA,EACA,EAAA,EAAA,UAAA;AAAA,EACA,EAAA,EAAA;AACF,CAAA;AAuBO,SAAS,WACd,IAAA,EACM;AACN,EAAA,OAAA,GAAU,IAAA;AACZ;AASO,SAAS,eACd,IAAA,EACG;AACH,EAAA,OAAQ,OAAA,CAAQ,IAAI,CAAA,IAAK,KAAA;AAC3B;ACnDO,SAAS,eACd,IAAA,EACG;AACH,EAAA,OAAO,QAAQ,MAAM,cAAA,CAAkB,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AACtD","file":"index.js","sourcesContent":["const data = {\n title: \"শিরোনাম\",\n home: {\n header: \"হেডার\",\n footer: \"ফুটার\",\n },\n};\n\nexport default data;\n","const data = {\n title: \"the title\",\n home: {\n header: \"this is header\",\n footer: \"this is footer\",\n },\n};\n\nexport default data;\n","const data = {\n title: \"the title\",\n home: {\n header: \"this is header\",\n footer: \"this is footer\",\n },\n};\n\nexport default data;\n","import bn from \"./locales/bn\";\nimport en from \"./locales/en\";\nimport ne from \"./locales/ne\";\nimport type { TranslationData } from \"./types\";\n\n/** Shared empty fallback for unknown languages. Frozen so it can't be mutated. */\nconst EMPTY: TranslationData = Object.freeze({});\n\n/**\n * Locale registry. Adding a new language means:\n * 1. drop a `src/locales/<code>.ts` that exports the locale object as default\n * 2. import it here\n * 3. add it to this map\n *\n * These entries are the default sample bundles. Consumers that need to\n * translate their own data should call `setLocales(...)` once at app\n * startup to replace the entire map — see the README.\n */\nlet locales: Record<string, TranslationData> = {\n en,\n bn,\n ne,\n};\n\n/**\n * Replace the package's locale registry with the consumer's bundles.\n *\n * The new map **replaces** the existing entries wholesale — it does\n * not merge. Pass every locale you want available; anything missing\n * from `next` will fall back to the empty bundle.\n *\n * This is intended as one-shot app startup configuration. It does\n * not invalidate previously memoized `useTranslation` results — if a\n * consumer swaps locales at runtime, they should pass `lang` as\n * reactive state so React re-runs the hook.\n *\n * @example\n * ```ts\n * import { setLocales } from \"@pantho075/locale\";\n * import { en } from \"./locales/en\";\n * import { bn } from \"./locales/bn\";\n *\n * setLocales({ en, bn });\n * ```\n */\nexport function setLocales<T extends object = TranslationData>(\n next: Record<string, T>,\n): void {\n locales = next as unknown as Record<string, TranslationData>;\n}\n\n/**\n * Returns the translation bundle for the given language code.\n * Unknown / undefined / empty values fall back to a stable empty object.\n *\n * Framework-agnostic: works in React, Next.js server components, Vue,\n * Svelte, or vanilla Node scripts.\n */\nexport function getTranslation<T extends object = TranslationData>(\n lang: string,\n): T {\n return (locales[lang] ?? EMPTY) as T;\n}\n","import { useMemo } from \"react\";\nimport { getTranslation } from \"./getTranslation\";\nimport type { TranslationData } from \"./types\";\n\n/**\n * React hook: returns the translation bundle for the given language.\n *\n * Memoized on `lang`, so the same language produces a stable object\n * reference across re-renders. Switching language swaps the reference\n * (and any consumers destructuring top-level keys will re-render).\n */\nexport function useTranslation<T extends object = TranslationData>(\n lang: string,\n): T {\n return useMemo(() => getTranslation<T>(lang), [lang]);\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pantho075/locale",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Tiny framework-agnostic i18n core. Translation data lives in TS, no JSON files, no provider. Works in React, Next.js, Vue, Svelte, and Node.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|