3743 lines
133 KiB
JavaScript
3743 lines
133 KiB
JavaScript
define(['exports', 'react'], (function (exports, React) { 'use strict';
|
||
|
||
const isString$1 = obj => typeof obj === 'string';
|
||
const defer = () => {
|
||
let res;
|
||
let rej;
|
||
const promise = new Promise((resolve, reject) => {
|
||
res = resolve;
|
||
rej = reject;
|
||
});
|
||
promise.resolve = res;
|
||
promise.reject = rej;
|
||
return promise;
|
||
};
|
||
const makeString = object => {
|
||
if (object == null) return '';
|
||
return '' + object;
|
||
};
|
||
const copy = (a, s, t) => {
|
||
a.forEach(m => {
|
||
if (s[m]) t[m] = s[m];
|
||
});
|
||
};
|
||
const lastOfPathSeparatorRegExp = /###/g;
|
||
const cleanKey = key => key && key.indexOf('###') > -1 ? key.replace(lastOfPathSeparatorRegExp, '.') : key;
|
||
const canNotTraverseDeeper = object => !object || isString$1(object);
|
||
const getLastOfPath = (object, path, Empty) => {
|
||
const stack = !isString$1(path) ? path : path.split('.');
|
||
let stackIndex = 0;
|
||
while (stackIndex < stack.length - 1) {
|
||
if (canNotTraverseDeeper(object)) return {};
|
||
const key = cleanKey(stack[stackIndex]);
|
||
if (!object[key] && Empty) object[key] = new Empty();
|
||
if (Object.prototype.hasOwnProperty.call(object, key)) {
|
||
object = object[key];
|
||
} else {
|
||
object = {};
|
||
}
|
||
++stackIndex;
|
||
}
|
||
if (canNotTraverseDeeper(object)) return {};
|
||
return {
|
||
obj: object,
|
||
k: cleanKey(stack[stackIndex])
|
||
};
|
||
};
|
||
const setPath = (object, path, newValue) => {
|
||
const {
|
||
obj,
|
||
k
|
||
} = getLastOfPath(object, path, Object);
|
||
if (obj !== undefined || path.length === 1) {
|
||
obj[k] = newValue;
|
||
return;
|
||
}
|
||
let e = path[path.length - 1];
|
||
let p = path.slice(0, path.length - 1);
|
||
let last = getLastOfPath(object, p, Object);
|
||
while (last.obj === undefined && p.length) {
|
||
e = `${p[p.length - 1]}.${e}`;
|
||
p = p.slice(0, p.length - 1);
|
||
last = getLastOfPath(object, p, Object);
|
||
if (last?.obj && typeof last.obj[`${last.k}.${e}`] !== 'undefined') {
|
||
last.obj = undefined;
|
||
}
|
||
}
|
||
last.obj[`${last.k}.${e}`] = newValue;
|
||
};
|
||
const pushPath = (object, path, newValue, concat) => {
|
||
const {
|
||
obj,
|
||
k
|
||
} = getLastOfPath(object, path, Object);
|
||
obj[k] = obj[k] || [];
|
||
obj[k].push(newValue);
|
||
};
|
||
const getPath = (object, path) => {
|
||
const {
|
||
obj,
|
||
k
|
||
} = getLastOfPath(object, path);
|
||
if (!obj) return undefined;
|
||
if (!Object.prototype.hasOwnProperty.call(obj, k)) return undefined;
|
||
return obj[k];
|
||
};
|
||
const getPathWithDefaults = (data, defaultData, key) => {
|
||
const value = getPath(data, key);
|
||
if (value !== undefined) {
|
||
return value;
|
||
}
|
||
return getPath(defaultData, key);
|
||
};
|
||
const deepExtend = (target, source, overwrite) => {
|
||
for (const prop in source) {
|
||
if (prop !== '__proto__' && prop !== 'constructor') {
|
||
if (prop in target) {
|
||
if (isString$1(target[prop]) || target[prop] instanceof String || isString$1(source[prop]) || source[prop] instanceof String) {
|
||
if (overwrite) target[prop] = source[prop];
|
||
} else {
|
||
deepExtend(target[prop], source[prop], overwrite);
|
||
}
|
||
} else {
|
||
target[prop] = source[prop];
|
||
}
|
||
}
|
||
}
|
||
return target;
|
||
};
|
||
const regexEscape = str => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
|
||
var _entityMap = {
|
||
'&': '&',
|
||
'<': '<',
|
||
'>': '>',
|
||
'"': '"',
|
||
"'": ''',
|
||
'/': '/'
|
||
};
|
||
const escape = data => {
|
||
if (isString$1(data)) {
|
||
return data.replace(/[&<>"'\/]/g, s => _entityMap[s]);
|
||
}
|
||
return data;
|
||
};
|
||
class RegExpCache {
|
||
constructor(capacity) {
|
||
this.capacity = capacity;
|
||
this.regExpMap = new Map();
|
||
this.regExpQueue = [];
|
||
}
|
||
getRegExp(pattern) {
|
||
const regExpFromCache = this.regExpMap.get(pattern);
|
||
if (regExpFromCache !== undefined) {
|
||
return regExpFromCache;
|
||
}
|
||
const regExpNew = new RegExp(pattern);
|
||
if (this.regExpQueue.length === this.capacity) {
|
||
this.regExpMap.delete(this.regExpQueue.shift());
|
||
}
|
||
this.regExpMap.set(pattern, regExpNew);
|
||
this.regExpQueue.push(pattern);
|
||
return regExpNew;
|
||
}
|
||
}
|
||
const chars = [' ', ',', '?', '!', ';'];
|
||
const looksLikeObjectPathRegExpCache = new RegExpCache(20);
|
||
const looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
|
||
nsSeparator = nsSeparator || '';
|
||
keySeparator = keySeparator || '';
|
||
const possibleChars = chars.filter(c => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);
|
||
if (possibleChars.length === 0) return true;
|
||
const r = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map(c => c === '?' ? '\\?' : c).join('|')})`);
|
||
let matched = !r.test(key);
|
||
if (!matched) {
|
||
const ki = key.indexOf(keySeparator);
|
||
if (ki > 0 && !r.test(key.substring(0, ki))) {
|
||
matched = true;
|
||
}
|
||
}
|
||
return matched;
|
||
};
|
||
const deepFind = (obj, path, keySeparator = '.') => {
|
||
if (!obj) return undefined;
|
||
if (obj[path]) {
|
||
if (!Object.prototype.hasOwnProperty.call(obj, path)) return undefined;
|
||
return obj[path];
|
||
}
|
||
const tokens = path.split(keySeparator);
|
||
let current = obj;
|
||
for (let i = 0; i < tokens.length;) {
|
||
if (!current || typeof current !== 'object') {
|
||
return undefined;
|
||
}
|
||
let next;
|
||
let nextPath = '';
|
||
for (let j = i; j < tokens.length; ++j) {
|
||
if (j !== i) {
|
||
nextPath += keySeparator;
|
||
}
|
||
nextPath += tokens[j];
|
||
next = current[nextPath];
|
||
if (next !== undefined) {
|
||
if (['string', 'number', 'boolean'].indexOf(typeof next) > -1 && j < tokens.length - 1) {
|
||
continue;
|
||
}
|
||
i += j - i + 1;
|
||
break;
|
||
}
|
||
}
|
||
current = next;
|
||
}
|
||
return current;
|
||
};
|
||
const getCleanedCode = code => code?.replace('_', '-');
|
||
const consoleLogger = {
|
||
type: 'logger',
|
||
log(args) {
|
||
this.output('log', args);
|
||
},
|
||
warn(args) {
|
||
this.output('warn', args);
|
||
},
|
||
error(args) {
|
||
this.output('error', args);
|
||
},
|
||
output(type, args) {
|
||
console?.[type]?.apply?.(console, args);
|
||
}
|
||
};
|
||
class Logger {
|
||
constructor(concreteLogger, options = {}) {
|
||
this.init(concreteLogger, options);
|
||
}
|
||
init(concreteLogger, options = {}) {
|
||
this.prefix = options.prefix || 'i18next:';
|
||
this.logger = concreteLogger || consoleLogger;
|
||
this.options = options;
|
||
this.debug = options.debug;
|
||
}
|
||
log(...args) {
|
||
return this.forward(args, 'log', '', true);
|
||
}
|
||
warn(...args) {
|
||
return this.forward(args, 'warn', '', true);
|
||
}
|
||
error(...args) {
|
||
return this.forward(args, 'error', '');
|
||
}
|
||
deprecate(...args) {
|
||
return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);
|
||
}
|
||
forward(args, lvl, prefix, debugOnly) {
|
||
if (debugOnly && !this.debug) return null;
|
||
if (isString$1(args[0])) args[0] = `${prefix}${this.prefix} ${args[0]}`;
|
||
return this.logger[lvl](args);
|
||
}
|
||
create(moduleName) {
|
||
return new Logger(this.logger, {
|
||
...{
|
||
prefix: `${this.prefix}:${moduleName}:`
|
||
},
|
||
...this.options
|
||
});
|
||
}
|
||
clone(options) {
|
||
options = options || this.options;
|
||
options.prefix = options.prefix || this.prefix;
|
||
return new Logger(this.logger, options);
|
||
}
|
||
}
|
||
var baseLogger = new Logger();
|
||
class EventEmitter {
|
||
constructor() {
|
||
this.observers = {};
|
||
}
|
||
on(events, listener) {
|
||
events.split(' ').forEach(event => {
|
||
if (!this.observers[event]) this.observers[event] = new Map();
|
||
const numListeners = this.observers[event].get(listener) || 0;
|
||
this.observers[event].set(listener, numListeners + 1);
|
||
});
|
||
return this;
|
||
}
|
||
off(event, listener) {
|
||
if (!this.observers[event]) return;
|
||
if (!listener) {
|
||
delete this.observers[event];
|
||
return;
|
||
}
|
||
this.observers[event].delete(listener);
|
||
}
|
||
emit(event, ...args) {
|
||
if (this.observers[event]) {
|
||
const cloned = Array.from(this.observers[event].entries());
|
||
cloned.forEach(([observer, numTimesAdded]) => {
|
||
for (let i = 0; i < numTimesAdded; i++) {
|
||
observer(...args);
|
||
}
|
||
});
|
||
}
|
||
if (this.observers['*']) {
|
||
const cloned = Array.from(this.observers['*'].entries());
|
||
cloned.forEach(([observer, numTimesAdded]) => {
|
||
for (let i = 0; i < numTimesAdded; i++) {
|
||
observer.apply(observer, [event, ...args]);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
class ResourceStore extends EventEmitter {
|
||
constructor(data, options = {
|
||
ns: ['translation'],
|
||
defaultNS: 'translation'
|
||
}) {
|
||
super();
|
||
this.data = data || {};
|
||
this.options = options;
|
||
if (this.options.keySeparator === undefined) {
|
||
this.options.keySeparator = '.';
|
||
}
|
||
if (this.options.ignoreJSONStructure === undefined) {
|
||
this.options.ignoreJSONStructure = true;
|
||
}
|
||
}
|
||
addNamespaces(ns) {
|
||
if (this.options.ns.indexOf(ns) < 0) {
|
||
this.options.ns.push(ns);
|
||
}
|
||
}
|
||
removeNamespaces(ns) {
|
||
const index = this.options.ns.indexOf(ns);
|
||
if (index > -1) {
|
||
this.options.ns.splice(index, 1);
|
||
}
|
||
}
|
||
getResource(lng, ns, key, options = {}) {
|
||
const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
|
||
const ignoreJSONStructure = options.ignoreJSONStructure !== undefined ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;
|
||
let path;
|
||
if (lng.indexOf('.') > -1) {
|
||
path = lng.split('.');
|
||
} else {
|
||
path = [lng, ns];
|
||
if (key) {
|
||
if (Array.isArray(key)) {
|
||
path.push(...key);
|
||
} else if (isString$1(key) && keySeparator) {
|
||
path.push(...key.split(keySeparator));
|
||
} else {
|
||
path.push(key);
|
||
}
|
||
}
|
||
}
|
||
const result = getPath(this.data, path);
|
||
if (!result && !ns && !key && lng.indexOf('.') > -1) {
|
||
lng = path[0];
|
||
ns = path[1];
|
||
key = path.slice(2).join('.');
|
||
}
|
||
if (result || !ignoreJSONStructure || !isString$1(key)) return result;
|
||
return deepFind(this.data?.[lng]?.[ns], key, keySeparator);
|
||
}
|
||
addResource(lng, ns, key, value, options = {
|
||
silent: false
|
||
}) {
|
||
const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
|
||
let path = [lng, ns];
|
||
if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
|
||
if (lng.indexOf('.') > -1) {
|
||
path = lng.split('.');
|
||
value = ns;
|
||
ns = path[1];
|
||
}
|
||
this.addNamespaces(ns);
|
||
setPath(this.data, path, value);
|
||
if (!options.silent) this.emit('added', lng, ns, key, value);
|
||
}
|
||
addResources(lng, ns, resources, options = {
|
||
silent: false
|
||
}) {
|
||
for (const m in resources) {
|
||
if (isString$1(resources[m]) || Array.isArray(resources[m])) this.addResource(lng, ns, m, resources[m], {
|
||
silent: true
|
||
});
|
||
}
|
||
if (!options.silent) this.emit('added', lng, ns, resources);
|
||
}
|
||
addResourceBundle(lng, ns, resources, deep, overwrite, options = {
|
||
silent: false,
|
||
skipCopy: false
|
||
}) {
|
||
let path = [lng, ns];
|
||
if (lng.indexOf('.') > -1) {
|
||
path = lng.split('.');
|
||
deep = resources;
|
||
resources = ns;
|
||
ns = path[1];
|
||
}
|
||
this.addNamespaces(ns);
|
||
let pack = getPath(this.data, path) || {};
|
||
if (!options.skipCopy) resources = JSON.parse(JSON.stringify(resources));
|
||
if (deep) {
|
||
deepExtend(pack, resources, overwrite);
|
||
} else {
|
||
pack = {
|
||
...pack,
|
||
...resources
|
||
};
|
||
}
|
||
setPath(this.data, path, pack);
|
||
if (!options.silent) this.emit('added', lng, ns, resources);
|
||
}
|
||
removeResourceBundle(lng, ns) {
|
||
if (this.hasResourceBundle(lng, ns)) {
|
||
delete this.data[lng][ns];
|
||
}
|
||
this.removeNamespaces(ns);
|
||
this.emit('removed', lng, ns);
|
||
}
|
||
hasResourceBundle(lng, ns) {
|
||
return this.getResource(lng, ns) !== undefined;
|
||
}
|
||
getResourceBundle(lng, ns) {
|
||
if (!ns) ns = this.options.defaultNS;
|
||
return this.getResource(lng, ns);
|
||
}
|
||
getDataByLanguage(lng) {
|
||
return this.data[lng];
|
||
}
|
||
hasLanguageSomeTranslations(lng) {
|
||
const data = this.getDataByLanguage(lng);
|
||
const n = data && Object.keys(data) || [];
|
||
return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);
|
||
}
|
||
toJSON() {
|
||
return this.data;
|
||
}
|
||
}
|
||
var postProcessor = {
|
||
processors: {},
|
||
addPostProcessor(module) {
|
||
this.processors[module.name] = module;
|
||
},
|
||
handle(processors, value, key, options, translator) {
|
||
processors.forEach(processor => {
|
||
value = this.processors[processor]?.process(value, key, options, translator) ?? value;
|
||
});
|
||
return value;
|
||
}
|
||
};
|
||
const PATH_KEY = Symbol('i18next/PATH_KEY');
|
||
function createProxy() {
|
||
const state = [];
|
||
const handler = Object.create(null);
|
||
let proxy;
|
||
handler.get = (target, key) => {
|
||
proxy?.revoke?.();
|
||
if (key === PATH_KEY) return state;
|
||
state.push(key);
|
||
proxy = Proxy.revocable(target, handler);
|
||
return proxy.proxy;
|
||
};
|
||
return Proxy.revocable(Object.create(null), handler).proxy;
|
||
}
|
||
function keysFromSelector(selector, opts) {
|
||
const {
|
||
[PATH_KEY]: path
|
||
} = selector(createProxy());
|
||
return path.join(opts?.keySeparator ?? '.');
|
||
}
|
||
const checkedLoadedFor = {};
|
||
const shouldHandleAsObject = res => !isString$1(res) && typeof res !== 'boolean' && typeof res !== 'number';
|
||
class Translator extends EventEmitter {
|
||
constructor(services, options = {}) {
|
||
super();
|
||
copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, this);
|
||
this.options = options;
|
||
if (this.options.keySeparator === undefined) {
|
||
this.options.keySeparator = '.';
|
||
}
|
||
this.logger = baseLogger.create('translator');
|
||
}
|
||
changeLanguage(lng) {
|
||
if (lng) this.language = lng;
|
||
}
|
||
exists(key, o = {
|
||
interpolation: {}
|
||
}) {
|
||
const opt = {
|
||
...o
|
||
};
|
||
if (key == null) return false;
|
||
const resolved = this.resolve(key, opt);
|
||
if (resolved?.res === undefined) return false;
|
||
const isObject = shouldHandleAsObject(resolved.res);
|
||
if (opt.returnObjects === false && isObject) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
extractFromKey(key, opt) {
|
||
let nsSeparator = opt.nsSeparator !== undefined ? opt.nsSeparator : this.options.nsSeparator;
|
||
if (nsSeparator === undefined) nsSeparator = ':';
|
||
const keySeparator = opt.keySeparator !== undefined ? opt.keySeparator : this.options.keySeparator;
|
||
let namespaces = opt.ns || this.options.defaultNS || [];
|
||
const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;
|
||
const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
|
||
if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
|
||
const m = key.match(this.interpolator.nestingRegexp);
|
||
if (m && m.length > 0) {
|
||
return {
|
||
key,
|
||
namespaces: isString$1(namespaces) ? [namespaces] : namespaces
|
||
};
|
||
}
|
||
const parts = key.split(nsSeparator);
|
||
if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();
|
||
key = parts.join(keySeparator);
|
||
}
|
||
return {
|
||
key,
|
||
namespaces: isString$1(namespaces) ? [namespaces] : namespaces
|
||
};
|
||
}
|
||
translate(keys, o, lastKey) {
|
||
let opt = typeof o === 'object' ? {
|
||
...o
|
||
} : o;
|
||
if (typeof opt !== 'object' && this.options.overloadTranslationOptionHandler) {
|
||
opt = this.options.overloadTranslationOptionHandler(arguments);
|
||
}
|
||
if (typeof opt === 'object') opt = {
|
||
...opt
|
||
};
|
||
if (!opt) opt = {};
|
||
if (keys == null) return '';
|
||
if (typeof keys === 'function') keys = keysFromSelector(keys, {
|
||
...this.options,
|
||
...opt
|
||
});
|
||
if (!Array.isArray(keys)) keys = [String(keys)];
|
||
const returnDetails = opt.returnDetails !== undefined ? opt.returnDetails : this.options.returnDetails;
|
||
const keySeparator = opt.keySeparator !== undefined ? opt.keySeparator : this.options.keySeparator;
|
||
const {
|
||
key,
|
||
namespaces
|
||
} = this.extractFromKey(keys[keys.length - 1], opt);
|
||
const namespace = namespaces[namespaces.length - 1];
|
||
let nsSeparator = opt.nsSeparator !== undefined ? opt.nsSeparator : this.options.nsSeparator;
|
||
if (nsSeparator === undefined) nsSeparator = ':';
|
||
const lng = opt.lng || this.language;
|
||
const appendNamespaceToCIMode = opt.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
|
||
if (lng?.toLowerCase() === 'cimode') {
|
||
if (appendNamespaceToCIMode) {
|
||
if (returnDetails) {
|
||
return {
|
||
res: `${namespace}${nsSeparator}${key}`,
|
||
usedKey: key,
|
||
exactUsedKey: key,
|
||
usedLng: lng,
|
||
usedNS: namespace,
|
||
usedParams: this.getUsedParamsDetails(opt)
|
||
};
|
||
}
|
||
return `${namespace}${nsSeparator}${key}`;
|
||
}
|
||
if (returnDetails) {
|
||
return {
|
||
res: key,
|
||
usedKey: key,
|
||
exactUsedKey: key,
|
||
usedLng: lng,
|
||
usedNS: namespace,
|
||
usedParams: this.getUsedParamsDetails(opt)
|
||
};
|
||
}
|
||
return key;
|
||
}
|
||
const resolved = this.resolve(keys, opt);
|
||
let res = resolved?.res;
|
||
const resUsedKey = resolved?.usedKey || key;
|
||
const resExactUsedKey = resolved?.exactUsedKey || key;
|
||
const noObject = ['[object Number]', '[object Function]', '[object RegExp]'];
|
||
const joinArrays = opt.joinArrays !== undefined ? opt.joinArrays : this.options.joinArrays;
|
||
const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
|
||
const needsPluralHandling = opt.count !== undefined && !isString$1(opt.count);
|
||
const hasDefaultValue = Translator.hasDefaultValue(opt);
|
||
const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, opt) : '';
|
||
const defaultValueSuffixOrdinalFallback = opt.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, {
|
||
ordinal: false
|
||
}) : '';
|
||
const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
|
||
const defaultValue = needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] || opt[`defaultValue${defaultValueSuffix}`] || opt[`defaultValue${defaultValueSuffixOrdinalFallback}`] || opt.defaultValue;
|
||
let resForObjHndl = res;
|
||
if (handleAsObjectInI18nFormat && !res && hasDefaultValue) {
|
||
resForObjHndl = defaultValue;
|
||
}
|
||
const handleAsObject = shouldHandleAsObject(resForObjHndl);
|
||
const resType = Object.prototype.toString.apply(resForObjHndl);
|
||
if (handleAsObjectInI18nFormat && resForObjHndl && handleAsObject && noObject.indexOf(resType) < 0 && !(isString$1(joinArrays) && Array.isArray(resForObjHndl))) {
|
||
if (!opt.returnObjects && !this.options.returnObjects) {
|
||
if (!this.options.returnedObjectHandler) {
|
||
this.logger.warn('accessing an object - but returnObjects options is not enabled!');
|
||
}
|
||
const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
|
||
...opt,
|
||
ns: namespaces
|
||
}) : `key '${key} (${this.language})' returned an object instead of string.`;
|
||
if (returnDetails) {
|
||
resolved.res = r;
|
||
resolved.usedParams = this.getUsedParamsDetails(opt);
|
||
return resolved;
|
||
}
|
||
return r;
|
||
}
|
||
if (keySeparator) {
|
||
const resTypeIsArray = Array.isArray(resForObjHndl);
|
||
const copy = resTypeIsArray ? [] : {};
|
||
const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
|
||
for (const m in resForObjHndl) {
|
||
if (Object.prototype.hasOwnProperty.call(resForObjHndl, m)) {
|
||
const deepKey = `${newKeyToUse}${keySeparator}${m}`;
|
||
if (hasDefaultValue && !res) {
|
||
copy[m] = this.translate(deepKey, {
|
||
...opt,
|
||
defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m] : undefined,
|
||
...{
|
||
joinArrays: false,
|
||
ns: namespaces
|
||
}
|
||
});
|
||
} else {
|
||
copy[m] = this.translate(deepKey, {
|
||
...opt,
|
||
...{
|
||
joinArrays: false,
|
||
ns: namespaces
|
||
}
|
||
});
|
||
}
|
||
if (copy[m] === deepKey) copy[m] = resForObjHndl[m];
|
||
}
|
||
}
|
||
res = copy;
|
||
}
|
||
} else if (handleAsObjectInI18nFormat && isString$1(joinArrays) && Array.isArray(res)) {
|
||
res = res.join(joinArrays);
|
||
if (res) res = this.extendTranslation(res, keys, opt, lastKey);
|
||
} else {
|
||
let usedDefault = false;
|
||
let usedKey = false;
|
||
if (!this.isValidLookup(res) && hasDefaultValue) {
|
||
usedDefault = true;
|
||
res = defaultValue;
|
||
}
|
||
if (!this.isValidLookup(res)) {
|
||
usedKey = true;
|
||
res = key;
|
||
}
|
||
const missingKeyNoValueFallbackToKey = opt.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;
|
||
const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? undefined : res;
|
||
const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;
|
||
if (usedKey || usedDefault || updateMissing) {
|
||
this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? defaultValue : res);
|
||
if (keySeparator) {
|
||
const fk = this.resolve(key, {
|
||
...opt,
|
||
keySeparator: false
|
||
});
|
||
if (fk && fk.res) this.logger.warn('Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.');
|
||
}
|
||
let lngs = [];
|
||
const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, opt.lng || this.language);
|
||
if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {
|
||
for (let i = 0; i < fallbackLngs.length; i++) {
|
||
lngs.push(fallbackLngs[i]);
|
||
}
|
||
} else if (this.options.saveMissingTo === 'all') {
|
||
lngs = this.languageUtils.toResolveHierarchy(opt.lng || this.language);
|
||
} else {
|
||
lngs.push(opt.lng || this.language);
|
||
}
|
||
const send = (l, k, specificDefaultValue) => {
|
||
const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
|
||
if (this.options.missingKeyHandler) {
|
||
this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, opt);
|
||
} else if (this.backendConnector?.saveMissing) {
|
||
this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, opt);
|
||
}
|
||
this.emit('missingKey', l, namespace, k, res);
|
||
};
|
||
if (this.options.saveMissing) {
|
||
if (this.options.saveMissingPlurals && needsPluralHandling) {
|
||
lngs.forEach(language => {
|
||
const suffixes = this.pluralResolver.getSuffixes(language, opt);
|
||
if (needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] && suffixes.indexOf(`${this.options.pluralSeparator}zero`) < 0) {
|
||
suffixes.push(`${this.options.pluralSeparator}zero`);
|
||
}
|
||
suffixes.forEach(suffix => {
|
||
send([language], key + suffix, opt[`defaultValue${suffix}`] || defaultValue);
|
||
});
|
||
});
|
||
} else {
|
||
send(lngs, key, defaultValue);
|
||
}
|
||
}
|
||
}
|
||
res = this.extendTranslation(res, keys, opt, resolved, lastKey);
|
||
if (usedKey && res === key && this.options.appendNamespaceToMissingKey) {
|
||
res = `${namespace}${nsSeparator}${key}`;
|
||
}
|
||
if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {
|
||
res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}${nsSeparator}${key}` : key, usedDefault ? res : undefined, opt);
|
||
}
|
||
}
|
||
if (returnDetails) {
|
||
resolved.res = res;
|
||
resolved.usedParams = this.getUsedParamsDetails(opt);
|
||
return resolved;
|
||
}
|
||
return res;
|
||
}
|
||
extendTranslation(res, key, opt, resolved, lastKey) {
|
||
if (this.i18nFormat?.parse) {
|
||
res = this.i18nFormat.parse(res, {
|
||
...this.options.interpolation.defaultVariables,
|
||
...opt
|
||
}, opt.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {
|
||
resolved
|
||
});
|
||
} else if (!opt.skipInterpolation) {
|
||
if (opt.interpolation) this.interpolator.init({
|
||
...opt,
|
||
...{
|
||
interpolation: {
|
||
...this.options.interpolation,
|
||
...opt.interpolation
|
||
}
|
||
}
|
||
});
|
||
const skipOnVariables = isString$1(res) && (opt?.interpolation?.skipOnVariables !== undefined ? opt.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
|
||
let nestBef;
|
||
if (skipOnVariables) {
|
||
const nb = res.match(this.interpolator.nestingRegexp);
|
||
nestBef = nb && nb.length;
|
||
}
|
||
let data = opt.replace && !isString$1(opt.replace) ? opt.replace : opt;
|
||
if (this.options.interpolation.defaultVariables) data = {
|
||
...this.options.interpolation.defaultVariables,
|
||
...data
|
||
};
|
||
res = this.interpolator.interpolate(res, data, opt.lng || this.language || resolved.usedLng, opt);
|
||
if (skipOnVariables) {
|
||
const na = res.match(this.interpolator.nestingRegexp);
|
||
const nestAft = na && na.length;
|
||
if (nestBef < nestAft) opt.nest = false;
|
||
}
|
||
if (!opt.lng && resolved && resolved.res) opt.lng = this.language || resolved.usedLng;
|
||
if (opt.nest !== false) res = this.interpolator.nest(res, (...args) => {
|
||
if (lastKey?.[0] === args[0] && !opt.context) {
|
||
this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);
|
||
return null;
|
||
}
|
||
return this.translate(...args, key);
|
||
}, opt);
|
||
if (opt.interpolation) this.interpolator.reset();
|
||
}
|
||
const postProcess = opt.postProcess || this.options.postProcess;
|
||
const postProcessorNames = isString$1(postProcess) ? [postProcess] : postProcess;
|
||
if (res != null && postProcessorNames?.length && opt.applyPostProcessor !== false) {
|
||
res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {
|
||
i18nResolved: {
|
||
...resolved,
|
||
usedParams: this.getUsedParamsDetails(opt)
|
||
},
|
||
...opt
|
||
} : opt, this);
|
||
}
|
||
return res;
|
||
}
|
||
resolve(keys, opt = {}) {
|
||
let found;
|
||
let usedKey;
|
||
let exactUsedKey;
|
||
let usedLng;
|
||
let usedNS;
|
||
if (isString$1(keys)) keys = [keys];
|
||
keys.forEach(k => {
|
||
if (this.isValidLookup(found)) return;
|
||
const extracted = this.extractFromKey(k, opt);
|
||
const key = extracted.key;
|
||
usedKey = key;
|
||
let namespaces = extracted.namespaces;
|
||
if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);
|
||
const needsPluralHandling = opt.count !== undefined && !isString$1(opt.count);
|
||
const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
|
||
const needsContextHandling = opt.context !== undefined && (isString$1(opt.context) || typeof opt.context === 'number') && opt.context !== '';
|
||
const codes = opt.lngs ? opt.lngs : this.languageUtils.toResolveHierarchy(opt.lng || this.language, opt.fallbackLng);
|
||
namespaces.forEach(ns => {
|
||
if (this.isValidLookup(found)) return;
|
||
usedNS = ns;
|
||
if (!checkedLoadedFor[`${codes[0]}-${ns}`] && this.utils?.hasLoadedNamespace && !this.utils?.hasLoadedNamespace(usedNS)) {
|
||
checkedLoadedFor[`${codes[0]}-${ns}`] = true;
|
||
this.logger.warn(`key "${usedKey}" for languages "${codes.join(', ')}" won't get resolved as namespace "${usedNS}" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
|
||
}
|
||
codes.forEach(code => {
|
||
if (this.isValidLookup(found)) return;
|
||
usedLng = code;
|
||
const finalKeys = [key];
|
||
if (this.i18nFormat?.addLookupKeys) {
|
||
this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, opt);
|
||
} else {
|
||
let pluralSuffix;
|
||
if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, opt.count, opt);
|
||
const zeroSuffix = `${this.options.pluralSeparator}zero`;
|
||
const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
|
||
if (needsPluralHandling) {
|
||
if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
|
||
finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
|
||
}
|
||
finalKeys.push(key + pluralSuffix);
|
||
if (needsZeroSuffixLookup) {
|
||
finalKeys.push(key + zeroSuffix);
|
||
}
|
||
}
|
||
if (needsContextHandling) {
|
||
const contextKey = `${key}${this.options.contextSeparator || '_'}${opt.context}`;
|
||
finalKeys.push(contextKey);
|
||
if (needsPluralHandling) {
|
||
if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {
|
||
finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
|
||
}
|
||
finalKeys.push(contextKey + pluralSuffix);
|
||
if (needsZeroSuffixLookup) {
|
||
finalKeys.push(contextKey + zeroSuffix);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
let possibleKey;
|
||
while (possibleKey = finalKeys.pop()) {
|
||
if (!this.isValidLookup(found)) {
|
||
exactUsedKey = possibleKey;
|
||
found = this.getResource(code, ns, possibleKey, opt);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
return {
|
||
res: found,
|
||
usedKey,
|
||
exactUsedKey,
|
||
usedLng,
|
||
usedNS
|
||
};
|
||
}
|
||
isValidLookup(res) {
|
||
return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');
|
||
}
|
||
getResource(code, ns, key, options = {}) {
|
||
if (this.i18nFormat?.getResource) return this.i18nFormat.getResource(code, ns, key, options);
|
||
return this.resourceStore.getResource(code, ns, key, options);
|
||
}
|
||
getUsedParamsDetails(options = {}) {
|
||
const optionsKeys = ['defaultValue', 'ordinal', 'context', 'replace', 'lng', 'lngs', 'fallbackLng', 'ns', 'keySeparator', 'nsSeparator', 'returnObjects', 'returnDetails', 'joinArrays', 'postProcess', 'interpolation'];
|
||
const useOptionsReplaceForData = options.replace && !isString$1(options.replace);
|
||
let data = useOptionsReplaceForData ? options.replace : options;
|
||
if (useOptionsReplaceForData && typeof options.count !== 'undefined') {
|
||
data.count = options.count;
|
||
}
|
||
if (this.options.interpolation.defaultVariables) {
|
||
data = {
|
||
...this.options.interpolation.defaultVariables,
|
||
...data
|
||
};
|
||
}
|
||
if (!useOptionsReplaceForData) {
|
||
data = {
|
||
...data
|
||
};
|
||
for (const key of optionsKeys) {
|
||
delete data[key];
|
||
}
|
||
}
|
||
return data;
|
||
}
|
||
static hasDefaultValue(options) {
|
||
const prefix = 'defaultValue';
|
||
for (const option in options) {
|
||
if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && undefined !== options[option]) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
}
|
||
class LanguageUtil {
|
||
constructor(options) {
|
||
this.options = options;
|
||
this.supportedLngs = this.options.supportedLngs || false;
|
||
this.logger = baseLogger.create('languageUtils');
|
||
}
|
||
getScriptPartFromCode(code) {
|
||
code = getCleanedCode(code);
|
||
if (!code || code.indexOf('-') < 0) return null;
|
||
const p = code.split('-');
|
||
if (p.length === 2) return null;
|
||
p.pop();
|
||
if (p[p.length - 1].toLowerCase() === 'x') return null;
|
||
return this.formatLanguageCode(p.join('-'));
|
||
}
|
||
getLanguagePartFromCode(code) {
|
||
code = getCleanedCode(code);
|
||
if (!code || code.indexOf('-') < 0) return code;
|
||
const p = code.split('-');
|
||
return this.formatLanguageCode(p[0]);
|
||
}
|
||
formatLanguageCode(code) {
|
||
if (isString$1(code) && code.indexOf('-') > -1) {
|
||
let formattedCode;
|
||
try {
|
||
formattedCode = Intl.getCanonicalLocales(code)[0];
|
||
} catch (e) {}
|
||
if (formattedCode && this.options.lowerCaseLng) {
|
||
formattedCode = formattedCode.toLowerCase();
|
||
}
|
||
if (formattedCode) return formattedCode;
|
||
if (this.options.lowerCaseLng) {
|
||
return code.toLowerCase();
|
||
}
|
||
return code;
|
||
}
|
||
return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
|
||
}
|
||
isSupportedCode(code) {
|
||
if (this.options.load === 'languageOnly' || this.options.nonExplicitSupportedLngs) {
|
||
code = this.getLanguagePartFromCode(code);
|
||
}
|
||
return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;
|
||
}
|
||
getBestMatchFromCodes(codes) {
|
||
if (!codes) return null;
|
||
let found;
|
||
codes.forEach(code => {
|
||
if (found) return;
|
||
const cleanedLng = this.formatLanguageCode(code);
|
||
if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;
|
||
});
|
||
if (!found && this.options.supportedLngs) {
|
||
codes.forEach(code => {
|
||
if (found) return;
|
||
const lngScOnly = this.getScriptPartFromCode(code);
|
||
if (this.isSupportedCode(lngScOnly)) return found = lngScOnly;
|
||
const lngOnly = this.getLanguagePartFromCode(code);
|
||
if (this.isSupportedCode(lngOnly)) return found = lngOnly;
|
||
found = this.options.supportedLngs.find(supportedLng => {
|
||
if (supportedLng === lngOnly) return supportedLng;
|
||
if (supportedLng.indexOf('-') < 0 && lngOnly.indexOf('-') < 0) return;
|
||
if (supportedLng.indexOf('-') > 0 && lngOnly.indexOf('-') < 0 && supportedLng.substring(0, supportedLng.indexOf('-')) === lngOnly) return supportedLng;
|
||
if (supportedLng.indexOf(lngOnly) === 0 && lngOnly.length > 1) return supportedLng;
|
||
});
|
||
});
|
||
}
|
||
if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];
|
||
return found;
|
||
}
|
||
getFallbackCodes(fallbacks, code) {
|
||
if (!fallbacks) return [];
|
||
if (typeof fallbacks === 'function') fallbacks = fallbacks(code);
|
||
if (isString$1(fallbacks)) fallbacks = [fallbacks];
|
||
if (Array.isArray(fallbacks)) return fallbacks;
|
||
if (!code) return fallbacks.default || [];
|
||
let found = fallbacks[code];
|
||
if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
|
||
if (!found) found = fallbacks[this.formatLanguageCode(code)];
|
||
if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];
|
||
if (!found) found = fallbacks.default;
|
||
return found || [];
|
||
}
|
||
toResolveHierarchy(code, fallbackCode) {
|
||
const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
|
||
const codes = [];
|
||
const addCode = c => {
|
||
if (!c) return;
|
||
if (this.isSupportedCode(c)) {
|
||
codes.push(c);
|
||
} else {
|
||
this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);
|
||
}
|
||
};
|
||
if (isString$1(code) && (code.indexOf('-') > -1 || code.indexOf('_') > -1)) {
|
||
if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));
|
||
if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));
|
||
if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));
|
||
} else if (isString$1(code)) {
|
||
addCode(this.formatLanguageCode(code));
|
||
}
|
||
fallbackCodes.forEach(fc => {
|
||
if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));
|
||
});
|
||
return codes;
|
||
}
|
||
}
|
||
const suffixesOrder = {
|
||
zero: 0,
|
||
one: 1,
|
||
two: 2,
|
||
few: 3,
|
||
many: 4,
|
||
other: 5
|
||
};
|
||
const dummyRule = {
|
||
select: count => count === 1 ? 'one' : 'other',
|
||
resolvedOptions: () => ({
|
||
pluralCategories: ['one', 'other']
|
||
})
|
||
};
|
||
class PluralResolver {
|
||
constructor(languageUtils, options = {}) {
|
||
this.languageUtils = languageUtils;
|
||
this.options = options;
|
||
this.logger = baseLogger.create('pluralResolver');
|
||
this.pluralRulesCache = {};
|
||
}
|
||
addRule(lng, obj) {
|
||
this.rules[lng] = obj;
|
||
}
|
||
clearCache() {
|
||
this.pluralRulesCache = {};
|
||
}
|
||
getRule(code, options = {}) {
|
||
const cleanedCode = getCleanedCode(code === 'dev' ? 'en' : code);
|
||
const type = options.ordinal ? 'ordinal' : 'cardinal';
|
||
const cacheKey = JSON.stringify({
|
||
cleanedCode,
|
||
type
|
||
});
|
||
if (cacheKey in this.pluralRulesCache) {
|
||
return this.pluralRulesCache[cacheKey];
|
||
}
|
||
let rule;
|
||
try {
|
||
rule = new Intl.PluralRules(cleanedCode, {
|
||
type
|
||
});
|
||
} catch (err) {
|
||
if (!Intl) {
|
||
this.logger.error('No Intl support, please use an Intl polyfill!');
|
||
return dummyRule;
|
||
}
|
||
if (!code.match(/-|_/)) return dummyRule;
|
||
const lngPart = this.languageUtils.getLanguagePartFromCode(code);
|
||
rule = this.getRule(lngPart, options);
|
||
}
|
||
this.pluralRulesCache[cacheKey] = rule;
|
||
return rule;
|
||
}
|
||
needsPlural(code, options = {}) {
|
||
let rule = this.getRule(code, options);
|
||
if (!rule) rule = this.getRule('dev', options);
|
||
return rule?.resolvedOptions().pluralCategories.length > 1;
|
||
}
|
||
getPluralFormsOfKey(code, key, options = {}) {
|
||
return this.getSuffixes(code, options).map(suffix => `${key}${suffix}`);
|
||
}
|
||
getSuffixes(code, options = {}) {
|
||
let rule = this.getRule(code, options);
|
||
if (!rule) rule = this.getRule('dev', options);
|
||
if (!rule) return [];
|
||
return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map(pluralCategory => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${pluralCategory}`);
|
||
}
|
||
getSuffix(code, count, options = {}) {
|
||
const rule = this.getRule(code, options);
|
||
if (rule) {
|
||
return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${rule.select(count)}`;
|
||
}
|
||
this.logger.warn(`no plural rule found for: ${code}`);
|
||
return this.getSuffix('dev', count, options);
|
||
}
|
||
}
|
||
const deepFindWithDefaults = (data, defaultData, key, keySeparator = '.', ignoreJSONStructure = true) => {
|
||
let path = getPathWithDefaults(data, defaultData, key);
|
||
if (!path && ignoreJSONStructure && isString$1(key)) {
|
||
path = deepFind(data, key, keySeparator);
|
||
if (path === undefined) path = deepFind(defaultData, key, keySeparator);
|
||
}
|
||
return path;
|
||
};
|
||
const regexSafe = val => val.replace(/\$/g, '$$$$');
|
||
class Interpolator {
|
||
constructor(options = {}) {
|
||
this.logger = baseLogger.create('interpolator');
|
||
this.options = options;
|
||
this.format = options?.interpolation?.format || (value => value);
|
||
this.init(options);
|
||
}
|
||
init(options = {}) {
|
||
if (!options.interpolation) options.interpolation = {
|
||
escapeValue: true
|
||
};
|
||
const {
|
||
escape: escape$1,
|
||
escapeValue,
|
||
useRawValueToEscape,
|
||
prefix,
|
||
prefixEscaped,
|
||
suffix,
|
||
suffixEscaped,
|
||
formatSeparator,
|
||
unescapeSuffix,
|
||
unescapePrefix,
|
||
nestingPrefix,
|
||
nestingPrefixEscaped,
|
||
nestingSuffix,
|
||
nestingSuffixEscaped,
|
||
nestingOptionsSeparator,
|
||
maxReplaces,
|
||
alwaysFormat
|
||
} = options.interpolation;
|
||
this.escape = escape$1 !== undefined ? escape$1 : escape;
|
||
this.escapeValue = escapeValue !== undefined ? escapeValue : true;
|
||
this.useRawValueToEscape = useRawValueToEscape !== undefined ? useRawValueToEscape : false;
|
||
this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || '{{';
|
||
this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || '}}';
|
||
this.formatSeparator = formatSeparator || ',';
|
||
this.unescapePrefix = unescapeSuffix ? '' : unescapePrefix || '-';
|
||
this.unescapeSuffix = this.unescapePrefix ? '' : unescapeSuffix || '';
|
||
this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape('$t(');
|
||
this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(')');
|
||
this.nestingOptionsSeparator = nestingOptionsSeparator || ',';
|
||
this.maxReplaces = maxReplaces || 1000;
|
||
this.alwaysFormat = alwaysFormat !== undefined ? alwaysFormat : false;
|
||
this.resetRegExp();
|
||
}
|
||
reset() {
|
||
if (this.options) this.init(this.options);
|
||
}
|
||
resetRegExp() {
|
||
const getOrResetRegExp = (existingRegExp, pattern) => {
|
||
if (existingRegExp?.source === pattern) {
|
||
existingRegExp.lastIndex = 0;
|
||
return existingRegExp;
|
||
}
|
||
return new RegExp(pattern, 'g');
|
||
};
|
||
this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
|
||
this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
|
||
this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
|
||
}
|
||
interpolate(str, data, lng, options) {
|
||
let match;
|
||
let value;
|
||
let replaces;
|
||
const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
|
||
const handleFormat = key => {
|
||
if (key.indexOf(this.formatSeparator) < 0) {
|
||
const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
|
||
return this.alwaysFormat ? this.format(path, undefined, lng, {
|
||
...options,
|
||
...data,
|
||
interpolationkey: key
|
||
}) : path;
|
||
}
|
||
const p = key.split(this.formatSeparator);
|
||
const k = p.shift().trim();
|
||
const f = p.join(this.formatSeparator).trim();
|
||
return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {
|
||
...options,
|
||
...data,
|
||
interpolationkey: k
|
||
});
|
||
};
|
||
this.resetRegExp();
|
||
const missingInterpolationHandler = options?.missingInterpolationHandler || this.options.missingInterpolationHandler;
|
||
const skipOnVariables = options?.interpolation?.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
|
||
const todos = [{
|
||
regex: this.regexpUnescape,
|
||
safeValue: val => regexSafe(val)
|
||
}, {
|
||
regex: this.regexp,
|
||
safeValue: val => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)
|
||
}];
|
||
todos.forEach(todo => {
|
||
replaces = 0;
|
||
while (match = todo.regex.exec(str)) {
|
||
const matchedVar = match[1].trim();
|
||
value = handleFormat(matchedVar);
|
||
if (value === undefined) {
|
||
if (typeof missingInterpolationHandler === 'function') {
|
||
const temp = missingInterpolationHandler(str, match, options);
|
||
value = isString$1(temp) ? temp : '';
|
||
} else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
|
||
value = '';
|
||
} else if (skipOnVariables) {
|
||
value = match[0];
|
||
continue;
|
||
} else {
|
||
this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
|
||
value = '';
|
||
}
|
||
} else if (!isString$1(value) && !this.useRawValueToEscape) {
|
||
value = makeString(value);
|
||
}
|
||
const safeValue = todo.safeValue(value);
|
||
str = str.replace(match[0], safeValue);
|
||
if (skipOnVariables) {
|
||
todo.regex.lastIndex += value.length;
|
||
todo.regex.lastIndex -= match[0].length;
|
||
} else {
|
||
todo.regex.lastIndex = 0;
|
||
}
|
||
replaces++;
|
||
if (replaces >= this.maxReplaces) {
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
return str;
|
||
}
|
||
nest(str, fc, options = {}) {
|
||
let match;
|
||
let value;
|
||
let clonedOptions;
|
||
const handleHasOptions = (key, inheritedOptions) => {
|
||
const sep = this.nestingOptionsSeparator;
|
||
if (key.indexOf(sep) < 0) return key;
|
||
const c = key.split(new RegExp(`${sep}[ ]*{`));
|
||
let optionsString = `{${c[1]}`;
|
||
key = c[0];
|
||
optionsString = this.interpolate(optionsString, clonedOptions);
|
||
const matchedSingleQuotes = optionsString.match(/'/g);
|
||
const matchedDoubleQuotes = optionsString.match(/"/g);
|
||
if ((matchedSingleQuotes?.length ?? 0) % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
|
||
optionsString = optionsString.replace(/'/g, '"');
|
||
}
|
||
try {
|
||
clonedOptions = JSON.parse(optionsString);
|
||
if (inheritedOptions) clonedOptions = {
|
||
...inheritedOptions,
|
||
...clonedOptions
|
||
};
|
||
} catch (e) {
|
||
this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);
|
||
return `${key}${sep}${optionsString}`;
|
||
}
|
||
if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;
|
||
return key;
|
||
};
|
||
while (match = this.nestingRegexp.exec(str)) {
|
||
let formatters = [];
|
||
clonedOptions = {
|
||
...options
|
||
};
|
||
clonedOptions = clonedOptions.replace && !isString$1(clonedOptions.replace) ? clonedOptions.replace : clonedOptions;
|
||
clonedOptions.applyPostProcessor = false;
|
||
delete clonedOptions.defaultValue;
|
||
const keyEndIndex = /{.*}/.test(match[1]) ? match[1].lastIndexOf('}') + 1 : match[1].indexOf(this.formatSeparator);
|
||
if (keyEndIndex !== -1) {
|
||
formatters = match[1].slice(keyEndIndex).split(this.formatSeparator).map(elem => elem.trim()).filter(Boolean);
|
||
match[1] = match[1].slice(0, keyEndIndex);
|
||
}
|
||
value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions);
|
||
if (value && match[0] === str && !isString$1(value)) return value;
|
||
if (!isString$1(value)) value = makeString(value);
|
||
if (!value) {
|
||
this.logger.warn(`missed to resolve ${match[1]} for nesting ${str}`);
|
||
value = '';
|
||
}
|
||
if (formatters.length) {
|
||
value = formatters.reduce((v, f) => this.format(v, f, options.lng, {
|
||
...options,
|
||
interpolationkey: match[1].trim()
|
||
}), value.trim());
|
||
}
|
||
str = str.replace(match[0], value);
|
||
this.regexp.lastIndex = 0;
|
||
}
|
||
return str;
|
||
}
|
||
}
|
||
const parseFormatStr = formatStr => {
|
||
let formatName = formatStr.toLowerCase().trim();
|
||
const formatOptions = {};
|
||
if (formatStr.indexOf('(') > -1) {
|
||
const p = formatStr.split('(');
|
||
formatName = p[0].toLowerCase().trim();
|
||
const optStr = p[1].substring(0, p[1].length - 1);
|
||
if (formatName === 'currency' && optStr.indexOf(':') < 0) {
|
||
if (!formatOptions.currency) formatOptions.currency = optStr.trim();
|
||
} else if (formatName === 'relativetime' && optStr.indexOf(':') < 0) {
|
||
if (!formatOptions.range) formatOptions.range = optStr.trim();
|
||
} else {
|
||
const opts = optStr.split(';');
|
||
opts.forEach(opt => {
|
||
if (opt) {
|
||
const [key, ...rest] = opt.split(':');
|
||
const val = rest.join(':').trim().replace(/^'+|'+$/g, '');
|
||
const trimmedKey = key.trim();
|
||
if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;
|
||
if (val === 'false') formatOptions[trimmedKey] = false;
|
||
if (val === 'true') formatOptions[trimmedKey] = true;
|
||
if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
return {
|
||
formatName,
|
||
formatOptions
|
||
};
|
||
};
|
||
const createCachedFormatter = fn => {
|
||
const cache = {};
|
||
return (v, l, o) => {
|
||
let optForCache = o;
|
||
if (o && o.interpolationkey && o.formatParams && o.formatParams[o.interpolationkey] && o[o.interpolationkey]) {
|
||
optForCache = {
|
||
...optForCache,
|
||
[o.interpolationkey]: undefined
|
||
};
|
||
}
|
||
const key = l + JSON.stringify(optForCache);
|
||
let frm = cache[key];
|
||
if (!frm) {
|
||
frm = fn(getCleanedCode(l), o);
|
||
cache[key] = frm;
|
||
}
|
||
return frm(v);
|
||
};
|
||
};
|
||
const createNonCachedFormatter = fn => (v, l, o) => fn(getCleanedCode(l), o)(v);
|
||
class Formatter {
|
||
constructor(options = {}) {
|
||
this.logger = baseLogger.create('formatter');
|
||
this.options = options;
|
||
this.init(options);
|
||
}
|
||
init(services, options = {
|
||
interpolation: {}
|
||
}) {
|
||
this.formatSeparator = options.interpolation.formatSeparator || ',';
|
||
const cf = options.cacheInBuiltFormats ? createCachedFormatter : createNonCachedFormatter;
|
||
this.formats = {
|
||
number: cf((lng, opt) => {
|
||
const formatter = new Intl.NumberFormat(lng, {
|
||
...opt
|
||
});
|
||
return val => formatter.format(val);
|
||
}),
|
||
currency: cf((lng, opt) => {
|
||
const formatter = new Intl.NumberFormat(lng, {
|
||
...opt,
|
||
style: 'currency'
|
||
});
|
||
return val => formatter.format(val);
|
||
}),
|
||
datetime: cf((lng, opt) => {
|
||
const formatter = new Intl.DateTimeFormat(lng, {
|
||
...opt
|
||
});
|
||
return val => formatter.format(val);
|
||
}),
|
||
relativetime: cf((lng, opt) => {
|
||
const formatter = new Intl.RelativeTimeFormat(lng, {
|
||
...opt
|
||
});
|
||
return val => formatter.format(val, opt.range || 'day');
|
||
}),
|
||
list: cf((lng, opt) => {
|
||
const formatter = new Intl.ListFormat(lng, {
|
||
...opt
|
||
});
|
||
return val => formatter.format(val);
|
||
})
|
||
};
|
||
}
|
||
add(name, fc) {
|
||
this.formats[name.toLowerCase().trim()] = fc;
|
||
}
|
||
addCached(name, fc) {
|
||
this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
|
||
}
|
||
format(value, format, lng, options = {}) {
|
||
const formats = format.split(this.formatSeparator);
|
||
if (formats.length > 1 && formats[0].indexOf('(') > 1 && formats[0].indexOf(')') < 0 && formats.find(f => f.indexOf(')') > -1)) {
|
||
const lastIndex = formats.findIndex(f => f.indexOf(')') > -1);
|
||
formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);
|
||
}
|
||
const result = formats.reduce((mem, f) => {
|
||
const {
|
||
formatName,
|
||
formatOptions
|
||
} = parseFormatStr(f);
|
||
if (this.formats[formatName]) {
|
||
let formatted = mem;
|
||
try {
|
||
const valOptions = options?.formatParams?.[options.interpolationkey] || {};
|
||
const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
|
||
formatted = this.formats[formatName](mem, l, {
|
||
...formatOptions,
|
||
...options,
|
||
...valOptions
|
||
});
|
||
} catch (error) {
|
||
this.logger.warn(error);
|
||
}
|
||
return formatted;
|
||
} else {
|
||
this.logger.warn(`there was no format function for ${formatName}`);
|
||
}
|
||
return mem;
|
||
}, value);
|
||
return result;
|
||
}
|
||
}
|
||
const removePending = (q, name) => {
|
||
if (q.pending[name] !== undefined) {
|
||
delete q.pending[name];
|
||
q.pendingCount--;
|
||
}
|
||
};
|
||
class Connector extends EventEmitter {
|
||
constructor(backend, store, services, options = {}) {
|
||
super();
|
||
this.backend = backend;
|
||
this.store = store;
|
||
this.services = services;
|
||
this.languageUtils = services.languageUtils;
|
||
this.options = options;
|
||
this.logger = baseLogger.create('backendConnector');
|
||
this.waitingReads = [];
|
||
this.maxParallelReads = options.maxParallelReads || 10;
|
||
this.readingCalls = 0;
|
||
this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
|
||
this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
|
||
this.state = {};
|
||
this.queue = [];
|
||
this.backend?.init?.(services, options.backend, options);
|
||
}
|
||
queueLoad(languages, namespaces, options, callback) {
|
||
const toLoad = {};
|
||
const pending = {};
|
||
const toLoadLanguages = {};
|
||
const toLoadNamespaces = {};
|
||
languages.forEach(lng => {
|
||
let hasAllNamespaces = true;
|
||
namespaces.forEach(ns => {
|
||
const name = `${lng}|${ns}`;
|
||
if (!options.reload && this.store.hasResourceBundle(lng, ns)) {
|
||
this.state[name] = 2;
|
||
} else if (this.state[name] < 0) ;else if (this.state[name] === 1) {
|
||
if (pending[name] === undefined) pending[name] = true;
|
||
} else {
|
||
this.state[name] = 1;
|
||
hasAllNamespaces = false;
|
||
if (pending[name] === undefined) pending[name] = true;
|
||
if (toLoad[name] === undefined) toLoad[name] = true;
|
||
if (toLoadNamespaces[ns] === undefined) toLoadNamespaces[ns] = true;
|
||
}
|
||
});
|
||
if (!hasAllNamespaces) toLoadLanguages[lng] = true;
|
||
});
|
||
if (Object.keys(toLoad).length || Object.keys(pending).length) {
|
||
this.queue.push({
|
||
pending,
|
||
pendingCount: Object.keys(pending).length,
|
||
loaded: {},
|
||
errors: [],
|
||
callback
|
||
});
|
||
}
|
||
return {
|
||
toLoad: Object.keys(toLoad),
|
||
pending: Object.keys(pending),
|
||
toLoadLanguages: Object.keys(toLoadLanguages),
|
||
toLoadNamespaces: Object.keys(toLoadNamespaces)
|
||
};
|
||
}
|
||
loaded(name, err, data) {
|
||
const s = name.split('|');
|
||
const lng = s[0];
|
||
const ns = s[1];
|
||
if (err) this.emit('failedLoading', lng, ns, err);
|
||
if (!err && data) {
|
||
this.store.addResourceBundle(lng, ns, data, undefined, undefined, {
|
||
skipCopy: true
|
||
});
|
||
}
|
||
this.state[name] = err ? -1 : 2;
|
||
if (err && data) this.state[name] = 0;
|
||
const loaded = {};
|
||
this.queue.forEach(q => {
|
||
pushPath(q.loaded, [lng], ns);
|
||
removePending(q, name);
|
||
if (err) q.errors.push(err);
|
||
if (q.pendingCount === 0 && !q.done) {
|
||
Object.keys(q.loaded).forEach(l => {
|
||
if (!loaded[l]) loaded[l] = {};
|
||
const loadedKeys = q.loaded[l];
|
||
if (loadedKeys.length) {
|
||
loadedKeys.forEach(n => {
|
||
if (loaded[l][n] === undefined) loaded[l][n] = true;
|
||
});
|
||
}
|
||
});
|
||
q.done = true;
|
||
if (q.errors.length) {
|
||
q.callback(q.errors);
|
||
} else {
|
||
q.callback();
|
||
}
|
||
}
|
||
});
|
||
this.emit('loaded', loaded);
|
||
this.queue = this.queue.filter(q => !q.done);
|
||
}
|
||
read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {
|
||
if (!lng.length) return callback(null, {});
|
||
if (this.readingCalls >= this.maxParallelReads) {
|
||
this.waitingReads.push({
|
||
lng,
|
||
ns,
|
||
fcName,
|
||
tried,
|
||
wait,
|
||
callback
|
||
});
|
||
return;
|
||
}
|
||
this.readingCalls++;
|
||
const resolver = (err, data) => {
|
||
this.readingCalls--;
|
||
if (this.waitingReads.length > 0) {
|
||
const next = this.waitingReads.shift();
|
||
this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
|
||
}
|
||
if (err && data && tried < this.maxRetries) {
|
||
setTimeout(() => {
|
||
this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);
|
||
}, wait);
|
||
return;
|
||
}
|
||
callback(err, data);
|
||
};
|
||
const fc = this.backend[fcName].bind(this.backend);
|
||
if (fc.length === 2) {
|
||
try {
|
||
const r = fc(lng, ns);
|
||
if (r && typeof r.then === 'function') {
|
||
r.then(data => resolver(null, data)).catch(resolver);
|
||
} else {
|
||
resolver(null, r);
|
||
}
|
||
} catch (err) {
|
||
resolver(err);
|
||
}
|
||
return;
|
||
}
|
||
return fc(lng, ns, resolver);
|
||
}
|
||
prepareLoading(languages, namespaces, options = {}, callback) {
|
||
if (!this.backend) {
|
||
this.logger.warn('No backend was added via i18next.use. Will not load resources.');
|
||
return callback && callback();
|
||
}
|
||
if (isString$1(languages)) languages = this.languageUtils.toResolveHierarchy(languages);
|
||
if (isString$1(namespaces)) namespaces = [namespaces];
|
||
const toLoad = this.queueLoad(languages, namespaces, options, callback);
|
||
if (!toLoad.toLoad.length) {
|
||
if (!toLoad.pending.length) callback();
|
||
return null;
|
||
}
|
||
toLoad.toLoad.forEach(name => {
|
||
this.loadOne(name);
|
||
});
|
||
}
|
||
load(languages, namespaces, callback) {
|
||
this.prepareLoading(languages, namespaces, {}, callback);
|
||
}
|
||
reload(languages, namespaces, callback) {
|
||
this.prepareLoading(languages, namespaces, {
|
||
reload: true
|
||
}, callback);
|
||
}
|
||
loadOne(name, prefix = '') {
|
||
const s = name.split('|');
|
||
const lng = s[0];
|
||
const ns = s[1];
|
||
this.read(lng, ns, 'read', undefined, undefined, (err, data) => {
|
||
if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);
|
||
if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);
|
||
this.loaded(name, err, data);
|
||
});
|
||
}
|
||
saveMissing(languages, namespace, key, fallbackValue, isUpdate, options = {}, clb = () => {}) {
|
||
if (this.services?.utils?.hasLoadedNamespace && !this.services?.utils?.hasLoadedNamespace(namespace)) {
|
||
this.logger.warn(`did not save key "${key}" as the namespace "${namespace}" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
|
||
return;
|
||
}
|
||
if (key === undefined || key === null || key === '') return;
|
||
if (this.backend?.create) {
|
||
const opts = {
|
||
...options,
|
||
isUpdate
|
||
};
|
||
const fc = this.backend.create.bind(this.backend);
|
||
if (fc.length < 6) {
|
||
try {
|
||
let r;
|
||
if (fc.length === 5) {
|
||
r = fc(languages, namespace, key, fallbackValue, opts);
|
||
} else {
|
||
r = fc(languages, namespace, key, fallbackValue);
|
||
}
|
||
if (r && typeof r.then === 'function') {
|
||
r.then(data => clb(null, data)).catch(clb);
|
||
} else {
|
||
clb(null, r);
|
||
}
|
||
} catch (err) {
|
||
clb(err);
|
||
}
|
||
} else {
|
||
fc(languages, namespace, key, fallbackValue, clb, opts);
|
||
}
|
||
}
|
||
if (!languages || !languages[0]) return;
|
||
this.store.addResource(languages[0], namespace, key, fallbackValue);
|
||
}
|
||
}
|
||
const get = () => ({
|
||
debug: false,
|
||
initAsync: true,
|
||
ns: ['translation'],
|
||
defaultNS: ['translation'],
|
||
fallbackLng: ['dev'],
|
||
fallbackNS: false,
|
||
supportedLngs: false,
|
||
nonExplicitSupportedLngs: false,
|
||
load: 'all',
|
||
preload: false,
|
||
simplifyPluralSuffix: true,
|
||
keySeparator: '.',
|
||
nsSeparator: ':',
|
||
pluralSeparator: '_',
|
||
contextSeparator: '_',
|
||
partialBundledLanguages: false,
|
||
saveMissing: false,
|
||
updateMissing: false,
|
||
saveMissingTo: 'fallback',
|
||
saveMissingPlurals: true,
|
||
missingKeyHandler: false,
|
||
missingInterpolationHandler: false,
|
||
postProcess: false,
|
||
postProcessPassResolved: false,
|
||
returnNull: false,
|
||
returnEmptyString: true,
|
||
returnObjects: false,
|
||
joinArrays: false,
|
||
returnedObjectHandler: false,
|
||
parseMissingKeyHandler: false,
|
||
appendNamespaceToMissingKey: false,
|
||
appendNamespaceToCIMode: false,
|
||
overloadTranslationOptionHandler: args => {
|
||
let ret = {};
|
||
if (typeof args[1] === 'object') ret = args[1];
|
||
if (isString$1(args[1])) ret.defaultValue = args[1];
|
||
if (isString$1(args[2])) ret.tDescription = args[2];
|
||
if (typeof args[2] === 'object' || typeof args[3] === 'object') {
|
||
const options = args[3] || args[2];
|
||
Object.keys(options).forEach(key => {
|
||
ret[key] = options[key];
|
||
});
|
||
}
|
||
return ret;
|
||
},
|
||
interpolation: {
|
||
escapeValue: true,
|
||
format: value => value,
|
||
prefix: '{{',
|
||
suffix: '}}',
|
||
formatSeparator: ',',
|
||
unescapePrefix: '-',
|
||
nestingPrefix: '$t(',
|
||
nestingSuffix: ')',
|
||
nestingOptionsSeparator: ',',
|
||
maxReplaces: 1000,
|
||
skipOnVariables: true
|
||
},
|
||
cacheInBuiltFormats: true
|
||
});
|
||
const transformOptions = options => {
|
||
if (isString$1(options.ns)) options.ns = [options.ns];
|
||
if (isString$1(options.fallbackLng)) options.fallbackLng = [options.fallbackLng];
|
||
if (isString$1(options.fallbackNS)) options.fallbackNS = [options.fallbackNS];
|
||
if (options.supportedLngs?.indexOf?.('cimode') < 0) {
|
||
options.supportedLngs = options.supportedLngs.concat(['cimode']);
|
||
}
|
||
if (typeof options.initImmediate === 'boolean') options.initAsync = options.initImmediate;
|
||
return options;
|
||
};
|
||
const noop = () => {};
|
||
const bindMemberFunctions = inst => {
|
||
const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
|
||
mems.forEach(mem => {
|
||
if (typeof inst[mem] === 'function') {
|
||
inst[mem] = inst[mem].bind(inst);
|
||
}
|
||
});
|
||
};
|
||
class I18n extends EventEmitter {
|
||
constructor(options = {}, callback) {
|
||
super();
|
||
this.options = transformOptions(options);
|
||
this.services = {};
|
||
this.logger = baseLogger;
|
||
this.modules = {
|
||
external: []
|
||
};
|
||
bindMemberFunctions(this);
|
||
if (callback && !this.isInitialized && !options.isClone) {
|
||
if (!this.options.initAsync) {
|
||
this.init(options, callback);
|
||
return this;
|
||
}
|
||
setTimeout(() => {
|
||
this.init(options, callback);
|
||
}, 0);
|
||
}
|
||
}
|
||
init(options = {}, callback) {
|
||
this.isInitializing = true;
|
||
if (typeof options === 'function') {
|
||
callback = options;
|
||
options = {};
|
||
}
|
||
if (options.defaultNS == null && options.ns) {
|
||
if (isString$1(options.ns)) {
|
||
options.defaultNS = options.ns;
|
||
} else if (options.ns.indexOf('translation') < 0) {
|
||
options.defaultNS = options.ns[0];
|
||
}
|
||
}
|
||
const defOpts = get();
|
||
this.options = {
|
||
...defOpts,
|
||
...this.options,
|
||
...transformOptions(options)
|
||
};
|
||
this.options.interpolation = {
|
||
...defOpts.interpolation,
|
||
...this.options.interpolation
|
||
};
|
||
if (options.keySeparator !== undefined) {
|
||
this.options.userDefinedKeySeparator = options.keySeparator;
|
||
}
|
||
if (options.nsSeparator !== undefined) {
|
||
this.options.userDefinedNsSeparator = options.nsSeparator;
|
||
}
|
||
if (typeof this.options.overloadTranslationOptionHandler !== 'function') {
|
||
this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
|
||
}
|
||
const createClassOnDemand = ClassOrObject => {
|
||
if (!ClassOrObject) return null;
|
||
if (typeof ClassOrObject === 'function') return new ClassOrObject();
|
||
return ClassOrObject;
|
||
};
|
||
if (!this.options.isClone) {
|
||
if (this.modules.logger) {
|
||
baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
|
||
} else {
|
||
baseLogger.init(null, this.options);
|
||
}
|
||
let formatter;
|
||
if (this.modules.formatter) {
|
||
formatter = this.modules.formatter;
|
||
} else {
|
||
formatter = Formatter;
|
||
}
|
||
const lu = new LanguageUtil(this.options);
|
||
this.store = new ResourceStore(this.options.resources, this.options);
|
||
const s = this.services;
|
||
s.logger = baseLogger;
|
||
s.resourceStore = this.store;
|
||
s.languageUtils = lu;
|
||
s.pluralResolver = new PluralResolver(lu, {
|
||
prepend: this.options.pluralSeparator,
|
||
simplifyPluralSuffix: this.options.simplifyPluralSuffix
|
||
});
|
||
const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;
|
||
if (usingLegacyFormatFunction) {
|
||
this.logger.deprecate(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);
|
||
}
|
||
if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {
|
||
s.formatter = createClassOnDemand(formatter);
|
||
if (s.formatter.init) s.formatter.init(s, this.options);
|
||
this.options.interpolation.format = s.formatter.format.bind(s.formatter);
|
||
}
|
||
s.interpolator = new Interpolator(this.options);
|
||
s.utils = {
|
||
hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
|
||
};
|
||
s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);
|
||
s.backendConnector.on('*', (event, ...args) => {
|
||
this.emit(event, ...args);
|
||
});
|
||
if (this.modules.languageDetector) {
|
||
s.languageDetector = createClassOnDemand(this.modules.languageDetector);
|
||
if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);
|
||
}
|
||
if (this.modules.i18nFormat) {
|
||
s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
|
||
if (s.i18nFormat.init) s.i18nFormat.init(this);
|
||
}
|
||
this.translator = new Translator(this.services, this.options);
|
||
this.translator.on('*', (event, ...args) => {
|
||
this.emit(event, ...args);
|
||
});
|
||
this.modules.external.forEach(m => {
|
||
if (m.init) m.init(this);
|
||
});
|
||
}
|
||
this.format = this.options.interpolation.format;
|
||
if (!callback) callback = noop;
|
||
if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
|
||
const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
|
||
if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];
|
||
}
|
||
if (!this.services.languageDetector && !this.options.lng) {
|
||
this.logger.warn('init: no languageDetector is used and no lng is defined');
|
||
}
|
||
const storeApi = ['getResource', 'hasResourceBundle', 'getResourceBundle', 'getDataByLanguage'];
|
||
storeApi.forEach(fcName => {
|
||
this[fcName] = (...args) => this.store[fcName](...args);
|
||
});
|
||
const storeApiChained = ['addResource', 'addResources', 'addResourceBundle', 'removeResourceBundle'];
|
||
storeApiChained.forEach(fcName => {
|
||
this[fcName] = (...args) => {
|
||
this.store[fcName](...args);
|
||
return this;
|
||
};
|
||
});
|
||
const deferred = defer();
|
||
const load = () => {
|
||
const finish = (err, t) => {
|
||
this.isInitializing = false;
|
||
if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn('init: i18next is already initialized. You should call init just once!');
|
||
this.isInitialized = true;
|
||
if (!this.options.isClone) this.logger.log('initialized', this.options);
|
||
this.emit('initialized', this.options);
|
||
deferred.resolve(t);
|
||
callback(err, t);
|
||
};
|
||
if (this.languages && !this.isInitialized) return finish(null, this.t.bind(this));
|
||
this.changeLanguage(this.options.lng, finish);
|
||
};
|
||
if (this.options.resources || !this.options.initAsync) {
|
||
load();
|
||
} else {
|
||
setTimeout(load, 0);
|
||
}
|
||
return deferred;
|
||
}
|
||
loadResources(language, callback = noop) {
|
||
let usedCallback = callback;
|
||
const usedLng = isString$1(language) ? language : this.language;
|
||
if (typeof language === 'function') usedCallback = language;
|
||
if (!this.options.resources || this.options.partialBundledLanguages) {
|
||
if (usedLng?.toLowerCase() === 'cimode' && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();
|
||
const toLoad = [];
|
||
const append = lng => {
|
||
if (!lng) return;
|
||
if (lng === 'cimode') return;
|
||
const lngs = this.services.languageUtils.toResolveHierarchy(lng);
|
||
lngs.forEach(l => {
|
||
if (l === 'cimode') return;
|
||
if (toLoad.indexOf(l) < 0) toLoad.push(l);
|
||
});
|
||
};
|
||
if (!usedLng) {
|
||
const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
|
||
fallbacks.forEach(l => append(l));
|
||
} else {
|
||
append(usedLng);
|
||
}
|
||
this.options.preload?.forEach?.(l => append(l));
|
||
this.services.backendConnector.load(toLoad, this.options.ns, e => {
|
||
if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
|
||
usedCallback(e);
|
||
});
|
||
} else {
|
||
usedCallback(null);
|
||
}
|
||
}
|
||
reloadResources(lngs, ns, callback) {
|
||
const deferred = defer();
|
||
if (typeof lngs === 'function') {
|
||
callback = lngs;
|
||
lngs = undefined;
|
||
}
|
||
if (typeof ns === 'function') {
|
||
callback = ns;
|
||
ns = undefined;
|
||
}
|
||
if (!lngs) lngs = this.languages;
|
||
if (!ns) ns = this.options.ns;
|
||
if (!callback) callback = noop;
|
||
this.services.backendConnector.reload(lngs, ns, err => {
|
||
deferred.resolve();
|
||
callback(err);
|
||
});
|
||
return deferred;
|
||
}
|
||
use(module) {
|
||
if (!module) throw new Error('You are passing an undefined module! Please check the object you are passing to i18next.use()');
|
||
if (!module.type) throw new Error('You are passing a wrong module! Please check the object you are passing to i18next.use()');
|
||
if (module.type === 'backend') {
|
||
this.modules.backend = module;
|
||
}
|
||
if (module.type === 'logger' || module.log && module.warn && module.error) {
|
||
this.modules.logger = module;
|
||
}
|
||
if (module.type === 'languageDetector') {
|
||
this.modules.languageDetector = module;
|
||
}
|
||
if (module.type === 'i18nFormat') {
|
||
this.modules.i18nFormat = module;
|
||
}
|
||
if (module.type === 'postProcessor') {
|
||
postProcessor.addPostProcessor(module);
|
||
}
|
||
if (module.type === 'formatter') {
|
||
this.modules.formatter = module;
|
||
}
|
||
if (module.type === '3rdParty') {
|
||
this.modules.external.push(module);
|
||
}
|
||
return this;
|
||
}
|
||
setResolvedLanguage(l) {
|
||
if (!l || !this.languages) return;
|
||
if (['cimode', 'dev'].indexOf(l) > -1) return;
|
||
for (let li = 0; li < this.languages.length; li++) {
|
||
const lngInLngs = this.languages[li];
|
||
if (['cimode', 'dev'].indexOf(lngInLngs) > -1) continue;
|
||
if (this.store.hasLanguageSomeTranslations(lngInLngs)) {
|
||
this.resolvedLanguage = lngInLngs;
|
||
break;
|
||
}
|
||
}
|
||
if (!this.resolvedLanguage && this.languages.indexOf(l) < 0 && this.store.hasLanguageSomeTranslations(l)) {
|
||
this.resolvedLanguage = l;
|
||
this.languages.unshift(l);
|
||
}
|
||
}
|
||
changeLanguage(lng, callback) {
|
||
this.isLanguageChangingTo = lng;
|
||
const deferred = defer();
|
||
this.emit('languageChanging', lng);
|
||
const setLngProps = l => {
|
||
this.language = l;
|
||
this.languages = this.services.languageUtils.toResolveHierarchy(l);
|
||
this.resolvedLanguage = undefined;
|
||
this.setResolvedLanguage(l);
|
||
};
|
||
const done = (err, l) => {
|
||
if (l) {
|
||
if (this.isLanguageChangingTo === lng) {
|
||
setLngProps(l);
|
||
this.translator.changeLanguage(l);
|
||
this.isLanguageChangingTo = undefined;
|
||
this.emit('languageChanged', l);
|
||
this.logger.log('languageChanged', l);
|
||
}
|
||
} else {
|
||
this.isLanguageChangingTo = undefined;
|
||
}
|
||
deferred.resolve((...args) => this.t(...args));
|
||
if (callback) callback(err, (...args) => this.t(...args));
|
||
};
|
||
const setLng = lngs => {
|
||
if (!lng && !lngs && this.services.languageDetector) lngs = [];
|
||
const fl = isString$1(lngs) ? lngs : lngs && lngs[0];
|
||
const l = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString$1(lngs) ? [lngs] : lngs);
|
||
if (l) {
|
||
if (!this.language) {
|
||
setLngProps(l);
|
||
}
|
||
if (!this.translator.language) this.translator.changeLanguage(l);
|
||
this.services.languageDetector?.cacheUserLanguage?.(l);
|
||
}
|
||
this.loadResources(l, err => {
|
||
done(err, l);
|
||
});
|
||
};
|
||
if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
|
||
setLng(this.services.languageDetector.detect());
|
||
} else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
|
||
if (this.services.languageDetector.detect.length === 0) {
|
||
this.services.languageDetector.detect().then(setLng);
|
||
} else {
|
||
this.services.languageDetector.detect(setLng);
|
||
}
|
||
} else {
|
||
setLng(lng);
|
||
}
|
||
return deferred;
|
||
}
|
||
getFixedT(lng, ns, keyPrefix) {
|
||
const fixedT = (key, opts, ...rest) => {
|
||
let o;
|
||
if (typeof opts !== 'object') {
|
||
o = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
|
||
} else {
|
||
o = {
|
||
...opts
|
||
};
|
||
}
|
||
o.lng = o.lng || fixedT.lng;
|
||
o.lngs = o.lngs || fixedT.lngs;
|
||
o.ns = o.ns || fixedT.ns;
|
||
if (o.keyPrefix !== '') o.keyPrefix = o.keyPrefix || keyPrefix || fixedT.keyPrefix;
|
||
const keySeparator = this.options.keySeparator || '.';
|
||
let resultKey;
|
||
if (o.keyPrefix && Array.isArray(key)) {
|
||
resultKey = key.map(k => {
|
||
if (typeof k === 'function') k = keysFromSelector(k, {
|
||
...this.options,
|
||
...opts
|
||
});
|
||
return `${o.keyPrefix}${keySeparator}${k}`;
|
||
});
|
||
} else {
|
||
if (typeof key === 'function') key = keysFromSelector(key, {
|
||
...this.options,
|
||
...opts
|
||
});
|
||
resultKey = o.keyPrefix ? `${o.keyPrefix}${keySeparator}${key}` : key;
|
||
}
|
||
return this.t(resultKey, o);
|
||
};
|
||
if (isString$1(lng)) {
|
||
fixedT.lng = lng;
|
||
} else {
|
||
fixedT.lngs = lng;
|
||
}
|
||
fixedT.ns = ns;
|
||
fixedT.keyPrefix = keyPrefix;
|
||
return fixedT;
|
||
}
|
||
t(...args) {
|
||
return this.translator?.translate(...args);
|
||
}
|
||
exists(...args) {
|
||
return this.translator?.exists(...args);
|
||
}
|
||
setDefaultNamespace(ns) {
|
||
this.options.defaultNS = ns;
|
||
}
|
||
hasLoadedNamespace(ns, options = {}) {
|
||
if (!this.isInitialized) {
|
||
this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);
|
||
return false;
|
||
}
|
||
if (!this.languages || !this.languages.length) {
|
||
this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);
|
||
return false;
|
||
}
|
||
const lng = options.lng || this.resolvedLanguage || this.languages[0];
|
||
const fallbackLng = this.options ? this.options.fallbackLng : false;
|
||
const lastLng = this.languages[this.languages.length - 1];
|
||
if (lng.toLowerCase() === 'cimode') return true;
|
||
const loadNotPending = (l, n) => {
|
||
const loadState = this.services.backendConnector.state[`${l}|${n}`];
|
||
return loadState === -1 || loadState === 0 || loadState === 2;
|
||
};
|
||
if (options.precheck) {
|
||
const preResult = options.precheck(this, loadNotPending);
|
||
if (preResult !== undefined) return preResult;
|
||
}
|
||
if (this.hasResourceBundle(lng, ns)) return true;
|
||
if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
|
||
if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
|
||
return false;
|
||
}
|
||
loadNamespaces(ns, callback) {
|
||
const deferred = defer();
|
||
if (!this.options.ns) {
|
||
if (callback) callback();
|
||
return Promise.resolve();
|
||
}
|
||
if (isString$1(ns)) ns = [ns];
|
||
ns.forEach(n => {
|
||
if (this.options.ns.indexOf(n) < 0) this.options.ns.push(n);
|
||
});
|
||
this.loadResources(err => {
|
||
deferred.resolve();
|
||
if (callback) callback(err);
|
||
});
|
||
return deferred;
|
||
}
|
||
loadLanguages(lngs, callback) {
|
||
const deferred = defer();
|
||
if (isString$1(lngs)) lngs = [lngs];
|
||
const preloaded = this.options.preload || [];
|
||
const newLngs = lngs.filter(lng => preloaded.indexOf(lng) < 0 && this.services.languageUtils.isSupportedCode(lng));
|
||
if (!newLngs.length) {
|
||
if (callback) callback();
|
||
return Promise.resolve();
|
||
}
|
||
this.options.preload = preloaded.concat(newLngs);
|
||
this.loadResources(err => {
|
||
deferred.resolve();
|
||
if (callback) callback(err);
|
||
});
|
||
return deferred;
|
||
}
|
||
dir(lng) {
|
||
if (!lng) lng = this.resolvedLanguage || (this.languages?.length > 0 ? this.languages[0] : this.language);
|
||
if (!lng) return 'rtl';
|
||
try {
|
||
const l = new Intl.Locale(lng);
|
||
if (l && l.getTextInfo) {
|
||
const ti = l.getTextInfo();
|
||
if (ti && ti.direction) return ti.direction;
|
||
}
|
||
} catch (e) {}
|
||
const rtlLngs = ['ar', 'shu', 'sqr', 'ssh', 'xaa', 'yhd', 'yud', 'aao', 'abh', 'abv', 'acm', 'acq', 'acw', 'acx', 'acy', 'adf', 'ads', 'aeb', 'aec', 'afb', 'ajp', 'apc', 'apd', 'arb', 'arq', 'ars', 'ary', 'arz', 'auz', 'avl', 'ayh', 'ayl', 'ayn', 'ayp', 'bbz', 'pga', 'he', 'iw', 'ps', 'pbt', 'pbu', 'pst', 'prp', 'prd', 'ug', 'ur', 'ydd', 'yds', 'yih', 'ji', 'yi', 'hbo', 'men', 'xmn', 'fa', 'jpr', 'peo', 'pes', 'prs', 'dv', 'sam', 'ckb'];
|
||
const languageUtils = this.services?.languageUtils || new LanguageUtil(get());
|
||
if (lng.toLowerCase().indexOf('-latn') > 1) return 'ltr';
|
||
return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf('-arab') > 1 ? 'rtl' : 'ltr';
|
||
}
|
||
static createInstance(options = {}, callback) {
|
||
const instance = new I18n(options, callback);
|
||
instance.createInstance = I18n.createInstance;
|
||
return instance;
|
||
}
|
||
cloneInstance(options = {}, callback = noop) {
|
||
const forkResourceStore = options.forkResourceStore;
|
||
if (forkResourceStore) delete options.forkResourceStore;
|
||
const mergedOptions = {
|
||
...this.options,
|
||
...options,
|
||
...{
|
||
isClone: true
|
||
}
|
||
};
|
||
const clone = new I18n(mergedOptions);
|
||
if (options.debug !== undefined || options.prefix !== undefined) {
|
||
clone.logger = clone.logger.clone(options);
|
||
}
|
||
const membersToCopy = ['store', 'services', 'language'];
|
||
membersToCopy.forEach(m => {
|
||
clone[m] = this[m];
|
||
});
|
||
clone.services = {
|
||
...this.services
|
||
};
|
||
clone.services.utils = {
|
||
hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
|
||
};
|
||
if (forkResourceStore) {
|
||
const clonedData = Object.keys(this.store.data).reduce((prev, l) => {
|
||
prev[l] = {
|
||
...this.store.data[l]
|
||
};
|
||
prev[l] = Object.keys(prev[l]).reduce((acc, n) => {
|
||
acc[n] = {
|
||
...prev[l][n]
|
||
};
|
||
return acc;
|
||
}, prev[l]);
|
||
return prev;
|
||
}, {});
|
||
clone.store = new ResourceStore(clonedData, mergedOptions);
|
||
clone.services.resourceStore = clone.store;
|
||
}
|
||
if (options.interpolation) clone.services.interpolator = new Interpolator(mergedOptions);
|
||
clone.translator = new Translator(clone.services, mergedOptions);
|
||
clone.translator.on('*', (event, ...args) => {
|
||
clone.emit(event, ...args);
|
||
});
|
||
clone.init(mergedOptions, callback);
|
||
clone.translator.options = mergedOptions;
|
||
clone.translator.backendConnector.services.utils = {
|
||
hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
|
||
};
|
||
return clone;
|
||
}
|
||
toJSON() {
|
||
return {
|
||
options: this.options,
|
||
store: this.store,
|
||
language: this.language,
|
||
languages: this.languages,
|
||
resolvedLanguage: this.resolvedLanguage
|
||
};
|
||
}
|
||
}
|
||
const instance = I18n.createInstance();
|
||
instance.createInstance;
|
||
instance.dir;
|
||
instance.init;
|
||
instance.loadResources;
|
||
instance.reloadResources;
|
||
instance.use;
|
||
instance.changeLanguage;
|
||
instance.getFixedT;
|
||
instance.t;
|
||
instance.exists;
|
||
instance.setDefaultNamespace;
|
||
instance.hasLoadedNamespace;
|
||
instance.loadNamespaces;
|
||
instance.loadLanguages;
|
||
|
||
function getDefaultExportFromCjs (x) {
|
||
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
||
}
|
||
|
||
var voidElements = {
|
||
"area": true,
|
||
"base": true,
|
||
"br": true,
|
||
"col": true,
|
||
"embed": true,
|
||
"hr": true,
|
||
"img": true,
|
||
"input": true,
|
||
"link": true,
|
||
"meta": true,
|
||
"param": true,
|
||
"source": true,
|
||
"track": true,
|
||
"wbr": true
|
||
};
|
||
|
||
var e = /*@__PURE__*/getDefaultExportFromCjs(voidElements);
|
||
|
||
var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
|
||
function n(n) {
|
||
var r = {
|
||
type: "tag",
|
||
name: "",
|
||
voidElement: false,
|
||
attrs: {},
|
||
children: []
|
||
},
|
||
i = n.match(/<\/?([^\s]+?)[/\s>]/);
|
||
if (i && (r.name = i[1], (e[i[1]] || "/" === n.charAt(n.length - 2)) && (r.voidElement = true), r.name.startsWith("!--"))) {
|
||
var s = n.indexOf("--\x3e");
|
||
return {
|
||
type: "comment",
|
||
comment: -1 !== s ? n.slice(4, s) : ""
|
||
};
|
||
}
|
||
for (var a = new RegExp(t), c = null; null !== (c = a.exec(n));) if (c[0].trim()) if (c[1]) {
|
||
var o = c[1].trim(),
|
||
l = [o, ""];
|
||
o.indexOf("=") > -1 && (l = o.split("=")), r.attrs[l[0]] = l[1], a.lastIndex--;
|
||
} else c[2] && (r.attrs[c[2]] = c[3].trim().substring(1, c[3].length - 1));
|
||
return r;
|
||
}
|
||
var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,
|
||
i = /^\s*$/,
|
||
s = Object.create(null);
|
||
function a(e, t) {
|
||
switch (t.type) {
|
||
case "text":
|
||
return e + t.content;
|
||
case "tag":
|
||
return e += "<" + t.name + (t.attrs ? function (e) {
|
||
var t = [];
|
||
for (var n in e) t.push(n + '="' + e[n] + '"');
|
||
return t.length ? " " + t.join(" ") : "";
|
||
}(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(a, "") + "</" + t.name + ">";
|
||
case "comment":
|
||
return e + "\x3c!--" + t.comment + "--\x3e";
|
||
}
|
||
}
|
||
var c = {
|
||
parse: function (e, t) {
|
||
t || (t = {}), t.components || (t.components = s);
|
||
var a,
|
||
c = [],
|
||
o = [],
|
||
l = -1,
|
||
m = false;
|
||
if (0 !== e.indexOf("<")) {
|
||
var u = e.indexOf("<");
|
||
c.push({
|
||
type: "text",
|
||
content: -1 === u ? e : e.substring(0, u)
|
||
});
|
||
}
|
||
return e.replace(r, function (r, s) {
|
||
if (m) {
|
||
if (r !== "</" + a.name + ">") return;
|
||
m = false;
|
||
}
|
||
var u,
|
||
f = "/" !== r.charAt(1),
|
||
h = r.startsWith("\x3c!--"),
|
||
p = s + r.length,
|
||
d = e.charAt(p);
|
||
if (h) {
|
||
var v = n(r);
|
||
return l < 0 ? (c.push(v), c) : ((u = o[l]).children.push(v), c);
|
||
}
|
||
if (f && (l++, "tag" === (a = n(r)).type && t.components[a.name] && (a.type = "component", m = true), a.voidElement || m || !d || "<" === d || a.children.push({
|
||
type: "text",
|
||
content: e.slice(p, e.indexOf("<", p))
|
||
}), 0 === l && c.push(a), (u = o[l - 1]) && u.children.push(a), o[l] = a), (!f || a.voidElement) && (l > -1 && (a.voidElement || a.name === r.slice(2, -1)) && (l--, a = -1 === l ? c : o[l]), !m && "<" !== d && d)) {
|
||
u = -1 === l ? c : o[l].children;
|
||
var x = e.indexOf("<", p),
|
||
g = e.slice(p, -1 === x ? void 0 : x);
|
||
i.test(g) && (g = " "), (x > -1 && l + u.length >= 0 || " " !== g) && u.push({
|
||
type: "text",
|
||
content: g
|
||
});
|
||
}
|
||
}), c;
|
||
},
|
||
stringify: function (e) {
|
||
return e.reduce(function (e, t) {
|
||
return e + a("", t);
|
||
}, "");
|
||
}
|
||
};
|
||
|
||
const warn = (i18n, code, msg, rest) => {
|
||
const args = [msg, {
|
||
code,
|
||
...(rest || {})
|
||
}];
|
||
if (i18n?.services?.logger?.forward) {
|
||
return i18n.services.logger.forward(args, 'warn', 'react-i18next::', true);
|
||
}
|
||
if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
|
||
if (i18n?.services?.logger?.warn) {
|
||
i18n.services.logger.warn(...args);
|
||
} else if (console?.warn) {
|
||
console.warn(...args);
|
||
}
|
||
};
|
||
const alreadyWarned = {};
|
||
const warnOnce = (i18n, code, msg, rest) => {
|
||
if (isString(msg) && alreadyWarned[msg]) return;
|
||
if (isString(msg)) alreadyWarned[msg] = new Date();
|
||
warn(i18n, code, msg, rest);
|
||
};
|
||
const loadedClb = (i18n, cb) => () => {
|
||
if (i18n.isInitialized) {
|
||
cb();
|
||
} else {
|
||
const initialized = () => {
|
||
setTimeout(() => {
|
||
i18n.off('initialized', initialized);
|
||
}, 0);
|
||
cb();
|
||
};
|
||
i18n.on('initialized', initialized);
|
||
}
|
||
};
|
||
const loadNamespaces = (i18n, ns, cb) => {
|
||
i18n.loadNamespaces(ns, loadedClb(i18n, cb));
|
||
};
|
||
const loadLanguages = (i18n, lng, ns, cb) => {
|
||
if (isString(ns)) ns = [ns];
|
||
if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
|
||
ns.forEach(n => {
|
||
if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
|
||
});
|
||
i18n.loadLanguages(lng, loadedClb(i18n, cb));
|
||
};
|
||
const hasLoadedNamespace = (ns, i18n, options = {}) => {
|
||
if (!i18n.languages || !i18n.languages.length) {
|
||
warnOnce(i18n, 'NO_LANGUAGES', 'i18n.languages were undefined or empty', {
|
||
languages: i18n.languages
|
||
});
|
||
return true;
|
||
}
|
||
return i18n.hasLoadedNamespace(ns, {
|
||
lng: options.lng,
|
||
precheck: (i18nInstance, loadNotPending) => {
|
||
if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
|
||
}
|
||
});
|
||
};
|
||
const getDisplayName = Component => Component.displayName || Component.name || (isString(Component) && Component.length > 0 ? Component : 'Unknown');
|
||
const isString = obj => typeof obj === 'string';
|
||
const isObject = obj => typeof obj === 'object' && obj !== null;
|
||
|
||
const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
|
||
const htmlEntities = {
|
||
'&': '&',
|
||
'&': '&',
|
||
'<': '<',
|
||
'<': '<',
|
||
'>': '>',
|
||
'>': '>',
|
||
''': "'",
|
||
''': "'",
|
||
'"': '"',
|
||
'"': '"',
|
||
' ': ' ',
|
||
' ': ' ',
|
||
'©': '©',
|
||
'©': '©',
|
||
'®': '®',
|
||
'®': '®',
|
||
'…': '…',
|
||
'…': '…',
|
||
'/': '/',
|
||
'/': '/'
|
||
};
|
||
const unescapeHtmlEntity = m => htmlEntities[m];
|
||
const unescape = text => text.replace(matchHtmlEntity, unescapeHtmlEntity);
|
||
|
||
let defaultOptions = {
|
||
bindI18n: 'languageChanged',
|
||
bindI18nStore: '',
|
||
transEmptyNodeValue: '',
|
||
transSupportBasicHtmlNodes: true,
|
||
transWrapTextNodes: '',
|
||
transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
|
||
useSuspense: true,
|
||
unescape,
|
||
transDefaultProps: undefined
|
||
};
|
||
const setDefaults = (options = {}) => {
|
||
defaultOptions = {
|
||
...defaultOptions,
|
||
...options
|
||
};
|
||
};
|
||
const getDefaults = () => defaultOptions;
|
||
|
||
let i18nInstance;
|
||
const setI18n = instance => {
|
||
i18nInstance = instance;
|
||
};
|
||
const getI18n = () => i18nInstance;
|
||
|
||
const hasChildren = (node, checkLength) => {
|
||
if (!node) return false;
|
||
const base = node.props?.children ?? node.children;
|
||
if (checkLength) return base.length > 0;
|
||
return !!base;
|
||
};
|
||
const getChildren = node => {
|
||
if (!node) return [];
|
||
const children = node.props?.children ?? node.children;
|
||
return node.props?.i18nIsDynamicList ? getAsArray(children) : children;
|
||
};
|
||
const hasValidReactChildren = children => Array.isArray(children) && children.every(React.isValidElement);
|
||
const getAsArray = data => Array.isArray(data) ? data : [data];
|
||
const mergeProps = (source, target) => {
|
||
const newTarget = {
|
||
...target
|
||
};
|
||
newTarget.props = {
|
||
...target.props,
|
||
...source.props
|
||
};
|
||
return newTarget;
|
||
};
|
||
const getValuesFromChildren = children => {
|
||
const values = {};
|
||
if (!children) return values;
|
||
const getData = childs => {
|
||
const childrenArray = getAsArray(childs);
|
||
childrenArray.forEach(child => {
|
||
if (isString(child)) return;
|
||
if (hasChildren(child)) getData(getChildren(child));else if (isObject(child) && !React.isValidElement(child)) Object.assign(values, child);
|
||
});
|
||
};
|
||
getData(children);
|
||
return values;
|
||
};
|
||
const nodesToString = (children, i18nOptions, i18n, i18nKey) => {
|
||
if (!children) return '';
|
||
let stringNode = '';
|
||
const childrenArray = getAsArray(children);
|
||
const keepArray = i18nOptions?.transSupportBasicHtmlNodes ? i18nOptions.transKeepBasicHtmlNodesFor ?? [] : [];
|
||
childrenArray.forEach((child, childIndex) => {
|
||
if (isString(child)) {
|
||
stringNode += `${child}`;
|
||
return;
|
||
}
|
||
if (React.isValidElement(child)) {
|
||
const {
|
||
props,
|
||
type
|
||
} = child;
|
||
const childPropsCount = Object.keys(props).length;
|
||
const shouldKeepChild = keepArray.indexOf(type) > -1;
|
||
const childChildren = props.children;
|
||
if (!childChildren && shouldKeepChild && !childPropsCount) {
|
||
stringNode += `<${type}/>`;
|
||
return;
|
||
}
|
||
if (!childChildren && (!shouldKeepChild || childPropsCount) || props.i18nIsDynamicList) {
|
||
stringNode += `<${childIndex}></${childIndex}>`;
|
||
return;
|
||
}
|
||
if (shouldKeepChild && childPropsCount === 1 && isString(childChildren)) {
|
||
stringNode += `<${type}>${childChildren}</${type}>`;
|
||
return;
|
||
}
|
||
const content = nodesToString(childChildren, i18nOptions, i18n, i18nKey);
|
||
stringNode += `<${childIndex}>${content}</${childIndex}>`;
|
||
return;
|
||
}
|
||
if (child === null) {
|
||
warn(i18n, 'TRANS_NULL_VALUE', `Passed in a null value as child`, {
|
||
i18nKey
|
||
});
|
||
return;
|
||
}
|
||
if (isObject(child)) {
|
||
const {
|
||
format,
|
||
...clone
|
||
} = child;
|
||
const keys = Object.keys(clone);
|
||
if (keys.length === 1) {
|
||
const value = format ? `${keys[0]}, ${format}` : keys[0];
|
||
stringNode += `{{${value}}}`;
|
||
return;
|
||
}
|
||
warn(i18n, 'TRANS_INVALID_OBJ', `Invalid child - Object should only have keys {{ value, format }} (format is optional).`, {
|
||
i18nKey,
|
||
child
|
||
});
|
||
return;
|
||
}
|
||
warn(i18n, 'TRANS_INVALID_VAR', `Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.`, {
|
||
i18nKey,
|
||
child
|
||
});
|
||
});
|
||
return stringNode;
|
||
};
|
||
const escapeLiteralLessThan = (str, keepArray = [], knownComponentsMap = {}) => {
|
||
if (!str) return str;
|
||
const knownNames = Object.keys(knownComponentsMap);
|
||
const allValidNames = [...keepArray, ...knownNames];
|
||
let result = '';
|
||
let i = 0;
|
||
while (i < str.length) {
|
||
if (str[i] === '<') {
|
||
let isValidTag = false;
|
||
const closingMatch = str.slice(i).match(/^<\/(\d+|[a-zA-Z][a-zA-Z0-9_-]*)>/);
|
||
if (closingMatch) {
|
||
const tagName = closingMatch[1];
|
||
if (/^\d+$/.test(tagName) || allValidNames.includes(tagName)) {
|
||
isValidTag = true;
|
||
result += closingMatch[0];
|
||
i += closingMatch[0].length;
|
||
}
|
||
}
|
||
if (!isValidTag) {
|
||
const openingMatch = str.slice(i).match(/^<(\d+|[a-zA-Z][a-zA-Z0-9_-]*)(\s+[\w-]+(?:=(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s*(\/)?>/);
|
||
if (openingMatch) {
|
||
const tagName = openingMatch[1];
|
||
if (/^\d+$/.test(tagName) || allValidNames.includes(tagName)) {
|
||
isValidTag = true;
|
||
result += openingMatch[0];
|
||
i += openingMatch[0].length;
|
||
}
|
||
}
|
||
}
|
||
if (!isValidTag) {
|
||
result += '<';
|
||
i += 1;
|
||
}
|
||
} else {
|
||
result += str[i];
|
||
i += 1;
|
||
}
|
||
}
|
||
return result;
|
||
};
|
||
const renderNodes = (children, knownComponentsMap, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) => {
|
||
if (targetString === '') return [];
|
||
const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
|
||
const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.map(keep => `<${keep}`).join('|')).test(targetString);
|
||
if (!children && !knownComponentsMap && !emptyChildrenButNeedsHandling && !shouldUnescape) return [targetString];
|
||
const data = knownComponentsMap ?? {};
|
||
const getData = childs => {
|
||
const childrenArray = getAsArray(childs);
|
||
childrenArray.forEach(child => {
|
||
if (isString(child)) return;
|
||
if (hasChildren(child)) getData(getChildren(child));else if (isObject(child) && !React.isValidElement(child)) Object.assign(data, child);
|
||
});
|
||
};
|
||
getData(children);
|
||
const escapedString = escapeLiteralLessThan(targetString, keepArray, data);
|
||
const ast = c.parse(`<0>${escapedString}</0>`);
|
||
const opts = {
|
||
...data,
|
||
...combinedTOpts
|
||
};
|
||
const renderInner = (child, node, rootReactNode) => {
|
||
const childs = getChildren(child);
|
||
const mappedChildren = mapAST(childs, node.children, rootReactNode);
|
||
return hasValidReactChildren(childs) && mappedChildren.length === 0 || child.props?.i18nIsDynamicList ? childs : mappedChildren;
|
||
};
|
||
const pushTranslatedJSX = (child, inner, mem, i, isVoid) => {
|
||
if (child.dummy) {
|
||
child.children = inner;
|
||
mem.push(React.cloneElement(child, {
|
||
key: i
|
||
}, isVoid ? undefined : inner));
|
||
} else {
|
||
mem.push(...React.Children.map([child], c => {
|
||
const INTERNAL_DYNAMIC_MARKER = 'data-i18n-is-dynamic-list';
|
||
const override = {
|
||
key: i,
|
||
[INTERNAL_DYNAMIC_MARKER]: undefined
|
||
};
|
||
if (c && c.props) {
|
||
Object.keys(c.props).forEach(k => {
|
||
if (k === 'ref' || k === 'children' || k === 'i18nIsDynamicList' || k === INTERNAL_DYNAMIC_MARKER) return;
|
||
override[k] = c.props[k];
|
||
});
|
||
}
|
||
return React.cloneElement(c, override, isVoid ? null : inner);
|
||
}));
|
||
}
|
||
};
|
||
const mapAST = (reactNode, astNode, rootReactNode) => {
|
||
const reactNodes = getAsArray(reactNode);
|
||
const astNodes = getAsArray(astNode);
|
||
return astNodes.reduce((mem, node, i) => {
|
||
const translationContent = node.children?.[0]?.content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
|
||
if (node.type === 'tag') {
|
||
let tmp = reactNodes[parseInt(node.name, 10)];
|
||
if (!tmp && knownComponentsMap) tmp = knownComponentsMap[node.name];
|
||
if (rootReactNode.length === 1 && !tmp) tmp = rootReactNode[0][node.name];
|
||
if (!tmp) tmp = {};
|
||
const props = {
|
||
...node.attrs
|
||
};
|
||
if (shouldUnescape) {
|
||
Object.keys(props).forEach(p => {
|
||
const val = props[p];
|
||
if (isString(val)) {
|
||
props[p] = unescape(val);
|
||
}
|
||
});
|
||
}
|
||
const child = Object.keys(props).length !== 0 ? mergeProps({
|
||
props
|
||
}, tmp) : tmp;
|
||
const isElement = React.isValidElement(child);
|
||
const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
|
||
const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && isObject(child) && child.dummy && !isElement;
|
||
const isKnownComponent = isObject(knownComponentsMap) && Object.hasOwnProperty.call(knownComponentsMap, node.name);
|
||
if (isString(child)) {
|
||
const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
|
||
mem.push(value);
|
||
} else if (hasChildren(child) || isValidTranslationWithChildren) {
|
||
const inner = renderInner(child, node, rootReactNode);
|
||
pushTranslatedJSX(child, inner, mem, i);
|
||
} else if (isEmptyTransWithHTML) {
|
||
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
||
pushTranslatedJSX(child, inner, mem, i);
|
||
} else if (Number.isNaN(parseFloat(node.name))) {
|
||
if (isKnownComponent) {
|
||
const inner = renderInner(child, node, rootReactNode);
|
||
pushTranslatedJSX(child, inner, mem, i, node.voidElement);
|
||
} else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
|
||
if (node.voidElement) {
|
||
mem.push(React.createElement(node.name, {
|
||
key: `${node.name}-${i}`
|
||
}));
|
||
} else {
|
||
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
||
mem.push(React.createElement(node.name, {
|
||
key: `${node.name}-${i}`
|
||
}, inner));
|
||
}
|
||
} else if (node.voidElement) {
|
||
mem.push(`<${node.name} />`);
|
||
} else {
|
||
const inner = mapAST(reactNodes, node.children, rootReactNode);
|
||
mem.push(`<${node.name}>${inner}</${node.name}>`);
|
||
}
|
||
} else if (isObject(child) && !isElement) {
|
||
const content = node.children[0] ? translationContent : null;
|
||
if (content) mem.push(content);
|
||
} else {
|
||
pushTranslatedJSX(child, translationContent, mem, i, node.children.length !== 1 || !translationContent);
|
||
}
|
||
} else if (node.type === 'text') {
|
||
const wrapTextNodes = i18nOptions.transWrapTextNodes;
|
||
const unescapeFn = typeof i18nOptions.unescape === 'function' ? i18nOptions.unescape : getDefaults().unescape;
|
||
const content = shouldUnescape ? unescapeFn(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
|
||
if (wrapTextNodes) {
|
||
mem.push(React.createElement(wrapTextNodes, {
|
||
key: `${node.name}-${i}`
|
||
}, content));
|
||
} else {
|
||
mem.push(content);
|
||
}
|
||
}
|
||
return mem;
|
||
}, []);
|
||
};
|
||
const result = mapAST([{
|
||
dummy: true,
|
||
children: children || []
|
||
}], ast, getAsArray(children || []));
|
||
return getChildren(result[0]);
|
||
};
|
||
const fixComponentProps = (component, index, translation) => {
|
||
const componentKey = component.key || index;
|
||
const comp = React.cloneElement(component, {
|
||
key: componentKey
|
||
});
|
||
if (!comp.props || !comp.props.children || translation.indexOf(`${index}/>`) < 0 && translation.indexOf(`${index} />`) < 0) {
|
||
return comp;
|
||
}
|
||
function Componentized() {
|
||
return React.createElement(React.Fragment, null, comp);
|
||
}
|
||
return React.createElement(Componentized, {
|
||
key: componentKey
|
||
});
|
||
};
|
||
const generateArrayComponents = (components, translation) => components.map((c, index) => fixComponentProps(c, index, translation));
|
||
const generateObjectComponents = (components, translation) => {
|
||
const componentMap = {};
|
||
Object.keys(components).forEach(c => {
|
||
Object.assign(componentMap, {
|
||
[c]: fixComponentProps(components[c], c, translation)
|
||
});
|
||
});
|
||
return componentMap;
|
||
};
|
||
const generateComponents = (components, translation, i18n, i18nKey) => {
|
||
if (!components) return null;
|
||
if (Array.isArray(components)) {
|
||
return generateArrayComponents(components, translation);
|
||
}
|
||
if (isObject(components)) {
|
||
return generateObjectComponents(components, translation);
|
||
}
|
||
warnOnce(i18n, 'TRANS_INVALID_COMPONENTS', `<Trans /> "components" prop expects an object or array`, {
|
||
i18nKey
|
||
});
|
||
return null;
|
||
};
|
||
const isComponentsMap = object => {
|
||
if (!isObject(object)) return false;
|
||
if (Array.isArray(object)) return false;
|
||
return Object.keys(object).reduce((acc, key) => acc && Number.isNaN(Number.parseFloat(key)), true);
|
||
};
|
||
function Trans$1({
|
||
children,
|
||
count,
|
||
parent,
|
||
i18nKey,
|
||
context,
|
||
tOptions = {},
|
||
values,
|
||
defaults,
|
||
components,
|
||
ns,
|
||
i18n: i18nFromProps,
|
||
t: tFromProps,
|
||
shouldUnescape,
|
||
...additionalProps
|
||
}) {
|
||
const i18n = i18nFromProps || getI18n();
|
||
if (!i18n) {
|
||
warnOnce(i18n, 'NO_I18NEXT_INSTANCE', `Trans: You need to pass in an i18next instance using i18nextReactModule`, {
|
||
i18nKey
|
||
});
|
||
return children;
|
||
}
|
||
const t = tFromProps || i18n.t.bind(i18n) || (k => k);
|
||
const reactI18nextOptions = {
|
||
...getDefaults(),
|
||
...i18n.options?.react
|
||
};
|
||
let namespaces = ns || t.ns || i18n.options?.defaultNS;
|
||
namespaces = isString(namespaces) ? [namespaces] : namespaces || ['translation'];
|
||
const {
|
||
transDefaultProps
|
||
} = reactI18nextOptions;
|
||
const mergedTOptions = transDefaultProps?.tOptions ? {
|
||
...transDefaultProps.tOptions,
|
||
...tOptions
|
||
} : tOptions;
|
||
const mergedShouldUnescape = shouldUnescape ?? transDefaultProps?.shouldUnescape;
|
||
const mergedValues = transDefaultProps?.values ? {
|
||
...transDefaultProps.values,
|
||
...values
|
||
} : values;
|
||
const mergedComponents = transDefaultProps?.components ? {
|
||
...transDefaultProps.components,
|
||
...components
|
||
} : components;
|
||
const nodeAsString = nodesToString(children, reactI18nextOptions, i18n, i18nKey);
|
||
const defaultValue = defaults || mergedTOptions?.defaultValue || nodeAsString || reactI18nextOptions.transEmptyNodeValue || (typeof i18nKey === 'function' ? keysFromSelector(i18nKey) : i18nKey);
|
||
const {
|
||
hashTransKey
|
||
} = reactI18nextOptions;
|
||
const key = i18nKey || (hashTransKey ? hashTransKey(nodeAsString || defaultValue) : nodeAsString || defaultValue);
|
||
if (i18n.options?.interpolation?.defaultVariables) {
|
||
values = mergedValues && Object.keys(mergedValues).length > 0 ? {
|
||
...mergedValues,
|
||
...i18n.options.interpolation.defaultVariables
|
||
} : {
|
||
...i18n.options.interpolation.defaultVariables
|
||
};
|
||
} else {
|
||
values = mergedValues;
|
||
}
|
||
const valuesFromChildren = getValuesFromChildren(children);
|
||
if (valuesFromChildren && typeof valuesFromChildren.count === 'number' && count === undefined) {
|
||
count = valuesFromChildren.count;
|
||
}
|
||
const interpolationOverride = values || count !== undefined && !i18n.options?.interpolation?.alwaysFormat || !children ? mergedTOptions.interpolation : {
|
||
interpolation: {
|
||
...mergedTOptions.interpolation,
|
||
prefix: '#$?',
|
||
suffix: '?$#'
|
||
}
|
||
};
|
||
const combinedTOpts = {
|
||
...mergedTOptions,
|
||
context: context || mergedTOptions.context,
|
||
count,
|
||
...values,
|
||
...interpolationOverride,
|
||
defaultValue,
|
||
ns: namespaces
|
||
};
|
||
let translation = key ? t(key, combinedTOpts) : defaultValue;
|
||
if (translation === key && defaultValue) translation = defaultValue;
|
||
const generatedComponents = generateComponents(mergedComponents, translation, i18n, i18nKey);
|
||
let indexedChildren = generatedComponents || children;
|
||
let componentsMap = null;
|
||
if (isComponentsMap(generatedComponents)) {
|
||
componentsMap = generatedComponents;
|
||
indexedChildren = children;
|
||
}
|
||
const content = renderNodes(indexedChildren, componentsMap, translation, i18n, reactI18nextOptions, combinedTOpts, mergedShouldUnescape);
|
||
const useAsParent = parent ?? reactI18nextOptions.defaultTransParent;
|
||
return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
|
||
}
|
||
|
||
const initReactI18next = {
|
||
type: '3rdParty',
|
||
init(instance) {
|
||
setDefaults(instance.options.react);
|
||
setI18n(instance);
|
||
}
|
||
};
|
||
|
||
const I18nContext = React.createContext();
|
||
class ReportNamespaces {
|
||
constructor() {
|
||
this.usedNamespaces = {};
|
||
}
|
||
addUsedNamespaces(namespaces) {
|
||
namespaces.forEach(ns => {
|
||
if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
|
||
});
|
||
}
|
||
getUsedNamespaces() {
|
||
return Object.keys(this.usedNamespaces);
|
||
}
|
||
}
|
||
const composeInitialProps = ForComponent => async ctx => {
|
||
const componentsInitialProps = (await ForComponent.getInitialProps?.(ctx)) ?? {};
|
||
const i18nInitialProps = getInitialProps();
|
||
return {
|
||
...componentsInitialProps,
|
||
...i18nInitialProps
|
||
};
|
||
};
|
||
const getInitialProps = () => {
|
||
const i18n = getI18n();
|
||
const namespaces = 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;
|
||
};
|
||
|
||
function Trans({
|
||
children,
|
||
count,
|
||
parent,
|
||
i18nKey,
|
||
context,
|
||
tOptions = {},
|
||
values,
|
||
defaults,
|
||
components,
|
||
ns,
|
||
i18n: i18nFromProps,
|
||
t: tFromProps,
|
||
shouldUnescape,
|
||
...additionalProps
|
||
}) {
|
||
const {
|
||
i18n: i18nFromContext,
|
||
defaultNS: defaultNSFromContext
|
||
} = React.useContext(I18nContext) || {};
|
||
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
||
const t = tFromProps || i18n?.t.bind(i18n);
|
||
return Trans$1({
|
||
children,
|
||
count,
|
||
parent,
|
||
i18nKey,
|
||
context,
|
||
tOptions,
|
||
values,
|
||
defaults,
|
||
components,
|
||
ns: ns || t?.ns || defaultNSFromContext || i18n?.options?.defaultNS,
|
||
i18n,
|
||
t: tFromProps,
|
||
shouldUnescape,
|
||
...additionalProps
|
||
});
|
||
}
|
||
|
||
class TranslationParserError extends Error {
|
||
constructor(message, position, translationString) {
|
||
super(message);
|
||
this.name = 'TranslationParserError';
|
||
this.position = position;
|
||
this.translationString = translationString;
|
||
if (Error.captureStackTrace) {
|
||
Error.captureStackTrace(this, TranslationParserError);
|
||
}
|
||
}
|
||
}
|
||
|
||
const commonEntities = {
|
||
' ': '\u00A0',
|
||
'&': '&',
|
||
'<': '<',
|
||
'>': '>',
|
||
'"': '"',
|
||
''': "'",
|
||
'©': '©',
|
||
'®': '®',
|
||
'™': '™',
|
||
'…': '…',
|
||
'–': '–',
|
||
'—': '—',
|
||
'‘': '\u2018',
|
||
'’': '\u2019',
|
||
'‚': '\u201A',
|
||
'“': '\u201C',
|
||
'”': '\u201D',
|
||
'„': '\u201E',
|
||
'†': '†',
|
||
'‡': '‡',
|
||
'•': '•',
|
||
'′': '′',
|
||
'″': '″',
|
||
'‹': '‹',
|
||
'›': '›',
|
||
'§': '§',
|
||
'¶': '¶',
|
||
'·': '·',
|
||
' ': '\u2002',
|
||
' ': '\u2003',
|
||
' ': '\u2009',
|
||
'€': '€',
|
||
'£': '£',
|
||
'¥': '¥',
|
||
'¢': '¢',
|
||
'¤': '¤',
|
||
'×': '×',
|
||
'÷': '÷',
|
||
'−': '−',
|
||
'±': '±',
|
||
'≠': '≠',
|
||
'≤': '≤',
|
||
'≥': '≥',
|
||
'≈': '≈',
|
||
'≡': '≡',
|
||
'∞': '∞',
|
||
'∫': '∫',
|
||
'∑': '∑',
|
||
'∏': '∏',
|
||
'√': '√',
|
||
'∂': '∂',
|
||
'‰': '‰',
|
||
'°': '°',
|
||
'µ': 'µ',
|
||
'←': '←',
|
||
'↑': '↑',
|
||
'→': '→',
|
||
'↓': '↓',
|
||
'↔': '↔',
|
||
'↵': '↵',
|
||
'⇐': '⇐',
|
||
'⇑': '⇑',
|
||
'⇒': '⇒',
|
||
'⇓': '⇓',
|
||
'⇔': '⇔',
|
||
'α': 'α',
|
||
'β': 'β',
|
||
'γ': 'γ',
|
||
'δ': 'δ',
|
||
'ε': 'ε',
|
||
'ζ': 'ζ',
|
||
'η': 'η',
|
||
'θ': 'θ',
|
||
'ι': 'ι',
|
||
'κ': 'κ',
|
||
'λ': 'λ',
|
||
'μ': 'μ',
|
||
'ν': 'ν',
|
||
'ξ': 'ξ',
|
||
'ο': 'ο',
|
||
'π': 'π',
|
||
'ρ': 'ρ',
|
||
'σ': 'σ',
|
||
'τ': 'τ',
|
||
'υ': 'υ',
|
||
'φ': 'φ',
|
||
'χ': 'χ',
|
||
'ψ': 'ψ',
|
||
'ω': 'ω',
|
||
'Α': 'Α',
|
||
'Β': 'Β',
|
||
'Γ': 'Γ',
|
||
'Δ': 'Δ',
|
||
'Ε': 'Ε',
|
||
'Ζ': 'Ζ',
|
||
'Η': 'Η',
|
||
'Θ': 'Θ',
|
||
'Ι': 'Ι',
|
||
'Κ': 'Κ',
|
||
'Λ': 'Λ',
|
||
'Μ': 'Μ',
|
||
'Ν': 'Ν',
|
||
'Ξ': 'Ξ',
|
||
'Ο': 'Ο',
|
||
'Π': 'Π',
|
||
'Ρ': 'Ρ',
|
||
'Σ': 'Σ',
|
||
'Τ': 'Τ',
|
||
'Υ': 'Υ',
|
||
'Φ': 'Φ',
|
||
'Χ': 'Χ',
|
||
'Ψ': 'Ψ',
|
||
'Ω': 'Ω',
|
||
'À': 'À',
|
||
'Á': 'Á',
|
||
'Â': 'Â',
|
||
'Ã': 'Ã',
|
||
'Ä': 'Ä',
|
||
'Å': 'Å',
|
||
'Æ': 'Æ',
|
||
'Ç': 'Ç',
|
||
'È': 'È',
|
||
'É': 'É',
|
||
'Ê': 'Ê',
|
||
'Ë': 'Ë',
|
||
'Ì': 'Ì',
|
||
'Í': 'Í',
|
||
'Î': 'Î',
|
||
'Ï': 'Ï',
|
||
'Ð': 'Ð',
|
||
'Ñ': 'Ñ',
|
||
'Ò': 'Ò',
|
||
'Ó': 'Ó',
|
||
'Ô': 'Ô',
|
||
'Õ': 'Õ',
|
||
'Ö': 'Ö',
|
||
'Ø': 'Ø',
|
||
'Ù': 'Ù',
|
||
'Ú': 'Ú',
|
||
'Û': 'Û',
|
||
'Ü': 'Ü',
|
||
'Ý': 'Ý',
|
||
'Þ': 'Þ',
|
||
'ß': 'ß',
|
||
'à': 'à',
|
||
'á': 'á',
|
||
'â': 'â',
|
||
'ã': 'ã',
|
||
'ä': 'ä',
|
||
'å': 'å',
|
||
'æ': 'æ',
|
||
'ç': 'ç',
|
||
'è': 'è',
|
||
'é': 'é',
|
||
'ê': 'ê',
|
||
'ë': 'ë',
|
||
'ì': 'ì',
|
||
'í': 'í',
|
||
'î': 'î',
|
||
'ï': 'ï',
|
||
'ð': 'ð',
|
||
'ñ': 'ñ',
|
||
'ò': 'ò',
|
||
'ó': 'ó',
|
||
'ô': 'ô',
|
||
'õ': 'õ',
|
||
'ö': 'ö',
|
||
'ø': 'ø',
|
||
'ù': 'ù',
|
||
'ú': 'ú',
|
||
'û': 'û',
|
||
'ü': 'ü',
|
||
'ý': 'ý',
|
||
'þ': 'þ',
|
||
'ÿ': 'ÿ',
|
||
'¡': '¡',
|
||
'¿': '¿',
|
||
'ƒ': 'ƒ',
|
||
'ˆ': 'ˆ',
|
||
'˜': '˜',
|
||
'Œ': 'Œ',
|
||
'œ': 'œ',
|
||
'Š': 'Š',
|
||
'š': 'š',
|
||
'Ÿ': 'Ÿ',
|
||
'ª': 'ª',
|
||
'º': 'º',
|
||
'¯': '¯',
|
||
'´': '´',
|
||
'¸': '¸',
|
||
'¹': '¹',
|
||
'²': '²',
|
||
'³': '³',
|
||
'¼': '¼',
|
||
'½': '½',
|
||
'¾': '¾',
|
||
'♠': '♠',
|
||
'♣': '♣',
|
||
'♥': '♥',
|
||
'♦': '♦',
|
||
'◊': '◊',
|
||
'‾': '‾',
|
||
'⁄': '⁄',
|
||
'℘': '℘',
|
||
'ℑ': 'ℑ',
|
||
'ℜ': 'ℜ',
|
||
'ℵ': 'ℵ'
|
||
};
|
||
const entityPattern = new RegExp(Object.keys(commonEntities).map(entity => entity.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|'), 'g');
|
||
const decodeHtmlEntities = text => text.replace(entityPattern, match => commonEntities[match]).replace(/&#(\d+);/g, (_, num) => String.fromCharCode(parseInt(num, 10))).replace(/&#x([0-9a-fA-F]+);/g, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
|
||
|
||
const tokenize = translation => {
|
||
const tokens = [];
|
||
let position = 0;
|
||
let currentText = '';
|
||
const flushText = () => {
|
||
if (currentText) {
|
||
tokens.push({
|
||
type: 'Text',
|
||
value: currentText,
|
||
position: position - currentText.length
|
||
});
|
||
currentText = '';
|
||
}
|
||
};
|
||
while (position < translation.length) {
|
||
const char = translation[position];
|
||
if (char === '<') {
|
||
const tagMatch = translation.slice(position).match(/^<(\d+)>/);
|
||
if (tagMatch) {
|
||
flushText();
|
||
tokens.push({
|
||
type: 'TagOpen',
|
||
value: tagMatch[0],
|
||
position,
|
||
tagNumber: parseInt(tagMatch[1], 10)
|
||
});
|
||
position += tagMatch[0].length;
|
||
} else {
|
||
const closeTagMatch = translation.slice(position).match(/^<\/(\d+)>/);
|
||
if (closeTagMatch) {
|
||
flushText();
|
||
tokens.push({
|
||
type: 'TagClose',
|
||
value: closeTagMatch[0],
|
||
position,
|
||
tagNumber: parseInt(closeTagMatch[1], 10)
|
||
});
|
||
position += closeTagMatch[0].length;
|
||
} else {
|
||
currentText += char;
|
||
position += 1;
|
||
}
|
||
}
|
||
} else {
|
||
currentText += char;
|
||
position += 1;
|
||
}
|
||
}
|
||
flushText();
|
||
return tokens;
|
||
};
|
||
|
||
const renderDeclarationNode = (declaration, children, childDeclarations) => {
|
||
const {
|
||
type,
|
||
props = {}
|
||
} = declaration;
|
||
if (props.children && Array.isArray(props.children) && childDeclarations) {
|
||
const {
|
||
children: _childrenToRemove,
|
||
...propsWithoutChildren
|
||
} = props;
|
||
return React.createElement(type, propsWithoutChildren, ...children);
|
||
}
|
||
if (children.length === 0) {
|
||
return React.createElement(type, props);
|
||
}
|
||
if (children.length === 1) {
|
||
return React.createElement(type, props, children[0]);
|
||
}
|
||
return React.createElement(type, props, ...children);
|
||
};
|
||
const renderTranslation = (translation, declarations = []) => {
|
||
if (!translation) {
|
||
return [];
|
||
}
|
||
const tokens = tokenize(translation);
|
||
const result = [];
|
||
const stack = [];
|
||
const literalTagNumbers = new Set();
|
||
const getCurrentDeclarations = () => {
|
||
if (stack.length === 0) {
|
||
return declarations;
|
||
}
|
||
const parentFrame = stack[stack.length - 1];
|
||
if (parentFrame.declaration.props?.children && Array.isArray(parentFrame.declaration.props.children)) {
|
||
return parentFrame.declaration.props.children;
|
||
}
|
||
return parentFrame.declarations;
|
||
};
|
||
tokens.forEach(token => {
|
||
switch (token.type) {
|
||
case 'Text':
|
||
{
|
||
const decoded = decodeHtmlEntities(token.value);
|
||
const targetArray = stack.length > 0 ? stack[stack.length - 1].children : result;
|
||
targetArray.push(decoded);
|
||
}
|
||
break;
|
||
case 'TagOpen':
|
||
{
|
||
const {
|
||
tagNumber
|
||
} = token;
|
||
const currentDeclarations = getCurrentDeclarations();
|
||
const declaration = currentDeclarations[tagNumber];
|
||
if (!declaration) {
|
||
literalTagNumbers.add(tagNumber);
|
||
const literalText = `<${tagNumber}>`;
|
||
const targetArray = stack.length > 0 ? stack[stack.length - 1].children : result;
|
||
targetArray.push(literalText);
|
||
break;
|
||
}
|
||
stack.push({
|
||
tagNumber,
|
||
children: [],
|
||
position: token.position,
|
||
declaration,
|
||
declarations: currentDeclarations
|
||
});
|
||
}
|
||
break;
|
||
case 'TagClose':
|
||
{
|
||
const {
|
||
tagNumber
|
||
} = token;
|
||
if (literalTagNumbers.has(tagNumber)) {
|
||
const literalText = `</${tagNumber}>`;
|
||
const literalTargetArray = stack.length > 0 ? stack[stack.length - 1].children : result;
|
||
literalTargetArray.push(literalText);
|
||
literalTagNumbers.delete(tagNumber);
|
||
break;
|
||
}
|
||
if (stack.length === 0) {
|
||
throw new TranslationParserError(`Unexpected closing tag </${tagNumber}> at position ${token.position}`, token.position, translation);
|
||
}
|
||
const frame = stack.pop();
|
||
if (frame.tagNumber !== tagNumber) {
|
||
throw new TranslationParserError(`Mismatched tags: expected </${frame.tagNumber}> but got </${tagNumber}> at position ${token.position}`, token.position, translation);
|
||
}
|
||
const element = renderDeclarationNode(frame.declaration, frame.children, frame.declarations);
|
||
const elementTargetArray = stack.length > 0 ? stack[stack.length - 1].children : result;
|
||
elementTargetArray.push(element);
|
||
}
|
||
break;
|
||
}
|
||
});
|
||
if (stack.length > 0) {
|
||
const unclosed = stack[stack.length - 1];
|
||
throw new TranslationParserError(`Unclosed tag <${unclosed.tagNumber}> at position ${unclosed.position}`, unclosed.position, translation);
|
||
}
|
||
return result;
|
||
};
|
||
|
||
function IcuTransWithoutContext({
|
||
i18nKey,
|
||
defaultTranslation,
|
||
content,
|
||
ns,
|
||
values = {},
|
||
i18n: i18nFromProps,
|
||
t: tFromProps
|
||
}) {
|
||
const i18n = i18nFromProps || getI18n();
|
||
if (!i18n) {
|
||
warnOnce(i18n, 'NO_I18NEXT_INSTANCE', `IcuTrans: You need to pass in an i18next instance using i18nextReactModule`, {
|
||
i18nKey
|
||
});
|
||
return React.createElement(React.Fragment, {}, defaultTranslation);
|
||
}
|
||
const t = tFromProps || i18n.t?.bind(i18n) || (k => k);
|
||
let namespaces = ns || t.ns || i18n.options?.defaultNS;
|
||
namespaces = isString(namespaces) ? [namespaces] : namespaces || ['translation'];
|
||
let mergedValues = values;
|
||
if (i18n.options?.interpolation?.defaultVariables) {
|
||
mergedValues = values && Object.keys(values).length > 0 ? {
|
||
...values,
|
||
...i18n.options.interpolation.defaultVariables
|
||
} : {
|
||
...i18n.options.interpolation.defaultVariables
|
||
};
|
||
}
|
||
const translation = t(i18nKey, {
|
||
defaultValue: defaultTranslation,
|
||
...mergedValues,
|
||
ns: namespaces
|
||
});
|
||
try {
|
||
const rendered = renderTranslation(translation, content);
|
||
return React.createElement(React.Fragment, {}, ...rendered);
|
||
} catch (error) {
|
||
warn(i18n, 'ICU_TRANS_RENDER_ERROR', `IcuTrans component error for key "${i18nKey}": ${error.message}`, {
|
||
i18nKey,
|
||
error
|
||
});
|
||
return React.createElement(React.Fragment, {}, translation);
|
||
}
|
||
}
|
||
IcuTransWithoutContext.displayName = 'IcuTransWithoutContext';
|
||
|
||
function IcuTrans({
|
||
i18nKey,
|
||
defaultTranslation,
|
||
content,
|
||
ns,
|
||
values = {},
|
||
i18n: i18nFromProps,
|
||
t: tFromProps
|
||
}) {
|
||
const {
|
||
i18n: i18nFromContext,
|
||
defaultNS: defaultNSFromContext
|
||
} = React.useContext(I18nContext) || {};
|
||
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
||
const t = tFromProps || i18n?.t.bind(i18n);
|
||
return IcuTransWithoutContext({
|
||
i18nKey,
|
||
defaultTranslation,
|
||
content,
|
||
ns: ns || t?.ns || defaultNSFromContext || i18n?.options?.defaultNS,
|
||
values,
|
||
i18n,
|
||
t: tFromProps
|
||
});
|
||
}
|
||
IcuTrans.displayName = 'IcuTrans';
|
||
|
||
var shim = {exports: {}};
|
||
|
||
var useSyncExternalStoreShim_development = {};
|
||
|
||
/**
|
||
* @license React
|
||
* use-sync-external-store-shim.development.js
|
||
*
|
||
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
*
|
||
* This source code is licensed under the MIT license found in the
|
||
* LICENSE file in the root directory of this source tree.
|
||
*/
|
||
|
||
(function () {
|
||
function is(x, y) {
|
||
return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
|
||
}
|
||
function useSyncExternalStore$2(subscribe, getSnapshot) {
|
||
didWarnOld18Alpha || void 0 === React$1.startTransition || (didWarnOld18Alpha = true, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
|
||
var value = getSnapshot();
|
||
if (!didWarnUncachedGetSnapshot) {
|
||
var cachedValue = getSnapshot();
|
||
objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = true);
|
||
}
|
||
cachedValue = useState({
|
||
inst: {
|
||
value: value,
|
||
getSnapshot: getSnapshot
|
||
}
|
||
});
|
||
var inst = cachedValue[0].inst,
|
||
forceUpdate = cachedValue[1];
|
||
useLayoutEffect(function () {
|
||
inst.value = value;
|
||
inst.getSnapshot = getSnapshot;
|
||
checkIfSnapshotChanged(inst) && forceUpdate({
|
||
inst: inst
|
||
});
|
||
}, [subscribe, value, getSnapshot]);
|
||
useEffect(function () {
|
||
checkIfSnapshotChanged(inst) && forceUpdate({
|
||
inst: inst
|
||
});
|
||
return subscribe(function () {
|
||
checkIfSnapshotChanged(inst) && forceUpdate({
|
||
inst: inst
|
||
});
|
||
});
|
||
}, [subscribe]);
|
||
useDebugValue(value);
|
||
return value;
|
||
}
|
||
function checkIfSnapshotChanged(inst) {
|
||
var latestGetSnapshot = inst.getSnapshot;
|
||
inst = inst.value;
|
||
try {
|
||
var nextValue = latestGetSnapshot();
|
||
return !objectIs(inst, nextValue);
|
||
} catch (error) {
|
||
return true;
|
||
}
|
||
}
|
||
function useSyncExternalStore$1(subscribe, getSnapshot) {
|
||
return getSnapshot();
|
||
}
|
||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
|
||
var React$1 = React,
|
||
objectIs = "function" === typeof Object.is ? Object.is : is,
|
||
useState = React$1.useState,
|
||
useEffect = React$1.useEffect,
|
||
useLayoutEffect = React$1.useLayoutEffect,
|
||
useDebugValue = React$1.useDebugValue,
|
||
didWarnOld18Alpha = false,
|
||
didWarnUncachedGetSnapshot = false,
|
||
shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
|
||
useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
|
||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
|
||
})();
|
||
|
||
{
|
||
shim.exports = useSyncExternalStoreShim_development;
|
||
}
|
||
|
||
var shimExports = shim.exports;
|
||
|
||
const notReadyT = (k, optsOrDefaultValue) => {
|
||
if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
|
||
if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
|
||
return Array.isArray(k) ? k[k.length - 1] : k;
|
||
};
|
||
const notReadySnapshot = {
|
||
t: notReadyT,
|
||
ready: false
|
||
};
|
||
const dummySubscribe = () => () => {};
|
||
const useTranslation = (ns, props = {}) => {
|
||
const {
|
||
i18n: i18nFromProps
|
||
} = props;
|
||
const {
|
||
i18n: i18nFromContext,
|
||
defaultNS: defaultNSFromContext
|
||
} = React.useContext(I18nContext) || {};
|
||
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
||
if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
|
||
if (!i18n) {
|
||
warnOnce(i18n, 'NO_I18NEXT_INSTANCE', 'useTranslation: You will need to pass in an i18next instance by using initReactI18next');
|
||
}
|
||
const i18nOptions = React.useMemo(() => ({
|
||
...getDefaults(),
|
||
...i18n?.options?.react,
|
||
...props
|
||
}), [i18n, props]);
|
||
const {
|
||
useSuspense,
|
||
keyPrefix
|
||
} = i18nOptions;
|
||
const nsOrContext = ns || defaultNSFromContext || i18n?.options?.defaultNS;
|
||
const unstableNamespaces = isString(nsOrContext) ? [nsOrContext] : nsOrContext || ['translation'];
|
||
const namespaces = React.useMemo(() => unstableNamespaces, unstableNamespaces);
|
||
i18n?.reportNamespaces?.addUsedNamespaces?.(namespaces);
|
||
const revisionRef = React.useRef(0);
|
||
const subscribe = React.useCallback(callback => {
|
||
if (!i18n) return dummySubscribe;
|
||
const {
|
||
bindI18n,
|
||
bindI18nStore
|
||
} = i18nOptions;
|
||
const wrappedCallback = () => {
|
||
revisionRef.current += 1;
|
||
callback();
|
||
};
|
||
if (bindI18n) i18n.on(bindI18n, wrappedCallback);
|
||
if (bindI18nStore) i18n.store.on(bindI18nStore, wrappedCallback);
|
||
return () => {
|
||
if (bindI18n) bindI18n.split(' ').forEach(e => i18n.off(e, wrappedCallback));
|
||
if (bindI18nStore) bindI18nStore.split(' ').forEach(e => i18n.store.off(e, wrappedCallback));
|
||
};
|
||
}, [i18n, i18nOptions]);
|
||
const snapshotRef = React.useRef();
|
||
const getSnapshot = React.useCallback(() => {
|
||
if (!i18n) {
|
||
return notReadySnapshot;
|
||
}
|
||
const calculatedReady = !!(i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every(n => hasLoadedNamespace(n, i18n, i18nOptions));
|
||
const currentLng = props.lng || i18n.language;
|
||
const currentRevision = revisionRef.current;
|
||
const lastSnapshot = snapshotRef.current;
|
||
if (lastSnapshot && lastSnapshot.ready === calculatedReady && lastSnapshot.lng === currentLng && lastSnapshot.keyPrefix === keyPrefix && lastSnapshot.revision === currentRevision) {
|
||
return lastSnapshot;
|
||
}
|
||
const calculatedT = i18n.getFixedT(currentLng, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
|
||
const newSnapshot = {
|
||
t: calculatedT,
|
||
ready: calculatedReady,
|
||
lng: currentLng,
|
||
keyPrefix,
|
||
revision: currentRevision
|
||
};
|
||
snapshotRef.current = newSnapshot;
|
||
return newSnapshot;
|
||
}, [i18n, namespaces, keyPrefix, i18nOptions, props.lng]);
|
||
const [loadCount, setLoadCount] = React.useState(0);
|
||
const {
|
||
t,
|
||
ready
|
||
} = shimExports.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
||
React.useEffect(() => {
|
||
if (i18n && !ready && !useSuspense) {
|
||
const onLoaded = () => setLoadCount(c => c + 1);
|
||
if (props.lng) {
|
||
loadLanguages(i18n, props.lng, namespaces, onLoaded);
|
||
} else {
|
||
loadNamespaces(i18n, namespaces, onLoaded);
|
||
}
|
||
}
|
||
}, [i18n, props.lng, namespaces, ready, useSuspense, loadCount]);
|
||
const finalI18n = i18n || {};
|
||
const wrapperRef = React.useRef(null);
|
||
const wrapperLangRef = React.useRef();
|
||
const createI18nWrapper = original => {
|
||
const descriptors = Object.getOwnPropertyDescriptors(original);
|
||
if (descriptors.__original) delete descriptors.__original;
|
||
const wrapper = Object.create(Object.getPrototypeOf(original), descriptors);
|
||
if (!Object.prototype.hasOwnProperty.call(wrapper, '__original')) {
|
||
try {
|
||
Object.defineProperty(wrapper, '__original', {
|
||
value: original,
|
||
writable: false,
|
||
enumerable: false,
|
||
configurable: false
|
||
});
|
||
} catch (_) {}
|
||
}
|
||
return wrapper;
|
||
};
|
||
const ret = React.useMemo(() => {
|
||
const original = finalI18n;
|
||
const lang = original?.language;
|
||
let i18nWrapper = original;
|
||
if (original) {
|
||
if (wrapperRef.current && wrapperRef.current.__original === original) {
|
||
if (wrapperLangRef.current !== lang) {
|
||
i18nWrapper = createI18nWrapper(original);
|
||
wrapperRef.current = i18nWrapper;
|
||
wrapperLangRef.current = lang;
|
||
} else {
|
||
i18nWrapper = wrapperRef.current;
|
||
}
|
||
} else {
|
||
i18nWrapper = createI18nWrapper(original);
|
||
wrapperRef.current = i18nWrapper;
|
||
wrapperLangRef.current = lang;
|
||
}
|
||
}
|
||
const arr = [t, i18nWrapper, ready];
|
||
arr.t = t;
|
||
arr.i18n = i18nWrapper;
|
||
arr.ready = ready;
|
||
return arr;
|
||
}, [t, finalI18n, ready, finalI18n.resolvedLanguage, finalI18n.language, finalI18n.languages]);
|
||
if (i18n && useSuspense && !ready) {
|
||
throw new Promise(resolve => {
|
||
const onLoaded = () => resolve();
|
||
if (props.lng) {
|
||
loadLanguages(i18n, props.lng, namespaces, onLoaded);
|
||
} else {
|
||
loadNamespaces(i18n, namespaces, onLoaded);
|
||
}
|
||
});
|
||
}
|
||
return ret;
|
||
};
|
||
|
||
const withTranslation = (ns, options = {}) => function Extend(WrappedComponent) {
|
||
function I18nextWithTranslation({
|
||
forwardedRef,
|
||
...rest
|
||
}) {
|
||
const [t, i18n, ready] = useTranslation(ns, {
|
||
...rest,
|
||
keyPrefix: options.keyPrefix
|
||
});
|
||
const passDownProps = {
|
||
...rest,
|
||
t,
|
||
i18n,
|
||
tReady: ready
|
||
};
|
||
if (options.withRef && forwardedRef) {
|
||
passDownProps.ref = forwardedRef;
|
||
} else if (!options.withRef && forwardedRef) {
|
||
passDownProps.forwardedRef = forwardedRef;
|
||
}
|
||
return React.createElement(WrappedComponent, passDownProps);
|
||
}
|
||
I18nextWithTranslation.displayName = `withI18nextTranslation(${getDisplayName(WrappedComponent)})`;
|
||
I18nextWithTranslation.WrappedComponent = WrappedComponent;
|
||
const forwardRef = (props, ref) => React.createElement(I18nextWithTranslation, Object.assign({}, props, {
|
||
forwardedRef: ref
|
||
}));
|
||
return options.withRef ? React.forwardRef(forwardRef) : I18nextWithTranslation;
|
||
};
|
||
|
||
const Translation = ({
|
||
ns,
|
||
children,
|
||
...options
|
||
}) => {
|
||
const [t, i18n, ready] = useTranslation(ns, options);
|
||
return children(t, {
|
||
i18n,
|
||
lng: i18n.language
|
||
}, ready);
|
||
};
|
||
|
||
function I18nextProvider({
|
||
i18n,
|
||
defaultNS,
|
||
children
|
||
}) {
|
||
const value = React.useMemo(() => ({
|
||
i18n,
|
||
defaultNS
|
||
}), [i18n, defaultNS]);
|
||
return React.createElement(I18nContext.Provider, {
|
||
value
|
||
}, children);
|
||
}
|
||
|
||
const useSSR = (initialI18nStore, initialLanguage, props = {}) => {
|
||
const {
|
||
i18n: i18nFromProps
|
||
} = props;
|
||
const {
|
||
i18n: i18nFromContext
|
||
} = React.useContext(I18nContext) || {};
|
||
const i18n = i18nFromProps || i18nFromContext || getI18n();
|
||
if (i18n.options?.isClone) return;
|
||
if (initialI18nStore && !i18n.initializedStoreOnce) {
|
||
i18n.services.resourceStore.data = initialI18nStore;
|
||
i18n.options.ns = Object.values(initialI18nStore).reduce((mem, lngResources) => {
|
||
Object.keys(lngResources).forEach(ns => {
|
||
if (mem.indexOf(ns) < 0) mem.push(ns);
|
||
});
|
||
return mem;
|
||
}, i18n.options.ns);
|
||
i18n.initializedStoreOnce = true;
|
||
i18n.isInitialized = true;
|
||
}
|
||
if (initialLanguage && !i18n.initializedLanguageOnce) {
|
||
i18n.changeLanguage(initialLanguage);
|
||
i18n.initializedLanguageOnce = true;
|
||
}
|
||
};
|
||
|
||
const withSSR = () => function Extend(WrappedComponent) {
|
||
function I18nextWithSSR({
|
||
initialI18nStore,
|
||
initialLanguage,
|
||
...rest
|
||
}) {
|
||
useSSR(initialI18nStore, initialLanguage);
|
||
return React.createElement(WrappedComponent, {
|
||
...rest
|
||
});
|
||
}
|
||
I18nextWithSSR.getInitialProps = composeInitialProps(WrappedComponent);
|
||
I18nextWithSSR.displayName = `withI18nextSSR(${getDisplayName(WrappedComponent)})`;
|
||
I18nextWithSSR.WrappedComponent = WrappedComponent;
|
||
return I18nextWithSSR;
|
||
};
|
||
|
||
const date = () => '';
|
||
const time = () => '';
|
||
const number = () => '';
|
||
const select = () => '';
|
||
const plural = () => '';
|
||
const selectOrdinal = () => '';
|
||
|
||
exports.I18nContext = I18nContext;
|
||
exports.I18nextProvider = I18nextProvider;
|
||
exports.IcuTrans = IcuTrans;
|
||
exports.IcuTransWithoutContext = IcuTransWithoutContext;
|
||
exports.Trans = Trans;
|
||
exports.TransWithoutContext = Trans$1;
|
||
exports.Translation = Translation;
|
||
exports.composeInitialProps = composeInitialProps;
|
||
exports.date = date;
|
||
exports.getDefaults = getDefaults;
|
||
exports.getI18n = getI18n;
|
||
exports.getInitialProps = getInitialProps;
|
||
exports.initReactI18next = initReactI18next;
|
||
exports.nodesToString = nodesToString;
|
||
exports.number = number;
|
||
exports.plural = plural;
|
||
exports.select = select;
|
||
exports.selectOrdinal = selectOrdinal;
|
||
exports.setDefaults = setDefaults;
|
||
exports.setI18n = setI18n;
|
||
exports.time = time;
|
||
exports.useSSR = useSSR;
|
||
exports.useTranslation = useTranslation;
|
||
exports.withSSR = withSSR;
|
||
exports.withTranslation = withTranslation;
|
||
|
||
}));
|