jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 03:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add missing Intl polyfills to modern build (#18794)

Browse Source
This commit is contained in:
Steve Repsher 2023-11-28 14:28:10 -05:00 committed by GitHub
parent 7691f7eb05
commit b901ecacca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/resources/intl-polyfill.ts
View File

@ -1,9 +1,11 @@
import { shouldPolyfill as shouldPolyfillDateTime } from "@formatjs/intl-datetimeformat/should-polyfill"; import { shouldPolyfill as shouldPolyfillDateTimeFormat } from "@formatjs/intl-datetimeformat/should-polyfill";
import { shouldPolyfill as shouldPolyfillDisplayName } from "@formatjs/intl-displaynames/should-polyfill"; import { shouldPolyfill as shouldPolyfillDisplayNames } from "@formatjs/intl-displaynames/should-polyfill";
import { shouldPolyfill as shouldPolyfillLocale } from "@formatjs/intl-locale/should-polyfill"; import { shouldPolyfill as shouldPolyfillGetCanonicalLocales } from "@formatjs/intl-getcanonicallocales/should-polyfill";
import { shouldPolyfill as shouldPolyfillPluralRules } from "@formatjs/intl-pluralrules/should-polyfill";
import { shouldPolyfill as shouldPolyfillRelativeTime } from "@formatjs/intl-relativetimeformat/should-polyfill";
import { shouldPolyfill as shouldPolyfillListFormat } from "@formatjs/intl-listformat/should-polyfill"; import { shouldPolyfill as shouldPolyfillListFormat } from "@formatjs/intl-listformat/should-polyfill";
import { shouldPolyfill as shouldPolyfillLocale } from "@formatjs/intl-locale/should-polyfill";
import { shouldPolyfill as shouldPolyfillNumberFormat } from "@formatjs/intl-numberformat/should-polyfill";
import { shouldPolyfill as shouldPolyfillPluralRules } from "@formatjs/intl-pluralrules/should-polyfill";
import { shouldPolyfill as shouldPolyfillRelativeTimeFormat } from "@formatjs/intl-relativetimeformat/should-polyfill";
import { getLocalLanguage } from "../util/common-translation"; import { getLocalLanguage } from "../util/common-translation";
import { import {
polyfillLocaleData, polyfillLocaleData,
@ -13,29 +15,41 @@ import {
const polyfillIntl = async () => { const polyfillIntl = async () => {
const locale = getLocalLanguage(); const locale = getLocalLanguage();
const polyfills: Promise<unknown>[] = []; const polyfills: Promise<unknown>[] = [];
if (shouldPolyfillGetCanonicalLocales()) {
await import("@formatjs/intl-getcanonicallocales/polyfill-force");
}
if (shouldPolyfillLocale()) { if (shouldPolyfillLocale()) {
await import("@formatjs/intl-locale/polyfill-force"); await import("@formatjs/intl-locale/polyfill-force");
} }
if (shouldPolyfillPluralRules(locale)) { if (shouldPolyfillDateTimeFormat(locale)) {
polyfills.push(import("@formatjs/intl-pluralrules/polyfill-force"));
}
if (shouldPolyfillRelativeTime(locale)) {
polyfills.push(import("@formatjs/intl-relativetimeformat/polyfill-force"));
}
if (shouldPolyfillDateTime(locale)) {
polyfills.push( polyfills.push(
import("@formatjs/intl-datetimeformat/polyfill-force").then(() => import("@formatjs/intl-datetimeformat/polyfill-force").then(() =>
polyfillTimeZoneData() polyfillTimeZoneData()
) )
); );
} }
if (shouldPolyfillDisplayName(locale)) { if (shouldPolyfillDisplayNames(locale)) {
polyfills.push(import("@formatjs/intl-displaynames/polyfill-force")); polyfills.push(import("@formatjs/intl-displaynames/polyfill-force"));
} }
if (shouldPolyfillListFormat(locale)) { if (shouldPolyfillListFormat(locale)) {
polyfills.push(import("@formatjs/intl-listformat/polyfill-force")); polyfills.push(import("@formatjs/intl-listformat/polyfill-force"));
} }
if (shouldPolyfillNumberFormat(locale)) {
polyfills.push(import("@formatjs/intl-numberformat/polyfill-force"));
}
if (shouldPolyfillPluralRules(locale)) {
polyfills.push(
import("@formatjs/intl-pluralrules/polyfill-force").then(
// Locale data for plural rules breaks current JSON conversions as it includes functions,
// so only import English to avoid huge bundles
// TODo: Setup JS imports instead of JSON fetches
() => import("@formatjs/intl-pluralrules/locale-data/en")
)
);
}
if (shouldPolyfillRelativeTimeFormat(locale)) {
polyfills.push(import("@formatjs/intl-relativetimeformat/polyfill-force"));
}
if (polyfills.length === 0) { if (polyfills.length === 0) {
return; return;
} }