Patch intl polyfill on runtime. Fixes #47, fixes #44

Author: emmenko

lib/index.js

@@ -5,8 +5,20 @@ import ReactDOM from 'react-dom'
 import { Provider } from 'react-redux'
 import Root, { store } from './Root'
 
-ReactDOM.render(
-  <Provider store={store}>
-    <Root />
-  </Provider>
-, document.getElementById('app'))
+// All modern browsers, expect `Safari`, have implemented
+// the `ECMAScript Internationalization API`.
+// For that we need to patch in on runtime.
+if (!global.Intl)
+  require.ensure(['intl'], require => {
+    require('intl')
+    start()
+  }, 'IntlBundle')
+else start()
+
+function start () {
+  ReactDOM.render(
+    <Provider store={store}>
+      <Root />
+    </Provider>
+  , document.getElementById('app'))
+}

package.json

@@ -28,18 +28,19 @@
     "babel-runtime": "^5.8.29",
     "classnames": "^2.2.0",
     "history": "^1.13.0",
+    "intl": "^1.0.1",
     "parse-link-header": "^0.4.1",
     "purecss": "^0.6.0",
     "react": "^0.14.1",
     "react-dom": "^0.14.1",
-    "react-intl": "2.0.0-pr-3",
+    "react-intl": "2.0.0-beta-1",
     "react-pure-render": "^1.0.2",
     "react-redux": "^4.0.0",
     "react-router": "^1.0.0-rc3",
     "redux": "^3.0.4",
     "redux-devtools": "^3.0.0-beta-3",
-    "redux-devtools-log-monitor": "^1.0.0-beta-3",
     "redux-devtools-dock-monitor": "^1.0.0-beta-3",
+    "redux-devtools-log-monitor": "^1.0.0-beta-3",
     "redux-router": "^1.0.0-beta3",
     "redux-thunk": "^1.0.0",
     "whatwg-fetch": "^0.10.0"