Intl polyfill for unsupported clients [closes kriasoft#639]

src/client.js

@@ -94,7 +94,7 @@ function render(container, state, config, component) {
   });
 }
 
-function run() {
+export default function main() {
   let currentLocation = null;
   const container = document.getElementById('app');
   const initialState = JSON.parse(
@@ -143,10 +143,3 @@ function run() {
     removeHistoryListener();
   });
 }
-
-// Run the application when both DOM is ready and page content is loaded
-if (['complete', 'loaded', 'interactive'].includes(document.readyState) && document.body) {
-  run();
-} else {
-  document.addEventListener('DOMContentLoaded', run, false);
-}

src/clientLoader.js

@@ -0,0 +1,26 @@
+
+import main from './client';
+
+function run() {
+  // Run the application when both DOM is ready and page content is loaded
+  if (['complete', 'loaded', 'interactive'].includes(document.readyState) && document.body) {
+    main();
+  } else {
+    document.addEventListener('DOMContentLoaded', main, false);
+  }
+}
+
+if (!global.Intl) {
+  require.ensure([
+    'intl',
+    'intl/locale-data/jsonp/en.js',
+    'intl/locale-data/jsonp/cs.js',
+  ], require => {
+    require('intl');
+    require('intl/locale-data/jsonp/en.js');
+    require('intl/locale-data/jsonp/cs.js');
+    run();
+  }, 'intl');
+} else {
+  run();
+}

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',