adding explicit dependencies on tinode-sdk

index-dev.html

@@ -35,10 +35,10 @@
     <script crossorigin src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <!-- core tinode library -->
     <script src="tinode.js"></script>
-    <!-- the application -->
-    <script type="text/babel" src="index.js"></script>
   </head>
   <body>
     <div id="mountPoint"></div>
+    <!-- the application -->
+    <script type="text/babel" src="index.js"></script>
   </body>
 </html>

index.html

@@ -28,7 +28,7 @@
     <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
     <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
     <!-- core tinode library -->
-    <script src="tinode.js"></script>
+    <!--script src="tinode.js"></script-->
   </head>
   <body>
     <div id="mountPoint"></div>

package.json

@@ -15,8 +15,9 @@
     "url": "https://github.com/tinode/example-react-js.git"
   },
   "scripts": {
-    "build": "npm run build:js && npm run build:css",
+    "build": "npm run build:babel && npm run build:prod && npm run build:css",
-    "build:js": "babel ./index.js --presets react,minify --out-file ./index.min.js",
+    "build:prod": "browserify ./index.js --standalone Webapp --plugin tinyify > ./umd/webapp.prod.js",
+    "build:babel": "babel ./webapp.js --presets react,minify --out-file ./index.min.js",
     "build:css": "postcss css/base.css > css/base.min.css",
     "babel-version": "babel --version"
   },