From a2f075f4fb94a84302f3552a17ecd53a0cb39c27 Mon Sep 17 00:00:00 2001
From: or-else <or.else@gmail.com>
Date: Tue, 23 Oct 2018 14:09:39 +0300
Subject: [PATCH] first pass at localization

---
 index-dev.html | 13 +++++++------
 src/webapp.jsx |  4 +++-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/index-dev.html b/index-dev.html
index 2b7a044b..40e673f8 100644
--- a/index-dev.html
+++ b/index-dev.html
@@ -22,7 +22,7 @@
     <link rel="apple-touch-icon" sizes="192x192" href="img/logo192.png" type="image/png" />
     <link rel="canonical" href="https://api.tinode.co/" />
     <!-- Google's Roboto font -->
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700&subset=latin,cyrillic"
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700"
       rel="stylesheet" type="text/css" />
     <!-- Google's material design icons -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
@@ -32,6 +32,9 @@
     <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
     <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
     <script crossorigin src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <!-- Localization support -->
+    <script crossorigin src="https://unpkg.com/prop-types@15/prop-types.js"></script>
+    <script crossorigin src="https://unpkg.com/react-intl@2/dist/react-intl.js"></script>
     <!-- Firebase push notifications. -->
     <script crossorigin src="https://unpkg.com/firebase@5.5.5/firebase-app.js"></script>
     <script crossorigin src="https://unpkg.com/firebase@5.5.5/firebase-messaging.js"></script>
@@ -39,10 +42,6 @@
 
   <body>
     <div id="mountPoint"></div>
-    <script>
-    // Shim to imitate modules.
-    var module = {};
-    </script>
     <!-- core tinode libraries -->
     <script src="src/drafty.js"></script>
     <script src="src/tinode.js"></script>
@@ -51,7 +50,9 @@
     <script type="text/babel" src="src/webapp.jsx"></script>
     <script type="text/babel">
       ReactDOM.render(
-        <TinodeWeb />,
+        <ReactIntl.IntlProvider locale={navigator.language}>
+          <TinodeWeb />
+        </ReactIntl.IntlProvider>,
         document.getElementById('mountPoint')
       );
     </script>
diff --git a/src/webapp.jsx b/src/webapp.jsx
index eeb0a7b8..c3810ddd 100644
--- a/src/webapp.jsx
+++ b/src/webapp.jsx
@@ -5626,4 +5626,6 @@ class TinodeWeb extends React.Component {
   }
 };
 
-module.exports = TinodeWeb;
+if (typeof module != 'undefined') {
+  module.exports = TinodeWeb;
+}