trying to package the webapp

index-dev.html

@@ -40,5 +40,11 @@
     <script src="src/tinode.js"></script>
     <!-- the application -->
     <script type="text/babel" src="src/webapp.js"></script>
+    <script type="text/babel">
+      ReactDOM.render(
+        <TinodeWeb />,
+        document.getElementById('mountPoint')
+      );
+    </script>
   </body>
 </html>

index.html

@@ -27,6 +27,6 @@
   </head>
   <body>
     <div id="mountPoint"></div>
-    <script src="index.min.js"></script>
+    <script src="umd/index.prod.js"></script>
   </body>
 </html>

package.json

@@ -16,8 +16,8 @@
   },
   "scripts": {
     "build": "npm run build:babel && npm run build:prod && npm run build:css",
-    "build:dev": "browserify ./src/index.js --standalone TinodeWeb > ./umd/webapp.dev.js",
+    "build:dev": "browserify ./src/index.js --standalone Webapp > ./umd/index.dev.js",
-    "build:prod": "browserify ./src/index.js --standalone TinodeWeb --plugin tinyify > ./umd/webapp.prod.js",
+    "build:prod": "browserify ./src/index.js --standalone Webapp --plugin tinyify > ./umd/index.prod.js",
     "build:babel": "babel ./src/webapp.js --presets react --out-file ./webapp.js",
     "build:css": "postcss css/base.css > css/base.min.css",
     "babel-version": "babel --version"
@@ -57,5 +57,11 @@
   },
   "homepage": "https://github.com/tinode/chat",
   "email": "gene@tinode.co",
-  "license": "Apache-2.0"
+  "license": "Apache-2.0",
+  "dependencies": {
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2",
+    "tinode-sdk": "^0.15.5",
+    "tinyify": "^2.4.3"
+  }
 }

src/index.js

@@ -1,9 +1,12 @@
-let React = require('react');
+// Put all packages together.
-let ReactDOM = require('react-dom');
+// Used to generate umd/index.prod.js
-let Tinode = require('tinode-sdk');
+
-let TinodeWeb = require('webapp.js')
+var React = require('react');
+var ReactDOM = require('react-dom');
+var Tinode = require('tinode-sdk');
+var TinodeWeb = require('../webapp.js')
 
 ReactDOM.render(
-  <TinodeWeb />,
+  React.createElement(TinodeWeb, null),
   document.getElementById('mountPoint')
 );

src/webapp.js

@@ -5192,7 +5192,6 @@ class TinodeWeb extends React.Component {
   }
 };
 
-ReactDOM.render(
+if (typeof module != 'undefined') {
-  <TinodeWeb />,
+  module.exports = TinodeWeb;
-  document.getElementById('mountPoint')
+}
-);