package TinoeWeb as npm module

package.json

@@ -15,16 +15,20 @@
     "url": "https://github.com/tinode/example-react-js.git"
   },
   "scripts": {
-    "build": "npm run build:babel && npm run build:prod && npm run build:css",
+    "build": "npm run build:babel && npm run build:js-prod && npm run build:css",
-    "build:dev": "browserify ./src/index.js --standalone Webapp > ./umd/index.dev.js",
+    "build:dev": "npm run build:babel && npm run build:js-dev",
-    "build:prod": "browserify ./src/index.js --standalone Webapp --plugin tinyify > ./umd/index.prod.js",
+    "build:js-prod": "browserify ./src/index.js --standalone Webapp --plugin tinyify > ./umd/index.prod.js",
+    "build:js-dev": "browserify ./src/index.js --standalone Webapp > ./umd/index.dev.js",
     "build:babel": "babel ./src/webapp.jsx --presets react --out-file ./src/webapp.js",
     "build:css": "postcss css/base.css > css/base.min.css",
-    "babel-version": "babel --version"
+    "babel-version": "babel --version",
+    "prepublish": "rm -rf ./umd && npm run build"
   },
   "files": [
     "src/index.js",
     "src/webapp.jsx",
+    "umd/index.prod.js",
+    "umd/index.dev.js",
     "audio/msg.mp3",
     "css/base.css",
     "css/base.min.css",
@@ -53,7 +57,7 @@
     "react",
     "web"
   ],
-  "main": "./umd/tinode.prod.js",
+  "main": "umd/index.prod.js",
   "bugs": {
     "url": "https://github.com/tinode/example-react-js/issues"
   },
@@ -62,9 +66,9 @@
   "author": "Tinode Authors <info@tinode.co>",
   "license": "Apache-2.0",
   "dependencies": {
-    "react": "^16.4.2",
+    "react": "^16.5.1",
     "react-dom": "^16.4.2",
-    "tinode-sdk": "^0.15.5",
+    "tinode-sdk": "^0.15.6-rc1",
     "tinyify": "^2.4.3"
   }
 }

src/index.js

@@ -3,8 +3,6 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var Tinode = require('tinode-sdk');
-var Drafty = Tinode.Drafty;
 var TinodeWeb = require('./webapp.js');
 
 ReactDOM.render(

src/webapp.jsx

@@ -1,3 +1,13 @@
+if (typeof require == 'function') {
+  if (typeof React == 'undefined') {
+    var React = require('react');
+  }
+  if (typeof Tinode == 'undefined') {
+    var Tinode = require('tinode-sdk');
+    var Drafty = Tinode.Drafty;
+  }
+}
+
 // Babel JSX
 
 // Name of this application, used in the User-Agent.
@@ -5241,6 +5251,4 @@ class TinodeWeb extends React.Component {
   }
 };
 
-if (typeof module != 'undefined') {
+module.exports = TinodeWeb;
-  module.exports = TinodeWeb;
-}