Intl.DisplayNames script does not work #2622

mhf-ir · 2021-02-20T16:11:38Z

How can i use as CDN package?
Older browser seems not support to esm module so we need add

var testIntl = function() {
  return (
      typeof Intl !== 'undefined' &&
      typeof Intl.Collator !== 'undefined' &&
      typeof Intl.DateTimeFormat !== 'undefined' &&
      typeof Intl.DateTimeFormat.prototype.formatToParts !== 'undefined' &&
      typeof Intl.DateTimeFormat.prototype.resolvedOptions !== 'undefined' &&
      typeof Intl.NumberFormat !== 'undefined' &&
      typeof Intl.PluralRules !== 'undefined' &&
      typeof Intl.DisplayNames !== 'undefined' &&
      typeof Intl.ListFormat !== 'undefined' &&
      typeof Intl.Locale !== 'undefined' &&
      typeof Intl.getCanonicalLocales !== 'undefined' &&
      typeof Intl.RelativeTimeFormat !== 'undefined' &&
      new Intl.DisplayNames('en-US', { type: 'region' }).of('IR') === 'Iran' &&
      new Intl.DisplayNames('fa-IR', { type: 'language' }).of('fa') ===
        'فارسی' &&
      new Intl.DisplayNames('de-DE', { type: 'script' }).of('arab') ===
        'Arabisch' &&
      new Intl.DisplayNames('ar-EG', { type: 'currency' }).of('USD') ===
        'دولار أمريكي'
  );
}
if (testIntl() === false) {
   document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=Intl"></script>');
   // lets try add formatjs
   document.write('<script src="??????????????"></script>');
}

longlho · 2021-02-21T02:12:42Z

you can use polyfill.io, e.g: https://polyfill.io/v3/polyfill.min.js?features=Intl.RelativeTimeFormat%2CIntl.ListFormat%2CIntl.NumberFormat%2CIntl.RelativeTimeFormat.~locale.fr%2CIntl.ListFormat.~locale.fr%2CIntl.NumberFormat.~locale.fr

mhf-ir · 2021-02-21T09:16:21Z

i think it's better to be part of documentation.
I can't see what's the URL parameters and possible values

mhf-ir · 2021-02-21T12:44:46Z

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://polyfill.io/v3/polyfill.min.js?features=Intl.DisplayNames%2CIntl.DisplayNames.~locale.en%2CIntl.RelativeTimeFormat%2CIntl.ListFormat%2CIntl.NumberFormat%2CIntl.RelativeTimeFormat.~locale.en%2CIntl.ListFormat.~locale.en%2CIntl.NumberFormat.~locale.en"></script>
</head>
<body>
  <script>
    console.log(new Intl.DisplayNames('en-US', { type: 'region' }).of('IR')) // OK
    console.log(new Intl.DisplayNames('en-US', { type: 'language' }).of('fa')) // OK
    console.log(new Intl.DisplayNames('en-US', { type: 'currency' }).of('IRR')) // OK
    
    console.log(new Intl.DisplayNames('en-US', { type: 'script' }).of('arab')) // WRONG `arab`  must be "Arabic"
  </script>
</body>
</html>

https://jsbin.com/fitosabuba/edit?html,console,output
Demo seems script not applied. Test validate value with latest nightly firefox.

longlho · 2021-02-21T15:22:01Z

new Intl.DisplayNames('en-US', { type: 'script' }).of('arab')) returns arab in Chrome as well

mhf-ir · 2021-02-21T17:06:36Z

It's bug, follow ICU/Intl not chrome.

https://bugs.chromium.org/p/chromium/issues/detail?id=1176979

ICU/Intl could be cross check using different implementation, easy and most mature implementation is PHP version.

<?php

echo locale_get_display_script('ar-Arab-EG', 'en'); // Arabic

PHP using libicu since version 5 and it's mature enough to be good point for check.

longlho · 2021-02-21T18:00:39Z

hmm most non-web envs use libicu (Chrome, Rust, Python...) let me see

longlho · 2021-02-22T03:20:10Z

Latest version should have this fix.
Upstream PR at polyfill-library: JakeChampion/polyfill-library#998

longlho closed this as completed in be07282 Feb 22, 2021

longlho changed the title ~~jsdelivr.com or etc CDN ?~~ Intl.DisplayNames script does not work Feb 22, 2021

longlho mentioned this issue Feb 22, 2021

chore: upgrade formatjs packages JakeChampion/polyfill-library#998

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Intl.DisplayNames script does not work #2622

Intl.DisplayNames script does not work #2622

mhf-ir commented Feb 20, 2021 •

edited

longlho commented Feb 21, 2021

mhf-ir commented Feb 21, 2021

mhf-ir commented Feb 21, 2021 •

edited

longlho commented Feb 21, 2021

mhf-ir commented Feb 21, 2021 •

edited

longlho commented Feb 21, 2021

longlho commented Feb 22, 2021

Intl.DisplayNames script does not work #2622

Intl.DisplayNames script does not work #2622

Comments

mhf-ir commented Feb 20, 2021 • edited

longlho commented Feb 21, 2021

mhf-ir commented Feb 21, 2021

mhf-ir commented Feb 21, 2021 • edited

longlho commented Feb 21, 2021

mhf-ir commented Feb 21, 2021 • edited

longlho commented Feb 21, 2021

longlho commented Feb 22, 2021

mhf-ir commented Feb 20, 2021 •

edited

mhf-ir commented Feb 21, 2021 •

edited

mhf-ir commented Feb 21, 2021 •

edited