forked from geolba/tethys.backend
424 lines
13 KiB
TypeScript
424 lines
13 KiB
TypeScript
|
import type { Translations } from './registry';
|
||
|
import { getLanguage, getBrowserLocale } from './locale';
|
||
|
import { getAppTranslations, hasAppTranslations, registerAppTranslations, unregisterAppTranslations } from './registry';
|
||
|
// import { generateFilePath } from '@nextcloud/router';
|
||
|
import axios from 'axios';
|
||
|
|
||
|
// import DOMPurify from 'dompurify';
|
||
|
import escapeHTML from 'escape-html';
|
||
|
|
||
|
|
||
|
import { LocaleStore } from '@/Stores/locale';
|
||
|
|
||
|
/** @notExported */
|
||
|
interface TranslationOptions {
|
||
|
/** enable/disable auto escape of placeholders (by default enabled) */
|
||
|
escape?: boolean;
|
||
|
/** enable/disable sanitization (by default enabled) */
|
||
|
sanitize?: boolean;
|
||
|
}
|
||
|
|
||
|
/** @notExported */
|
||
|
interface TranslationVariableReplacementObject<T> {
|
||
|
/** The value to use for the replacement */
|
||
|
value: T;
|
||
|
/** Overwrite the `escape` option just for this replacement */
|
||
|
escape: boolean;
|
||
|
}
|
||
|
|
||
|
/** @notExported */
|
||
|
type TranslationVariables = Record<string, string | number | TranslationVariableReplacementObject<string | number>>;
|
||
|
|
||
|
/**
|
||
|
* Translate a string
|
||
|
*
|
||
|
* @param {string} app the id of the app for which to translate the string
|
||
|
* @param {string} text the string to translate
|
||
|
* @param {object} vars map of placeholder key to value
|
||
|
* @param {number} number to replace %n with
|
||
|
* @param {object} [options] options object
|
||
|
* @param {boolean} options.escape enable/disable auto escape of placeholders (by default enabled)
|
||
|
* @param {boolean} options.sanitize enable/disable sanitization (by default enabled)
|
||
|
*
|
||
|
* @return {string}
|
||
|
*/
|
||
|
export function translate(app: string, text: string, vars?: TranslationVariables, number?: number, options?: TranslationOptions): string {
|
||
|
const allOptions = {
|
||
|
// defaults
|
||
|
escape: true,
|
||
|
sanitize: true,
|
||
|
// overwrite with user config
|
||
|
...(options || {}),
|
||
|
};
|
||
|
|
||
|
const identity = <T>(value: T): T => value;
|
||
|
const optSanitize = identity; // allOptions.sanitize ? DOMPurify.sanitize : identity;
|
||
|
const optEscape = allOptions.escape ? escapeHTML : identity;
|
||
|
|
||
|
const isValidReplacement = (value: unknown) => typeof value === 'string' || typeof value === 'number';
|
||
|
|
||
|
// TODO: cache this function to avoid inline recreation
|
||
|
// of the same function over and over again in case
|
||
|
// translate() is used in a loop
|
||
|
const _build = (text: string, vars?: TranslationVariables, number?: number) => {
|
||
|
return text.replace(/%n/g, '' + number).replace(/{([^{}]*)}/g, (match, key) => {
|
||
|
if (vars === undefined || !(key in vars)) {
|
||
|
return optEscape(match);
|
||
|
}
|
||
|
|
||
|
const replacement = vars[key];
|
||
|
if (isValidReplacement(replacement)) {
|
||
|
return optEscape(`${replacement}`);
|
||
|
} else if (typeof replacement === 'object' && isValidReplacement(replacement.value)) {
|
||
|
// Replacement is an object so indiviual escape handling
|
||
|
const escape = replacement.escape !== false ? escapeHTML : identity;
|
||
|
return escape(`${replacement.value}`);
|
||
|
} else {
|
||
|
/* This should not happen,
|
||
|
* but the variables are used defined so not allowed types could still be given,
|
||
|
* in this case ignore the replacement and use the placeholder
|
||
|
*/
|
||
|
return optEscape(match);
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
|
||
|
const bundle = getAppTranslations(app);
|
||
|
let translation = bundle.translations[text] || text;
|
||
|
translation = Array.isArray(translation) ? translation[0] : translation;
|
||
|
|
||
|
if (typeof vars === 'object' || number !== undefined) {
|
||
|
return optSanitize(_build(translation, vars, number));
|
||
|
} else {
|
||
|
return optSanitize(translation);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Translate a string containing an object which possibly requires a plural form
|
||
|
*
|
||
|
* @param {string} app the id of the app for which to translate the string
|
||
|
* @param {string} textSingular the string to translate for exactly one object
|
||
|
* @param {string} textPlural the string to translate for n objects
|
||
|
* @param {number} number number to determine whether to use singular or plural
|
||
|
* @param {object} vars of placeholder key to value
|
||
|
* @param {object} options options object
|
||
|
*/
|
||
|
export function translatePlural(
|
||
|
app: string,
|
||
|
textSingular: string,
|
||
|
textPlural: string,
|
||
|
number: number,
|
||
|
vars?: Record<string, string | number>,
|
||
|
options?: TranslationOptions,
|
||
|
): string {
|
||
|
const identifier = '_' + textSingular + '_::_' + textPlural + '_';
|
||
|
const bundle = getAppTranslations(app);
|
||
|
const value = bundle.translations[identifier];
|
||
|
|
||
|
if (typeof value !== 'undefined') {
|
||
|
const translation = value;
|
||
|
if (Array.isArray(translation)) {
|
||
|
const plural = bundle.pluralFunction(number);
|
||
|
return translate(app, translation[plural], vars, number, options);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (number === 1) {
|
||
|
return translate(app, textSingular, vars, number, options);
|
||
|
} else {
|
||
|
return translate(app, textPlural, vars, number, options);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Load an app's translation bundle if not loaded already.
|
||
|
*
|
||
|
* @param {string} appName name of the app
|
||
|
* @param {Function} callback callback to be called when
|
||
|
* the translations are loaded
|
||
|
* @return {Promise} promise
|
||
|
*/
|
||
|
export async function loadTranslationsOld(appName: string) {
|
||
|
interface TranslationBundle {
|
||
|
translations: Translations;
|
||
|
pluralForm: string;
|
||
|
}
|
||
|
|
||
|
// if (hasAppTranslations(appName) || getLocale() === 'en') {
|
||
|
// return Promise.resolve().then(callback);
|
||
|
// }
|
||
|
|
||
|
// const url = generateFilePath(appName, 'l10n', getLocale() + '.json');
|
||
|
|
||
|
let test = 'de'; //getLocale();
|
||
|
const url = `../../Components/settings/l10n/${test}.json`;
|
||
|
|
||
|
const promise = new Promise<TranslationBundle>((resolve, reject) => {
|
||
|
const request = new XMLHttpRequest();
|
||
|
request.open('GET', url, true);
|
||
|
request.onerror = () => {
|
||
|
reject(new Error(request.statusText || 'Network error'));
|
||
|
};
|
||
|
request.onload = () => {
|
||
|
if (request.status >= 200 && request.status < 300) {
|
||
|
try {
|
||
|
const bundle = JSON.parse(request.responseText);
|
||
|
if (typeof bundle.translations === 'object') resolve(bundle);
|
||
|
} catch (error) {
|
||
|
// error is probably a SyntaxError due to invalid response text, this is handled by next line
|
||
|
}
|
||
|
reject(new Error('Invalid content of translation bundle'));
|
||
|
} else {
|
||
|
reject(new Error(request.statusText));
|
||
|
}
|
||
|
};
|
||
|
request.send();
|
||
|
});
|
||
|
|
||
|
// load JSON translation bundle per AJAX
|
||
|
// return promise
|
||
|
// .then((result) => {
|
||
|
// register(appName, result.translations);
|
||
|
// return result;
|
||
|
// });
|
||
|
// .then(callback);
|
||
|
let result = await promise;
|
||
|
register(appName, result.translations);
|
||
|
return result;
|
||
|
}
|
||
|
|
||
|
export async function loadTranslations(appName: string) {
|
||
|
// interface TranslationBundle {
|
||
|
// translations: Translations;
|
||
|
// pluralForm: string;
|
||
|
// }
|
||
|
|
||
|
// if (hasAppTranslations(appName) || getLocale() === 'en') {
|
||
|
// return Promise.resolve().then(callback);
|
||
|
// }
|
||
|
|
||
|
// const url = generateFilePath(appName, 'l10n', getLocale() + '.json');
|
||
|
const localeService = LocaleStore();
|
||
|
let locale = localeService.locale;
|
||
|
// const url = `/apps/${appName}/l10n/${locale}.json`;
|
||
|
|
||
|
try {
|
||
|
// Making a GET request using Axios
|
||
|
// const response = await axios.get(url);
|
||
|
const response = await import(`@/apps/settings/l18n/${locale}`);
|
||
|
// Check if the response data contains translations
|
||
|
const bundle = response.default;
|
||
|
if (typeof bundle.translations === 'object') {
|
||
|
// Register the translations
|
||
|
register(appName, bundle.translations);
|
||
|
return bundle;
|
||
|
} else {
|
||
|
throw new Error('Invalid content of translation bundle');
|
||
|
}
|
||
|
} catch (error) {
|
||
|
// Handle errors (network errors, invalid response, etc.)
|
||
|
throw new Error(error.response ? error.response.statusText : 'Error loading translations');
|
||
|
}
|
||
|
}
|
||
|
/**
|
||
|
* Register an app's translation bundle.
|
||
|
*
|
||
|
* @param {string} appName name of the app
|
||
|
* @param {Record<string, string>} bundle translation bundle
|
||
|
*/
|
||
|
export function register(appName: string, bundle: Translations) {
|
||
|
registerAppTranslations(appName, bundle, getPlural);
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Unregister all translations of an app
|
||
|
*
|
||
|
* @param appName name of the app
|
||
|
* @since 2.1.0
|
||
|
*/
|
||
|
export function unregister(appName: string) {
|
||
|
return unregisterAppTranslations(appName);
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Get array index of translations for a plural form
|
||
|
*
|
||
|
*
|
||
|
* @param {number} number the number of elements
|
||
|
* @return {number} 0 for the singular form(, 1 for the first plural form, ...)
|
||
|
*/
|
||
|
export function getPlural(number: number) {
|
||
|
let language = getLanguage();
|
||
|
if (language === 'pt-BR') {
|
||
|
// temporary set a locale for brazilian
|
||
|
language = 'xbr';
|
||
|
}
|
||
|
|
||
|
if (language.length > 3) {
|
||
|
language = language.substring(0, language.lastIndexOf('-'));
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
* The plural rules are derived from code of the Zend Framework (2010-09-25),
|
||
|
* which is subject to the new BSD license (http://framework.zend.com/license/new-bsd).
|
||
|
* Copyright (c) 2005-2010 Zend Technologies USA Inc. (http://www.zend.com)
|
||
|
*/
|
||
|
switch (language) {
|
||
|
case 'az':
|
||
|
case 'bo':
|
||
|
case 'dz':
|
||
|
case 'id':
|
||
|
case 'ja':
|
||
|
case 'jv':
|
||
|
case 'ka':
|
||
|
case 'km':
|
||
|
case 'kn':
|
||
|
case 'ko':
|
||
|
case 'ms':
|
||
|
case 'th':
|
||
|
case 'tr':
|
||
|
case 'vi':
|
||
|
case 'zh':
|
||
|
return 0;
|
||
|
|
||
|
case 'af':
|
||
|
case 'bn':
|
||
|
case 'bg':
|
||
|
case 'ca':
|
||
|
case 'da':
|
||
|
case 'de':
|
||
|
case 'el':
|
||
|
case 'en':
|
||
|
case 'eo':
|
||
|
case 'es':
|
||
|
case 'et':
|
||
|
case 'eu':
|
||
|
case 'fa':
|
||
|
case 'fi':
|
||
|
case 'fo':
|
||
|
case 'fur':
|
||
|
case 'fy':
|
||
|
case 'gl':
|
||
|
case 'gu':
|
||
|
case 'ha':
|
||
|
case 'he':
|
||
|
case 'hu':
|
||
|
case 'is':
|
||
|
case 'it':
|
||
|
case 'ku':
|
||
|
case 'lb':
|
||
|
case 'ml':
|
||
|
case 'mn':
|
||
|
case 'mr':
|
||
|
case 'nah':
|
||
|
case 'nb':
|
||
|
case 'ne':
|
||
|
case 'nl':
|
||
|
case 'nn':
|
||
|
case 'no':
|
||
|
case 'oc':
|
||
|
case 'om':
|
||
|
case 'or':
|
||
|
case 'pa':
|
||
|
case 'pap':
|
||
|
case 'ps':
|
||
|
case 'pt':
|
||
|
case 'so':
|
||
|
case 'sq':
|
||
|
case 'sv':
|
||
|
case 'sw':
|
||
|
case 'ta':
|
||
|
case 'te':
|
||
|
case 'tk':
|
||
|
case 'ur':
|
||
|
case 'zu':
|
||
|
return number === 1 ? 0 : 1;
|
||
|
|
||
|
case 'am':
|
||
|
case 'bh':
|
||
|
case 'fil':
|
||
|
case 'fr':
|
||
|
case 'gun':
|
||
|
case 'hi':
|
||
|
case 'hy':
|
||
|
case 'ln':
|
||
|
case 'mg':
|
||
|
case 'nso':
|
||
|
case 'xbr':
|
||
|
case 'ti':
|
||
|
case 'wa':
|
||
|
return number === 0 || number === 1 ? 0 : 1;
|
||
|
|
||
|
case 'be':
|
||
|
case 'bs':
|
||
|
case 'hr':
|
||
|
case 'ru':
|
||
|
case 'sh':
|
||
|
case 'sr':
|
||
|
case 'uk':
|
||
|
return number % 10 === 1 && number % 100 !== 11
|
||
|
? 0
|
||
|
: number % 10 >= 2 && number % 10 <= 4 && (number % 100 < 10 || number % 100 >= 20)
|
||
|
? 1
|
||
|
: 2;
|
||
|
|
||
|
case 'cs':
|
||
|
case 'sk':
|
||
|
return number === 1 ? 0 : number >= 2 && number <= 4 ? 1 : 2;
|
||
|
|
||
|
case 'ga':
|
||
|
return number === 1 ? 0 : number === 2 ? 1 : 2;
|
||
|
|
||
|
case 'lt':
|
||
|
return number % 10 === 1 && number % 100 !== 11 ? 0 : number % 10 >= 2 && (number % 100 < 10 || number % 100 >= 20) ? 1 : 2;
|
||
|
|
||
|
case 'sl':
|
||
|
return number % 100 === 1 ? 0 : number % 100 === 2 ? 1 : number % 100 === 3 || number % 100 === 4 ? 2 : 3;
|
||
|
|
||
|
case 'mk':
|
||
|
return number % 10 === 1 ? 0 : 1;
|
||
|
|
||
|
case 'mt':
|
||
|
return number === 1
|
||
|
? 0
|
||
|
: number === 0 || (number % 100 > 1 && number % 100 < 11)
|
||
|
? 1
|
||
|
: number % 100 > 10 && number % 100 < 20
|
||
|
? 2
|
||
|
: 3;
|
||
|
|
||
|
case 'lv':
|
||
|
return number === 0 ? 0 : number % 10 === 1 && number % 100 !== 11 ? 1 : 2;
|
||
|
|
||
|
case 'pl':
|
||
|
return number === 1 ? 0 : number % 10 >= 2 && number % 10 <= 4 && (number % 100 < 12 || number % 100 > 14) ? 1 : 2;
|
||
|
|
||
|
case 'cy':
|
||
|
return number === 1 ? 0 : number === 2 ? 1 : number === 8 || number === 11 ? 2 : 3;
|
||
|
|
||
|
case 'ro':
|
||
|
return number === 1 ? 0 : number === 0 || (number % 100 > 0 && number % 100 < 20) ? 1 : 2;
|
||
|
|
||
|
case 'ar':
|
||
|
return number === 0
|
||
|
? 0
|
||
|
: number === 1
|
||
|
? 1
|
||
|
: number === 2
|
||
|
? 2
|
||
|
: number % 100 >= 3 && number % 100 <= 10
|
||
|
? 3
|
||
|
: number % 100 >= 11 && number % 100 <= 99
|
||
|
? 4
|
||
|
: 5;
|
||
|
|
||
|
default:
|
||
|
return 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Export short-hand
|
||
|
|
||
|
export { translate as t, translatePlural as n };
|