You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
2.6 KiB
112 lines
2.6 KiB
import { createContext } from 'react';
|
|
import { unescape } from './unescape';
|
|
|
|
let defaultOptions = {
|
|
bindI18n: 'languageChanged',
|
|
bindI18nStore: '',
|
|
// nsMode: 'fallback' // loop through all namespaces given to hook, HOC, render prop for key lookup
|
|
transEmptyNodeValue: '',
|
|
transSupportBasicHtmlNodes: true,
|
|
transWrapTextNodes: '',
|
|
transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
|
|
// hashTransKey: key => key // calculate a key for Trans component based on defaultValue
|
|
useSuspense: true,
|
|
unescape,
|
|
};
|
|
|
|
let i18nInstance;
|
|
|
|
export const I18nContext = createContext();
|
|
|
|
export function setDefaults(options = {}) {
|
|
defaultOptions = { ...defaultOptions, ...options };
|
|
}
|
|
|
|
export function getDefaults() {
|
|
return defaultOptions;
|
|
}
|
|
|
|
export class ReportNamespaces {
|
|
constructor() {
|
|
this.usedNamespaces = {};
|
|
}
|
|
|
|
addUsedNamespaces(namespaces) {
|
|
namespaces.forEach((ns) => {
|
|
if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
|
|
});
|
|
}
|
|
|
|
getUsedNamespaces() {
|
|
return Object.keys(this.usedNamespaces);
|
|
}
|
|
}
|
|
|
|
export function setI18n(instance) {
|
|
i18nInstance = instance;
|
|
}
|
|
|
|
export function getI18n() {
|
|
return i18nInstance;
|
|
}
|
|
|
|
export const initReactI18next = {
|
|
type: '3rdParty',
|
|
|
|
init(instance) {
|
|
setDefaults(instance.options.react);
|
|
setI18n(instance);
|
|
},
|
|
};
|
|
|
|
export function composeInitialProps(ForComponent) {
|
|
return (ctx) =>
|
|
new Promise((resolve) => {
|
|
const i18nInitialProps = getInitialProps();
|
|
|
|
if (ForComponent.getInitialProps) {
|
|
ForComponent.getInitialProps(ctx).then((componentsInitialProps) => {
|
|
resolve({
|
|
...componentsInitialProps,
|
|
...i18nInitialProps,
|
|
});
|
|
});
|
|
} else {
|
|
resolve(i18nInitialProps);
|
|
}
|
|
});
|
|
// Avoid async for now - so we do not need to pull in regenerator
|
|
|
|
// return async ctx => {
|
|
// const componentsInitialProps = ForComponent.getInitialProps
|
|
// ? await ForComponent.getInitialProps(ctx)
|
|
// : {};
|
|
|
|
// const i18nInitialProps = getInitialProps();
|
|
|
|
// return {
|
|
// ...componentsInitialProps,
|
|
// ...i18nInitialProps,
|
|
// };
|
|
// };
|
|
}
|
|
|
|
export function getInitialProps() {
|
|
const i18n = getI18n();
|
|
const namespaces = i18n.reportNamespaces ? i18n.reportNamespaces.getUsedNamespaces() : [];
|
|
|
|
const ret = {};
|
|
const initialI18nStore = {};
|
|
i18n.languages.forEach((l) => {
|
|
initialI18nStore[l] = {};
|
|
namespaces.forEach((ns) => {
|
|
initialI18nStore[l][ns] = i18n.getResourceBundle(l, ns) || {};
|
|
});
|
|
});
|
|
|
|
ret.initialI18nStore = initialI18nStore;
|
|
ret.initialLanguage = i18n.language;
|
|
|
|
return ret;
|
|
}
|