@magic-translate/react 1.15.1 → 1.17.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/CHANGELOG.md +19 -0
- package/dist/components/Translate.d.ts +5 -5
- package/dist/components/Translate.d.ts.map +1 -1
- package/dist/components/Translate.js +26 -41
- package/dist/components/Translate.js.map +1 -1
- package/dist/components/Translate.test.d.ts +1 -1
- package/dist/components/Translate.test.js +172 -446
- package/dist/components/Translate.test.js.map +1 -1
- package/dist/context/MagicTranslateContext.d.ts +31 -24
- package/dist/context/MagicTranslateContext.d.ts.map +1 -1
- package/dist/context/MagicTranslateContext.js +22 -12
- package/dist/context/MagicTranslateContext.js.map +1 -1
- package/dist/hooks/use-language-switcher.d.ts +6 -0
- package/dist/hooks/use-language-switcher.d.ts.map +1 -0
- package/dist/hooks/use-language-switcher.js +7 -0
- package/dist/hooks/use-language-switcher.js.map +1 -0
- package/dist/hooks/use-magic-translate.d.ts +1 -1
- package/dist/hooks/use-magic-translate.d.ts.map +1 -1
- package/dist/hooks/use-magic-translate.js +1 -1
- package/dist/hooks/use-magic-translate.js.map +1 -1
- package/dist/hooks/use-translate.d.ts +3 -3
- package/dist/hooks/use-translate.js +11 -28
- package/dist/hooks/use-translate.js.map +1 -1
- package/dist/hooks/use-translate.test.d.ts +1 -1
- package/dist/hooks/use-translate.test.js +65 -117
- package/dist/hooks/use-translate.test.js.map +1 -1
- package/dist/index.d.ts +5 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +50 -53
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Translate.test.js","sourceRoot":"","sources":["../../src/components/Translate.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Translate.test.js","sourceRoot":"","sources":["../../src/components/Translate.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,32 @@
|
|
|
1
|
-
import DataLoader from 'dataloader';
|
|
2
|
-
import React, { PropsWithChildren } from 'react';
|
|
3
|
-
import { DataLoaderLoadParams, DataLoaderOptions,
|
|
4
|
-
export interface MagicTranslateProviderProps extends MagicTranslateConfig {
|
|
5
|
-
/**
|
|
6
|
-
* The API URL to use for the translate requests. This is only used for debugging purposes.
|
|
7
|
-
* @ignore
|
|
8
|
-
*/
|
|
9
|
-
_apiUrl?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Set a data loader. This is for testing purposes only
|
|
12
|
-
* @ignore
|
|
13
|
-
*/
|
|
14
|
-
_loaderFactory?: (options?: DataLoaderOptions) => (content: readonly DataLoaderLoadParams[]) => Promise<readonly string[]>;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
import DataLoader from 'dataloader';
|
|
2
|
+
import React, { PropsWithChildren } from 'react';
|
|
3
|
+
import { DataLoaderLoadParams, DataLoaderOptions, Language, MagicTranslateConfig, TranslateOptions } from '@magic-translate/core';
|
|
4
|
+
export interface MagicTranslateProviderProps extends MagicTranslateConfig {
|
|
5
|
+
/**
|
|
6
|
+
* The API URL to use for the translate requests. This is only used for debugging purposes.
|
|
7
|
+
* @ignore
|
|
8
|
+
*/
|
|
9
|
+
_apiUrl?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Set a data loader. This is for testing purposes only
|
|
12
|
+
* @ignore
|
|
13
|
+
*/
|
|
14
|
+
_loaderFactory?: (options?: DataLoaderOptions) => (content: readonly DataLoaderLoadParams[]) => Promise<readonly string[]>;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Type alias to make the language enum more flexible to also allow passing language strings
|
|
18
|
+
* instead of just the enum.
|
|
19
|
+
*/
|
|
20
|
+
type Languages = `${Language}`;
|
|
21
|
+
export interface MagicTranslateContextValue extends TranslateOptions {
|
|
22
|
+
dataLoader: DataLoader<DataLoaderLoadParams, string>;
|
|
23
|
+
language: Languages;
|
|
24
|
+
sourceLanguage?: Languages;
|
|
25
|
+
setLanguage: (language: Languages) => void;
|
|
26
|
+
apiUrl?: string;
|
|
27
|
+
apiKey: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const MagicTranslateContext: React.Context<MagicTranslateContextValue | null>;
|
|
30
|
+
export declare const MagicTranslateProvider: React.FunctionComponent<PropsWithChildren<MagicTranslateProviderProps>>;
|
|
31
|
+
export {};
|
|
25
32
|
//# sourceMappingURL=MagicTranslateContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagicTranslateContext.d.ts","sourceRoot":"","sources":["../../src/context/MagicTranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"MagicTranslateContext.d.ts","sourceRoot":"","sources":["../../src/context/MagicTranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,oBAAoB,EACpB,iBAAiB,EAEjB,QAAQ,EAER,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,cAAc,CAAC,EAAE,CACf,OAAO,CAAC,EAAE,iBAAiB,KACxB,CAAC,OAAO,EAAE,SAAS,oBAAoB,EAAE,KAAK,OAAO,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC;CAC/E;AAED;;;GAGG;AACH,KAAK,SAAS,GAAG,GAAG,QAAQ,EAAE,CAAC;AAE/B,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,UAAU,EAAE,UAAU,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,kDACsB,CAAC;AAEzD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAC1D,iBAAiB,CAAC,2BAA2B,CAAC,CA0D/C,CAAC"}
|
|
@@ -1,27 +1,37 @@
|
|
|
1
1
|
import DataLoader from 'dataloader';
|
|
2
|
-
import React, { createContext, useMemo } from 'react';
|
|
2
|
+
import React, { createContext, useMemo, useState, } from 'react';
|
|
3
3
|
import { cacheKeyFn, defaultLoaderFactory as defaultLoaderFactory, libraryWebsite, } from '@magic-translate/core';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
var language = _a.language, sourceLanguage = _a.sourceLanguage, debug = _a.debug, apiKey = _a.apiKey, children = _a.children, _b = _a._loaderFactory, _loaderFactory = _b === void 0 ? defaultLoaderFactory : _b, _apiUrl = _a._apiUrl, formality = _a.formality;
|
|
4
|
+
export const MagicTranslateContext = createContext(null);
|
|
5
|
+
export const MagicTranslateProvider = ({ language: passedLanguage, sourceLanguage, debug, apiKey, children, _loaderFactory = defaultLoaderFactory, _apiUrl, formality, }) => {
|
|
7
6
|
if (!apiKey) {
|
|
8
|
-
throw new Error(
|
|
7
|
+
throw new Error(`Missing API key. Please get one at ${libraryWebsite}`);
|
|
9
8
|
}
|
|
10
|
-
|
|
9
|
+
const [languageFromContext, setLanguage] = useState(null);
|
|
10
|
+
const language = useMemo(() => languageFromContext ?? passedLanguage, [passedLanguage, languageFromContext]);
|
|
11
|
+
const value = useMemo(() => ({
|
|
11
12
|
dataLoader: new DataLoader(_loaderFactory({
|
|
12
13
|
debug: !!debug,
|
|
13
|
-
apiKey
|
|
14
|
+
apiKey,
|
|
14
15
|
lang: language,
|
|
15
16
|
sourceLang: sourceLanguage,
|
|
16
17
|
apiUrl: _apiUrl,
|
|
17
|
-
formality
|
|
18
|
+
formality,
|
|
18
19
|
}), {
|
|
19
20
|
cacheKeyFn: cacheKeyFn(apiKey, sourceLanguage, language),
|
|
20
21
|
}),
|
|
21
|
-
language
|
|
22
|
-
sourceLanguage
|
|
23
|
-
apiKey
|
|
24
|
-
|
|
22
|
+
language,
|
|
23
|
+
sourceLanguage,
|
|
24
|
+
apiKey,
|
|
25
|
+
setLanguage,
|
|
26
|
+
}), [
|
|
27
|
+
_loaderFactory,
|
|
28
|
+
language,
|
|
29
|
+
sourceLanguage,
|
|
30
|
+
debug,
|
|
31
|
+
apiKey,
|
|
32
|
+
_apiUrl,
|
|
33
|
+
formality,
|
|
34
|
+
]);
|
|
25
35
|
return (React.createElement(MagicTranslateContext.Provider, { value: value }, children));
|
|
26
36
|
};
|
|
27
37
|
//# sourceMappingURL=MagicTranslateContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagicTranslateContext.js","sourceRoot":"","sources":["../../src/context/MagicTranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"MagicTranslateContext.js","sourceRoot":"","sources":["../../src/context/MagicTranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EAGV,oBAAoB,IAAI,oBAAoB,EAE5C,cAAc,GAGf,MAAM,uBAAuB,CAAC;AAiC/B,MAAM,CAAC,MAAM,qBAAqB,GAChC,aAAa,CAAoC,IAAI,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,EACH,QAAQ,EAAE,cAAc,EACxB,cAAc,EACd,KAAK,EACL,MAAM,EACN,QAAQ,EACR,cAAc,GAAG,oBAAoB,EACrC,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,sCAAsC,cAAc,EAAE,CAAC,CAAC;IAC1E,CAAC;IAED,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAE5E,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,mBAAmB,IAAI,cAAc,EAC3C,CAAC,cAAc,EAAE,mBAAmB,CAAC,CACtC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,IAAI,UAAU,CACxB,cAAc,CAAC;YACb,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,MAAM;YACN,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,cAAc;YAC1B,MAAM,EAAE,OAAO;YACf,SAAS;SACV,CAAC,EACF;YACE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,CAAC;SACzD,CACF;QACD,QAAQ;QACR,cAAc;QACd,MAAM;QACN,WAAW;KACZ,CAAC,EACF;QACE,cAAc;QACd,QAAQ;QACR,cAAc;QACd,KAAK;QACL,MAAM;QACN,OAAO;QACP,SAAS;KACV,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACzC,QAAQ,CACsB,CAClC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-language-switcher.d.ts","sourceRoot":"","sources":["../../src/hooks/use-language-switcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,wBAAgB,mBAAmB,IAAI;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAC;CAChC,CAOA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useMagicTranslate } from './use-magic-translate';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
export function useLanguageSwitcher() {
|
|
4
|
+
const { setLanguage, language } = useMagicTranslate();
|
|
5
|
+
return useMemo(() => ({ setLanguage, currentLanguage: language }), [setLanguage, language]);
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=use-language-switcher.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-language-switcher.js","sourceRoot":"","sources":["../../src/hooks/use-language-switcher.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,UAAU,mBAAmB;IAIjC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEtD,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,EAClD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function useMagicTranslate(): import("
|
|
1
|
+
export declare function useMagicTranslate(): import("..").MagicTranslateContextValue;
|
|
2
2
|
//# sourceMappingURL=use-magic-translate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-magic-translate.d.ts","sourceRoot":"","sources":["../../src/hooks/use-magic-translate.tsx"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"use-magic-translate.d.ts","sourceRoot":"","sources":["../../src/hooks/use-magic-translate.tsx"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,4CAUhC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useContext } from 'react';
|
|
2
2
|
import { MagicTranslateContext } from '../context/MagicTranslateContext';
|
|
3
3
|
export function useMagicTranslate() {
|
|
4
|
-
|
|
4
|
+
const value = useContext(MagicTranslateContext);
|
|
5
5
|
if (value === null) {
|
|
6
6
|
throw new Error('useMagicTranslate must be used within a MagicTranslateProvider');
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-magic-translate.js","sourceRoot":"","sources":["../../src/hooks/use-magic-translate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,MAAM,UAAU,iBAAiB;IAC/B,
|
|
1
|
+
{"version":3,"file":"use-magic-translate.js","sourceRoot":"","sources":["../../src/hooks/use-magic-translate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,MAAM,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEhD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;IACJ,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DataLoaderLoadParams } from '@magic-translate/core';
|
|
2
|
-
export declare function useTranslate(): (text: string, params?: Omit<DataLoaderLoadParams, 'text'>) => string;
|
|
3
|
-
export declare const useT: typeof useTranslate;
|
|
1
|
+
import { DataLoaderLoadParams } from '@magic-translate/core';
|
|
2
|
+
export declare function useTranslate(): (text: string, params?: Omit<DataLoaderLoadParams, 'text'>) => string;
|
|
3
|
+
export declare const useT: typeof useTranslate;
|
|
4
4
|
//# sourceMappingURL=use-translate.d.ts.map
|
|
@@ -1,43 +1,26 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import { useMagicTranslate } from './use-magic-translate';
|
|
13
2
|
import { useCallback, useMemo, useState } from 'react';
|
|
14
3
|
import { cacheKeyFn } from '@magic-translate/core';
|
|
15
4
|
export function useTranslate() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return translations.get(cacheFn(__assign({ text: text }, params)));
|
|
22
|
-
}, [translations]);
|
|
23
|
-
var load = useCallback(function (text, params) {
|
|
24
|
-
if (params === void 0) { params = {}; }
|
|
5
|
+
const { dataLoader, apiKey, language, sourceLanguage } = useMagicTranslate();
|
|
6
|
+
const [translations, setTranslations] = useState(new Map());
|
|
7
|
+
const cacheFn = useMemo(() => cacheKeyFn(apiKey, sourceLanguage, language), [apiKey, sourceLanguage, language]);
|
|
8
|
+
const lookup = useCallback((text, params = {}) => translations.get(cacheFn({ text, ...params })), [translations, cacheFn]);
|
|
9
|
+
const load = useCallback((text, params = {}) => {
|
|
25
10
|
if (lookup(text, params)) {
|
|
26
11
|
return;
|
|
27
12
|
}
|
|
28
|
-
dataLoader.load(
|
|
29
|
-
setTranslations(
|
|
30
|
-
cur.set(cacheFn(
|
|
13
|
+
dataLoader.load({ text, ...params }).then((translation) => {
|
|
14
|
+
setTranslations((cur) => {
|
|
15
|
+
cur.set(cacheFn({ text, ...params }), translation);
|
|
31
16
|
return new Map(cur);
|
|
32
17
|
});
|
|
33
18
|
});
|
|
34
19
|
}, [cacheFn, dataLoader, lookup]);
|
|
35
|
-
return
|
|
36
|
-
var _a;
|
|
37
|
-
if (params === void 0) { params = {}; }
|
|
20
|
+
return (text, params = {}) => {
|
|
38
21
|
load(text, params);
|
|
39
|
-
return
|
|
22
|
+
return lookup(text, params) ?? text;
|
|
40
23
|
};
|
|
41
24
|
}
|
|
42
|
-
export
|
|
25
|
+
export const useT = useTranslate;
|
|
43
26
|
//# sourceMappingURL=use-translate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate.js","sourceRoot":"","sources":["../../src/hooks/use-translate.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-translate.js","sourceRoot":"","sources":["../../src/hooks/use-translate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AAEzE,MAAM,UAAU,YAAY;IAI1B,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,GAAG,EAAkB,CAC1B,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,CAAC,EAClD,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAY,EAAE,SAA6C,EAAE,EAAE,EAAE,CAChE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,EAChD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,IAAY,EAAE,SAA6C,EAAE,EAAE,EAAE;QAChE,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;YACxD,eAAe,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;gBAEnD,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,OAAO,CAAC,IAAY,EAAE,SAA6C,EAAE,EAAE,EAAE;QACvE,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEnB,OAAO,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,CAAC;IACtC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
2
2
|
//# sourceMappingURL=use-translate.test.d.ts.map
|
|
@@ -1,133 +1,81 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
-
function step(op) {
|
|
15
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
-
while (_) try {
|
|
17
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
-
switch (op[0]) {
|
|
20
|
-
case 0: case 1: t = op; break;
|
|
21
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
-
default:
|
|
25
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
-
if (t[2]) _.ops.pop();
|
|
30
|
-
_.trys.pop(); continue;
|
|
31
|
-
}
|
|
32
|
-
op = body.call(thisArg, _);
|
|
33
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
1
|
import { act, renderHook } from '@testing-library/react';
|
|
38
2
|
import { Language } from '@magic-translate/core';
|
|
39
3
|
import { MagicTranslateProvider } from '../context/MagicTranslateContext';
|
|
40
4
|
import React from 'react';
|
|
5
|
+
import { useLanguageSwitcher } from './use-language-switcher';
|
|
41
6
|
import { useTranslate } from './use-translate';
|
|
42
|
-
|
|
43
|
-
|
|
7
|
+
const tick = () => new Promise((resolve) => setTimeout(resolve));
|
|
8
|
+
const ExampleComponent = () => React.createElement(React.Fragment, null, "Some component");
|
|
44
9
|
ExampleComponent.displayName = 'ExampleComponent';
|
|
45
|
-
describe('Translate',
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
10
|
+
describe('Translate', () => {
|
|
11
|
+
const lang = Language.DE;
|
|
12
|
+
const mockFn = jest.fn();
|
|
13
|
+
const loader = () => (content) => {
|
|
49
14
|
// for some reason when using the mock directly the mock is not called. This is a workaround
|
|
50
15
|
mockFn(content);
|
|
51
|
-
return Promise.resolve(content.map(
|
|
52
|
-
}; };
|
|
53
|
-
var wrapper = function (_a) {
|
|
54
|
-
var children = _a.children;
|
|
55
|
-
return (React.createElement(MagicTranslateProvider, { _loaderFactory: loader, language: lang, apiKey: "test-api-key" }, children));
|
|
16
|
+
return Promise.resolve(content.map((item) => `Translated: ${item.text}`));
|
|
56
17
|
};
|
|
57
|
-
|
|
18
|
+
const wrapper = ({ children, }) => (React.createElement(MagicTranslateProvider, { _loaderFactory: loader, language: lang, apiKey: "test-api-key" }, children));
|
|
19
|
+
afterEach(() => {
|
|
58
20
|
mockFn.mockReset();
|
|
59
21
|
});
|
|
60
|
-
it('should call the loader with the content',
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
// when
|
|
67
|
-
act(function () {
|
|
68
|
-
result.current('test');
|
|
69
|
-
});
|
|
70
|
-
return [4 /*yield*/, tick()];
|
|
71
|
-
case 1:
|
|
72
|
-
_a.sent();
|
|
73
|
-
// then
|
|
74
|
-
expect(mockFn).toHaveBeenCalledWith([{ text: 'test' }]);
|
|
75
|
-
return [2 /*return*/];
|
|
76
|
-
}
|
|
22
|
+
it('should call the loader with the content', async () => {
|
|
23
|
+
// given
|
|
24
|
+
const { result } = renderHook(() => useTranslate(), { wrapper });
|
|
25
|
+
// when
|
|
26
|
+
act(() => {
|
|
27
|
+
result.current('test');
|
|
77
28
|
});
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
});
|
|
89
|
-
return [4 /*yield*/, tick()];
|
|
90
|
-
case 1:
|
|
91
|
-
_a.sent();
|
|
92
|
-
// then
|
|
93
|
-
expect(mockFn).toHaveBeenCalledWith([
|
|
94
|
-
{ text: 'test', formality: 'formal' },
|
|
95
|
-
]);
|
|
96
|
-
return [2 /*return*/];
|
|
97
|
-
}
|
|
29
|
+
await tick();
|
|
30
|
+
// then
|
|
31
|
+
expect(mockFn).toHaveBeenCalledWith([{ text: 'test' }]);
|
|
32
|
+
});
|
|
33
|
+
it('should call the loader with the content and formality', async () => {
|
|
34
|
+
// given
|
|
35
|
+
const { result } = renderHook(() => useTranslate(), { wrapper });
|
|
36
|
+
// when
|
|
37
|
+
act(() => {
|
|
38
|
+
result.current('test', { formality: 'formal' });
|
|
98
39
|
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
});
|
|
112
|
-
}); })];
|
|
113
|
-
case 1:
|
|
114
|
-
_a.sent();
|
|
115
|
-
return [4 /*yield*/, tick()];
|
|
116
|
-
case 2:
|
|
117
|
-
_a.sent();
|
|
118
|
-
return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
119
|
-
return __generator(this, function (_a) {
|
|
120
|
-
translation = result.current('test');
|
|
121
|
-
return [2 /*return*/];
|
|
122
|
-
});
|
|
123
|
-
}); })];
|
|
124
|
-
case 3:
|
|
125
|
-
_a.sent();
|
|
126
|
-
// then
|
|
127
|
-
expect(translation).toBe('Translated: test');
|
|
128
|
-
return [2 /*return*/];
|
|
129
|
-
}
|
|
40
|
+
await tick();
|
|
41
|
+
// then
|
|
42
|
+
expect(mockFn).toHaveBeenCalledWith([
|
|
43
|
+
{ text: 'test', formality: 'formal' },
|
|
44
|
+
]);
|
|
45
|
+
});
|
|
46
|
+
it('should return the translation', async () => {
|
|
47
|
+
// given
|
|
48
|
+
const { result } = renderHook(() => useTranslate(), { wrapper });
|
|
49
|
+
let translation = null;
|
|
50
|
+
await act(async () => {
|
|
51
|
+
result.current('test');
|
|
130
52
|
});
|
|
131
|
-
|
|
53
|
+
await tick();
|
|
54
|
+
await act(async () => {
|
|
55
|
+
translation = result.current('test');
|
|
56
|
+
});
|
|
57
|
+
// then
|
|
58
|
+
expect(translation).toBe('Translated: test');
|
|
59
|
+
});
|
|
60
|
+
it('should translate again when the target language changed', async () => {
|
|
61
|
+
// given a text that has already been translated
|
|
62
|
+
const { result } = renderHook(() => ({ translate: useTranslate(), ...useLanguageSwitcher() }), { wrapper });
|
|
63
|
+
await act(async () => {
|
|
64
|
+
result.current.translate('test');
|
|
65
|
+
});
|
|
66
|
+
await tick();
|
|
67
|
+
expect(mockFn).toHaveBeenCalledTimes(1);
|
|
68
|
+
// when the target language changes
|
|
69
|
+
await act(async () => {
|
|
70
|
+
result.current.setLanguage(Language.FR);
|
|
71
|
+
});
|
|
72
|
+
await act(async () => {
|
|
73
|
+
result.current.translate('test');
|
|
74
|
+
});
|
|
75
|
+
await tick();
|
|
76
|
+
// then it is requested again rather than served from the cache of the
|
|
77
|
+
// previous language
|
|
78
|
+
expect(mockFn).toHaveBeenCalledTimes(2);
|
|
79
|
+
});
|
|
132
80
|
});
|
|
133
81
|
//# sourceMappingURL=use-translate.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-translate.test.js","sourceRoot":"","sources":["../../src/hooks/use-translate.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-translate.test.js","sourceRoot":"","sources":["../../src/hooks/use-translate.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAwB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAEjE,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,2DAAmB,CAAC;AACnD,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,OAAwC,EAAE,EAAE;QAChE,4FAA4F;QAC5F,MAAM,CAAC,OAAO,CAAC,CAAC;QAChB,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,OAAO,GAA+C,CAAC,EAC3D,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,sBAAsB,IACrB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,cAAc,IAEpB,QAAQ,CACc,CAC1B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,QAAQ;QACR,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAEjE,OAAO;QACP,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,EAAE,CAAC;QAEb,OAAO;QACP,MAAM,CAAC,MAAM,CAAC,CAAC,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,QAAQ;QACR,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAEjE,OAAO;QACP,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,EAAE,CAAC;QAEb,OAAO;QACP,MAAM,CAAC,MAAM,CAAC,CAAC,oBAAoB,CAAC;YAClC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;SACtC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,QAAQ;QACR,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAEjE,IAAI,WAAW,GAAkB,IAAI,CAAC;QACtC,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACnB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,EAAE,CAAC;QAEb,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACnB,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO;QACP,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,gDAAgD;QAChD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAC3B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,GAAG,mBAAmB,EAAE,EAAE,CAAC,EAC/D,EAAE,OAAO,EAAE,CACZ,CAAC;QAEF,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACnB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,EAAE,CAAC;QAEb,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAExC,mCAAmC;QACnC,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACnB,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;YACnB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,EAAE,CAAC;QAEb,sEAAsE;QACtE,oBAAoB;QACpB,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export * from '@magic-translate/core';
|
|
2
|
-
export * from './components/Translate';
|
|
3
|
-
export * from './context/MagicTranslateContext';
|
|
4
|
-
export * from './hooks/use-translate';
|
|
1
|
+
export * from '@magic-translate/core';
|
|
2
|
+
export * from './components/Translate';
|
|
3
|
+
export * from './context/MagicTranslateContext';
|
|
4
|
+
export * from './hooks/use-translate';
|
|
5
|
+
export * from './hooks/use-language-switcher';
|
|
5
6
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC"}
|