r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cache DateTimeFormat object

Browse Source
This commit is contained in:
Eduard Kuzmenko 2022-03-29 11:37:18 +03:00
parent 18f560ad4b
commit e723ed6339
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/langPack.ts
View File

@ -278,6 +278,7 @@ namespace I18n {
if(lastAppliedLangCode !== langPack.lang_code) { if(lastAppliedLangCode !== langPack.lang_code) {
rootScope.dispatchEvent('language_change', langPack.lang_code); rootScope.dispatchEvent('language_change', langPack.lang_code);
lastAppliedLangCode = langPack.lang_code; lastAppliedLangCode = langPack.lang_code;
cachedDateTimeFormats.clear();
} }
const elements = Array.from(document.querySelectorAll(`.i18n`)) as HTMLElement[]; const elements = Array.from(document.querySelectorAll(`.i18n`)) as HTMLElement[];
@ -467,6 +468,17 @@ namespace I18n {
} }
} }
const cachedDateTimeFormats: Map<string, Intl.DateTimeFormat> = new Map();
function getDateTimeFormat(options: Intl.DateTimeFormatOptions = {}) {
let json = JSON.stringify(options);
let dateTimeFormat = cachedDateTimeFormats.get(json);
if(!dateTimeFormat) {
cachedDateTimeFormats.set(json, dateTimeFormat = new Intl.DateTimeFormat(lastRequestedLangCode + '-u-hc-' + timeFormat, options));
}
return dateTimeFormat;
}
export type IntlDateElementOptions = IntlElementBaseOptions & { export type IntlDateElementOptions = IntlElementBaseOptions & {
date?: Date, date?: Date,
options: Intl.DateTimeFormatOptions options: Intl.DateTimeFormatOptions
@ -481,7 +493,7 @@ namespace I18n {
//var options = { month: 'long', day: 'numeric' }; //var options = { month: 'long', day: 'numeric' };
// * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/hourCycle#adding_an_hour_cycle_via_the_locale_string // * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/hourCycle#adding_an_hour_cycle_via_the_locale_string
const dateTimeFormat = new Intl.DateTimeFormat(lastRequestedLangCode + '-u-hc-' + timeFormat, this.options); const dateTimeFormat = getDateTimeFormat(this.options);
(this.element as any)[this.property] = capitalizeFirstLetter(dateTimeFormat.format(this.date)); (this.element as any)[this.property] = capitalizeFirstLetter(dateTimeFormat.format(this.date));
} }