From 3064c0ec2a00b8a21f6a70ccc30b9eb2647a1563 Mon Sep 17 00:00:00 2001
From: or-else <or.else@gmail.com>
Date: Sun, 16 Sep 2018 20:20:22 +0300
Subject: [PATCH] start adding push notifications

---
 README.md      | 2 +-
 index-dev.html | 9 +++++++--
 manifest.json  | 5 +++--
 src/webapp.jsx | 5 ++---
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index e7b14b95..97e18d02 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ Single-page web chat application built with [Tinode](https://github.com/tinode/c
 and [icons](https://google.github.io/material-design-icons/#icon-font-for-the-web). The [Tinode javascript SDK](https://github.com/tinode/tinode-js/) has no external dependencies.
 Overall it's a lot like open source WhatsApp or Telegram web apps.
 
-The app is very small: all in all less than 150KB minified and gzipped. That includes React, ReactDOM, fonts, graphics, css etc.
+The app is about 200KB minified and gzipped. That includes all dependencies (React, ReactDOM), fonts, graphics, css etc.
 
 Although the app is generally usable, keep in mind that this is work in progress. Some bugs probably exist. The app was tested in the latest Chrome & Firefox only. NPM [is available](https://www.npmjs.com/package/tinode-webapp).
 
diff --git a/index-dev.html b/index-dev.html
index 6bc833c5..42f17ba8 100644
--- a/index-dev.html
+++ b/index-dev.html
@@ -9,8 +9,8 @@
     <title>Tinode</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="application-name" content="Tinode">
-    <meta name="description" content="Instant messenger">
+    <meta name="application-name" content="TinodeWeb">
+    <meta name="description" content="Tinode instant messenger">
     <meta name="application-url" content="https://api.tinode.co/">
     <!-- Browser styling for Chrome, FF, Opera -->
     <meta name="theme-color" content="#3949AB">
@@ -32,7 +32,11 @@
     <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>
+    <!-- Firebase push notifications. -->
+    <script crossorigin src="https://unpkg.com/firebase@5/firebase-app.js"></script>
+    <script crossorigin src="https://unpkg.com/firebase@5/firebase-messaging.js"></script>
   </head>
+
   <body>
     <div id="mountPoint"></div>
     <script>
@@ -42,6 +46,7 @@
     <!-- core tinode libraries -->
     <script src="src/drafty.js"></script>
     <script src="src/tinode.js"></script>
+    <script src="src/firebase-push.js"></script>
     <!-- the application -->
     <script type="text/babel" src="src/webapp.jsx"></script>
     <script type="text/babel">
diff --git a/manifest.json b/manifest.json
index 02e23b62..01c56729 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
   "short_name": "Tinode chat",
-  "name": "Tinode chat",
+  "name": "Tinode Web chat",
   "icons": [
     {
       "src":"img/logo96.png",
@@ -21,5 +21,6 @@
   "start_url": "/",
   "background_color": "silver",
   "theme_color": "#3949AB",
-  "display": "standalone"
+  "display": "standalone",
+  "gcm_sender_id": "103953800507"
 }
diff --git a/src/webapp.jsx b/src/webapp.jsx
index cf28f915..26246ebc 100644
--- a/src/webapp.jsx
+++ b/src/webapp.jsx
@@ -4209,14 +4209,13 @@ class SendMessage extends React.PureComponent {
 /* This is just a static page to display when no conversation is selected. */
 class LogoView extends React.PureComponent {
   render() {
-    var version = APP_NAME + " (" + Tinode.getLibrary() + "-" +
-      (new Date(document.lastModified)).toISOString() + ")";
+    var version = APP_NAME + " (" + Tinode.getLibrary() + ")";
     return (
       <div id="dummy-view" className={this.props.hideSelf ? 'nodisplay' : null}>
         <div>
         <a href="https://github.com/tinode/chat/">
           <img id="logo" alt="logo" src="img/logo.svg" />
-          <h2>Tinode Demo Chat</h2>
+          <h2>Tinode Web</h2>
         </a>
         <p>Client: {version}</p>
         <p>Server: {this.props.serverVersion} ({this.props.serverAddress})</p>