Intl polyfill for unsupported clients [closes kriasoft#639]

src/clientConfig.js

@@ -0,0 +1,2 @@
+// default locale is the first one
+export const locales = ['en', 'cs'];

src/clientLoader.js

@@ -0,0 +1,28 @@
+
+import areIntlLocalesSupported from 'intl-locales-supported';
+
+import { locales } from './clientConfig';
+
+if (global.Intl) {
+  // Determine if the built-in `Intl` has the locale data we need.
+  if (!areIntlLocalesSupported(locales)) {
+    // `Intl` exists, but it doesn't have the data we need, so load the
+    // polyfill and replace the constructors with need with the polyfill's.
+    require.ensure(['intl', './client'], require => {
+      const IntlPolyfill = require('intl');
+      Intl.NumberFormat = IntlPolyfill.NumberFormat;
+      Intl.DateTimeFormat = IntlPolyfill.DateTimeFormat;
+      require('./client');
+    });
+  } else {
+    require.ensure(['./client'], require => {
+      require('./client');
+    });
+  }
+} else {
+  // No `Intl`, so use and load the polyfill.
+  require.ensure(['intl', './client'], require => {
+    global.Intl = require('intl');
+    require('./client');
+  });
+}

src/config.js

@@ -10,12 +10,11 @@
 /* eslint-disable max-len */
 /* jscs:disable maximumLineLength */
 
+export { locales } from './clientConfig';
+
 export const port = process.env.PORT || 3000;
 export const host = process.env.WEBSITE_HOSTNAME || `localhost:${port}`;
 
-// default locale is the first one
-export const locales = ['en', 'cs'];
-
 export const databaseUrl = process.env.DATABASE_URL || 'sqlite:database.sqlite';
 
 export const analytics = {

tools/webpack.config.js

@@ -211,7 +211,7 @@ const config = {
 // -----------------------------------------------------------------------------
 
 const clientConfig = extend(true, {}, config, {
-  entry: './client.js',
+  entry: './clientLoader.js',
 
   output: {
     filename: DEBUG ? '[name].js?[chunkhash]' : '[name].[chunkhash].js',