55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import i18next, { i18n } from 'i18next';
|
|
import LanguageDetector from 'i18next-browser-languagedetector';
|
|
import resourcesToBackend from 'i18next-resources-to-backend';
|
|
import { initReactI18next } from 'react-i18next';
|
|
|
|
import { I18N_COOKIE_NAME, getI18nSettings } from './i18n.settings';
|
|
|
|
let promise: Promise<i18n>;
|
|
|
|
export function initializeI18nClient(
|
|
lng: string | undefined,
|
|
i18nResolver: (lang: string, namespace: string) => Promise<object>,
|
|
): Promise<i18n> {
|
|
const settings = getI18nSettings(lng);
|
|
|
|
if (promise !== undefined) {
|
|
return promise;
|
|
}
|
|
|
|
promise = new Promise<i18n>((resolve, reject) => {
|
|
void i18next
|
|
.use(initReactI18next)
|
|
.use(
|
|
resourcesToBackend(async (language, namespace, callback) => {
|
|
const data = await i18nResolver(language, namespace);
|
|
|
|
return callback(null, data);
|
|
}),
|
|
)
|
|
.use(LanguageDetector)
|
|
.init(
|
|
{
|
|
...settings,
|
|
detection: {
|
|
order: ['htmlTag', 'cookie', 'navigator'],
|
|
caches: ['cookie'],
|
|
lookupCookie: I18N_COOKIE_NAME,
|
|
},
|
|
interpolation: {
|
|
escapeValue: false,
|
|
},
|
|
},
|
|
(err) => {
|
|
if (err) {
|
|
return reject(err);
|
|
}
|
|
|
|
resolve(i18next);
|
|
},
|
|
);
|
|
});
|
|
|
|
return promise;
|
|
}
|