98 lines
2.5 KiB
TypeScript
98 lines
2.5 KiB
TypeScript
import type { Module } from 'i18next';
|
|
import i18n from 'i18next';
|
|
import HttpBackend from 'i18next-http-backend';
|
|
import LocizeBackend from 'i18next-locize-backend';
|
|
import type { HttpBackendOptions, RequestCallback } from 'i18next-http-backend';
|
|
import LanguageDetector from 'i18next-browser-languagedetector';
|
|
import { initReactI18next } from 'react-i18next';
|
|
|
|
export const supportedLngs = ['en'];
|
|
|
|
const isInDev = process.env.NODE_ENV === 'development';
|
|
const useLocize = isInDev && !!process.env.NX_USE_LOCIZE;
|
|
|
|
const backend = useLocize
|
|
? {
|
|
projectId: '96ac1231-4bdd-455a-b9d7-f5322a2e7430',
|
|
apiKey: process.env.NX_LOCIZE_API_KEY,
|
|
referenceLng: 'en',
|
|
}
|
|
: {
|
|
loadPath: '/locales/{{lng}}/{{ns}}.json',
|
|
request: (
|
|
options: HttpBackendOptions,
|
|
url: string,
|
|
payload: string,
|
|
callback: RequestCallback
|
|
) => {
|
|
if (typeof window === 'undefined') {
|
|
callback(false, { status: 200, data: {} });
|
|
return;
|
|
}
|
|
fetch(url).then((response) => {
|
|
if (!response.ok) {
|
|
return callback(response.statusText || 'Error', {
|
|
status: response.status,
|
|
data: {},
|
|
});
|
|
}
|
|
response
|
|
.text()
|
|
.then((data) => {
|
|
callback(null, { status: response.status, data });
|
|
})
|
|
.catch((error) => callback(error, { status: 200, data: {} }));
|
|
});
|
|
},
|
|
};
|
|
|
|
const Backend: Module = useLocize ? LocizeBackend : HttpBackend;
|
|
|
|
i18n
|
|
.use(Backend)
|
|
.use(LanguageDetector)
|
|
.use(initReactI18next)
|
|
.init({
|
|
fallbackLng: 'en',
|
|
supportedLngs,
|
|
load: 'languageOnly',
|
|
// load all these namespaces immediately on start up. If the name space is not here,
|
|
// it will only be loaded once used by useTranslation
|
|
ns: [
|
|
'accounts',
|
|
'assets',
|
|
'candles-chart',
|
|
'datagrid',
|
|
'deal-ticket',
|
|
'deposits',
|
|
'environment',
|
|
'fills',
|
|
'funding-payments',
|
|
'ledger',
|
|
'liquidity',
|
|
'market-depth',
|
|
'markets',
|
|
'orders',
|
|
'positions',
|
|
'trades',
|
|
'trading',
|
|
'trading-view',
|
|
'ui-toolkit',
|
|
'utils',
|
|
'wallet',
|
|
'wallet-react',
|
|
'web3',
|
|
],
|
|
defaultNS: 'trading',
|
|
nsSeparator: false,
|
|
keySeparator: false, // we use content as keys
|
|
backend,
|
|
debug: isInDev,
|
|
saveMissing: useLocize && !!process.env.NX_LOCIZE_API_KEY,
|
|
interpolation: {
|
|
escapeValue: false,
|
|
},
|
|
});
|
|
|
|
export default i18n;
|