[WIP] preliminary intl polyfill

partial implementation of intl-polyfill. Doesn't include all the www langauges, and we don't want to have to update www each time there is a language added, so this needs to move into scratch-l10n somehow.

polyfill.min.js no longer needs the intl.js polyfill, so removed. Should still look at whether the other parts of polyfill.min are needed, but they're unrelated to intl.

src/init.js

@@ -1,12 +1,12 @@
 const jar = require('./lib/jar');
-import {intlPolyfill} from './lib/intl-polyfill';
+import intlPolyfill from './lib/intl-polyfill';
 
 /**
  * -----------------------------------------------------------------------------
  * L10N
  * -----------------------------------------------------------------------------
  */
-(() => {
+(async () => {
     /*
      * Bind locale code from cookie if available. Uses navigator language API as a fallback.
      *
@@ -36,7 +36,7 @@ import {intlPolyfill} from './lib/intl-polyfill';
 
     window._locale = updateLocale();
     document.documentElement.lang = window._locale;
-    intlPolyfill(window._locale);
+    await intlPolyfill(window._locale);
 })();
 
 /**

src/lib/intl-polyfill.js

@@ -8,54 +8,66 @@
 // safari <14
 // The plural rules is required for safari 12.
 import {shouldPolyfill as shouldPolyfillLocale} from '@formatjs/intl-locale/should-polyfill';
-import {shouldPolyfill as shouldPolyfillRelativeTimeFormat} from '@formatjs/intl-relativetimeformat/should-polyfill'
+import {shouldPolyfill as shouldPolyfillRelativeTimeFormat} from '@formatjs/intl-relativetimeformat/should-polyfill';
 import {shouldPolyfill as shouldPolyfillPluralRules} from '@formatjs/intl-pluralrules/should-polyfill';
+/**
+ * polyfill all the parts needed from intl
+ * @param  {string} locale currently selected locale
+ * @return {Promise}       returns a promise that resolves when everything is loaded
+ */
+const intlPolyfill = async function (locale) {
+    if (!(shouldPolyfillLocale() ||
+        shouldPolyfillPluralRules(locale) ||
+        shouldPolyfillRelativeTimeFormat(locale))) {
+        console.log('NOT polyfilling');
+        return;
+    }
 
-async function polyfill(locale) {
-  if (!shouldPolyfillRelativeTimeFormat(locale)) return;
+    if (shouldPolyfillRelativeTimeFormat(locale)) {
+        await import('@formatjs/intl-relativetimeformat/polyfill');
+    }
 
-  // Load the polyfill 1st BEFORE loading data
-  await import('@formatjs/intl-relativetimeformat/polyfill')
+    if (shouldPolyfillPluralRules(locale)) {
+        await import('@formatjs/intl-pluralrules/polyfill');
+    }
 
-  if (shouldPolyfillPluralRules(locale)) {
-    await import('@formatjs/intl-pluralrules/polyfill');
-  }
+    if (shouldPolyfillLocale(locale)) {
+        await import('@formatjs/intl-locale/polyfill');
+    }
 
-  if (shouldPolyfillLocale(locale)) {
-    await import('@formatjs/intl-locale/polyfill');
-  }
-
-  switch (locale) {
+    switch (locale) {
     case 'ar':
-      await import('@formatjs/intl-relativetimeformat/locale-data/ar');
-      await import('@formatjs/intl-pluralrules/locale-data/ar');
-      break;
+        await import('@formatjs/intl-relativetimeformat/locale-data/ar');
+        await import('@formatjs/intl-pluralrules/locale-data/ar');
+        break;
     case 'es':
     case 'es-419':
-      await import('@formatjs/intl-relativetimeformat/locale-data/es');
-      await import('@formatjs/intl-pluralrules/locale-data/es');
-      break;
+        await import('@formatjs/intl-relativetimeformat/locale-data/es');
+        await import('@formatjs/intl-pluralrules/locale-data/es');
+        break;
     case 'fr':
-      await import('@formatjs/intl-relativetimeformat/locale-data/fr');
-      await import('@formatjs/intl-pluralrules/locale-data/fr');
-      break
+        await import('@formatjs/intl-relativetimeformat/locale-data/fr');
+        await import('@formatjs/intl-pluralrules/locale-data/fr');
+        break;
     case 'ja':
-      await import('@formatjs/intl-relativetimeformat/locale-data/ja');
-      await import('@formatjs/intl-pluralrules/locale-data/ja');
-      break;
+        await import('@formatjs/intl-relativetimeformat/locale-data/ja');
+        await import('@formatjs/intl-pluralrules/locale-data/ja');
+        break;
     case 'tr':
-      await import('@formatjs/intl-relativetimeformat/locale-data/tr');
-      await import('@formatjs/intl-pluralrules/locale-data/tr');
+        await import('@formatjs/intl-relativetimeformat/locale-data/tr');
+        await import('@formatjs/intl-pluralrules/locale-data/tr');
+        break;
     case 'zh':
     case 'zh-CN':
     case 'zh-TW':
-      await import('@formatjs/intl-relativetimeformat/locale-data/zh');
-      await import('@formatjs/intl-pluralrules/locale-data/zh');
-      break;
+        await import('@formatjs/intl-relativetimeformat/locale-data/zh');
+        await import('@formatjs/intl-pluralrules/locale-data/zh');
+        break;
     default:
-      await import('@formatjs/intl-relativetimeformat/locale-data/en');
-      await import('@formatjs/intl-pluralrules/locale-data/en');
-      break;
+        await import('@formatjs/intl-relativetimeformat/locale-data/en');
+        await import('@formatjs/intl-pluralrules/locale-data/en');
+        break;
     }
-}
-export default polyfill;
+};
+
+export default intlPolyfill;