From 2a51ec6d9f410a5b784efb09dd7a6468cbecee34 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 17 Jan 2020 13:27:37 -0500
Subject: [PATCH 01/70] Moved proxy code to be handled in each strategy

---
 functions/network.js                  |  5 -----
 functions/strategies/AxiosStrategy.js | 17 ++++++++++++++++-
 functions/strategies/ProxyStrategy.js | 12 ------------
 3 files changed, 16 insertions(+), 18 deletions(-)
 delete mode 100644 functions/strategies/ProxyStrategy.js

diff --git a/functions/network.js b/functions/network.js
index 7ed233cf8..a2c885be5 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,5 +1,4 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
-import ProxyStrategy from "./strategies/ProxyStrategy";
 import FirefoxStrategy from "./strategies/FirefoxStrategy";
 
 
@@ -10,10 +9,6 @@ const runAppropriateStrategy = (req, store) => {
     return FirefoxStrategy(req, store); 
   }
 
-  if (store.state.postwoman.settings.PROXY_ENABLED) {
-    return ProxyStrategy(req, store);
-  }
-
   return AxiosStrategy(req, store);
 }
 
diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 9bef30aef..885ed2f1e 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -1,8 +1,23 @@
 import axios from "axios";
 
-const axiosStrategy = async (req, _store) => {
+const axiosWithProxy = async (req, store) => {
+  const { data } = await axios.post(
+    store.state.postwoman.settings.PROXY_URL ||
+    "https://postwoman.apollotv.xyz/",
+    req
+  );
+  return data;
+}
+
+const axiosWithoutProxy = async (req, _store) => {
   const res = await axios(req);
   return res;
 };
 
+const axiosStrategy = (req, store) => {
+  if (store.state.postwoman.settings.PROXY_ENABLED)
+    return axiosWithProxy(req, store);
+  else return axiosWithoutProxy(req, store);
+}
+
 export default axiosStrategy;
diff --git a/functions/strategies/ProxyStrategy.js b/functions/strategies/ProxyStrategy.js
deleted file mode 100644
index 0b6f50b0f..000000000
--- a/functions/strategies/ProxyStrategy.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import axios from "axios";
-
-const proxyStrategy = async (req, store) => {
-  const { data } = await axios.post(
-    store.state.postwoman.settings.PROXY_URL ||
-      "https://postwoman.apollotv.xyz/",
-    req
-  );
-  return data;
-};
-
-export default proxyStrategy;

From 951266e52946c99a4acf7d8818795a5e5d510562 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Fri, 17 Jan 2020 13:28:04 -0500
Subject: [PATCH 02/70] Added proxy support to FirefoxStrategy

---
 functions/strategies/FirefoxStrategy.js | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index 77b15f453..ecd7b133a 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -1,5 +1,22 @@
-const firefoxStrategy = (req, _store) => new Promise((resolve, reject) => {
 
+const firefoxWithProxy = (req, store) => new Promise((resolve, reject) => {
+  const eventListener = (event) => {
+    window.removeEventListener("firefoxExtSendRequestComplete", event);
+
+    if (event.detail.error) reject(JSON.parse(event.detail.error));
+    else resolve(JSON.parse(event.detail.response));
+  };
+
+  window.addEventListener("firefoxExtSendRequestComplete", eventListener);
+
+  window.firefoxExtSendRequest({
+    method: "post",
+    url: store.state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
+    data: req
+  });
+});
+
+const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
   const eventListener = (event) => {
     window.removeEventListener("firefoxExtSendRequestComplete", eventListener);
 
@@ -12,4 +29,10 @@ const firefoxStrategy = (req, _store) => new Promise((resolve, reject) => {
   window.firefoxExtSendRequest(req);
 });
 
+const firefoxStrategy = (req, store) => {
+  if (store.state.postwoman.settings.PROXY_ENABLED)
+    return firefoxWithProxy(req, store);
+  else return firefoxWithoutProxy(req, store);
+}
+
 export default firefoxStrategy;

From fe81a7dba929669bc1e28bac1fe226f331ad83eb Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:14:10 -0500
Subject: [PATCH 03/70] Added debounce util function

---
 functions/utils/debounce.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 functions/utils/debounce.js

diff --git a/functions/utils/debounce.js b/functions/utils/debounce.js
new file mode 100644
index 000000000..09acda07d
--- /dev/null
+++ b/functions/utils/debounce.js
@@ -0,0 +1,15 @@
+// Debounce is a higher order function which makes its enclosed function be executed
+// only if the function wasn't called again till 'delay' time has passed, this helps reduce impact of heavy working
+// functions which might be called frequently
+// NOTE : Don't use lambda functions as this doesn't get bound properly in them, use the 'function (args) {}' format
+const debounce = (func, delay) => {
+  let inDebounce
+  return function() {
+    const context = this
+    const args = arguments
+    clearTimeout(inDebounce)
+    inDebounce = setTimeout(() => func.apply(context, args), delay)
+  }
+}
+
+export default debounce;

From 82756a9c55184ee3cdb697063e8cda2c13a7de2b Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:14:30 -0500
Subject: [PATCH 04/70] Added GQL Query Editor component

---
 components/graphql/queryeditor.vue | 118 +++++++++++++++++++++++++++++
 1 file changed, 118 insertions(+)
 create mode 100644 components/graphql/queryeditor.vue

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
new file mode 100644
index 000000000..f44044e0f
--- /dev/null
+++ b/components/graphql/queryeditor.vue
@@ -0,0 +1,118 @@
+<template>
+  <pre ref="editor"></pre>
+</template>
+
+<script>
+const DEFAULT_THEME = "twilight";
+
+import ace from "ace-builds";
+import * as gql from "graphql";
+
+import "ace-builds/webpack-resolver";
+import debounce from '../../functions/utils/debounce';
+
+export default {
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    theme: {
+      type: String,
+      required: false
+    },
+    lang: {
+      type: String,
+      default: "json"
+    },
+    options: {
+      type: Object,
+      default: {}
+    }
+  },
+
+  data() {
+    return {
+      editor: null,
+      cacheValue: ""
+    };
+  },
+
+  watch: {
+    value(value) {
+      if (value !== this.cacheValue) {
+        this.editor.session.setValue(value, 1);
+        this.cacheValue = value;
+      }
+    },
+    theme() {
+      this.editor.setTheme("ace/theme/" + this.defineTheme());
+    },
+    lang(value) {
+      this.editor.getSession().setMode("ace/mode/" + value);
+    },
+    options(value) {
+      this.editor.setOptions(value);
+    }
+  },
+
+  mounted() {
+    const editor = ace.edit(this.$refs.editor, {
+      theme: "ace/theme/" + this.defineTheme(),
+      mode: "ace/mode/" + this.lang,
+      ...this.options
+    });
+
+    if (this.value) editor.setValue(this.value, 1);
+
+    this.editor = editor;
+    this.cacheValue = this.value;
+
+    editor.on("change", () => {
+      const content = editor.getValue();
+      this.$emit("input", content);
+      
+      this.parseContents(content)
+
+      this.cacheValue = content;
+    });
+  },
+
+  methods: {
+    defineTheme() {
+      if (this.theme) {
+        return this.theme;
+      } else {
+        return (
+          this.$store.state.postwoman.settings.THEME_ACE_EDITOR || DEFAULT_THEME
+        );
+      }
+    },
+
+    parseContents: debounce(function (content) {
+      try {
+        console.log(this.editor.session);
+        console.log(gql.parse(content));
+        console.log("Parse Success");
+      } catch (e) {
+        console.log(e);
+        console.log("Parse Failed");
+
+        this.editor.session.setAnnotations([{
+          row: e.locations[0].line - 1,
+          column: e.locations[0].column - 1,
+          text: e.message,
+          type: "error"
+        }]);
+        console.log("Annotated");
+        console.log(this.editor.session.getAnnotations());
+      }
+    }, 2000)
+  },
+
+  beforeDestroy() {
+    this.editor.destroy();
+    this.editor.container.remove();
+  }
+};
+</script>

From d8af767dc4a3eb10f512967837508c97bc1b74fe Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:15:28 -0500
Subject: [PATCH 05/70] Updated graphql page to use QueryEditor for query field

---
 pages/graphql.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 05e14e940..0aee8d984 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -175,7 +175,8 @@
               </button>
             </div>
           </div>
-          <Editor
+          <QueryEditor
+            ref="queryEditor"
             v-model="gqlQueryString"
             :options="{
               maxLines: responseBodyMaxLines,
@@ -391,6 +392,7 @@ import axios from "axios";
 import * as gql from "graphql";
 import textareaAutoHeight from "../directives/textareaAutoHeight";
 import AceEditor from "../components/ace-editor";
+import QueryEditor from "../components/graphql/queryeditor";
 import { sendNetworkRequest } from "../functions/network";
 
 export default {
@@ -402,7 +404,8 @@ export default {
     "gql-field": () => import("../components/graphql/field"),
     "gql-type": () => import("../components/graphql/type"),
     autocomplete: () => import("../components/autocomplete"),
-    Editor: AceEditor
+    Editor: AceEditor,
+    QueryEditor: QueryEditor
   },
   data() {
     return {
@@ -543,6 +546,7 @@ export default {
       responseBodyMaxLines: 16
     };
   },
+
   computed: {
     url: {
       get() {

From 730018b45ff8036955b301eff81dc4753b07641c Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:16:51 -0500
Subject: [PATCH 06/70] Improve strategy code redability

---
 functions/strategies/AxiosStrategy.js   | 3 ++-
 functions/strategies/FirefoxStrategy.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 885ed2f1e..3c237ea6c 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -15,8 +15,9 @@ const axiosWithoutProxy = async (req, _store) => {
 };
 
 const axiosStrategy = (req, store) => {
-  if (store.state.postwoman.settings.PROXY_ENABLED)
+  if (store.state.postwoman.settings.PROXY_ENABLED) {
     return axiosWithProxy(req, store);
+  }
   else return axiosWithoutProxy(req, store);
 }
 
diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index ecd7b133a..cfe47d059 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -30,8 +30,9 @@ const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
 });
 
 const firefoxStrategy = (req, store) => {
-  if (store.state.postwoman.settings.PROXY_ENABLED)
+  if (store.state.postwoman.settings.PROXY_ENABLED) {
     return firefoxWithProxy(req, store);
+  }
   else return firefoxWithoutProxy(req, store);
 }
 

From a1568a98d4cbba0959affb9336bf4db8306bbfcf Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:22:21 -0500
Subject: [PATCH 07/70] Update functions/strategies/FirefoxStrategy.js

Co-Authored-By: James George <jamesgeorge998001@gmail.com>
---
 functions/strategies/FirefoxStrategy.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index cfe47d059..aeda4c146 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -33,7 +33,7 @@ const firefoxStrategy = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return firefoxWithProxy(req, store);
   }
-  else return firefoxWithoutProxy(req, store);
+  return firefoxWithoutProxy(req, store);
 }
 
 export default firefoxStrategy;

From 8e86e4c8e8d02fcce35f844b0f586ae163e181d4 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:22:30 -0500
Subject: [PATCH 08/70] Update functions/strategies/AxiosStrategy.js

Co-Authored-By: James George <jamesgeorge998001@gmail.com>
---
 functions/strategies/AxiosStrategy.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 3c237ea6c..10ab56a2f 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -18,7 +18,7 @@ const axiosStrategy = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return axiosWithProxy(req, store);
   }
-  else return axiosWithoutProxy(req, store);
+  return axiosWithoutProxy(req, store);
 }
 
 export default axiosStrategy;

From 3b96f85c55490f5f5312b43a6dec9f84cf8040fa Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:30:24 -0500
Subject: [PATCH 09/70] Make James happy by doing proper code refactors

---
 functions/strategies/FirefoxStrategy.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index aeda4c146..1e12ba119 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -3,8 +3,11 @@ const firefoxWithProxy = (req, store) => new Promise((resolve, reject) => {
   const eventListener = (event) => {
     window.removeEventListener("firefoxExtSendRequestComplete", event);
 
-    if (event.detail.error) reject(JSON.parse(event.detail.error));
-    else resolve(JSON.parse(event.detail.response));
+    if (event.detail.error) {
+      reject(JSON.parse(event.detail.error));
+    } else {
+      resolve(JSON.parse(event.detail.response));
+    }
   };
 
   window.addEventListener("firefoxExtSendRequestComplete", eventListener);
@@ -20,8 +23,11 @@ const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
   const eventListener = (event) => {
     window.removeEventListener("firefoxExtSendRequestComplete", eventListener);
 
-    if (event.detail.error) reject(JSON.parse(event.detail.error));
-    else resolve(JSON.parse(event.detail.response));
+    if (event.detail.error) {
+      reject(JSON.parse(event.detail.error));
+    } else {
+      resolve(JSON.parse(event.detail.response));
+    }
   };
 
   window.addEventListener("firefoxExtSendRequestComplete", eventListener);
@@ -32,8 +38,9 @@ const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
 const firefoxStrategy = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return firefoxWithProxy(req, store);
+  } else {
+    return firefoxWithoutProxy(req, store);
   }
-  return firefoxWithoutProxy(req, store);
 }
 
 export default firefoxStrategy;

From 0cec1b977a70e5c9dce0b3f11be9c16e8d4ee20a Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:42:50 -0500
Subject: [PATCH 10/70] QueryEditor parses query on mount

---
 components/graphql/queryeditor.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index f44044e0f..46c21048b 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -76,6 +76,8 @@ export default {
 
       this.cacheValue = content;
     });
+
+    this.parseContents(this.value);
   },
 
   methods: {

From b3dd2ebf3104a7e451ac34c8cca983f9ba3a31aa Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sat, 18 Jan 2020 04:43:58 -0500
Subject: [PATCH 11/70] Removed GQL parse log

---
 components/graphql/queryeditor.vue | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index 46c21048b..23eb15a04 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -93,21 +93,14 @@ export default {
 
     parseContents: debounce(function (content) {
       try {
-        console.log(this.editor.session);
-        console.log(gql.parse(content));
-        console.log("Parse Success");
+        gql.parse(content);
       } catch (e) {
-        console.log(e);
-        console.log("Parse Failed");
-
         this.editor.session.setAnnotations([{
           row: e.locations[0].line - 1,
           column: e.locations[0].column - 1,
           text: e.message,
           type: "error"
         }]);
-        console.log("Annotated");
-        console.log(this.editor.session.getAnnotations());
       }
     }, 2000)
   },

From aa056ff1c159cc971a506cb4e1917a30afc67aa9 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Sat, 18 Jan 2020 15:22:59 +0530
Subject: [PATCH 12/70] refactor: remove extraneous else

---
 functions/strategies/FirefoxStrategy.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index 1e12ba119..10d5a09ec 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -38,9 +38,8 @@ const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
 const firefoxStrategy = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return firefoxWithProxy(req, store);
-  } else {
-    return firefoxWithoutProxy(req, store);
   }
+  return firefoxWithoutProxy(req, store);
 }
 
 export default firefoxStrategy;

From 5458debe35f614c0d6708defae305ad34681d7f9 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sun, 19 Jan 2020 12:37:19 +0530
Subject: [PATCH 13/70] :recycle: Refactor

---
 README.md                               |  4 +-
 components/graphql/queryeditor.vue      | 23 +++++----
 functions/strategies/AxiosStrategy.js   |  9 ++--
 functions/strategies/FirefoxStrategy.js | 63 +++++++++++++------------
 layouts/default.vue                     |  3 +-
 pages/graphql.vue                       |  2 +-
 6 files changed, 53 insertions(+), 51 deletions(-)

diff --git a/README.md b/README.md
index 41b3cce62..529a1da32 100644
--- a/README.md
+++ b/README.md
@@ -69,8 +69,8 @@ _Customized themes are synced with local session storage_
  - Instant loading with [Service Workers](https://developers.google.com/web/fundamentals/primers/service-workers)
  - Offline support
  - Low RAM/memory and CPU usage
- - [Add to Home Screen](https://developers.google.com/web/fundamentals/app-install-banners) (button in footer)
- - [Desktop PWA](https://developers.google.com/web/progressive-web-apps/desktop) support (button in footer)
+ - Add to Home Screen
+ - Desktop PWA
  - ([full features](https://developers.google.com/web/progressive-web-apps))
 
 🚀 **Request**: Retrieve response from endpoint instantly.
diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index 23eb15a04..c89d9807e 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -7,9 +7,8 @@ const DEFAULT_THEME = "twilight";
 
 import ace from "ace-builds";
 import * as gql from "graphql";
-
 import "ace-builds/webpack-resolver";
-import debounce from '../../functions/utils/debounce';
+import debounce from "../../functions/utils/debounce";
 
 export default {
   props: {
@@ -71,9 +70,7 @@ export default {
     editor.on("change", () => {
       const content = editor.getValue();
       this.$emit("input", content);
-      
-      this.parseContents(content)
-
+      this.parseContents(content);
       this.cacheValue = content;
     });
 
@@ -91,16 +88,18 @@ export default {
       }
     },
 
-    parseContents: debounce(function (content) {
+    parseContents: debounce(function(content) {
       try {
         gql.parse(content);
       } catch (e) {
-        this.editor.session.setAnnotations([{
-          row: e.locations[0].line - 1,
-          column: e.locations[0].column - 1,
-          text: e.message,
-          type: "error"
-        }]);
+        this.editor.session.setAnnotations([
+          {
+            row: e.locations[0].line - 1,
+            column: e.locations[0].column - 1,
+            text: e.message,
+            type: "error"
+          }
+        ]);
       }
     }, 2000)
   },
diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 10ab56a2f..4b3be7263 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -1,13 +1,12 @@
 import axios from "axios";
 
-const axiosWithProxy = async (req, store) => {
+const axiosWithProxy = async (req, { state }) => {
   const { data } = await axios.post(
-    store.state.postwoman.settings.PROXY_URL ||
-    "https://postwoman.apollotv.xyz/",
+    state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
     req
   );
   return data;
-}
+};
 
 const axiosWithoutProxy = async (req, _store) => {
   const res = await axios(req);
@@ -19,6 +18,6 @@ const axiosStrategy = (req, store) => {
     return axiosWithProxy(req, store);
   }
   return axiosWithoutProxy(req, store);
-}
+};
 
 export default axiosStrategy;
diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index 10d5a09ec..afe63498c 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -1,45 +1,50 @@
+const firefoxWithProxy = (req, { state }) =>
+  new Promise((resolve, reject) => {
+    const eventListener = event => {
+      window.removeEventListener("firefoxExtSendRequestComplete", event);
 
-const firefoxWithProxy = (req, store) => new Promise((resolve, reject) => {
-  const eventListener = (event) => {
-    window.removeEventListener("firefoxExtSendRequestComplete", event);
+      if (event.detail.error) {
+        reject(JSON.parse(event.detail.error));
+      } else {
+        resolve(JSON.parse(event.detail.response));
+      }
+    };
 
-    if (event.detail.error) {
-      reject(JSON.parse(event.detail.error));
-    } else {
-      resolve(JSON.parse(event.detail.response));
-    }
-  };
+    window.addEventListener("firefoxExtSendRequestComplete", eventListener);
 
-  window.addEventListener("firefoxExtSendRequestComplete", eventListener);
-
-  window.firefoxExtSendRequest({
-    method: "post",
-    url: store.state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
-    data: req
+    window.firefoxExtSendRequest({
+      method: "post",
+      url:
+        state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
+      data: req
+    });
   });
-});
 
-const firefoxWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
-  const eventListener = (event) => {
-    window.removeEventListener("firefoxExtSendRequestComplete", eventListener);
+const firefoxWithoutProxy = (req, _store) =>
+  new Promise((resolve, reject) => {
+    const eventListener = ({ detail }) => {
+      window.removeEventListener(
+        "firefoxExtSendRequestComplete",
+        eventListener
+      );
 
-    if (event.detail.error) {
-      reject(JSON.parse(event.detail.error));
-    } else {
-      resolve(JSON.parse(event.detail.response));
-    }
-  };
+      if (detail.error) {
+        reject(JSON.parse(detail.error));
+      } else {
+        resolve(JSON.parse(detail.response));
+      }
+    };
 
-  window.addEventListener("firefoxExtSendRequestComplete", eventListener);
+    window.addEventListener("firefoxExtSendRequestComplete", eventListener);
 
-  window.firefoxExtSendRequest(req);
-});
+    window.firefoxExtSendRequest(req);
+  });
 
 const firefoxStrategy = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return firefoxWithProxy(req, store);
   }
   return firefoxWithoutProxy(req, store);
-}
+};
 
 export default firefoxStrategy;
diff --git a/layouts/default.vue b/layouts/default.vue
index 447e58ae4..9514893c6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -619,8 +619,7 @@ export default {
       showExtensions: false,
       showShortcuts: false,
       showSupport: false,
-      firefoxExtInstalled:
-        window.firefoxExtSendRequest !== undefined ? true : false,
+      firefoxExtInstalled: window.firefoxExtSendRequest,
       chromeExtInstalled: false
     };
   },
diff --git a/pages/graphql.vue b/pages/graphql.vue
index 0aee8d984..f6ca59d6c 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -820,7 +820,7 @@ export default {
         });
       } catch (error) {
         this.$nuxt.$loading.finish();
-        this.schemaString = `${error}. ${check_console_details}`;
+        this.schemaString = `${error}. ${this.$t("check_console_details")}`;
         this.$toast.error(`${error} ${this.$t("f12_details")}`, {
           icon: "error"
         });

From f0cfee56f2106d906f00968ce0ef0ac307690016 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 19 Jan 2020 14:21:31 -0500
Subject: [PATCH 14/70] Added ability to query editor to validate based on
 schema

---
 components/graphql/queryeditor.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index c89d9807e..959781992 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -33,7 +33,8 @@ export default {
   data() {
     return {
       editor: null,
-      cacheValue: ""
+      cacheValue: "",
+      validationSchema: null 
     };
   },
 
@@ -87,10 +88,29 @@ export default {
         );
       }
     },
+    
+    setValidationSchema(schema) {
+      this.validationSchema = schema;
+      this.parseContents(this.cacheValue);
+    },
 
     parseContents: debounce(function(content) {
       try {
-        gql.parse(content);
+        const doc = gql.parse(content);
+
+        if (this.validationSchema) {
+          this.editor.session.setAnnotations(
+            gql.validate(this.validationSchema, doc)
+              .map((err) => {
+                return {
+                  row: err.locations[0].line - 1,
+                  column: err.locations[0].column - 1,
+                  text: err.message,
+                  type: "error"
+                }
+              })
+          )
+        }
       } catch (e) {
         this.editor.session.setAnnotations([
           {

From 77e51f330111312be0eda10a57732cd620daa2b6 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 19 Jan 2020 14:22:56 -0500
Subject: [PATCH 15/70] GraphQL page now notifies the query editor about the
 schema for validation

---
 pages/graphql.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index f6ca59d6c..606796472 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -812,6 +812,8 @@ export default {
           }
         }
         this.gqlTypes = types;
+        
+        this.$refs.queryEditor.setValidationSchema(schema);
 
         this.$nuxt.$loading.finish();
         const duration = Date.now() - startTime;

From 744d6477044a2856c4d59d487c6fb406f7aa0f7c Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 19 Jan 2020 14:38:46 -0500
Subject: [PATCH 16/70] GQL Query Editor doesn't give errors for empty queries

---
 components/graphql/queryeditor.vue | 50 ++++++++++++++++--------------
 1 file changed, 27 insertions(+), 23 deletions(-)

diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index 959781992..7f1084b85 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -95,31 +95,35 @@ export default {
     },
 
     parseContents: debounce(function(content) {
-      try {
-        const doc = gql.parse(content);
+      if (content !== "") {
+        try {
+          const doc = gql.parse(content);
 
-        if (this.validationSchema) {
-          this.editor.session.setAnnotations(
-            gql.validate(this.validationSchema, doc)
-              .map((err) => {
-                return {
-                  row: err.locations[0].line - 1,
-                  column: err.locations[0].column - 1,
-                  text: err.message,
-                  type: "error"
-                }
-              })
-          )
-        }
-      } catch (e) {
-        this.editor.session.setAnnotations([
-          {
-            row: e.locations[0].line - 1,
-            column: e.locations[0].column - 1,
-            text: e.message,
-            type: "error"
+          if (this.validationSchema) {
+            this.editor.session.setAnnotations(
+              gql.validate(this.validationSchema, doc)
+                .map((err) => {
+                  return {
+                    row: err.locations[0].line - 1,
+                    column: err.locations[0].column - 1,
+                    text: err.message,
+                    type: "error"
+                  }
+                })
+            )
           }
-        ]);
+        } catch (e) {
+          this.editor.session.setAnnotations([
+            {
+              row: e.locations[0].line - 1,
+              column: e.locations[0].column - 1,
+              text: e.message,
+              type: "error"
+            }
+          ]);
+        }
+      } else {
+        this.editor.session.setAnnotations([]);
       }
     }, 2000)
   },

From 8ae5dbc3750b9576e924d28b444e42288ce6c0af Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 19 Jan 2020 15:24:17 -0500
Subject: [PATCH 17/70] Fixed proxying through the firefox extension

---
 functions/strategies/FirefoxStrategy.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index afe63498c..9160a27d3 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -6,7 +6,7 @@ const firefoxWithProxy = (req, { state }) =>
       if (event.detail.error) {
         reject(JSON.parse(event.detail.error));
       } else {
-        resolve(JSON.parse(event.detail.response));
+        resolve(JSON.parse(event.detail.response).data);
       }
     };
 

From fb4554abe3791272d4082b89f946c1de391ccb51 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 20 Jan 2020 22:25:48 +0530
Subject: [PATCH 18/70] :tada: Initial Auth

---
 components/BallsFeed.vue |  20 +
 components/InputForm.vue |  25 +
 components/Login.vue     |  30 ++
 functions/store.js       |  63 +++
 layouts/default.vue      |  37 +-
 package-lock.json        | 994 ++++++++++++++++++++++++++++++++++++++-
 package.json             |   2 +
 7 files changed, 1153 insertions(+), 18 deletions(-)
 create mode 100644 components/BallsFeed.vue
 create mode 100644 components/InputForm.vue
 create mode 100644 components/Login.vue
 create mode 100644 functions/store.js

diff --git a/components/BallsFeed.vue b/components/BallsFeed.vue
new file mode 100644
index 000000000..8e01e2a77
--- /dev/null
+++ b/components/BallsFeed.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <p v-for="ball in store.ballsInFeed" :key="ball.id">
+      <span>{{ ball.author_name }}:</span>
+      {{ ball.message }}
+    </p>
+  </div>
+</template>
+
+<script>
+import { store } from "../functions/store";
+
+export default {
+  data() {
+    return {
+      store
+    };
+  }
+};
+</script>
diff --git a/components/InputForm.vue b/components/InputForm.vue
new file mode 100644
index 000000000..25c655e3c
--- /dev/null
+++ b/components/InputForm.vue
@@ -0,0 +1,25 @@
+<template>
+  <form @submit.prevent="formPost">
+    <input type="text" autofocus ref="inputMessage" v-model="message" />
+    <input type="submit" value="DUNK!" />
+  </form>
+</template>
+
+<script>
+import { store } from "../functions/store";
+
+export default {
+  data() {
+    return {
+      message: null
+    };
+  },
+  methods: {
+    formPost() {
+      store.writeBall(this.message);
+      this.message = null;
+      this.$refs.inputMessage.focus();
+    }
+  }
+};
+</script>
diff --git a/components/Login.vue b/components/Login.vue
new file mode 100644
index 000000000..e05d4dc77
--- /dev/null
+++ b/components/Login.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <button @click.prevent="signInWithGoogle">Log in with Google</button>
+    <button @click.prevent="signInWithGithub">Log in with GitHub</button>
+  </div>
+</template>
+
+<script>
+import firebase from "firebase/app";
+import "firebase/auth";
+
+export default {
+  methods: {
+    signInWithGoogle() {
+      var provider = new firebase.auth.GoogleAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => alert(err.message || err));
+    },
+    signInWithGithub() {
+      var provider = new firebase.auth.GithubAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => alert(err.message || err));
+    }
+  }
+};
+</script>
diff --git a/functions/store.js b/functions/store.js
new file mode 100644
index 000000000..918a9a0c4
--- /dev/null
+++ b/functions/store.js
@@ -0,0 +1,63 @@
+import Vue from "vue";
+import firebase from "firebase/app";
+import "firebase/firestore";
+import "firebase/auth";
+
+// Initialize Firebase, copied from cloud console
+var config = {
+  apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
+  authDomain: "postwoman-api.firebaseapp.com",
+  databaseURL: "https://postwoman-api.firebaseio.com",
+  projectId: "postwoman-api",
+  storageBucket: "postwoman-api.appspot.com",
+  messagingSenderId: "421993993223",
+  appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
+  measurementId: "G-ERJ6025CEB"
+};
+firebase.initializeApp(config);
+
+// a reference to the Balls collection
+const ballsCollection = firebase.firestore().collection("balls");
+
+// the shared state object that any vue component
+// can get access to
+export const store = {
+  ballsInFeed: null,
+  currentUser: null,
+  writeBall: message => {
+    const dt = {
+      createdOn: new Date(),
+      author: store.currentUser.uid,
+      author_name: store.currentUser.displayName,
+      author_image: store.currentUser.photoURL,
+      message
+    };
+    return ballsCollection
+      .add(dt)
+      .catch(e => console.error("error inserting", dt, e));
+  }
+};
+
+// onSnapshot is executed every time the data
+// in the underlying firestore collection changes
+// It will get passed an array of references to
+// the documents that match your query
+ballsCollection
+  .orderBy("createdOn", "desc")
+  .limit(5)
+  .onSnapshot(ballsRef => {
+    const balls = [];
+    ballsRef.forEach(doc => {
+      const ball = doc.data();
+      ball.id = doc.id;
+      balls.push(ball);
+    });
+    console.log("Received Balls feed:", balls);
+    store.ballsInFeed = balls;
+  });
+
+// When a user logs in or out, save that in the store
+firebase.auth().onAuthStateChanged(user => {
+  console.log("Logged in as:", user);
+  store.currentUser = user;
+});
diff --git a/layouts/default.vue b/layouts/default.vue
index 9514893c6..341b8c72d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -345,6 +345,17 @@
                   </template>
                 </v-popover>
               </span>
+
+
+
+    <Login v-if="!store.currentUser" />
+    <div v-else>
+      <button @click="logout">Log out</button>
+      <InputForm />
+      <BallsFeed />
+    </div>
+
+
             </div>
           </header>
           <nuxt />
@@ -594,10 +605,22 @@
 import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
 
+
+import firebase from 'firebase/app';
+import 'firebase/auth';
+
+import { store } from '../functions/store';
+import Login from '../components/Login';
+import InputForm from '../components/InputForm';
+import BallsFeed from '../components/BallsFeed';
+
+
 export default {
   components: {
     logo: () => import("../components/logo"),
-    modal: () => import("../components/modal")
+    modal: () => import("../components/modal"),
+
+    Login, InputForm, BallsFeed
   },
 
   methods: {
@@ -606,7 +629,13 @@ export default {
         "nuxt-link-exact-active": this.$route.path === path,
         "nuxt-link-active": this.$route.path === path
       };
-    }
+    },
+
+
+    logout() {
+      firebase.auth().signOut()
+        .catch((err) => alert(err.message || err));
+    },
   },
 
   data() {
@@ -620,7 +649,9 @@ export default {
       showShortcuts: false,
       showSupport: false,
       firefoxExtInstalled: window.firefoxExtSendRequest,
-      chromeExtInstalled: false
+      chromeExtInstalled: false,
+
+      store
     };
   },
 
diff --git a/package-lock.json b/package-lock.json
index 596757fe5..eb672b789 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -905,6 +905,264 @@
                 "lodash.once": "^4.1.1"
             }
         },
+        "@firebase/analytics": {
+            "version": "0.2.11",
+            "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.2.11.tgz",
+            "integrity": "sha512-2+Z3CBRAExe1Auf9tApnuz6akAdi9DzPUSx/ssKChWbSzInCeaYGN40pKIameux7BAVecZHxZNh5tJmW27lgtw==",
+            "requires": {
+                "@firebase/analytics-types": "0.2.5",
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/analytics-types": {
+            "version": "0.2.5",
+            "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.2.5.tgz",
+            "integrity": "sha512-aa746gTiILMn9TPBJXaYhYqnCL4CQwd4aYTAZseI9RZ/hf117xJTNy9/ZTmG5gl2AqxV0LgtdHYqKAjRlNqPIQ=="
+        },
+        "@firebase/app": {
+            "version": "0.5.2",
+            "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.5.2.tgz",
+            "integrity": "sha512-QOhSO414Yfc7BAH62QdsFiI/5bNaFrjDMLfRNAqnzGwLkiqIK+QH1Hma7dAF4ff1UjzEpbXQn3rXv7gtAXy6Lw==",
+            "requires": {
+                "@firebase/app-types": "0.5.0",
+                "@firebase/component": "0.1.3",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "dom-storage": "2.1.0",
+                "tslib": "1.10.0",
+                "xmlhttprequest": "1.8.0"
+            }
+        },
+        "@firebase/app-types": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.5.0.tgz",
+            "integrity": "sha512-8j+vCXTpAkYGcFk86mPZ90V6HMFmn196RIEW9Opi0PN+VrPFC1l/eW0gptM8v7VXaQhECOxws3TN2g+dDaeSYA=="
+        },
+        "@firebase/auth": {
+            "version": "0.13.4",
+            "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-0.13.4.tgz",
+            "integrity": "sha512-dFDuLMHHmigs9ZH56h+UO78SMuvYkwRcPbEudaemYisGLXnYFa0pUKS2WfvA/9d/14X/VnzG8NGApAw5BylpvA==",
+            "requires": {
+                "@firebase/auth-types": "0.9.4"
+            }
+        },
+        "@firebase/auth-interop-types": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.1.1.tgz",
+            "integrity": "sha512-rNpCOyCspZvNDoQVQLQQgWAGBMB2ClCWKN1c8cEFgLNFgnMJrjVB+tcL7KW2q2UjKa7l8Mxgwys7szTiEDAcvA=="
+        },
+        "@firebase/auth-types": {
+            "version": "0.9.4",
+            "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.9.4.tgz",
+            "integrity": "sha512-06ZrpYz1GaUfIJs7C3Yf4lARH8+2kzgKfgG/9B3FaGHFYLa5U7rLBGGaca4oiVI12jmhe9CV3+M8e3U2CRCr2w=="
+        },
+        "@firebase/component": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.1.3.tgz",
+            "integrity": "sha512-PvWS/2TVC5rBKvzxdv91FBPbZxuN2WiwDyO2xaHdtsUkZ+P/E825PIh9en9kR+FSQkTCFRDmboLzispN1Tonrg==",
+            "requires": {
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/database": {
+            "version": "0.5.19",
+            "resolved": "https://registry.npmjs.org/@firebase/database/-/database-0.5.19.tgz",
+            "integrity": "sha512-UVd0XTBbA/7mcwGeNwhMFHyrz3uJUyLAUeaROuppfo4bBK0jUhdkwqmeNC+q/Q9vU4GUV0UkMm7XgWlsfI+j8Q==",
+            "requires": {
+                "@firebase/auth-interop-types": "0.1.1",
+                "@firebase/component": "0.1.3",
+                "@firebase/database-types": "0.4.10",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "faye-websocket": "0.11.3",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/database-types": {
+            "version": "0.4.10",
+            "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-0.4.10.tgz",
+            "integrity": "sha512-66puLsckt5HASgRN3CfhLn2iuGrgCjfH3u17OL0f5MtEweYLx+yW2QW5d539Wx30xD4B+INEdaRetw6xEa9t7g==",
+            "requires": {
+                "@firebase/app-types": "0.5.0"
+            }
+        },
+        "@firebase/firestore": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-1.9.3.tgz",
+            "integrity": "sha512-FGHZ5Dj+6PTqTDr1eEdEPA3fbzQy5v0i21k2DA1d4bdD20bVWWdOAyoOuku4BawfK7ZzgVJipd2+EH8pWIlwIQ==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/firestore-types": "1.9.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "@firebase/webchannel-wrapper": "0.2.35",
+                "@grpc/proto-loader": "^0.5.0",
+                "grpc": "1.24.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/firestore-types": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-1.9.0.tgz",
+            "integrity": "sha512-UOtneGMUTLr58P56Y0GT/c4ZyC39vOoRAzgwad4PIsyc7HlKShbHKJpyys/LdlUYIsQdy/2El3Qy1veiBQ+ZJg=="
+        },
+        "@firebase/functions": {
+            "version": "0.4.30",
+            "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.4.30.tgz",
+            "integrity": "sha512-gIcmtwn+HF5YnnJmyiK3iRKSLE+Ro92ngmwJEyhupk6PBpuqVF1r22kUlrjFsFlPXEx7TrkWvfZkYbTtLpkRHw==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/functions-types": "0.3.13",
+                "@firebase/messaging-types": "0.4.1",
+                "isomorphic-fetch": "2.2.1",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/functions-types": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.3.13.tgz",
+            "integrity": "sha512-wD075tCmZo+t/GHs5xMhi3irwjbc6SWnjXAIHjuNhVDKic5gQNkHH5QnxX930WPrPhD0RV9wuSP15fy9T1mvjw=="
+        },
+        "@firebase/installations": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.4.0.tgz",
+            "integrity": "sha512-eAUrLjDnaKJ0oV4ApKlrS5TQeUv42hA39UZkZXDiMLnH94uPD5YaoGI2aR4H+PlxnGrhCqdh07BIPJY+vcmZgw==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations-types": "0.3.0",
+                "@firebase/util": "0.2.38",
+                "idb": "3.0.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/installations-types": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.3.0.tgz",
+            "integrity": "sha512-1W82H1F4WfuWjftMiWLNUTy1w2SD7svn8/U8k6T/CJSnzkET6m+3pPt3Q4FDI6E2zOgU8ZVGWm9IZ4DK84mP/A=="
+        },
+        "@firebase/logger": {
+            "version": "0.1.34",
+            "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.1.34.tgz",
+            "integrity": "sha512-J2h6ylpd1IcuonRM3HBdXThitds6aQSIeoPYRPvApSFy82NhFPKRzJlflAhlQWjJOh59/jyQBGWJNxCL6fp4hw=="
+        },
+        "@firebase/messaging": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.6.2.tgz",
+            "integrity": "sha512-sjdFF3v8Wc0K6r06UvskL/9zHFDbX0ospp1XSdl3OdYdq8mC/z8Fkw8oKN9+0StPWAQx8MdpmxDU/7Ixucf1fg==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/messaging-types": "0.4.1",
+                "@firebase/util": "0.2.38",
+                "idb": "3.0.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/messaging-types": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@firebase/messaging-types/-/messaging-types-0.4.1.tgz",
+            "integrity": "sha512-z2ki1nIE8TYH9LiXdozEzrPi9Cfckh9/x7HbDfj5KoVFYYvwLndUczstpKm2hvAUD3GuJF0JRUuxMHpJ6pwqzQ=="
+        },
+        "@firebase/performance": {
+            "version": "0.2.30",
+            "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.2.30.tgz",
+            "integrity": "sha512-XxkiJIiEPnJUOrtv0h0AvDmcTyiYbhGfH12WksN9d53O61aTRUsjngHN6lEtlMud+0yEi6Q09pi4U+KBGm8yZQ==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/performance-types": "0.0.8",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/performance-types": {
+            "version": "0.0.8",
+            "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.0.8.tgz",
+            "integrity": "sha512-3RK15Bct9PRdr0YBdbZV2KTi5yrPzscJVEsdnsLHuwXBntqlQaouQqwlCNFn25dtCMY0cgV/yiaFmuo13mbJ8A=="
+        },
+        "@firebase/polyfill": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@firebase/polyfill/-/polyfill-0.3.31.tgz",
+            "integrity": "sha512-7XItMz50tdba57tCOTCSH8REvHYbrTU7MBOksnNZ3td/J9W/RkCPcLVSSnFWNmn0Jv1aufpUevryX1J4DZ/oiw==",
+            "requires": {
+                "core-js": "3.6.2",
+                "promise-polyfill": "8.1.3",
+                "whatwg-fetch": "2.0.4"
+            },
+            "dependencies": {
+                "core-js": {
+                    "version": "3.6.2",
+                    "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.2.tgz",
+                    "integrity": "sha512-hIE5dXkRzRvnZ5vhkRfQxUvDxQZmD9oueA08jDYRBKJHx+VIl/Pne/e0A4x9LObEEthC/TqiZybUoNM4tRgnKg=="
+                },
+                "whatwg-fetch": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",
+                    "integrity": "sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng=="
+                }
+            }
+        },
+        "@firebase/remote-config": {
+            "version": "0.1.11",
+            "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.1.11.tgz",
+            "integrity": "sha512-AsrwmtYVkU1ZqUujV1i2wt0XK2Zph6gBeOIPEo+xD4uyzXoqTHUaW5ZPTBzjYCw1KDKTL6ciXXxk5c+cfNzjyg==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/remote-config-types": "0.1.5",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/remote-config-types": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.1.5.tgz",
+            "integrity": "sha512-1JR0XGVN0dNKJlu5sMYh0qL0jC85xNgXfUquUGNHhy9lH3++t1gD91MeiDBgxI73oFQR7PEPeu+CTeDS0g8lWQ=="
+        },
+        "@firebase/storage": {
+            "version": "0.3.24",
+            "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.3.24.tgz",
+            "integrity": "sha512-hwk5ObwtqcfMFOnd4BcCpCPlr13L686iRAaa7qlOEimx0CizWD1QRmduDuxjuxHsqNnSr3QIUleG48Z8gKOg6A==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/storage-types": "0.3.8",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/storage-types": {
+            "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.3.8.tgz",
+            "integrity": "sha512-F0ED2WZaGjhjEdOk85c/1ikDQdWM1NiATFuTmRsaGYZyoERiwh/Mr6FnjqnLIeiJZqa6v2hk/aUgKosXjMWH/Q=="
+        },
+        "@firebase/util": {
+            "version": "0.2.38",
+            "resolved": "https://registry.npmjs.org/@firebase/util/-/util-0.2.38.tgz",
+            "integrity": "sha512-EcTQWuWrUG7wgU8IGx50Zd/xE1DdwmYpMAIElsu5G5RPAJJ9VoAOAnxyRBPrrHmFeSLJpGtKPxc/rJXnEaGrXw==",
+            "requires": {
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/webchannel-wrapper": {
+            "version": "0.2.35",
+            "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.2.35.tgz",
+            "integrity": "sha512-7njiGBbFW0HCnuKNEJLcQt9EjfOzG8EJiXlFJwA3XfgiFxPVHmXrcF4d5yold2wfiwCwrXpeNTGZ854oRr6Hcw=="
+        },
+        "@grpc/proto-loader": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.5.3.tgz",
+            "integrity": "sha512-8qvUtGg77G2ZT2HqdqYoM/OY97gQd/0crSG34xNmZ4ZOsv3aQT/FQV9QfZPazTGna6MIoyUd+u6AxsoZjJ/VMQ==",
+            "requires": {
+                "lodash.camelcase": "^4.3.0",
+                "protobufjs": "^6.8.6"
+            }
+        },
         "@hapi/address": {
             "version": "2.1.4",
             "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
@@ -1508,11 +1766,84 @@
                 "stack-trace": "0.0.10"
             }
         },
+        "@posva/vuefire-core": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@posva/vuefire-core/-/vuefire-core-2.3.0.tgz",
+            "integrity": "sha512-QXYYjcekmlKgWtrjla3z6FjcAFgzZD2wrHukz40V3c80gbVSBoDjM/oSvrHCwxzhvTg95abkHgE2yEL0UlHJCQ=="
+        },
+        "@protobufjs/aspromise": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+            "integrity": "sha1-m4sMxmPWaafY9vXQiToU00jzD78="
+        },
+        "@protobufjs/base64": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+            "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+        },
+        "@protobufjs/codegen": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+            "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+        },
+        "@protobufjs/eventemitter": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+            "integrity": "sha1-NVy8mLr61ZePntCV85diHx0Ga3A="
+        },
+        "@protobufjs/fetch": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+            "integrity": "sha1-upn7WYYUr2VwDBYZ/wbUVLDYTEU=",
+            "requires": {
+                "@protobufjs/aspromise": "^1.1.1",
+                "@protobufjs/inquire": "^1.1.0"
+            }
+        },
+        "@protobufjs/float": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+            "integrity": "sha1-Xp4avctz/Ap8uLKR33jIy9l7h9E="
+        },
+        "@protobufjs/inquire": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+            "integrity": "sha1-/yAOPnzyQp4tyvwRQIKOjMY48Ik="
+        },
+        "@protobufjs/path": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+            "integrity": "sha1-bMKyDFya1q0NzP0hynZz2Nf79o0="
+        },
+        "@protobufjs/pool": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+            "integrity": "sha1-Cf0V8tbTq/qbZbw2ZQbWrXhG/1Q="
+        },
+        "@protobufjs/utf8": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+            "integrity": "sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA="
+        },
+        "@types/bytebuffer": {
+            "version": "5.0.40",
+            "resolved": "https://registry.npmjs.org/@types/bytebuffer/-/bytebuffer-5.0.40.tgz",
+            "integrity": "sha512-h48dyzZrPMz25K6Q4+NCwWaxwXany2FhQg/ErOcdZS1ZpsaDnDMZg8JYLMTGz7uvXKrcKGJUZJlZObyfgdaN9g==",
+            "requires": {
+                "@types/long": "*",
+                "@types/node": "*"
+            }
+        },
         "@types/color-name": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
             "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ=="
         },
+        "@types/long": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.0.tgz",
+            "integrity": "sha512-1w52Nyx4Gq47uuu0EVcsHBxZFJgurQ+rTKS3qMHxR1GY2T8c2AJYd6vZoZ9q1rupaDjU0yT+Jc2XTyXkjeMA+Q=="
+        },
         "@types/node": {
             "version": "12.12.17",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.17.tgz",
@@ -2041,6 +2372,15 @@
             "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
             "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
         },
+        "ascli": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/ascli/-/ascli-1.0.1.tgz",
+            "integrity": "sha1-vPpZdKYvGOgcq660lzKrSoj5Brw=",
+            "requires": {
+                "colour": "~0.7.1",
+                "optjs": "~3.2.2"
+            }
+        },
         "asn1": {
             "version": "0.2.4",
             "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -2578,6 +2918,21 @@
             "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
             "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
         },
+        "bytebuffer": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/bytebuffer/-/bytebuffer-5.0.1.tgz",
+            "integrity": "sha1-WC7qSxqHO20CCkjVjfhfC7ps/d0=",
+            "requires": {
+                "long": "~3"
+            },
+            "dependencies": {
+                "long": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/long/-/long-3.2.0.tgz",
+                    "integrity": "sha1-2CG3E4yhy1gcFymQ7xTbIAtcR0s="
+                }
+            }
+        },
         "bytes": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -3041,7 +3396,6 @@
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
             "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-            "dev": true,
             "requires": {
                 "string-width": "^1.0.1",
                 "strip-ansi": "^3.0.1",
@@ -3051,14 +3405,12 @@
                 "ansi-regex": {
                     "version": "2.1.1",
                     "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-                    "dev": true
+                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
                 },
                 "is-fullwidth-code-point": {
                     "version": "1.0.0",
                     "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
                     "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-                    "dev": true,
                     "requires": {
                         "number-is-nan": "^1.0.0"
                     }
@@ -3067,7 +3419,6 @@
                     "version": "1.0.2",
                     "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
                     "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-                    "dev": true,
                     "requires": {
                         "code-point-at": "^1.0.0",
                         "is-fullwidth-code-point": "^1.0.0",
@@ -3078,7 +3429,6 @@
                     "version": "3.0.1",
                     "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
                     "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-                    "dev": true,
                     "requires": {
                         "ansi-regex": "^2.0.0"
                     }
@@ -3087,7 +3437,6 @@
                     "version": "2.1.0",
                     "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
                     "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-                    "dev": true,
                     "requires": {
                         "string-width": "^1.0.1",
                         "strip-ansi": "^3.0.1"
@@ -3119,8 +3468,7 @@
         "code-point-at": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-            "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
-            "dev": true
+            "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
         },
         "collection-visit": {
             "version": "1.0.0",
@@ -3177,6 +3525,11 @@
                 "simple-swizzle": "^0.2.2"
             }
         },
+        "colour": {
+            "version": "0.7.1",
+            "resolved": "https://registry.npmjs.org/colour/-/colour-0.7.1.tgz",
+            "integrity": "sha1-nLFpkX7F0SwHNtPoaFdG3xyt93g="
+        },
         "combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -3987,6 +4340,11 @@
                 }
             }
         },
+        "dom-storage": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/dom-storage/-/dom-storage-2.1.0.tgz",
+            "integrity": "sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q=="
+        },
         "domain-browser": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -4122,6 +4480,14 @@
             "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
             "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
         },
+        "encoding": {
+            "version": "0.1.12",
+            "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
+            "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
+            "requires": {
+                "iconv-lite": "~0.4.13"
+            }
+        },
         "end-of-stream": {
             "version": "1.4.4",
             "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -4644,6 +5010,14 @@
             "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
             "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
         },
+        "faye-websocket": {
+            "version": "0.11.3",
+            "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+            "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
+            "requires": {
+                "websocket-driver": ">=0.5.1"
+            }
+        },
         "fd-slicer": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz",
@@ -4754,6 +5128,27 @@
                 "locate-path": "^3.0.0"
             }
         },
+        "firebase": {
+            "version": "7.7.0",
+            "resolved": "https://registry.npmjs.org/firebase/-/firebase-7.7.0.tgz",
+            "integrity": "sha512-rAjobH47rAYMyS4jiJqBATa5fNTqUTHNHvLzoMGzWNbmYqBzKyCk7EySRJek/+ZhfgJRYDfJxIActCTZ1jyN1Q==",
+            "requires": {
+                "@firebase/analytics": "0.2.11",
+                "@firebase/app": "0.5.2",
+                "@firebase/app-types": "0.5.0",
+                "@firebase/auth": "0.13.4",
+                "@firebase/database": "0.5.19",
+                "@firebase/firestore": "1.9.3",
+                "@firebase/functions": "0.4.30",
+                "@firebase/installations": "0.4.0",
+                "@firebase/messaging": "0.6.2",
+                "@firebase/performance": "0.2.30",
+                "@firebase/polyfill": "0.3.31",
+                "@firebase/remote-config": "0.1.11",
+                "@firebase/storage": "0.3.24",
+                "@firebase/util": "0.2.38"
+            }
+        },
         "flatted": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.1.tgz",
@@ -5129,6 +5524,459 @@
                 "iterall": "^1.2.2"
             }
         },
+        "grpc": {
+            "version": "1.24.2",
+            "resolved": "https://registry.npmjs.org/grpc/-/grpc-1.24.2.tgz",
+            "integrity": "sha512-EG3WH6AWMVvAiV15d+lr+K77HJ/KV/3FvMpjKjulXHbTwgDZkhkcWbwhxFAoTdxTkQvy0WFcO3Nog50QBbHZWw==",
+            "requires": {
+                "@types/bytebuffer": "^5.0.40",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clone": "^4.5.0",
+                "nan": "^2.13.2",
+                "node-pre-gyp": "^0.14.0",
+                "protobufjs": "^5.0.3"
+            },
+            "dependencies": {
+                "abbrev": {
+                    "version": "1.1.1",
+                    "bundled": true
+                },
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "bundled": true
+                },
+                "aproba": {
+                    "version": "1.2.0",
+                    "bundled": true
+                },
+                "are-we-there-yet": {
+                    "version": "1.1.5",
+                    "bundled": true,
+                    "requires": {
+                        "delegates": "^1.0.0",
+                        "readable-stream": "^2.0.6"
+                    }
+                },
+                "balanced-match": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "brace-expansion": {
+                    "version": "1.1.11",
+                    "bundled": true,
+                    "requires": {
+                        "balanced-match": "^1.0.0",
+                        "concat-map": "0.0.1"
+                    }
+                },
+                "camelcase": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+                    "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+                },
+                "chownr": {
+                    "version": "1.1.3",
+                    "bundled": true
+                },
+                "code-point-at": {
+                    "version": "1.1.0",
+                    "bundled": true
+                },
+                "concat-map": {
+                    "version": "0.0.1",
+                    "bundled": true
+                },
+                "console-control-strings": {
+                    "version": "1.1.0",
+                    "bundled": true
+                },
+                "core-util-is": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "debug": {
+                    "version": "3.2.6",
+                    "bundled": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "deep-extend": {
+                    "version": "0.6.0",
+                    "bundled": true
+                },
+                "delegates": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "detect-libc": {
+                    "version": "1.0.3",
+                    "bundled": true
+                },
+                "fs-minipass": {
+                    "version": "1.2.7",
+                    "bundled": true,
+                    "requires": {
+                        "minipass": "^2.6.0"
+                    }
+                },
+                "fs.realpath": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "gauge": {
+                    "version": "2.7.4",
+                    "bundled": true,
+                    "requires": {
+                        "aproba": "^1.0.3",
+                        "console-control-strings": "^1.0.0",
+                        "has-unicode": "^2.0.0",
+                        "object-assign": "^4.1.0",
+                        "signal-exit": "^3.0.0",
+                        "string-width": "^1.0.1",
+                        "strip-ansi": "^3.0.1",
+                        "wide-align": "^1.1.0"
+                    }
+                },
+                "glob": {
+                    "version": "7.1.4",
+                    "bundled": true,
+                    "requires": {
+                        "fs.realpath": "^1.0.0",
+                        "inflight": "^1.0.4",
+                        "inherits": "2",
+                        "minimatch": "^3.0.4",
+                        "once": "^1.3.0",
+                        "path-is-absolute": "^1.0.0"
+                    }
+                },
+                "has-unicode": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "iconv-lite": {
+                    "version": "0.4.24",
+                    "bundled": true,
+                    "requires": {
+                        "safer-buffer": ">= 2.1.2 < 3"
+                    }
+                },
+                "ignore-walk": {
+                    "version": "3.0.3",
+                    "bundled": true,
+                    "requires": {
+                        "minimatch": "^3.0.4"
+                    }
+                },
+                "inflight": {
+                    "version": "1.0.6",
+                    "bundled": true,
+                    "requires": {
+                        "once": "^1.3.0",
+                        "wrappy": "1"
+                    }
+                },
+                "inherits": {
+                    "version": "2.0.4",
+                    "bundled": true
+                },
+                "ini": {
+                    "version": "1.3.5",
+                    "bundled": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "1.0.0",
+                    "bundled": true,
+                    "requires": {
+                        "number-is-nan": "^1.0.0"
+                    }
+                },
+                "isarray": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "minimatch": {
+                    "version": "3.0.4",
+                    "bundled": true,
+                    "requires": {
+                        "brace-expansion": "^1.1.7"
+                    }
+                },
+                "minimist": {
+                    "version": "1.2.0",
+                    "bundled": true
+                },
+                "minipass": {
+                    "version": "2.9.0",
+                    "bundled": true,
+                    "requires": {
+                        "safe-buffer": "^5.1.2",
+                        "yallist": "^3.0.0"
+                    }
+                },
+                "minizlib": {
+                    "version": "1.3.3",
+                    "bundled": true,
+                    "requires": {
+                        "minipass": "^2.9.0"
+                    }
+                },
+                "mkdirp": {
+                    "version": "0.5.1",
+                    "bundled": true,
+                    "requires": {
+                        "minimist": "0.0.8"
+                    },
+                    "dependencies": {
+                        "minimist": {
+                            "version": "0.0.8",
+                            "bundled": true
+                        }
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "bundled": true
+                },
+                "needle": {
+                    "version": "2.4.0",
+                    "bundled": true,
+                    "requires": {
+                        "debug": "^3.2.6",
+                        "iconv-lite": "^0.4.4",
+                        "sax": "^1.2.4"
+                    }
+                },
+                "node-pre-gyp": {
+                    "version": "0.14.0",
+                    "bundled": true,
+                    "requires": {
+                        "detect-libc": "^1.0.2",
+                        "mkdirp": "^0.5.1",
+                        "needle": "^2.2.1",
+                        "nopt": "^4.0.1",
+                        "npm-packlist": "^1.1.6",
+                        "npmlog": "^4.0.2",
+                        "rc": "^1.2.7",
+                        "rimraf": "^2.6.1",
+                        "semver": "^5.3.0",
+                        "tar": "^4.4.2"
+                    }
+                },
+                "nopt": {
+                    "version": "4.0.1",
+                    "bundled": true,
+                    "requires": {
+                        "abbrev": "1",
+                        "osenv": "^0.1.4"
+                    }
+                },
+                "npm-bundled": {
+                    "version": "1.0.6",
+                    "bundled": true
+                },
+                "npm-packlist": {
+                    "version": "1.4.6",
+                    "bundled": true,
+                    "requires": {
+                        "ignore-walk": "^3.0.1",
+                        "npm-bundled": "^1.0.1"
+                    }
+                },
+                "npmlog": {
+                    "version": "4.1.2",
+                    "bundled": true,
+                    "requires": {
+                        "are-we-there-yet": "~1.1.2",
+                        "console-control-strings": "~1.1.0",
+                        "gauge": "~2.7.3",
+                        "set-blocking": "~2.0.0"
+                    }
+                },
+                "number-is-nan": {
+                    "version": "1.0.1",
+                    "bundled": true
+                },
+                "object-assign": {
+                    "version": "4.1.1",
+                    "bundled": true
+                },
+                "once": {
+                    "version": "1.4.0",
+                    "bundled": true,
+                    "requires": {
+                        "wrappy": "1"
+                    }
+                },
+                "os-homedir": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "os-tmpdir": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "osenv": {
+                    "version": "0.1.5",
+                    "bundled": true,
+                    "requires": {
+                        "os-homedir": "^1.0.0",
+                        "os-tmpdir": "^1.0.0"
+                    }
+                },
+                "path-is-absolute": {
+                    "version": "1.0.1",
+                    "bundled": true
+                },
+                "process-nextick-args": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "protobufjs": {
+                    "version": "5.0.3",
+                    "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-5.0.3.tgz",
+                    "integrity": "sha512-55Kcx1MhPZX0zTbVosMQEO5R6/rikNXd9b6RQK4KSPcrSIIwoXTtebIczUrXlwaSrbz4x8XUVThGPob1n8I4QA==",
+                    "requires": {
+                        "ascli": "~1",
+                        "bytebuffer": "~5",
+                        "glob": "^7.0.5",
+                        "yargs": "^3.10.0"
+                    }
+                },
+                "rc": {
+                    "version": "1.2.8",
+                    "bundled": true,
+                    "requires": {
+                        "deep-extend": "^0.6.0",
+                        "ini": "~1.3.0",
+                        "minimist": "^1.2.0",
+                        "strip-json-comments": "~2.0.1"
+                    }
+                },
+                "readable-stream": {
+                    "version": "2.3.6",
+                    "bundled": true,
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                },
+                "rimraf": {
+                    "version": "2.7.1",
+                    "bundled": true,
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                },
+                "safe-buffer": {
+                    "version": "5.1.2",
+                    "bundled": true
+                },
+                "safer-buffer": {
+                    "version": "2.1.2",
+                    "bundled": true
+                },
+                "sax": {
+                    "version": "1.2.4",
+                    "bundled": true
+                },
+                "semver": {
+                    "version": "5.7.1",
+                    "bundled": true
+                },
+                "set-blocking": {
+                    "version": "2.0.0",
+                    "bundled": true
+                },
+                "signal-exit": {
+                    "version": "3.0.2",
+                    "bundled": true
+                },
+                "string-width": {
+                    "version": "1.0.2",
+                    "bundled": true,
+                    "requires": {
+                        "code-point-at": "^1.0.0",
+                        "is-fullwidth-code-point": "^1.0.0",
+                        "strip-ansi": "^3.0.0"
+                    }
+                },
+                "string_decoder": {
+                    "version": "1.1.1",
+                    "bundled": true,
+                    "requires": {
+                        "safe-buffer": "~5.1.0"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "bundled": true,
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "strip-json-comments": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "tar": {
+                    "version": "4.4.13",
+                    "bundled": true,
+                    "requires": {
+                        "chownr": "^1.1.1",
+                        "fs-minipass": "^1.2.5",
+                        "minipass": "^2.8.6",
+                        "minizlib": "^1.2.1",
+                        "mkdirp": "^0.5.0",
+                        "safe-buffer": "^5.1.2",
+                        "yallist": "^3.0.3"
+                    }
+                },
+                "util-deprecate": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "wide-align": {
+                    "version": "1.1.3",
+                    "bundled": true,
+                    "requires": {
+                        "string-width": "^1.0.2 || 2"
+                    }
+                },
+                "wrappy": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "y18n": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+                    "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE="
+                },
+                "yallist": {
+                    "version": "3.1.1",
+                    "bundled": true
+                },
+                "yargs": {
+                    "version": "3.32.0",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.32.0.tgz",
+                    "integrity": "sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=",
+                    "requires": {
+                        "camelcase": "^2.0.1",
+                        "cliui": "^3.0.3",
+                        "decamelize": "^1.1.1",
+                        "os-locale": "^1.4.0",
+                        "string-width": "^1.0.1",
+                        "window-size": "^0.1.4",
+                        "y18n": "^3.2.0"
+                    }
+                }
+            }
+        },
         "gzip-size": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@@ -5465,6 +6313,11 @@
                 "toidentifier": "1.0.0"
             }
         },
+        "http-parser-js": {
+            "version": "0.4.10",
+            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.10.tgz",
+            "integrity": "sha1-ksnBN0w1CF912zWexWzCV8u5P6Q="
+        },
         "http-proxy": {
             "version": "1.18.0",
             "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.0.tgz",
@@ -5523,6 +6376,11 @@
                 "postcss": "^7.0.14"
             }
         },
+        "idb": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/idb/-/idb-3.0.2.tgz",
+            "integrity": "sha512-+FLa/0sTXqyux0o6C+i2lOR0VoS60LU/jzUo5xjfY6+7sEEgy4Gz1O7yFBXvjd7N0NyIGWIRg8DcQSLEG+VSPw=="
+        },
         "ieee754": {
             "version": "1.1.13",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
@@ -5620,8 +6478,7 @@
         "invert-kv": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
-            "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
-            "dev": true
+            "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY="
         },
         "ip": {
             "version": "1.1.5",
@@ -5919,6 +6776,26 @@
             "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
             "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
         },
+        "isomorphic-fetch": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
+            "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
+            "requires": {
+                "node-fetch": "^1.0.1",
+                "whatwg-fetch": ">=0.10.0"
+            },
+            "dependencies": {
+                "node-fetch": {
+                    "version": "1.7.3",
+                    "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
+                    "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
+                    "requires": {
+                        "encoding": "^0.1.11",
+                        "is-stream": "^1.0.1"
+                    }
+                }
+            }
+        },
         "isstream": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
@@ -6091,7 +6968,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
             "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
-            "dev": true,
             "requires": {
                 "invert-kv": "^1.0.0"
             }
@@ -6428,6 +7304,16 @@
             "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
             "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0="
         },
+        "lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+        },
+        "lodash.clone": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
+            "integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y="
+        },
         "lodash.kebabcase": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -6503,6 +7389,11 @@
                 }
             }
         },
+        "long": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+            "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
+        },
         "loose-envify": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -7190,8 +8081,7 @@
         "number-is-nan": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-            "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
-            "dev": true
+            "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
         },
         "nuxt": {
             "version": "2.11.0",
@@ -7368,6 +8258,11 @@
                 "last-call-webpack-plugin": "^3.0.0"
             }
         },
+        "optjs": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/optjs/-/optjs-3.2.2.tgz",
+            "integrity": "sha1-aabOicRCpEQDFBrS+bNwvVu29O4="
+        },
         "ora": {
             "version": "0.2.3",
             "resolved": "https://registry.npmjs.org/ora/-/ora-0.2.3.tgz",
@@ -7437,7 +8332,6 @@
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
             "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
-            "dev": true,
             "requires": {
                 "lcid": "^1.0.0"
             }
@@ -8730,6 +9624,11 @@
             "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
             "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM="
         },
+        "promise-polyfill": {
+            "version": "8.1.3",
+            "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.1.3.tgz",
+            "integrity": "sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g=="
+        },
         "proper-lockfile": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.1.tgz",
@@ -8740,6 +9639,33 @@
                 "signal-exit": "^3.0.2"
             }
         },
+        "protobufjs": {
+            "version": "6.8.8",
+            "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.8.8.tgz",
+            "integrity": "sha512-AAmHtD5pXgZfi7GMpllpO3q1Xw1OYldr+dMUlAnffGTAhqkg72WdmSY71uKBF/JuyiKs8psYbtKrhi0ASCD8qw==",
+            "requires": {
+                "@protobufjs/aspromise": "^1.1.2",
+                "@protobufjs/base64": "^1.1.2",
+                "@protobufjs/codegen": "^2.0.4",
+                "@protobufjs/eventemitter": "^1.1.0",
+                "@protobufjs/fetch": "^1.1.0",
+                "@protobufjs/float": "^1.0.2",
+                "@protobufjs/inquire": "^1.1.0",
+                "@protobufjs/path": "^1.1.2",
+                "@protobufjs/pool": "^1.1.0",
+                "@protobufjs/utf8": "^1.1.0",
+                "@types/long": "^4.0.0",
+                "@types/node": "^10.1.0",
+                "long": "^4.0.0"
+            },
+            "dependencies": {
+                "@types/node": {
+                    "version": "10.17.13",
+                    "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.13.tgz",
+                    "integrity": "sha512-pMCcqU2zT4TjqYFrWtYHKal7Sl30Ims6ulZ4UFXxI4xbtQqK/qqKwkDoBFCfooRqqmRu9vY3xaJRwxSh673aYg=="
+                }
+            }
+        },
         "proxy-addr": {
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
@@ -11141,6 +12067,14 @@
             "resolved": "https://registry.npmjs.org/vue-virtual-scroll-list/-/vue-virtual-scroll-list-1.4.4.tgz",
             "integrity": "sha512-wU7FDpd9Xy4f62pf8SBg/ak21jMI/pdx4s4JPah+z/zuhmeAafQgp8BjtZvvt+b0BZOsOS1FJuCfUH7azTkivQ=="
         },
+        "vuefire": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/vuefire/-/vuefire-2.2.1.tgz",
+            "integrity": "sha512-Hgb4SJRJJd3+PZk+/YcqK3kjr28nRPHcODSaFRf731bnvdchjN7vDCeovRZNcXqRxLQ46lSyFzmcaZoqv5YdFQ==",
+            "requires": {
+                "@posva/vuefire-core": "^2.3.0"
+            }
+        },
         "vuejs-auto-complete": {
             "version": "0.9.0",
             "resolved": "https://registry.npmjs.org/vuejs-auto-complete/-/vuejs-auto-complete-0.9.0.tgz",
@@ -12003,6 +12937,26 @@
                 "wrap-ansi": "^6.0.0"
             }
         },
+        "websocket-driver": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.3.tgz",
+            "integrity": "sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==",
+            "requires": {
+                "http-parser-js": ">=0.4.0 <0.4.11",
+                "safe-buffer": ">=5.1.0",
+                "websocket-extensions": ">=0.1.1"
+            }
+        },
+        "websocket-extensions": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
+            "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg=="
+        },
+        "whatwg-fetch": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz",
+            "integrity": "sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q=="
+        },
         "which": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -12061,6 +13015,11 @@
                 "string-width": "^4.0.0"
             }
         },
+        "window-size": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
+            "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY="
+        },
         "workbox-cdn": {
             "version": "4.3.1",
             "resolved": "https://registry.npmjs.org/workbox-cdn/-/workbox-cdn-4.3.1.tgz",
@@ -12163,6 +13122,11 @@
             "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-13.0.2.tgz",
             "integrity": "sha512-Eux0i2QdDYKbdbA6AM6xE4m6ZTZr4G4xF9kahI2ukSEMCzwce2eX9WlTI5J3s+NU7hpasFsr8hWIONae7LluAQ=="
         },
+        "xmlhttprequest": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+            "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
+        },
         "xtend": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index 2a375a7a3..73776225d 100644
--- a/package.json
+++ b/package.json
@@ -26,11 +26,13 @@
         "@nuxtjs/sitemap": "^2.0.1",
         "@nuxtjs/toast": "^3.3.0",
         "ace-builds": "^1.4.8",
+        "firebase": "^7.7.0",
         "graphql": "^14.5.8",
         "nuxt": "^2.11.0",
         "nuxt-i18n": "^6.4.1",
         "v-tooltip": "^2.0.2",
         "vue-virtual-scroll-list": "^1.4.4",
+        "vuefire": "^2.2.1",
         "vuejs-auto-complete": "^0.9.0",
         "vuex-persist": "^2.2.0",
         "yargs-parser": "^16.1.0"

From 19a23238802b6fc2eb7d7b9b035b674d898659fc Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 20 Jan 2020 23:01:31 +0530
Subject: [PATCH 19/70] :recycle: Lint

---
 .../{BallsFeed.vue => firebase/feeds.vue}     |  4 +-
 .../{InputForm.vue => firebase/inputform.vue} |  4 +-
 components/{Login.vue => firebase/login.vue}  |  5 +--
 functions/store.js                            |  4 +-
 layouts/default.vue                           | 42 +++++++------------
 5 files changed, 24 insertions(+), 35 deletions(-)
 rename components/{BallsFeed.vue => firebase/feeds.vue} (70%)
 rename components/{InputForm.vue => firebase/inputform.vue} (76%)
 rename components/{Login.vue => firebase/login.vue} (79%)

diff --git a/components/BallsFeed.vue b/components/firebase/feeds.vue
similarity index 70%
rename from components/BallsFeed.vue
rename to components/firebase/feeds.vue
index 8e01e2a77..693eaad85 100644
--- a/components/BallsFeed.vue
+++ b/components/firebase/feeds.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <p v-for="ball in store.ballsInFeed" :key="ball.id">
-      <span>{{ ball.author_name }}:</span>
+      <span> {{ ball.author_name }}:</span>
       {{ ball.message }}
     </p>
   </div>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {
diff --git a/components/InputForm.vue b/components/firebase/inputform.vue
similarity index 76%
rename from components/InputForm.vue
rename to components/firebase/inputform.vue
index 25c655e3c..5f5e040ab 100644
--- a/components/InputForm.vue
+++ b/components/firebase/inputform.vue
@@ -1,12 +1,12 @@
 <template>
   <form @submit.prevent="formPost">
     <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input type="submit" value="DUNK!" />
+    <input :disabled="!this.message" type="submit" value="DUNK!" />
   </form>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {
diff --git a/components/Login.vue b/components/firebase/login.vue
similarity index 79%
rename from components/Login.vue
rename to components/firebase/login.vue
index e05d4dc77..7b0198437 100644
--- a/components/Login.vue
+++ b/components/firebase/login.vue
@@ -7,19 +7,18 @@
 
 <script>
 import firebase from "firebase/app";
-import "firebase/auth";
 
 export default {
   methods: {
     signInWithGoogle() {
-      var provider = new firebase.auth.GoogleAuthProvider();
+      const provider = new firebase.auth.GoogleAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
         .catch(err => alert(err.message || err));
     },
     signInWithGithub() {
-      var provider = new firebase.auth.GithubAuthProvider();
+      const provider = new firebase.auth.GithubAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
diff --git a/functions/store.js b/functions/store.js
index 918a9a0c4..de02e6fce 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -4,7 +4,7 @@ import "firebase/firestore";
 import "firebase/auth";
 
 // Initialize Firebase, copied from cloud console
-var config = {
+const firebaseConfig = {
   apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
   authDomain: "postwoman-api.firebaseapp.com",
   databaseURL: "https://postwoman-api.firebaseio.com",
@@ -14,7 +14,7 @@ var config = {
   appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
   measurementId: "G-ERJ6025CEB"
 };
-firebase.initializeApp(config);
+firebase.initializeApp(firebaseConfig);
 
 // a reference to the Balls collection
 const ballsCollection = firebase.firestore().collection("balls");
diff --git a/layouts/default.vue b/layouts/default.vue
index 341b8c72d..3e9b5dca6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -346,16 +346,12 @@
                 </v-popover>
               </span>
 
-
-
-    <Login v-if="!store.currentUser" />
-    <div v-else>
-      <button @click="logout">Log out</button>
-      <InputForm />
-      <BallsFeed />
-    </div>
-
-
+              <login v-if="!store.currentUser" />
+              <div v-else>
+                <button @click="logout">Log out</button>
+                <inputform />
+                <ballsfeed />
+              </div>
             </div>
           </header>
           <nuxt />
@@ -604,23 +600,16 @@
 <script>
 import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
-
-
-import firebase from 'firebase/app';
-import 'firebase/auth';
-
-import { store } from '../functions/store';
-import Login from '../components/Login';
-import InputForm from '../components/InputForm';
-import BallsFeed from '../components/BallsFeed';
-
+import firebase from "firebase/app";
+import { store } from "../functions/store";
 
 export default {
   components: {
     logo: () => import("../components/logo"),
     modal: () => import("../components/modal"),
-
-    Login, InputForm, BallsFeed
+    login: () => import("../components/firebase/login"),
+    inputform: () => import("../components/firebase/inputform"),
+    ballsfeed: () => import("../components/firebase/feeds")
   },
 
   methods: {
@@ -631,11 +620,12 @@ export default {
       };
     },
 
-
     logout() {
-      firebase.auth().signOut()
-        .catch((err) => alert(err.message || err));
-    },
+      firebase
+        .auth()
+        .signOut()
+        .catch(err => alert(err.message || err));
+    }
   },
 
   data() {

From c7e5fc47baaff58924300135249d73d6e611bc70 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 00:52:45 +0530
Subject: [PATCH 20/70] :sparkles: Moved inputform and feed to index

---
 components/firebase/inputform.vue |  2 +-
 components/firebase/login.vue     | 55 +++++++++++++++++++++++++++----
 functions/store.js                |  2 --
 lang/en-US.js                     |  5 ++-
 layouts/default.vue               | 27 ++++++++-------
 pages/index.vue                   | 17 ++++++++--
 6 files changed, 83 insertions(+), 25 deletions(-)

diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 5f5e040ab..3b5e8f2c7 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -1,7 +1,7 @@
 <template>
   <form @submit.prevent="formPost">
     <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input :disabled="!this.message" type="submit" value="DUNK!" />
+    <input :disabled="!this.message" type="submit" value="Save" />
   </form>
 </template>
 
diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 7b0198437..7f4890433 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -1,8 +1,43 @@
 <template>
-  <div>
-    <button @click.prevent="signInWithGoogle">Log in with Google</button>
-    <button @click.prevent="signInWithGithub">Log in with GitHub</button>
-  </div>
+  <v-popover>
+    <button class="icon" v-tooltip="$t('login_with')">
+      <i class="material-icons">vpn_key</i>
+    </button>
+    <template slot="popover">
+      <div>
+        <button class="icon" @click="signInWithGoogle" v-close-popover>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            class="material-icons"
+          >
+            <path
+              d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+            />
+          </svg>
+          <span>Google</span>
+        </button>
+      </div>
+      <div>
+        <button class="icon" @click="signInWithGithub" v-close-popover>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            class="material-icons"
+          >
+            <path
+              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+            />
+          </svg>
+          <span>GitHub</span>
+        </button>
+      </div>
+    </template>
+  </v-popover>
 </template>
 
 <script>
@@ -15,14 +50,22 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
     },
     signInWithGithub() {
       const provider = new firebase.auth.GithubAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
     }
   }
 };
diff --git a/functions/store.js b/functions/store.js
index de02e6fce..bddd16e20 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -52,12 +52,10 @@ ballsCollection
       ball.id = doc.id;
       balls.push(ball);
     });
-    console.log("Received Balls feed:", balls);
     store.ballsInFeed = balls;
   });
 
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  console.log("Logged in as:", user);
   store.currentUser = user;
 });
diff --git a/lang/en-US.js b/lang/en-US.js
index 906fb0602..725c3ebf9 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -249,5 +249,8 @@ export default {
   extensions: "Extensions",
   extensions_info1: "Browser extension that simplifies access to Postwoman",
   extensions_info2: "Get Postwoman browser extension!",
-  installed: "Installed"
+  installed: "Installed",
+  login_with: "Login with",
+  logged_out: "Logged out",
+  logout: "Logout"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 3e9b5dca6..b22777ccb 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -288,6 +288,12 @@
                 >
                   <i class="material-icons">offline_bolt</i>
                 </button>
+                <login v-if="!store.currentUser" />
+                <span v-if="store.currentUser">
+                  <button class="icon" @click="logout" v-tooltip="$t('logout')">
+                    <i class="material-icons">exit_to_app</i>
+                  </button>
+                </span>
                 <v-popover>
                   <button class="icon" v-tooltip="$t('more')">
                     <i class="material-icons">more_vert</i>
@@ -345,13 +351,6 @@
                   </template>
                 </v-popover>
               </span>
-
-              <login v-if="!store.currentUser" />
-              <div v-else>
-                <button @click="logout">Log out</button>
-                <inputform />
-                <ballsfeed />
-              </div>
             </div>
           </header>
           <nuxt />
@@ -607,9 +606,7 @@ export default {
   components: {
     logo: () => import("../components/logo"),
     modal: () => import("../components/modal"),
-    login: () => import("../components/firebase/login"),
-    inputform: () => import("../components/firebase/inputform"),
-    ballsfeed: () => import("../components/firebase/feeds")
+    login: () => import("../components/firebase/login")
   },
 
   methods: {
@@ -624,7 +621,14 @@ export default {
       firebase
         .auth()
         .signOut()
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key"
+      });
     }
   },
 
@@ -640,7 +644,6 @@ export default {
       showSupport: false,
       firefoxExtInstalled: window.firefoxExtSendRequest,
       chromeExtInstalled: false,
-
       store
     };
   },
diff --git a/pages/index.vue b/pages/index.vue
index 71926504f..3771d84e1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,6 +846,14 @@
               <collections />
             </pw-section>
           </div>
+          <span v-if="store.currentUser">
+            <input id="auth-tab" type="radio" name="side" />
+            <label for="auth-tab">{{ $t("history") }}</label>
+            <div class="tab">
+              <inputform />
+              <ballsfeed />
+            </div>
+          </span>
         </section>
       </aside>
 
@@ -1136,6 +1144,7 @@ import parseTemplateString from "../functions/templating";
 import AceEditor from "../components/ace-editor";
 import { tokenRequest, oauthRedirect } from "../assets/js/oauth";
 import { sendNetworkRequest } from "../functions/network";
+import { store } from "../functions/store";
 
 const statusCategories = [
   {
@@ -1200,7 +1209,9 @@ export default {
     autocomplete: () => import("../components/autocomplete"),
     collections: () => import("../components/collections"),
     saveRequestAs: () => import("../components/collections/saveRequestAs"),
-    Editor: AceEditor
+    Editor: AceEditor,
+    inputform: () => import("../components/firebase/inputform"),
+    ballsfeed: () => import("../components/firebase/feeds")
   },
   data() {
     return {
@@ -1370,12 +1381,12 @@ export default {
       ],
       showRequestModal: false,
       editRequest: {},
-
       urlExcludes: {},
       responseBodyText: "",
       responseBodyType: "text",
       responseBodyMaxLines: 16,
-      activeSidebar: true
+      activeSidebar: true,
+      store
     };
   },
   watch: {

From a852432c9f5647ef4e0d25201a0f525e591294b6 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 01:10:04 +0530
Subject: [PATCH 21/70] :art: Minor UI stylings

---
 pages/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 3771d84e1..04d4bdaa4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,14 +846,14 @@
               <collections />
             </pw-section>
           </div>
-          <span v-if="store.currentUser">
-            <input id="auth-tab" type="radio" name="side" />
-            <label for="auth-tab">{{ $t("history") }}</label>
-            <div class="tab">
+          <input id="auth-tab" type="radio" name="side" />
+          <label for="auth-tab">Auth</label>
+          <div class="tab" v-if="store.currentUser">
+            <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
               <ballsfeed />
-            </div>
-          </span>
+            </pw-section>
+          </div>
         </section>
       </aside>
 

From 29e96ddd12af821099545a345288c895a254ec42 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 08:32:43 +0530
Subject: [PATCH 22/70] =?UTF-8?q?=E2=9C=A8=20Delete=20data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/firebase/feeds.vue     | 33 ++++++++++++++++++++++------
 components/firebase/inputform.vue |  2 +-
 functions/store.js                | 36 ++++++++++++++++++-------------
 3 files changed, 49 insertions(+), 22 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 693eaad85..cf983aea2 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,20 +1,41 @@
 <template>
-  <div>
-    <p v-for="ball in store.ballsInFeed" :key="ball.id">
-      <span> {{ ball.author_name }}:</span>
-      {{ ball.message }}
-    </p>
-  </div>
+  <virtual-list
+    class="virtual-list"
+    :class="{ filled: store.feedsInFeed.length }"
+    :size="56"
+    :remain="Math.min(5, store.feedsInFeed.length)"
+  >
+    <ul v-for="feed in store.feedsInFeed" :key="feed.id">
+      <li>{{ feed.message }}</li>
+      <button class="icon" @click="deleteFeed(feed)">
+        <i class="material-icons">delete</i>
+      </button>
+    </ul>
+  </virtual-list>
 </template>
 
+<style scoped lang="scss">
+.virtual-list {
+  max-height: calc(100vh - 284px);
+}
+</style>
+
 <script>
 import { store } from "../../functions/store";
 
 export default {
+  components: {
+    VirtualList: () => import("vue-virtual-scroll-list")
+  },
   data() {
     return {
       store
     };
+  },
+  methods: {
+    deleteFeed(feed) {
+      store.deleteFeed(feed.id);
+    }
   }
 };
 </script>
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 3b5e8f2c7..baf4cdf48 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -16,7 +16,7 @@ export default {
   },
   methods: {
     formPost() {
-      store.writeBall(this.message);
+      store.writeFeed(this.message);
       this.message = null;
       this.$refs.inputMessage.focus();
     }
diff --git a/functions/store.js b/functions/store.js
index bddd16e20..4c251d248 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -16,15 +16,15 @@ const firebaseConfig = {
 };
 firebase.initializeApp(firebaseConfig);
 
-// a reference to the Balls collection
-const ballsCollection = firebase.firestore().collection("balls");
+// a reference to the Feeds collection
+const feedsCollection = firebase.firestore().collection("feeds");
 
 // the shared state object that any vue component
 // can get access to
 export const store = {
-  ballsInFeed: null,
-  currentUser: null,
-  writeBall: message => {
+  feedsInFeed: [],
+  currentUser: {},
+  writeFeed: message => {
     const dt = {
       createdOn: new Date(),
       author: store.currentUser.uid,
@@ -32,9 +32,15 @@ export const store = {
       author_image: store.currentUser.photoURL,
       message
     };
-    return ballsCollection
+    return feedsCollection
       .add(dt)
       .catch(e => console.error("error inserting", dt, e));
+  },
+  deleteFeed: id => {
+    return feedsCollection
+      .doc(id)
+      .delete()
+      .catch(e => console.error("error deleting", dt, e));
   }
 };
 
@@ -42,17 +48,17 @@ export const store = {
 // in the underlying firestore collection changes
 // It will get passed an array of references to
 // the documents that match your query
-ballsCollection
+feedsCollection
   .orderBy("createdOn", "desc")
-  .limit(5)
-  .onSnapshot(ballsRef => {
-    const balls = [];
-    ballsRef.forEach(doc => {
-      const ball = doc.data();
-      ball.id = doc.id;
-      balls.push(ball);
+  // .limit(0)
+  .onSnapshot(feedsRef => {
+    const feeds = [];
+    feedsRef.forEach(doc => {
+      const feed = doc.data();
+      feed.id = doc.id;
+      feeds.push(feed);
     });
-    store.ballsInFeed = balls;
+    store.feedsInFeed = feeds;
   });
 
 // When a user logs in or out, save that in the store

From 8bc1df9b8e813f115f7de258feb28c127e3ad5ca Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 11:47:47 +0530
Subject: [PATCH 23/70] :sparkles: Show logged in user image

---
 assets/css/fonts.scss |  1 +
 layouts/default.vue   | 38 +++++++++++++++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
index 313b4b58a..0c714f199 100644
--- a/assets/css/fonts.scss
+++ b/assets/css/fonts.scss
@@ -27,6 +27,7 @@
   -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
   font-feature-settings: "liga";
+  border-radius: 50%;
 }
 
 /* poppins-500 - latin */
diff --git a/layouts/default.vue b/layouts/default.vue
index b22777ccb..0f3561ee8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -290,9 +290,41 @@
                 </button>
                 <login v-if="!store.currentUser" />
                 <span v-if="store.currentUser">
-                  <button class="icon" @click="logout" v-tooltip="$t('logout')">
-                    <i class="material-icons">exit_to_app</i>
-                  </button>
+                  <v-popover>
+                    <button
+                      class="icon"
+                      v-tooltip="
+                        (store.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                          '<br>' +
+                          (store.currentUser.email || '<label><i>Email not found</i></label>')
+                      "
+                    >
+                      <img
+                        v-if="store.currentUser.photoURL"
+                        :src="store.currentUser.photoURL"
+                        class="material-icons"
+                      />
+                      <i v-else class="material-icons">account_circle</i>
+                    </button>
+                    <template slot="popover">
+                      <div>
+                        <nuxt-link :to="localePath('settings')" v-close-popover>
+                          <button class="icon">
+                            <i class="material-icons">settings</i>
+                            <span>
+                              {{ $t("settings") }}
+                            </span>
+                          </button>
+                        </nuxt-link>
+                      </div>
+                      <div>
+                        <button class="icon" @click="logout" v-close-popover>
+                          <i class="material-icons">exit_to_app</i>
+                          <span>{{ $t("logout") }}</span>
+                        </button>
+                      </div>
+                    </template>
+                  </v-popover>
                 </span>
                 <v-popover>
                   <button class="icon" v-tooltip="$t('more')">

From 2853a4bbef8e3ded138d7dcb4be8d074a08a6907 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 21 Jan 2020 16:37:04 +0530
Subject: [PATCH 24/70] fix: validation for duplicate collections

---
 store/postwoman.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/store/postwoman.js b/store/postwoman.js
index bf5881268..895464977 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -111,6 +111,10 @@ export const mutations = {
   },
 
   addNewCollection({ collections }, collection) {
+    const duplicateCollection = collections.some(item => item.name === collection.name)
+    if (duplicateCollection) {
+      alert('Duplicate collection');
+    }
     collections.push({
       name: "",
       folders: [],

From a34acfd0c53b79227ddc5f9edfdd003278ba7108 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 21 Jan 2020 16:38:09 +0530
Subject: [PATCH 25/70] fix: return for duplicate collection

---
 store/postwoman.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/store/postwoman.js b/store/postwoman.js
index 895464977..dabaf781b 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -114,6 +114,7 @@ export const mutations = {
     const duplicateCollection = collections.some(item => item.name === collection.name)
     if (duplicateCollection) {
       alert('Duplicate collection');
+      return;
     }
     collections.push({
       name: "",

From fcdf93c5e55683f8f02edd450c7e76a2fa9c88ec Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 21 Jan 2020 16:38:34 +0530
Subject: [PATCH 26/70] fix: prefer destructuring approach

---
 store/postwoman.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/store/postwoman.js b/store/postwoman.js
index dabaf781b..df7399d31 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -111,7 +111,8 @@ export const mutations = {
   },
 
   addNewCollection({ collections }, collection) {
-    const duplicateCollection = collections.some(item => item.name === collection.name)
+    const { name } = collection
+    const duplicateCollection = collections.some(item => item.name === name)
     if (duplicateCollection) {
       alert('Duplicate collection');
       return;

From 01a890bce977956af3020be524d41a6425b55875 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 17:55:35 +0530
Subject: [PATCH 27/70] :recycle: Refactor

---
 components/firebase/feeds.vue     |  12 +--
 components/firebase/inputform.vue |   5 +-
 functions/{store.js => fb.js}     |  58 +++++++++---
 functions/network.js              |   1 -
 lang/en-US.js                     |   4 +-
 layouts/default.vue               |  16 ++--
 pages/index.vue                   |   6 +-
 pages/settings.vue                | 141 +++++++++++++++++++++++++++++-
 8 files changed, 206 insertions(+), 37 deletions(-)
 rename functions/{store.js => fb.js} (53%)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index cf983aea2..66fa363d0 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,11 +1,11 @@
 <template>
   <virtual-list
     class="virtual-list"
-    :class="{ filled: store.feedsInFeed.length }"
+    :class="{ filled: fb.feedsInFeed.length }"
     :size="56"
-    :remain="Math.min(5, store.feedsInFeed.length)"
+    :remain="Math.min(5, fb.feedsInFeed.length)"
   >
-    <ul v-for="feed in store.feedsInFeed" :key="feed.id">
+    <ul v-for="feed in fb.feedsInFeed" :key="feed.id">
       <li>{{ feed.message }}</li>
       <button class="icon" @click="deleteFeed(feed)">
         <i class="material-icons">delete</i>
@@ -21,7 +21,7 @@
 </style>
 
 <script>
-import { store } from "../../functions/store";
+import { fb } from "../../functions/fb";
 
 export default {
   components: {
@@ -29,12 +29,12 @@ export default {
   },
   data() {
     return {
-      store
+      fb
     };
   },
   methods: {
     deleteFeed(feed) {
-      store.deleteFeed(feed.id);
+      fb.deleteFeed(feed.id);
     }
   }
 };
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index baf4cdf48..984181c2c 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { store } from "../../functions/store";
+import { fb } from "../../functions/fb";
 
 export default {
   data() {
@@ -16,9 +16,8 @@ export default {
   },
   methods: {
     formPost() {
-      store.writeFeed(this.message);
+      fb.writeFeed(this.message);
       this.message = null;
-      this.$refs.inputMessage.focus();
     }
   }
 };
diff --git a/functions/store.js b/functions/fb.js
similarity index 53%
rename from functions/store.js
rename to functions/fb.js
index 4c251d248..f45d5cb8b 100644
--- a/functions/store.js
+++ b/functions/fb.js
@@ -1,4 +1,3 @@
-import Vue from "vue";
 import firebase from "firebase/app";
 import "firebase/firestore";
 import "firebase/auth";
@@ -18,29 +17,47 @@ firebase.initializeApp(firebaseConfig);
 
 // a reference to the Feeds collection
 const feedsCollection = firebase.firestore().collection("feeds");
+const settingsCollection = firebase.firestore().collection("settings");
 
 // the shared state object that any vue component
 // can get access to
-export const store = {
+export const fb = {
   feedsInFeed: [],
   currentUser: {},
-  writeFeed: message => {
+  currentSettings: [],
+  writeFeed: async message => {
     const dt = {
       createdOn: new Date(),
-      author: store.currentUser.uid,
-      author_name: store.currentUser.displayName,
-      author_image: store.currentUser.photoURL,
+      author: fb.currentUser.uid,
+      author_name: fb.currentUser.displayName,
+      author_image: fb.currentUser.photoURL,
       message
     };
-    return feedsCollection
-      .add(dt)
-      .catch(e => console.error("error inserting", dt, e));
+    try {
+      return feedsCollection.add(dt);
+    } catch (e) {
+      return console.error("error inserting", dt, e);
+    }
   },
-  deleteFeed: id => {
-    return feedsCollection
+  deleteFeed: id =>
+    feedsCollection
       .doc(id)
       .delete()
-      .catch(e => console.error("error deleting", dt, e));
+      .catch(e => console.error("error deleting", dt, e)),
+  writeSettings: async (settings, value) => {
+    const st = {
+      updatedOn: new Date(),
+      author: fb.currentUser.uid,
+      author_name: fb.currentUser.displayName,
+      author_image: fb.currentUser.photoURL,
+      settings,
+      value
+    };
+    try {
+      return settingsCollection.doc(settings).set(st);
+    } catch (e) {
+      return console.error("error updating", dt, e);
+    }
   }
 };
 
@@ -58,10 +75,23 @@ feedsCollection
       feed.id = doc.id;
       feeds.push(feed);
     });
-    store.feedsInFeed = feeds;
+    fb.feedsInFeed = feeds;
+  });
+
+settingsCollection
+  .orderBy("createdOn", "desc")
+  .limit(2)
+  .onSnapshot(settingsRef => {
+    const settings = [];
+    settingsRef.forEach(doc => {
+      const setting = doc.data();
+      setting.id = doc.id;
+      settings.push(setting);
+    });
+    fb.currentSettings = settings;
   });
 
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  store.currentUser = user;
+  fb.currentUser = user;
 });
diff --git a/functions/network.js b/functions/network.js
index a2c885be5..582cf614a 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,7 +1,6 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import FirefoxStrategy from "./strategies/FirefoxStrategy";
 
-
 const runAppropriateStrategy = (req, store) => {
   // The firefox plugin injects a function to send requests through it
   // If that is available, then we can use the FirefoxStrategy
diff --git a/lang/en-US.js b/lang/en-US.js
index 725c3ebf9..c7334e1ba 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -252,5 +252,7 @@ export default {
   installed: "Installed",
   login_with: "Login with",
   logged_out: "Logged out",
-  logout: "Logout"
+  logout: "Logout",
+  account: "Account",
+  sync: "Sync"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 0f3561ee8..34fad3b7b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -288,20 +288,20 @@
                 >
                   <i class="material-icons">offline_bolt</i>
                 </button>
-                <login v-if="!store.currentUser" />
-                <span v-if="store.currentUser">
+                <login v-if="!fb.currentUser" />
+                <span v-if="fb.currentUser">
                   <v-popover>
                     <button
                       class="icon"
                       v-tooltip="
-                        (store.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                        (fb.currentUser.displayName || '<label><i>Name not found</i></label>') +
                           '<br>' +
-                          (store.currentUser.email || '<label><i>Email not found</i></label>')
+                          (fb.currentUser.email || '<label><i>Email not found</i></label>')
                       "
                     >
                       <img
-                        v-if="store.currentUser.photoURL"
-                        :src="store.currentUser.photoURL"
+                        v-if="fb.currentUser.photoURL"
+                        :src="fb.currentUser.photoURL"
                         class="material-icons"
                       />
                       <i v-else class="material-icons">account_circle</i>
@@ -632,7 +632,7 @@
 import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
 import firebase from "firebase/app";
-import { store } from "../functions/store";
+import { fb } from "../functions/fb";
 
 export default {
   components: {
@@ -676,7 +676,7 @@ export default {
       showSupport: false,
       firefoxExtInstalled: window.firefoxExtSendRequest,
       chromeExtInstalled: false,
-      store
+      fb
     };
   },
 
diff --git a/pages/index.vue b/pages/index.vue
index 04d4bdaa4..27e9b4a0e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -848,7 +848,7 @@
           </div>
           <input id="auth-tab" type="radio" name="side" />
           <label for="auth-tab">Auth</label>
-          <div class="tab" v-if="store.currentUser">
+          <div class="tab" v-if="fb.currentUser">
             <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
               <ballsfeed />
@@ -1144,7 +1144,7 @@ import parseTemplateString from "../functions/templating";
 import AceEditor from "../components/ace-editor";
 import { tokenRequest, oauthRedirect } from "../assets/js/oauth";
 import { sendNetworkRequest } from "../functions/network";
-import { store } from "../functions/store";
+import { fb } from "../functions/fb";
 
 const statusCategories = [
   {
@@ -1386,7 +1386,7 @@ export default {
       responseBodyType: "text",
       responseBodyMaxLines: 16,
       activeSidebar: true,
-      store
+      fb
     };
   },
   watch: {
diff --git a/pages/settings.vue b/pages/settings.vue
index 8e0d851a1..8dc630c50 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -1,5 +1,87 @@
 <template>
   <div class="page">
+    <pw-section class="green" :label="$t('account')" ref="account">
+      <ul>
+        <li>
+          <div v-if="!fb.currentUser">
+            <label>{{ $t("login_with") }}</label>
+            <br />
+            <button class="icon" @click="signInWithGoogle" v-close-popover>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="material-icons"
+              >
+                <path
+                  d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                />
+              </svg>
+              <span>Google</span>
+            </button>
+            <br />
+            <button class="icon" @click="signInWithGithub" v-close-popover>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="material-icons"
+              >
+                <path
+                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                />
+              </svg>
+              <span>GitHub</span>
+            </button>
+          </div>
+          <div v-if="fb.currentUser">
+            <button class="icon">
+              <img
+                v-if="fb.currentUser.photoURL"
+                :src="fb.currentUser.photoURL"
+                class="material-icons"
+              />
+              <i v-else class="material-icons">account_circle</i>
+              <span>
+                {{ fb.currentUser.displayName || "Name not found" }}
+              </span>
+            </button>
+            <br />
+            <button class="icon">
+              <i class="material-icons">email</i>
+              <span>
+                {{ fb.currentUser.email || "Email not found" }}
+              </span>
+            </button>
+            <br />
+            <button class="icon" @click="logout" v-close-popover>
+              <i class="material-icons">exit_to_app</i>
+              <span>{{ $t("logout") }}</span>
+            </button>
+            <br />
+            <br />
+            <pw-toggle
+              :on="sync.history"
+              @change="toggleSettings('syncHistory')"
+            >
+              {{ $t("sync") + " " + $t("history") }}
+              {{ sync.history ? $t("enabled") : $t("disabled") }}
+            </pw-toggle>
+            <br />
+            <pw-toggle
+              :on="sync.collections"
+              @change="toggleSettings('syncCollections')"
+            >
+              {{ $t("sync") + " " + $t("collection") }}
+              {{ sync.collections ? $t("enabled") : $t("disabled") }}
+            </pw-toggle>
+          </div>
+        </li>
+      </ul>
+    </pw-section>
+
     <pw-section class="cyan" :label="$t('theme')" ref="theme">
       <ul>
         <li>
@@ -137,11 +219,15 @@
 <style scoped lang="scss"></style>
 
 <script>
+import firebase from "firebase/app";
+import { fb } from "../functions/fb";
+
 export default {
   components: {
     "pw-section": () => import("../components/section"),
     "pw-toggle": () => import("../components/toggle"),
-    swatch: () => import("../components/settings/swatch")
+    swatch: () => import("../components/settings/swatch"),
+    login: () => import("../components/firebase/login")
   },
 
   data() {
@@ -238,6 +324,12 @@ export default {
           this.$store.state.postwoman.settings.PROXY_URL ||
           "https://postwoman.apollotv.xyz/",
         PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || ""
+      },
+
+      fb,
+      sync: {
+        history: fb.currentSettings[0].value,
+        collections: fb.currentSettings[1].value
       }
     };
   },
@@ -289,6 +381,53 @@ export default {
     toggleSetting(key) {
       this.settings[key] = !this.settings[key];
       this.$store.commit("postwoman/applySetting", [key, this.settings[key]]);
+    },
+    logout() {
+      firebase
+        .auth()
+        .signOut()
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key"
+      });
+    },
+    signInWithGoogle() {
+      const provider = new firebase.auth.GoogleAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+    },
+    signInWithGithub() {
+      const provider = new firebase.auth.GithubAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+    },
+    toggleSettings(s) {
+      switch (s) {
+        case "syncHistory":
+          this.sync.history = !this.sync.history;
+          fb.writeSettings("syncHistory", this.sync.history);
+          break;
+        case "syncCollections":
+          this.sync.collections = !this.sync.collections;
+          fb.writeSettings("syncCollections", this.sync.collections);
+          break;
+      }
     }
   },
   beforeMount() {

From e16019dcbf0c939305fecd79a32cb37f6ea80741 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 21 Jan 2020 19:45:52 +0530
Subject: [PATCH 28/70] chore: make use of toast

---
 store/postwoman.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/store/postwoman.js b/store/postwoman.js
index df7399d31..d07d70957 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -114,8 +114,7 @@ export const mutations = {
     const { name } = collection
     const duplicateCollection = collections.some(item => item.name === name)
     if (duplicateCollection) {
-      alert('Duplicate collection');
-      return;
+      this.$toast.info('Duplicate collection');
     }
     collections.push({
       name: "",

From bb973ee449cf2f44bb95e558b2e2e69a23d042f2 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Tue, 21 Jan 2020 19:46:33 +0530
Subject: [PATCH 29/70] fix: prevent creation of duplicate collection

---
 store/postwoman.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/store/postwoman.js b/store/postwoman.js
index d07d70957..61712fb65 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -115,6 +115,7 @@ export const mutations = {
     const duplicateCollection = collections.some(item => item.name === name)
     if (duplicateCollection) {
       this.$toast.info('Duplicate collection');
+      return;
     }
     collections.push({
       name: "",

From 40e05a04615db2d6339f03f0820471ee0c3e204f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 22:27:52 +0530
Subject: [PATCH 30/70] =?UTF-8?q?=E2=9C=A8=20Account=20setting=20on=20sett?=
 =?UTF-8?q?ing=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/firebase/login.vue |  43 ++++++++++
 functions/fb.js               |  12 +--
 lang/en-US.js                 |   5 +-
 layouts/default.vue           |  13 ++-
 pages/index.vue               |   6 +-
 pages/settings.vue            | 156 ++++++++++++++++++++--------------
 6 files changed, 158 insertions(+), 77 deletions(-)

diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 7f4890433..1cf1d8620 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -42,14 +42,39 @@
 
 <script>
 import firebase from "firebase/app";
+import { fb } from "../../functions/fb";
 
 export default {
+  data() {
+    return {
+      fb
+    };
+  },
+
   methods: {
     signInWithGoogle() {
       const provider = new firebase.auth.GoogleAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
@@ -61,6 +86,24 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
diff --git a/functions/fb.js b/functions/fb.js
index f45d5cb8b..51a11889b 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -44,19 +44,19 @@ export const fb = {
       .doc(id)
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
-  writeSettings: async (settings, value) => {
+  writeSettings: async (setting, value) => {
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,
       author_name: fb.currentUser.displayName,
       author_image: fb.currentUser.photoURL,
-      settings,
+      name: setting,
       value
     };
     try {
-      return settingsCollection.doc(settings).set(st);
+      return settingsCollection.doc(setting).set(st);
     } catch (e) {
-      return console.error("error updating", dt, e);
+      return console.error("error updating", st, e);
     }
   }
 };
@@ -79,8 +79,8 @@ feedsCollection
   });
 
 settingsCollection
-  .orderBy("createdOn", "desc")
-  .limit(2)
+  // .orderBy("updatedOn", "desc")
+  // .limit(2)
   .onSnapshot(settingsRef => {
     const settings = [];
     settingsRef.forEach(doc => {
diff --git a/lang/en-US.js b/lang/en-US.js
index c7334e1ba..eb3c29baa 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -254,5 +254,8 @@ export default {
   logged_out: "Logged out",
   logout: "Logout",
   account: "Account",
-  sync: "Sync"
+  sync: "Sync",
+  syncHistory: "History",
+  syncCollections: "Collections",
+  turn_on: "Turn on"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 34fad3b7b..2b4d3d981 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -237,6 +237,11 @@
           <div v-else-if="$route.path === '/settings'">
             <nav class="secondary-nav">
               <ul>
+                <li>
+                  <a href="#account" v-tooltip.right="$t('account')">
+                    <i class="material-icons">perm_identity</i>
+                  </a>
+                </li>
                 <li>
                   <a href="#theme" v-tooltip.right="$t('theme')">
                     <i class="material-icons">brush</i>
@@ -294,9 +299,11 @@
                     <button
                       class="icon"
                       v-tooltip="
-                        (fb.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                        (fb.currentUser.displayName ||
+                          '<label><i>Name not found</i></label>') +
                           '<br>' +
-                          (fb.currentUser.email || '<label><i>Email not found</i></label>')
+                          (fb.currentUser.email ||
+                            '<label><i>Email not found</i></label>')
                       "
                     >
                       <img
@@ -797,7 +804,7 @@ export default {
 
   watch: {
     $route() {
-      this.$toast.clear();
+      // this.$toast.clear();
     }
   },
 
diff --git a/pages/index.vue b/pages/index.vue
index 27e9b4a0e..62a9e6032 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,8 +846,8 @@
               <collections />
             </pw-section>
           </div>
-          <input id="auth-tab" type="radio" name="side" />
-          <label for="auth-tab">Auth</label>
+          <input id="sync-tab" type="radio" name="side" />
+          <label for="sync-tab">{{ $t("sync") }}</label>
           <div class="tab" v-if="fb.currentUser">
             <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
@@ -2150,7 +2150,7 @@ export default {
               icon: "help",
               duration: 8000,
               action: {
-                text: "Settings",
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
                   this.$router.push({ path: "/settings" });
                 }
diff --git a/pages/settings.vue b/pages/settings.vue
index 8dc630c50..16048827e 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -5,36 +5,37 @@
         <li>
           <div v-if="!fb.currentUser">
             <label>{{ $t("login_with") }}</label>
-            <br />
-            <button class="icon" @click="signInWithGoogle" v-close-popover>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                class="material-icons"
-              >
-                <path
-                  d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
-                />
-              </svg>
-              <span>Google</span>
-            </button>
-            <br />
-            <button class="icon" @click="signInWithGithub" v-close-popover>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                class="material-icons"
-              >
-                <path
-                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-                />
-              </svg>
-              <span>GitHub</span>
-            </button>
+            <p>
+              <button class="icon" @click="signInWithGoogle" v-close-popover>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                  />
+                </svg>
+                <span>Google</span>
+              </button>
+              <br />
+              <button class="icon" @click="signInWithGithub" v-close-popover>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                  />
+                </svg>
+                <span>GitHub</span>
+              </button>
+            </p>
           </div>
           <div v-if="fb.currentUser">
             <button class="icon">
@@ -61,22 +62,22 @@
               <span>{{ $t("logout") }}</span>
             </button>
             <br />
-            <br />
-            <pw-toggle
-              :on="sync.history"
-              @change="toggleSettings('syncHistory')"
-            >
-              {{ $t("sync") + " " + $t("history") }}
-              {{ sync.history ? $t("enabled") : $t("disabled") }}
-            </pw-toggle>
-            <br />
-            <pw-toggle
-              :on="sync.collections"
-              @change="toggleSettings('syncCollections')"
-            >
-              {{ $t("sync") + " " + $t("collection") }}
-              {{ sync.collections ? $t("enabled") : $t("disabled") }}
-            </pw-toggle>
+            <p v-for="setting in fb.currentSettings">
+              <pw-toggle
+                :key="setting.name"
+                :on="setting.value"
+                @change="toggleSettings(setting.name, setting.value)"
+              >
+                {{ $t(setting.name) + " " + $t("sync") }}
+                {{ setting.value ? $t("enabled") : $t("disabled") }}
+              </pw-toggle>
+            </p>
+            <p v-if="fb.currentSettings.length == 0">
+              <button class="" @click="initSettings">
+                <i class="material-icons">sync</i>
+                <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
+              </button>
+            </p>
           </div>
         </li>
       </ul>
@@ -226,8 +227,7 @@ export default {
   components: {
     "pw-section": () => import("../components/section"),
     "pw-toggle": () => import("../components/toggle"),
-    swatch: () => import("../components/settings/swatch"),
-    login: () => import("../components/firebase/login")
+    swatch: () => import("../components/settings/swatch")
   },
 
   data() {
@@ -326,11 +326,7 @@ export default {
         PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || ""
       },
 
-      fb,
-      sync: {
-        history: fb.currentSettings[0].value,
-        collections: fb.currentSettings[1].value
-      }
+      fb
     };
   },
 
@@ -400,6 +396,24 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
@@ -411,25 +425,39 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
           });
         });
     },
-    toggleSettings(s) {
-      switch (s) {
-        case "syncHistory":
-          this.sync.history = !this.sync.history;
-          fb.writeSettings("syncHistory", this.sync.history);
-          break;
-        case "syncCollections":
-          this.sync.collections = !this.sync.collections;
-          fb.writeSettings("syncCollections", this.sync.collections);
-          break;
-      }
+    toggleSettings(s, v) {
+      fb.writeSettings(s, !v);
+    },
+    initSettings() {
+      fb.writeSettings("syncHistory", false);
+      fb.writeSettings("syncCollections", true);
     }
   },
+
   beforeMount() {
     this.settings.THEME_COLOR = this.getActiveColor();
   },

From 43d95a22712051e8779c7e0acd20741324300281 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 22:46:29 +0530
Subject: [PATCH 31/70] :pencil2: Typo

---
 lang/en-US.js   |  3 ++-
 pages/index.vue | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/lang/en-US.js b/lang/en-US.js
index eb3c29baa..f4b069dc2 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -257,5 +257,6 @@ export default {
   sync: "Sync",
   syncHistory: "History",
   syncCollections: "Collections",
-  turn_on: "Turn on"
+  turn_on: "Turn on",
+  login_first: "Login first"
 };
diff --git a/pages/index.vue b/pages/index.vue
index 62a9e6032..31bacee7d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -848,11 +848,23 @@
           </div>
           <input id="sync-tab" type="radio" name="side" />
           <label for="sync-tab">{{ $t("sync") }}</label>
-          <div class="tab" v-if="fb.currentUser">
-            <pw-section class="pink" label="Auth" ref="auth">
+          <div class="tab">
+            <pw-section
+              v-if="fb.currentUser"
+              class="pink"
+              label="Sync"
+              ref="sync"
+            >
               <inputform />
               <ballsfeed />
             </pw-section>
+            <pw-section v-else>
+              <ul>
+                <li>
+                  <label>{{ $t("login_first") }}</label>
+                </li>
+              </ul>
+            </pw-section>
           </div>
         </section>
       </aside>

From a235d38240881d561efa5b2816f381b452071f1d Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 21 Jan 2020 20:00:29 -0500
Subject: [PATCH 32/70] Added ChromeStrategy to interact with the Postwoman
 Chrome Extension

---
 functions/strategies/ChromeStrategy.js | 56 ++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 functions/strategies/ChromeStrategy.js

diff --git a/functions/strategies/ChromeStrategy.js b/functions/strategies/ChromeStrategy.js
new file mode 100644
index 000000000..03c05ea0c
--- /dev/null
+++ b/functions/strategies/ChromeStrategy.js
@@ -0,0 +1,56 @@
+const EXTENSION_ID = "amknoiejhlmhancpahfcfcfhllgkpbld";
+
+// Check if the Chrome Extension is present
+// The Chrome extension injects an empty span to help detection.
+// Also check for the presence of window.chrome object to confirm smooth operations
+export const hasChromeExtensionInstalled = () => {
+  return document.getElementById("chromePWExtensionDetect") !== null;
+}
+
+const chromeWithoutProxy = (req, _store) => new Promise((resolve, reject) => {
+  chrome.runtime.sendMessage(
+    EXTENSION_ID, {
+      messageType: "send-req",
+      data: {
+        config: req
+      }
+    }, (message) => {
+      if (message.data.error) {
+        reject(message.data.error);
+      } else {
+        resolve(message.data.response);
+      }
+    }
+  );
+});
+
+const chromeWithProxy = (req, { state }) => new Promise((resolve, reject) => {
+  chrome.runtime.sendMessage(
+    EXTENSION_ID, {
+      messageType: "send-req",
+      data: {
+        config: {
+          method: "post",
+          url: state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
+          data: req
+        }
+      }
+    }, (message) => {
+      if (message.data.error) {
+        reject(error);
+      } else {
+        resolve(message.data.response.data);
+      }
+    }
+  )
+});
+
+const chromeStrategy = (req, store) => {
+  if (store.state.postwoman.settings.PROXY_ENABLED) {
+    return chromeWithProxy(req, store);
+  } else {
+    return chromeWithoutProxy(req, store);
+  }
+}
+
+export default chromeStrategy;

From 2d6d1b2d348875390e356ca5d5fc28a53e9783ce Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 21 Jan 2020 20:01:22 -0500
Subject: [PATCH 33/70] Added Chrome Strategy as a valid network strategy

---
 functions/network.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/functions/network.js b/functions/network.js
index a2c885be5..4cb992b38 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,8 +1,13 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import FirefoxStrategy from "./strategies/FirefoxStrategy";
-
+import ChromeStrategy, { hasChromeExtensionInstalled } from "~/functions/strategies/ChromeStrategy";
 
 const runAppropriateStrategy = (req, store) => {
+  // Chrome Provides a chrome object for scripts to access
+  // Check its availability to say whether you are in Google Chrome
+  if (window.chrome && hasChromeExtensionInstalled()) {
+      return ChromeStrategy(req, store);
+  }
   // The firefox plugin injects a function to send requests through it
   // If that is available, then we can use the FirefoxStrategy
   if (window.firefoxExtSendRequest) {

From a7cd6395b7a6b7ddc3149ac3ba4cc61b0d68130d Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 07:27:38 +0530
Subject: [PATCH 34/70] :tada: Completed MVP

---
 components/firebase/feeds.vue     | 57 +++++++++++++++++++++++++++----
 components/firebase/inputform.vue | 43 +++++++++++++++++++----
 firestore.rules                   |  3 +-
 functions/fb.js                   |  6 ++--
 lang/en-US.js                     |  3 +-
 layouts/default.vue               |  2 +-
 6 files changed, 97 insertions(+), 17 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 66fa363d0..dd1715a42 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,22 +1,46 @@
 <template>
   <virtual-list
+    v-if="fb.feedsInFeed.length !== 0"
     class="virtual-list"
     :class="{ filled: fb.feedsInFeed.length }"
     :size="56"
-    :remain="Math.min(5, fb.feedsInFeed.length)"
+    :remain="Math.min(8, fb.feedsInFeed.length)"
   >
     <ul v-for="feed in fb.feedsInFeed" :key="feed.id">
-      <li>{{ feed.message }}</li>
-      <button class="icon" @click="deleteFeed(feed)">
-        <i class="material-icons">delete</i>
-      </button>
+      <div class="show-on-large-screen">
+        <li>
+          <input
+            :aria-label="$t('label')"
+            type="text"
+            readonly
+            :value="feed.label"
+            :placeholder="$t('no_label')"
+            class="bg-color"
+          />
+        </li>
+        <button class="icon" @click="saveFeed(feed)">
+          <i class="material-icons">get_app</i>
+        </button>
+        <button class="icon" @click="deleteFeed(feed)">
+          <i class="material-icons">delete</i>
+        </button>
+      </div>
     </ul>
   </virtual-list>
+  <ul v-else>
+    <li>
+      <label class="info">{{ $t("empty") }}</label>
+    </li>
+  </ul>
 </template>
 
 <style scoped lang="scss">
 .virtual-list {
-  max-height: calc(100vh - 284px);
+  max-height: calc(100vh - 288px);
+}
+
+.bg-color {
+  background-color: transparent;
 }
 </style>
 
@@ -35,6 +59,27 @@ export default {
   methods: {
     deleteFeed(feed) {
       fb.deleteFeed(feed.id);
+    },
+    saveFeed(feed) {
+      const dataToWrite = JSON.stringify(
+        eval("(" + feed.message + ")"),
+        null,
+        2
+      );
+      const file = new Blob([dataToWrite], { type: "application/json" });
+      const a = document.createElement("a"),
+        url = URL.createObjectURL(file);
+      a.href = url;
+      a.download = (feed.label + " on " + Date()).replace(/\./g, "[dot]");
+      document.body.appendChild(a);
+      a.click();
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done"
+      });
+      setTimeout(() => {
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(url);
+      }, 1000);
     }
   }
 };
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 984181c2c..10f120df5 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -1,8 +1,37 @@
 <template>
-  <form @submit.prevent="formPost">
-    <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input :disabled="!this.message" type="submit" value="Save" />
-  </form>
+  <div>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="message"
+          :placeholder="$t('paste_a_collection')"
+        />
+      </li>
+    </ul>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="label"
+          :placeholder="$t('label')"
+        />
+      </li>
+      <button
+        class="icon"
+        :disabled="!(this.message && this.label)"
+        value="Save"
+        @click="formPost"
+      >
+        <i class="material-icons">add</i>
+        <span>Add</span>
+      </button>
+    </ul>
+  </div>
 </template>
 
 <script>
@@ -11,13 +40,15 @@ import { fb } from "../../functions/fb";
 export default {
   data() {
     return {
-      message: null
+      message: null,
+      label: null
     };
   },
   methods: {
     formPost() {
-      fb.writeFeed(this.message);
+      fb.writeFeed(this.message, this.label);
       this.message = null;
+      this.label = null;
     }
   }
 };
diff --git a/firestore.rules b/firestore.rules
index 31eda1745..a276b61b1 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,7 +1,8 @@
+// Allow read/write access on all documents to any user signed in to the application
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write;
+      allow read, write: if request.auth.uid != null;
     }
   }
 }
diff --git a/functions/fb.js b/functions/fb.js
index 51a11889b..afe3589c1 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -25,13 +25,14 @@ export const fb = {
   feedsInFeed: [],
   currentUser: {},
   currentSettings: [],
-  writeFeed: async message => {
+  writeFeed: async (message, label) => {
     const dt = {
       createdOn: new Date(),
       author: fb.currentUser.uid,
       author_name: fb.currentUser.displayName,
       author_image: fb.currentUser.photoURL,
-      message
+      message,
+      label
     };
     try {
       return feedsCollection.add(dt);
@@ -45,6 +46,7 @@ export const fb = {
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
   writeSettings: async (setting, value) => {
+    console.log(value);
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,
diff --git a/lang/en-US.js b/lang/en-US.js
index f4b069dc2..2d63fd63a 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -258,5 +258,6 @@ export default {
   syncHistory: "History",
   syncCollections: "Collections",
   turn_on: "Turn on",
-  login_first: "Login first"
+  login_first: "Login first",
+  paste_a_collection: "Paste a Collection"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 2b4d3d981..b5cb796fa 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -239,7 +239,7 @@
               <ul>
                 <li>
                   <a href="#account" v-tooltip.right="$t('account')">
-                    <i class="material-icons">perm_identity</i>
+                    <i class="material-icons">person</i>
                   </a>
                 </li>
                 <li>

From bf686736f85086b719b9fff403d3ba49252b4ac4 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 09:48:52 +0530
Subject: [PATCH 35/70] :zap: Updated Firestore data rules

---
 firestore.rules | 3 +--
 functions/fb.js | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/firestore.rules b/firestore.rules
index a276b61b1..31eda1745 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,8 +1,7 @@
-// Allow read/write access on all documents to any user signed in to the application
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write: if request.auth.uid != null;
+      allow read, write;
     }
   }
 }
diff --git a/functions/fb.js b/functions/fb.js
index afe3589c1..9fa838363 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -46,7 +46,6 @@ export const fb = {
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
   writeSettings: async (setting, value) => {
-    console.log(value);
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,

From a556e6d0c2506d5bf5162eb1c37e12e8ef61f6b9 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 10:10:29 +0530
Subject: [PATCH 36/70] :bug: Fixed sync toast prompt

---
 components/firebase/login.vue | 4 ++--
 pages/settings.vue            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 1cf1d8620..0f06d87b2 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -59,7 +59,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
@@ -88,7 +88,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
diff --git a/pages/settings.vue b/pages/settings.vue
index 16048827e..c6160da37 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -398,7 +398,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
@@ -427,7 +427,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,

From ea7feee840310392e51bd13534d106cbc7fad9d6 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 10:28:37 +0530
Subject: [PATCH 37/70] :bug: Fixed broken responsiveness UI in Feeds

---
 assets/css/styles.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 48b6130c3..67d387e93 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -698,6 +698,7 @@ ol li {
 
 .show-on-large-screen {
   display: inline-flex;
+  flex: 1;
 }
 
 .info-response {

From 860993663f010f4b2c06a54837bc275b2b5b71b8 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 12:47:09 +0530
Subject: [PATCH 38/70] :bug: Fixed error on Download feed

---
 components/firebase/feeds.vue | 9 ++++-----
 functions/fb.js               | 5 +++--
 pages/settings.vue            | 8 ++++----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index dd1715a42..89bd4c1fc 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -59,13 +59,12 @@ export default {
   methods: {
     deleteFeed(feed) {
       fb.deleteFeed(feed.id);
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete"
+      });
     },
     saveFeed(feed) {
-      const dataToWrite = JSON.stringify(
-        eval("(" + feed.message + ")"),
-        null,
-        2
-      );
+      const dataToWrite = JSON.stringify(feed.message, null, 2);
       const file = new Blob([dataToWrite], { type: "application/json" });
       const a = document.createElement("a"),
         url = URL.createObjectURL(file);
diff --git a/functions/fb.js b/functions/fb.js
index 9fa838363..a9fa957fc 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -40,11 +40,12 @@ export const fb = {
       return console.error("error inserting", dt, e);
     }
   },
-  deleteFeed: id =>
+  deleteFeed: id => {
     feedsCollection
       .doc(id)
       .delete()
-      .catch(e => console.error("error deleting", dt, e)),
+      .catch(e => console.error("error deleting", dt, e));
+  },
   writeSettings: async (setting, value) => {
     const st = {
       updatedOn: new Date(),
diff --git a/pages/settings.vue b/pages/settings.vue
index c6160da37..4a26bbe0e 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -6,7 +6,7 @@
           <div v-if="!fb.currentUser">
             <label>{{ $t("login_with") }}</label>
             <p>
-              <button class="icon" @click="signInWithGoogle" v-close-popover>
+              <button class="icon" @click="signInWithGoogle">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -21,7 +21,7 @@
                 <span>Google</span>
               </button>
               <br />
-              <button class="icon" @click="signInWithGithub" v-close-popover>
+              <button class="icon" @click="signInWithGithub">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -57,12 +57,12 @@
               </span>
             </button>
             <br />
-            <button class="icon" @click="logout" v-close-popover>
+            <button class="icon" @click="logout">
               <i class="material-icons">exit_to_app</i>
               <span>{{ $t("logout") }}</span>
             </button>
             <br />
-            <p v-for="setting in fb.currentSettings">
+            <p v-for="setting in fb.currentSettings" :key="setting.id">
               <pw-toggle
                 :key="setting.name"
                 :on="setting.value"

From 32d57814a9c56e8a5787b14653220e6581aab9ea Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 19:29:11 +0530
Subject: [PATCH 39/70] :tada: Powered by Netlify

---
 assets/css/styles.scss |  5 +----
 layouts/default.vue    | 39 +++++++++++++++++++++++++++++----------
 2 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 48b6130c3..39552888b 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -852,10 +852,7 @@ input[type="radio"]:checked + label + .tab {
 }
 
 @media (max-width: $responsiveWidth) {
-  .content {
-    flex-flow: column;
-  }
-
+  .content,
   .columns {
     flex-flow: column;
   }
diff --git a/layouts/default.vue b/layouts/default.vue
index 9514893c6..4da707eec 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -352,15 +352,7 @@
             <div class="flex-wrap">
               <span v-if="version.name" class="mono">
                 <a
-                  href="https://liyasthomas.web.app"
-                  target="_blank"
-                  rel="noopener"
-                >
-                  <button class="icon" v-tooltip="'Liyas Thomas'">
-                    🦄
-                  </button>
-                </a>
-                <a
+                  class="link"
                   :href="
                     'https://github.com/liyasthomas/postwoman/releases/tag/' +
                       version.name
@@ -371,6 +363,14 @@
                 >
                   {{ version.name }}
                 </a>
+                <a
+                  class="link"
+                  href="https://www.netlify.com"
+                  target="_blank"
+                  rel="noopener"
+                >
+                  Powered by Netlify
+                </a>
                 <!-- <span v-if="version.hash">
                   -
                   <a
@@ -382,6 +382,15 @@
                 <!-- <span v-if="version.variant">({{version.variant}})</span> -->
               </span>
               <span>
+                <a
+                  href="https://liyasthomas.web.app"
+                  target="_blank"
+                  rel="noopener"
+                >
+                  <button class="icon" v-tooltip="'Liyas Thomas'">
+                    🦄
+                  </button>
+                </a>
                 <a
                   href="mailto:liyascthomas@gmail.com"
                   target="_blank"
@@ -588,7 +597,17 @@
   </div>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.link {
+  margin: 8px 16px;
+}
+@media (max-width: 768px) {
+  .link {
+    display: flex;
+    flex: 1;
+  }
+}
+</style>
 
 <script>
 import intializePwa from "../assets/js/pwa";

From 81654c35da09900b611e45185323d63abf183387 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Wed, 22 Jan 2020 12:38:17 -0500
Subject: [PATCH 40/70] Use relative imports

Co-Authored-By: James George <jamesgeorge998001@gmail.com>
---
 functions/network.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/functions/network.js b/functions/network.js
index 4cb992b38..f56c52676 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,6 +1,6 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import FirefoxStrategy from "./strategies/FirefoxStrategy";
-import ChromeStrategy, { hasChromeExtensionInstalled } from "~/functions/strategies/ChromeStrategy";
+import ChromeStrategy, { hasChromeExtensionInstalled } from "./strategies/ChromeStrategy";
 
 const runAppropriateStrategy = (req, store) => {
   // Chrome Provides a chrome object for scripts to access

From dbbf310e83e4ed32582656030b627b99ef51c559 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 07:51:23 +0530
Subject: [PATCH 41/70] :recycle: Rewrote all DB structure

---
 functions/fb.js    | 97 ++++++++++++++++++++++++++++------------------
 pages/settings.vue | 72 +++++++++++++++++-----------------
 2 files changed, 96 insertions(+), 73 deletions(-)

diff --git a/functions/fb.js b/functions/fb.js
index a9fa957fc..9de219aca 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -15,9 +15,8 @@ const firebaseConfig = {
 };
 firebase.initializeApp(firebaseConfig);
 
-// a reference to the Feeds collection
-const feedsCollection = firebase.firestore().collection("feeds");
-const settingsCollection = firebase.firestore().collection("settings");
+// a reference to the users collection
+const usersCollection = firebase.firestore().collection("users");
 
 // the shared state object that any vue component
 // can get access to
@@ -35,13 +34,18 @@ export const fb = {
       label
     };
     try {
-      return feedsCollection.add(dt);
+      return usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("feeds")
+        .add(dt);
     } catch (e) {
       return console.error("error inserting", dt, e);
     }
   },
   deleteFeed: id => {
-    feedsCollection
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("feeds")
       .doc(id)
       .delete()
       .catch(e => console.error("error deleting", dt, e));
@@ -56,44 +60,63 @@ export const fb = {
       value
     };
     try {
-      return settingsCollection.doc(setting).set(st);
+      return usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("settings")
+        .doc(setting).set(st);
     } catch (e) {
       return console.error("error updating", st, e);
     }
   }
 };
 
-// onSnapshot is executed every time the data
-// in the underlying firestore collection changes
-// It will get passed an array of references to
-// the documents that match your query
-feedsCollection
-  .orderBy("createdOn", "desc")
-  // .limit(0)
-  .onSnapshot(feedsRef => {
-    const feeds = [];
-    feedsRef.forEach(doc => {
-      const feed = doc.data();
-      feed.id = doc.id;
-      feeds.push(feed);
-    });
-    fb.feedsInFeed = feeds;
-  });
-
-settingsCollection
-  // .orderBy("updatedOn", "desc")
-  // .limit(2)
-  .onSnapshot(settingsRef => {
-    const settings = [];
-    settingsRef.forEach(doc => {
-      const setting = doc.data();
-      setting.id = doc.id;
-      settings.push(setting);
-    });
-    fb.currentSettings = settings;
-  });
-
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  fb.currentUser = user;
+  if (user) {
+    fb.currentUser = user;
+    fb.currentUser.providerData.forEach(profile => {
+      let us = {
+        updatedOn: new Date(),
+        provider: profile.providerId,
+        name: profile.displayName,
+        email: profile.email,
+        photoUrl: profile.photoURL,
+        uid: profile.uid
+      };
+      try {
+        usersCollection.doc(fb.currentUser.uid).set(us);
+      } catch (e) {
+        console.error("error updating", us, e);
+      }
+    });
+
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("feeds")
+      .orderBy("createdOn", "desc")
+      .onSnapshot(feedsRef => {
+        const feeds = [];
+        feedsRef.forEach(doc => {
+          const feed = doc.data();
+          feed.id = doc.id;
+          feeds.push(feed);
+        });
+        fb.feedsInFeed = feeds;
+      });
+
+      usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("settings")
+        .onSnapshot(settingsRef => {
+          const settings = [];
+          settingsRef.forEach(doc => {
+            const setting = doc.data();
+            setting.id = doc.id;
+            settings.push(setting);
+          });
+          fb.currentSettings = settings;
+        });
+  } else {
+    fb.currentUser = null;
+  }
 });
diff --git a/pages/settings.vue b/pages/settings.vue
index 4a26bbe0e..920446d95 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -3,40 +3,6 @@
     <pw-section class="green" :label="$t('account')" ref="account">
       <ul>
         <li>
-          <div v-if="!fb.currentUser">
-            <label>{{ $t("login_with") }}</label>
-            <p>
-              <button class="icon" @click="signInWithGoogle">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  class="material-icons"
-                >
-                  <path
-                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
-                  />
-                </svg>
-                <span>Google</span>
-              </button>
-              <br />
-              <button class="icon" @click="signInWithGithub">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  class="material-icons"
-                >
-                  <path
-                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-                  />
-                </svg>
-                <span>GitHub</span>
-              </button>
-            </p>
-          </div>
           <div v-if="fb.currentUser">
             <button class="icon">
               <img
@@ -73,12 +39,46 @@
               </pw-toggle>
             </p>
             <p v-if="fb.currentSettings.length == 0">
-              <button class="" @click="initSettings">
+              <button class="" @click="writeSettings">
                 <i class="material-icons">sync</i>
                 <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
               </button>
             </p>
           </div>
+          <div v-else>
+            <label>{{ $t("login_with") }}</label>
+            <p>
+              <button class="icon" @click="signInWithGoogle">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                  />
+                </svg>
+                <span>Google</span>
+              </button>
+              <br />
+              <button class="icon" @click="signInWithGithub">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                  />
+                </svg>
+                <span>GitHub</span>
+              </button>
+            </p>
+          </div>
         </li>
       </ul>
     </pw-section>
@@ -452,7 +452,7 @@ export default {
     toggleSettings(s, v) {
       fb.writeSettings(s, !v);
     },
-    initSettings() {
+    writeSettings() {
       fb.writeSettings("syncHistory", false);
       fb.writeSettings("syncCollections", true);
     }

From 32c7ece2eff037021a6ce11092573a02b3820121 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 08:02:34 +0530
Subject: [PATCH 42/70] :fire: Firestore rules

---
 firestore.rules | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/firestore.rules b/firestore.rules
index 31eda1745..ce0a1b949 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,7 +1,14 @@
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write;
+      allow read, write: if request.auth.uid != null;
+    }
+    // Make sure the uid of the requesting user matches name of the user
+    // document. The wildcard expression {userId} makes the userId variable
+    // available in rules.
+    match /users/{userId} {
+      allow read, update, delete: if request.auth.uid == userId;
+      allow create: if request.auth.uid != null;
     }
   }
 }

From df21deddbaae3bf6a7a8b77521570433d20485b9 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 09:15:59 +0530
Subject: [PATCH 43/70] :pencil2: Updated extensions link

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 529a1da32..193f0bbec 100644
--- a/README.md
+++ b/README.md
@@ -220,11 +220,13 @@ _**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/li
 
  - **[Proxy β](https://github.com/postwoman-io/postwoman-proxy)** - A simple proxy server created for Postwoman
  - **[CLI β](https://github.com/postwoman-io/postwoman-cli)** - A CLI solution for Postwoman
- - **[Browser Extensions](https://github.com/AndrewBastin/postwoman-firefox)** - Browser extensions that simplifies access to Postwoman
+ - **Browser Extensions** - Browser extensions that simplifies access to Postwoman
 
- > [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/postwoman) &nbsp;|&nbsp; ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome (coming soon)**
+   [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/postwoman) ([GitHub](https://github.com/AndrewBastin/postwoman-firefox)) &nbsp;|&nbsp; [![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome**](https://chrome.google.com/webstore/detail/postwoman-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld) ([GitHub](https://github.com/AndrewBastin/postwoman-chrome))
 
-_Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**_
+   >**Extensions fixes `CORS` issues.**
+
+_Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**._
 
 **To find out more, please check out [Postwoman Wiki](https://github.com/liyasthomas/postwoman/wiki).**
 

From 8b7fd238d07b1f66867cf7e3e3cc5dd43bb31858 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 11:03:22 +0530
Subject: [PATCH 44/70] :sparkles: Detech whether extension is already
 installed or not, if not, shoe install prompt toast

---
 layouts/default.vue | 51 ++++++++++++++++++++++++++-------------------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 4da707eec..4002a8875 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -470,27 +470,33 @@
           </a>
         </div>
         <div>
-          <button class="icon" disabled>
-            <svg
-              class="material-icons"
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M2.897 4.181c2.43-2.828 5.763-4.181 9.072-4.181 4.288 0 8.535 2.273 10.717 6.554-2.722.001-6.984 0-9.293 0-1.674.001-2.755-.037-3.926.579-1.376.724-2.415 2.067-2.777 3.644l-3.793-6.596zm5.11 7.819c0 2.2 1.789 3.99 3.988 3.99s3.988-1.79 3.988-3.99-1.789-3.991-3.988-3.991-3.988 1.791-3.988 3.991zm5.536 5.223c-2.238.666-4.858-.073-6.293-2.549-1.095-1.891-3.989-6.933-5.305-9.225-1.33 2.04-1.945 4.294-1.945 6.507 0 5.448 3.726 10.65 9.673 11.818l3.87-6.551zm2.158-9.214c1.864 1.734 2.271 4.542 1.007 6.719-.951 1.641-3.988 6.766-5.46 9.248 7.189.443 12.752-5.36 12.752-11.972 0-1.313-.22-2.66-.69-3.995h-7.609z"
-              />
-            </svg>
-            <span>Chrome (coming soon)</span>
-            <span
-              class="icon"
-              v-if="chromeExtInstalled"
-              v-tooltip="$t('installed')"
-            >
-              <i class="material-icons">done</i>
-            </span>
-          </button>
+          <a
+            href="https://chrome.google.com/webstore/detail/postwoman-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld"
+            target="_blank"
+            rel="noopener"
+          >
+            <button class="icon">
+              <svg
+                class="material-icons"
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M2.897 4.181c2.43-2.828 5.763-4.181 9.072-4.181 4.288 0 8.535 2.273 10.717 6.554-2.722.001-6.984 0-9.293 0-1.674.001-2.755-.037-3.926.579-1.376.724-2.415 2.067-2.777 3.644l-3.793-6.596zm5.11 7.819c0 2.2 1.789 3.99 3.988 3.99s3.988-1.79 3.988-3.99-1.789-3.991-3.988-3.991-3.988 1.791-3.988 3.991zm5.536 5.223c-2.238.666-4.858-.073-6.293-2.549-1.095-1.891-3.989-6.933-5.305-9.225-1.33 2.04-1.945 4.294-1.945 6.507 0 5.448 3.726 10.65 9.673 11.818l3.87-6.551zm2.158-9.214c1.864 1.734 2.271 4.542 1.007 6.719-.951 1.641-3.988 6.766-5.46 9.248 7.189.443 12.752-5.36 12.752-11.972 0-1.313-.22-2.66-.69-3.995h-7.609z"
+                />
+              </svg>
+              <span>Chrome</span>
+              <span
+                class="icon"
+                v-if="chromeExtInstalled"
+                v-tooltip="$t('installed')"
+              >
+                <i class="material-icons">done</i>
+              </span>
+            </button>
+          </a>
         </div>
       </div>
       <div slot="footer"></div>
@@ -612,6 +618,7 @@
 <script>
 import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
+import { hasChromeExtensionInstalled } from "../functions/strategies/ChromeStrategy";
 
 export default {
   components: {
@@ -639,7 +646,7 @@ export default {
       showShortcuts: false,
       showSupport: false,
       firefoxExtInstalled: window.firefoxExtSendRequest,
-      chromeExtInstalled: false
+      chromeExtInstalled: window.chrome && hasChromeExtensionInstalled()
     };
   },
 

From 4ad4bad295de2322d3861332be97846c93fe98dd Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:09:36 +0530
Subject: [PATCH 45/70] fix: validation for empty collection names

---
 components/collections/addCollection.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 2789a52d7..7437e7999 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -56,6 +56,9 @@ export default {
   },
   methods: {
     addNewCollection() {
+      if (this.$data.name !== undefined) {
+        return;
+      }
       this.$store.commit("postwoman/addNewCollection", {
         name: this.$data.name
       });

From 5481c28e4bbe84ca1004526c00e514b5718a8b0a Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:10:26 +0530
Subject: [PATCH 46/70] refactor: use shorthand version

---
 components/collections/addCollection.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 7437e7999..9f0cc8139 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -56,7 +56,7 @@ export default {
   },
   methods: {
     addNewCollection() {
-      if (this.$data.name !== undefined) {
+      if (!this.$data.name) {
         return;
       }
       this.$store.commit("postwoman/addNewCollection", {

From c3ecf98b626bf82f342c610c90cc69e278c836ca Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:11:04 +0530
Subject: [PATCH 47/70] feat: show warning alert

---
 components/collections/addCollection.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 9f0cc8139..8a2c86fc7 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -57,6 +57,7 @@ export default {
   methods: {
     addNewCollection() {
       if (!this.$data.name) {
+        alert('Please provide a name')
         return;
       }
       this.$store.commit("postwoman/addNewCollection", {

From 9b8936f53c8b132ba4e901b1658d2e21cfab9a17 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:12:04 +0530
Subject: [PATCH 48/70] feat: switch to toast

---
 components/collections/addCollection.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 8a2c86fc7..0348c87a6 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -57,7 +57,7 @@ export default {
   methods: {
     addNewCollection() {
       if (!this.$data.name) {
-        alert('Please provide a name')
+        this.$toast.info('Please provide a name')
         return;
       }
       this.$store.commit("postwoman/addNewCollection", {

From b0c22a2b2d96e8378599a74774c742edd56291d5 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:52:52 +0530
Subject: [PATCH 49/70] chore: validate edit collection activity for empty
 names

---
 components/collections/editCollection.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/collections/editCollection.vue b/components/collections/editCollection.vue
index 4021557fe..98c9154be 100644
--- a/components/collections/editCollection.vue
+++ b/components/collections/editCollection.vue
@@ -59,6 +59,10 @@ export default {
   },
   methods: {
     saveCollection() {
+      if (!this.$data.name) {
+        this.$toast.info('Please provide a valid name for the collection');
+        return;
+      }
       const collectionUpdated = {
         ...this.$props.editingCollection,
         name: this.$data.name

From f132de8dbbd956e1027b53d3ded8008c6ae08095 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:57:44 +0530
Subject: [PATCH 50/70] chore: validate edit collection activity for duplicate
 collection

---
 store/postwoman.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/store/postwoman.js b/store/postwoman.js
index 61712fb65..b7ae1258d 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -132,6 +132,12 @@ export const mutations = {
 
   editCollection({ collections }, payload) {
     const { collection, collectionIndex } = payload;
+    const { name } = collection
+    const duplicateCollection = collections.some(item => item.name === name)
+    if (duplicateCollection) {
+      this.$toast.info('Duplicate collection');
+      return;
+    }
     collections[collectionIndex] = collection;
   },
 

From 7d003cefd76dc62e6560674cc9898061cb569e00 Mon Sep 17 00:00:00 2001
From: jamesgeorge007 <jamesgeorge998001@gmail.com>
Date: Thu, 23 Jan 2020 14:59:21 +0530
Subject: [PATCH 51/70] chore: rephrase warning message

---
 components/collections/addCollection.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 0348c87a6..c39b7b257 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -57,7 +57,7 @@ export default {
   methods: {
     addNewCollection() {
       if (!this.$data.name) {
-        this.$toast.info('Please provide a name')
+        this.$toast.info('Please provide a valid name for the collection')
         return;
       }
       this.$store.commit("postwoman/addNewCollection", {

From 87be0b3d3d73afa4d4a05dc800ed46bac0219cfd Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 20 Jan 2020 22:25:48 +0530
Subject: [PATCH 52/70] :tada: Initial Auth

---
 components/BallsFeed.vue |  20 +
 components/InputForm.vue |  25 +
 components/Login.vue     |  30 ++
 functions/store.js       |  63 +++
 layouts/default.vue      |  33 +-
 package-lock.json        | 994 ++++++++++++++++++++++++++++++++++++++-
 package.json             |   2 +
 7 files changed, 1150 insertions(+), 17 deletions(-)
 create mode 100644 components/BallsFeed.vue
 create mode 100644 components/InputForm.vue
 create mode 100644 components/Login.vue
 create mode 100644 functions/store.js

diff --git a/components/BallsFeed.vue b/components/BallsFeed.vue
new file mode 100644
index 000000000..8e01e2a77
--- /dev/null
+++ b/components/BallsFeed.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <p v-for="ball in store.ballsInFeed" :key="ball.id">
+      <span>{{ ball.author_name }}:</span>
+      {{ ball.message }}
+    </p>
+  </div>
+</template>
+
+<script>
+import { store } from "../functions/store";
+
+export default {
+  data() {
+    return {
+      store
+    };
+  }
+};
+</script>
diff --git a/components/InputForm.vue b/components/InputForm.vue
new file mode 100644
index 000000000..25c655e3c
--- /dev/null
+++ b/components/InputForm.vue
@@ -0,0 +1,25 @@
+<template>
+  <form @submit.prevent="formPost">
+    <input type="text" autofocus ref="inputMessage" v-model="message" />
+    <input type="submit" value="DUNK!" />
+  </form>
+</template>
+
+<script>
+import { store } from "../functions/store";
+
+export default {
+  data() {
+    return {
+      message: null
+    };
+  },
+  methods: {
+    formPost() {
+      store.writeBall(this.message);
+      this.message = null;
+      this.$refs.inputMessage.focus();
+    }
+  }
+};
+</script>
diff --git a/components/Login.vue b/components/Login.vue
new file mode 100644
index 000000000..e05d4dc77
--- /dev/null
+++ b/components/Login.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <button @click.prevent="signInWithGoogle">Log in with Google</button>
+    <button @click.prevent="signInWithGithub">Log in with GitHub</button>
+  </div>
+</template>
+
+<script>
+import firebase from "firebase/app";
+import "firebase/auth";
+
+export default {
+  methods: {
+    signInWithGoogle() {
+      var provider = new firebase.auth.GoogleAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => alert(err.message || err));
+    },
+    signInWithGithub() {
+      var provider = new firebase.auth.GithubAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => alert(err.message || err));
+    }
+  }
+};
+</script>
diff --git a/functions/store.js b/functions/store.js
new file mode 100644
index 000000000..918a9a0c4
--- /dev/null
+++ b/functions/store.js
@@ -0,0 +1,63 @@
+import Vue from "vue";
+import firebase from "firebase/app";
+import "firebase/firestore";
+import "firebase/auth";
+
+// Initialize Firebase, copied from cloud console
+var config = {
+  apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
+  authDomain: "postwoman-api.firebaseapp.com",
+  databaseURL: "https://postwoman-api.firebaseio.com",
+  projectId: "postwoman-api",
+  storageBucket: "postwoman-api.appspot.com",
+  messagingSenderId: "421993993223",
+  appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
+  measurementId: "G-ERJ6025CEB"
+};
+firebase.initializeApp(config);
+
+// a reference to the Balls collection
+const ballsCollection = firebase.firestore().collection("balls");
+
+// the shared state object that any vue component
+// can get access to
+export const store = {
+  ballsInFeed: null,
+  currentUser: null,
+  writeBall: message => {
+    const dt = {
+      createdOn: new Date(),
+      author: store.currentUser.uid,
+      author_name: store.currentUser.displayName,
+      author_image: store.currentUser.photoURL,
+      message
+    };
+    return ballsCollection
+      .add(dt)
+      .catch(e => console.error("error inserting", dt, e));
+  }
+};
+
+// onSnapshot is executed every time the data
+// in the underlying firestore collection changes
+// It will get passed an array of references to
+// the documents that match your query
+ballsCollection
+  .orderBy("createdOn", "desc")
+  .limit(5)
+  .onSnapshot(ballsRef => {
+    const balls = [];
+    ballsRef.forEach(doc => {
+      const ball = doc.data();
+      ball.id = doc.id;
+      balls.push(ball);
+    });
+    console.log("Received Balls feed:", balls);
+    store.ballsInFeed = balls;
+  });
+
+// When a user logs in or out, save that in the store
+firebase.auth().onAuthStateChanged(user => {
+  console.log("Logged in as:", user);
+  store.currentUser = user;
+});
diff --git a/layouts/default.vue b/layouts/default.vue
index 4002a8875..6991ce845 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -345,6 +345,17 @@
                   </template>
                 </v-popover>
               </span>
+
+
+
+    <Login v-if="!store.currentUser" />
+    <div v-else>
+      <button @click="logout">Log out</button>
+      <InputForm />
+      <BallsFeed />
+    </div>
+
+
             </div>
           </header>
           <nuxt />
@@ -620,10 +631,22 @@ import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
 import { hasChromeExtensionInstalled } from "../functions/strategies/ChromeStrategy";
 
+
+import firebase from 'firebase/app';
+import 'firebase/auth';
+
+import { store } from '../functions/store';
+import Login from '../components/Login';
+import InputForm from '../components/InputForm';
+import BallsFeed from '../components/BallsFeed';
+
+
 export default {
   components: {
     logo: () => import("../components/logo"),
-    modal: () => import("../components/modal")
+    modal: () => import("../components/modal"),
+
+    Login, InputForm, BallsFeed
   },
 
   methods: {
@@ -632,7 +655,13 @@ export default {
         "nuxt-link-exact-active": this.$route.path === path,
         "nuxt-link-active": this.$route.path === path
       };
-    }
+    },
+
+
+    logout() {
+      firebase.auth().signOut()
+        .catch((err) => alert(err.message || err));
+    },
   },
 
   data() {
diff --git a/package-lock.json b/package-lock.json
index 596757fe5..eb672b789 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -905,6 +905,264 @@
                 "lodash.once": "^4.1.1"
             }
         },
+        "@firebase/analytics": {
+            "version": "0.2.11",
+            "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.2.11.tgz",
+            "integrity": "sha512-2+Z3CBRAExe1Auf9tApnuz6akAdi9DzPUSx/ssKChWbSzInCeaYGN40pKIameux7BAVecZHxZNh5tJmW27lgtw==",
+            "requires": {
+                "@firebase/analytics-types": "0.2.5",
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/analytics-types": {
+            "version": "0.2.5",
+            "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.2.5.tgz",
+            "integrity": "sha512-aa746gTiILMn9TPBJXaYhYqnCL4CQwd4aYTAZseI9RZ/hf117xJTNy9/ZTmG5gl2AqxV0LgtdHYqKAjRlNqPIQ=="
+        },
+        "@firebase/app": {
+            "version": "0.5.2",
+            "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.5.2.tgz",
+            "integrity": "sha512-QOhSO414Yfc7BAH62QdsFiI/5bNaFrjDMLfRNAqnzGwLkiqIK+QH1Hma7dAF4ff1UjzEpbXQn3rXv7gtAXy6Lw==",
+            "requires": {
+                "@firebase/app-types": "0.5.0",
+                "@firebase/component": "0.1.3",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "dom-storage": "2.1.0",
+                "tslib": "1.10.0",
+                "xmlhttprequest": "1.8.0"
+            }
+        },
+        "@firebase/app-types": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.5.0.tgz",
+            "integrity": "sha512-8j+vCXTpAkYGcFk86mPZ90V6HMFmn196RIEW9Opi0PN+VrPFC1l/eW0gptM8v7VXaQhECOxws3TN2g+dDaeSYA=="
+        },
+        "@firebase/auth": {
+            "version": "0.13.4",
+            "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-0.13.4.tgz",
+            "integrity": "sha512-dFDuLMHHmigs9ZH56h+UO78SMuvYkwRcPbEudaemYisGLXnYFa0pUKS2WfvA/9d/14X/VnzG8NGApAw5BylpvA==",
+            "requires": {
+                "@firebase/auth-types": "0.9.4"
+            }
+        },
+        "@firebase/auth-interop-types": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.1.1.tgz",
+            "integrity": "sha512-rNpCOyCspZvNDoQVQLQQgWAGBMB2ClCWKN1c8cEFgLNFgnMJrjVB+tcL7KW2q2UjKa7l8Mxgwys7szTiEDAcvA=="
+        },
+        "@firebase/auth-types": {
+            "version": "0.9.4",
+            "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.9.4.tgz",
+            "integrity": "sha512-06ZrpYz1GaUfIJs7C3Yf4lARH8+2kzgKfgG/9B3FaGHFYLa5U7rLBGGaca4oiVI12jmhe9CV3+M8e3U2CRCr2w=="
+        },
+        "@firebase/component": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.1.3.tgz",
+            "integrity": "sha512-PvWS/2TVC5rBKvzxdv91FBPbZxuN2WiwDyO2xaHdtsUkZ+P/E825PIh9en9kR+FSQkTCFRDmboLzispN1Tonrg==",
+            "requires": {
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/database": {
+            "version": "0.5.19",
+            "resolved": "https://registry.npmjs.org/@firebase/database/-/database-0.5.19.tgz",
+            "integrity": "sha512-UVd0XTBbA/7mcwGeNwhMFHyrz3uJUyLAUeaROuppfo4bBK0jUhdkwqmeNC+q/Q9vU4GUV0UkMm7XgWlsfI+j8Q==",
+            "requires": {
+                "@firebase/auth-interop-types": "0.1.1",
+                "@firebase/component": "0.1.3",
+                "@firebase/database-types": "0.4.10",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "faye-websocket": "0.11.3",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/database-types": {
+            "version": "0.4.10",
+            "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-0.4.10.tgz",
+            "integrity": "sha512-66puLsckt5HASgRN3CfhLn2iuGrgCjfH3u17OL0f5MtEweYLx+yW2QW5d539Wx30xD4B+INEdaRetw6xEa9t7g==",
+            "requires": {
+                "@firebase/app-types": "0.5.0"
+            }
+        },
+        "@firebase/firestore": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-1.9.3.tgz",
+            "integrity": "sha512-FGHZ5Dj+6PTqTDr1eEdEPA3fbzQy5v0i21k2DA1d4bdD20bVWWdOAyoOuku4BawfK7ZzgVJipd2+EH8pWIlwIQ==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/firestore-types": "1.9.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/util": "0.2.38",
+                "@firebase/webchannel-wrapper": "0.2.35",
+                "@grpc/proto-loader": "^0.5.0",
+                "grpc": "1.24.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/firestore-types": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-1.9.0.tgz",
+            "integrity": "sha512-UOtneGMUTLr58P56Y0GT/c4ZyC39vOoRAzgwad4PIsyc7HlKShbHKJpyys/LdlUYIsQdy/2El3Qy1veiBQ+ZJg=="
+        },
+        "@firebase/functions": {
+            "version": "0.4.30",
+            "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.4.30.tgz",
+            "integrity": "sha512-gIcmtwn+HF5YnnJmyiK3iRKSLE+Ro92ngmwJEyhupk6PBpuqVF1r22kUlrjFsFlPXEx7TrkWvfZkYbTtLpkRHw==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/functions-types": "0.3.13",
+                "@firebase/messaging-types": "0.4.1",
+                "isomorphic-fetch": "2.2.1",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/functions-types": {
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.3.13.tgz",
+            "integrity": "sha512-wD075tCmZo+t/GHs5xMhi3irwjbc6SWnjXAIHjuNhVDKic5gQNkHH5QnxX930WPrPhD0RV9wuSP15fy9T1mvjw=="
+        },
+        "@firebase/installations": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.4.0.tgz",
+            "integrity": "sha512-eAUrLjDnaKJ0oV4ApKlrS5TQeUv42hA39UZkZXDiMLnH94uPD5YaoGI2aR4H+PlxnGrhCqdh07BIPJY+vcmZgw==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations-types": "0.3.0",
+                "@firebase/util": "0.2.38",
+                "idb": "3.0.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/installations-types": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.3.0.tgz",
+            "integrity": "sha512-1W82H1F4WfuWjftMiWLNUTy1w2SD7svn8/U8k6T/CJSnzkET6m+3pPt3Q4FDI6E2zOgU8ZVGWm9IZ4DK84mP/A=="
+        },
+        "@firebase/logger": {
+            "version": "0.1.34",
+            "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.1.34.tgz",
+            "integrity": "sha512-J2h6ylpd1IcuonRM3HBdXThitds6aQSIeoPYRPvApSFy82NhFPKRzJlflAhlQWjJOh59/jyQBGWJNxCL6fp4hw=="
+        },
+        "@firebase/messaging": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.6.2.tgz",
+            "integrity": "sha512-sjdFF3v8Wc0K6r06UvskL/9zHFDbX0ospp1XSdl3OdYdq8mC/z8Fkw8oKN9+0StPWAQx8MdpmxDU/7Ixucf1fg==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/messaging-types": "0.4.1",
+                "@firebase/util": "0.2.38",
+                "idb": "3.0.2",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/messaging-types": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@firebase/messaging-types/-/messaging-types-0.4.1.tgz",
+            "integrity": "sha512-z2ki1nIE8TYH9LiXdozEzrPi9Cfckh9/x7HbDfj5KoVFYYvwLndUczstpKm2hvAUD3GuJF0JRUuxMHpJ6pwqzQ=="
+        },
+        "@firebase/performance": {
+            "version": "0.2.30",
+            "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.2.30.tgz",
+            "integrity": "sha512-XxkiJIiEPnJUOrtv0h0AvDmcTyiYbhGfH12WksN9d53O61aTRUsjngHN6lEtlMud+0yEi6Q09pi4U+KBGm8yZQ==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/performance-types": "0.0.8",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/performance-types": {
+            "version": "0.0.8",
+            "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.0.8.tgz",
+            "integrity": "sha512-3RK15Bct9PRdr0YBdbZV2KTi5yrPzscJVEsdnsLHuwXBntqlQaouQqwlCNFn25dtCMY0cgV/yiaFmuo13mbJ8A=="
+        },
+        "@firebase/polyfill": {
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@firebase/polyfill/-/polyfill-0.3.31.tgz",
+            "integrity": "sha512-7XItMz50tdba57tCOTCSH8REvHYbrTU7MBOksnNZ3td/J9W/RkCPcLVSSnFWNmn0Jv1aufpUevryX1J4DZ/oiw==",
+            "requires": {
+                "core-js": "3.6.2",
+                "promise-polyfill": "8.1.3",
+                "whatwg-fetch": "2.0.4"
+            },
+            "dependencies": {
+                "core-js": {
+                    "version": "3.6.2",
+                    "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.2.tgz",
+                    "integrity": "sha512-hIE5dXkRzRvnZ5vhkRfQxUvDxQZmD9oueA08jDYRBKJHx+VIl/Pne/e0A4x9LObEEthC/TqiZybUoNM4tRgnKg=="
+                },
+                "whatwg-fetch": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",
+                    "integrity": "sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng=="
+                }
+            }
+        },
+        "@firebase/remote-config": {
+            "version": "0.1.11",
+            "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.1.11.tgz",
+            "integrity": "sha512-AsrwmtYVkU1ZqUujV1i2wt0XK2Zph6gBeOIPEo+xD4uyzXoqTHUaW5ZPTBzjYCw1KDKTL6ciXXxk5c+cfNzjyg==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/installations": "0.4.0",
+                "@firebase/logger": "0.1.34",
+                "@firebase/remote-config-types": "0.1.5",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/remote-config-types": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.1.5.tgz",
+            "integrity": "sha512-1JR0XGVN0dNKJlu5sMYh0qL0jC85xNgXfUquUGNHhy9lH3++t1gD91MeiDBgxI73oFQR7PEPeu+CTeDS0g8lWQ=="
+        },
+        "@firebase/storage": {
+            "version": "0.3.24",
+            "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.3.24.tgz",
+            "integrity": "sha512-hwk5ObwtqcfMFOnd4BcCpCPlr13L686iRAaa7qlOEimx0CizWD1QRmduDuxjuxHsqNnSr3QIUleG48Z8gKOg6A==",
+            "requires": {
+                "@firebase/component": "0.1.3",
+                "@firebase/storage-types": "0.3.8",
+                "@firebase/util": "0.2.38",
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/storage-types": {
+            "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.3.8.tgz",
+            "integrity": "sha512-F0ED2WZaGjhjEdOk85c/1ikDQdWM1NiATFuTmRsaGYZyoERiwh/Mr6FnjqnLIeiJZqa6v2hk/aUgKosXjMWH/Q=="
+        },
+        "@firebase/util": {
+            "version": "0.2.38",
+            "resolved": "https://registry.npmjs.org/@firebase/util/-/util-0.2.38.tgz",
+            "integrity": "sha512-EcTQWuWrUG7wgU8IGx50Zd/xE1DdwmYpMAIElsu5G5RPAJJ9VoAOAnxyRBPrrHmFeSLJpGtKPxc/rJXnEaGrXw==",
+            "requires": {
+                "tslib": "1.10.0"
+            }
+        },
+        "@firebase/webchannel-wrapper": {
+            "version": "0.2.35",
+            "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.2.35.tgz",
+            "integrity": "sha512-7njiGBbFW0HCnuKNEJLcQt9EjfOzG8EJiXlFJwA3XfgiFxPVHmXrcF4d5yold2wfiwCwrXpeNTGZ854oRr6Hcw=="
+        },
+        "@grpc/proto-loader": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.5.3.tgz",
+            "integrity": "sha512-8qvUtGg77G2ZT2HqdqYoM/OY97gQd/0crSG34xNmZ4ZOsv3aQT/FQV9QfZPazTGna6MIoyUd+u6AxsoZjJ/VMQ==",
+            "requires": {
+                "lodash.camelcase": "^4.3.0",
+                "protobufjs": "^6.8.6"
+            }
+        },
         "@hapi/address": {
             "version": "2.1.4",
             "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
@@ -1508,11 +1766,84 @@
                 "stack-trace": "0.0.10"
             }
         },
+        "@posva/vuefire-core": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/@posva/vuefire-core/-/vuefire-core-2.3.0.tgz",
+            "integrity": "sha512-QXYYjcekmlKgWtrjla3z6FjcAFgzZD2wrHukz40V3c80gbVSBoDjM/oSvrHCwxzhvTg95abkHgE2yEL0UlHJCQ=="
+        },
+        "@protobufjs/aspromise": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+            "integrity": "sha1-m4sMxmPWaafY9vXQiToU00jzD78="
+        },
+        "@protobufjs/base64": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+            "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+        },
+        "@protobufjs/codegen": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+            "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+        },
+        "@protobufjs/eventemitter": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+            "integrity": "sha1-NVy8mLr61ZePntCV85diHx0Ga3A="
+        },
+        "@protobufjs/fetch": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+            "integrity": "sha1-upn7WYYUr2VwDBYZ/wbUVLDYTEU=",
+            "requires": {
+                "@protobufjs/aspromise": "^1.1.1",
+                "@protobufjs/inquire": "^1.1.0"
+            }
+        },
+        "@protobufjs/float": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+            "integrity": "sha1-Xp4avctz/Ap8uLKR33jIy9l7h9E="
+        },
+        "@protobufjs/inquire": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+            "integrity": "sha1-/yAOPnzyQp4tyvwRQIKOjMY48Ik="
+        },
+        "@protobufjs/path": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+            "integrity": "sha1-bMKyDFya1q0NzP0hynZz2Nf79o0="
+        },
+        "@protobufjs/pool": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+            "integrity": "sha1-Cf0V8tbTq/qbZbw2ZQbWrXhG/1Q="
+        },
+        "@protobufjs/utf8": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+            "integrity": "sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA="
+        },
+        "@types/bytebuffer": {
+            "version": "5.0.40",
+            "resolved": "https://registry.npmjs.org/@types/bytebuffer/-/bytebuffer-5.0.40.tgz",
+            "integrity": "sha512-h48dyzZrPMz25K6Q4+NCwWaxwXany2FhQg/ErOcdZS1ZpsaDnDMZg8JYLMTGz7uvXKrcKGJUZJlZObyfgdaN9g==",
+            "requires": {
+                "@types/long": "*",
+                "@types/node": "*"
+            }
+        },
         "@types/color-name": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz",
             "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ=="
         },
+        "@types/long": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.0.tgz",
+            "integrity": "sha512-1w52Nyx4Gq47uuu0EVcsHBxZFJgurQ+rTKS3qMHxR1GY2T8c2AJYd6vZoZ9q1rupaDjU0yT+Jc2XTyXkjeMA+Q=="
+        },
         "@types/node": {
             "version": "12.12.17",
             "resolved": "https://registry.npmjs.org/@types/node/-/node-12.12.17.tgz",
@@ -2041,6 +2372,15 @@
             "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
             "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg="
         },
+        "ascli": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/ascli/-/ascli-1.0.1.tgz",
+            "integrity": "sha1-vPpZdKYvGOgcq660lzKrSoj5Brw=",
+            "requires": {
+                "colour": "~0.7.1",
+                "optjs": "~3.2.2"
+            }
+        },
         "asn1": {
             "version": "0.2.4",
             "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
@@ -2578,6 +2918,21 @@
             "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
             "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
         },
+        "bytebuffer": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/bytebuffer/-/bytebuffer-5.0.1.tgz",
+            "integrity": "sha1-WC7qSxqHO20CCkjVjfhfC7ps/d0=",
+            "requires": {
+                "long": "~3"
+            },
+            "dependencies": {
+                "long": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/long/-/long-3.2.0.tgz",
+                    "integrity": "sha1-2CG3E4yhy1gcFymQ7xTbIAtcR0s="
+                }
+            }
+        },
         "bytes": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -3041,7 +3396,6 @@
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz",
             "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=",
-            "dev": true,
             "requires": {
                 "string-width": "^1.0.1",
                 "strip-ansi": "^3.0.1",
@@ -3051,14 +3405,12 @@
                 "ansi-regex": {
                     "version": "2.1.1",
                     "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-                    "dev": true
+                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
                 },
                 "is-fullwidth-code-point": {
                     "version": "1.0.0",
                     "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
                     "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-                    "dev": true,
                     "requires": {
                         "number-is-nan": "^1.0.0"
                     }
@@ -3067,7 +3419,6 @@
                     "version": "1.0.2",
                     "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
                     "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-                    "dev": true,
                     "requires": {
                         "code-point-at": "^1.0.0",
                         "is-fullwidth-code-point": "^1.0.0",
@@ -3078,7 +3429,6 @@
                     "version": "3.0.1",
                     "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
                     "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-                    "dev": true,
                     "requires": {
                         "ansi-regex": "^2.0.0"
                     }
@@ -3087,7 +3437,6 @@
                     "version": "2.1.0",
                     "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
                     "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
-                    "dev": true,
                     "requires": {
                         "string-width": "^1.0.1",
                         "strip-ansi": "^3.0.1"
@@ -3119,8 +3468,7 @@
         "code-point-at": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
-            "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
-            "dev": true
+            "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
         },
         "collection-visit": {
             "version": "1.0.0",
@@ -3177,6 +3525,11 @@
                 "simple-swizzle": "^0.2.2"
             }
         },
+        "colour": {
+            "version": "0.7.1",
+            "resolved": "https://registry.npmjs.org/colour/-/colour-0.7.1.tgz",
+            "integrity": "sha1-nLFpkX7F0SwHNtPoaFdG3xyt93g="
+        },
         "combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -3987,6 +4340,11 @@
                 }
             }
         },
+        "dom-storage": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/dom-storage/-/dom-storage-2.1.0.tgz",
+            "integrity": "sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q=="
+        },
         "domain-browser": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -4122,6 +4480,14 @@
             "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
             "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
         },
+        "encoding": {
+            "version": "0.1.12",
+            "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
+            "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
+            "requires": {
+                "iconv-lite": "~0.4.13"
+            }
+        },
         "end-of-stream": {
             "version": "1.4.4",
             "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -4644,6 +5010,14 @@
             "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
             "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
         },
+        "faye-websocket": {
+            "version": "0.11.3",
+            "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+            "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
+            "requires": {
+                "websocket-driver": ">=0.5.1"
+            }
+        },
         "fd-slicer": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz",
@@ -4754,6 +5128,27 @@
                 "locate-path": "^3.0.0"
             }
         },
+        "firebase": {
+            "version": "7.7.0",
+            "resolved": "https://registry.npmjs.org/firebase/-/firebase-7.7.0.tgz",
+            "integrity": "sha512-rAjobH47rAYMyS4jiJqBATa5fNTqUTHNHvLzoMGzWNbmYqBzKyCk7EySRJek/+ZhfgJRYDfJxIActCTZ1jyN1Q==",
+            "requires": {
+                "@firebase/analytics": "0.2.11",
+                "@firebase/app": "0.5.2",
+                "@firebase/app-types": "0.5.0",
+                "@firebase/auth": "0.13.4",
+                "@firebase/database": "0.5.19",
+                "@firebase/firestore": "1.9.3",
+                "@firebase/functions": "0.4.30",
+                "@firebase/installations": "0.4.0",
+                "@firebase/messaging": "0.6.2",
+                "@firebase/performance": "0.2.30",
+                "@firebase/polyfill": "0.3.31",
+                "@firebase/remote-config": "0.1.11",
+                "@firebase/storage": "0.3.24",
+                "@firebase/util": "0.2.38"
+            }
+        },
         "flatted": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.1.tgz",
@@ -5129,6 +5524,459 @@
                 "iterall": "^1.2.2"
             }
         },
+        "grpc": {
+            "version": "1.24.2",
+            "resolved": "https://registry.npmjs.org/grpc/-/grpc-1.24.2.tgz",
+            "integrity": "sha512-EG3WH6AWMVvAiV15d+lr+K77HJ/KV/3FvMpjKjulXHbTwgDZkhkcWbwhxFAoTdxTkQvy0WFcO3Nog50QBbHZWw==",
+            "requires": {
+                "@types/bytebuffer": "^5.0.40",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clone": "^4.5.0",
+                "nan": "^2.13.2",
+                "node-pre-gyp": "^0.14.0",
+                "protobufjs": "^5.0.3"
+            },
+            "dependencies": {
+                "abbrev": {
+                    "version": "1.1.1",
+                    "bundled": true
+                },
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "bundled": true
+                },
+                "aproba": {
+                    "version": "1.2.0",
+                    "bundled": true
+                },
+                "are-we-there-yet": {
+                    "version": "1.1.5",
+                    "bundled": true,
+                    "requires": {
+                        "delegates": "^1.0.0",
+                        "readable-stream": "^2.0.6"
+                    }
+                },
+                "balanced-match": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "brace-expansion": {
+                    "version": "1.1.11",
+                    "bundled": true,
+                    "requires": {
+                        "balanced-match": "^1.0.0",
+                        "concat-map": "0.0.1"
+                    }
+                },
+                "camelcase": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+                    "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8="
+                },
+                "chownr": {
+                    "version": "1.1.3",
+                    "bundled": true
+                },
+                "code-point-at": {
+                    "version": "1.1.0",
+                    "bundled": true
+                },
+                "concat-map": {
+                    "version": "0.0.1",
+                    "bundled": true
+                },
+                "console-control-strings": {
+                    "version": "1.1.0",
+                    "bundled": true
+                },
+                "core-util-is": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "debug": {
+                    "version": "3.2.6",
+                    "bundled": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "deep-extend": {
+                    "version": "0.6.0",
+                    "bundled": true
+                },
+                "delegates": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "detect-libc": {
+                    "version": "1.0.3",
+                    "bundled": true
+                },
+                "fs-minipass": {
+                    "version": "1.2.7",
+                    "bundled": true,
+                    "requires": {
+                        "minipass": "^2.6.0"
+                    }
+                },
+                "fs.realpath": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "gauge": {
+                    "version": "2.7.4",
+                    "bundled": true,
+                    "requires": {
+                        "aproba": "^1.0.3",
+                        "console-control-strings": "^1.0.0",
+                        "has-unicode": "^2.0.0",
+                        "object-assign": "^4.1.0",
+                        "signal-exit": "^3.0.0",
+                        "string-width": "^1.0.1",
+                        "strip-ansi": "^3.0.1",
+                        "wide-align": "^1.1.0"
+                    }
+                },
+                "glob": {
+                    "version": "7.1.4",
+                    "bundled": true,
+                    "requires": {
+                        "fs.realpath": "^1.0.0",
+                        "inflight": "^1.0.4",
+                        "inherits": "2",
+                        "minimatch": "^3.0.4",
+                        "once": "^1.3.0",
+                        "path-is-absolute": "^1.0.0"
+                    }
+                },
+                "has-unicode": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "iconv-lite": {
+                    "version": "0.4.24",
+                    "bundled": true,
+                    "requires": {
+                        "safer-buffer": ">= 2.1.2 < 3"
+                    }
+                },
+                "ignore-walk": {
+                    "version": "3.0.3",
+                    "bundled": true,
+                    "requires": {
+                        "minimatch": "^3.0.4"
+                    }
+                },
+                "inflight": {
+                    "version": "1.0.6",
+                    "bundled": true,
+                    "requires": {
+                        "once": "^1.3.0",
+                        "wrappy": "1"
+                    }
+                },
+                "inherits": {
+                    "version": "2.0.4",
+                    "bundled": true
+                },
+                "ini": {
+                    "version": "1.3.5",
+                    "bundled": true
+                },
+                "is-fullwidth-code-point": {
+                    "version": "1.0.0",
+                    "bundled": true,
+                    "requires": {
+                        "number-is-nan": "^1.0.0"
+                    }
+                },
+                "isarray": {
+                    "version": "1.0.0",
+                    "bundled": true
+                },
+                "minimatch": {
+                    "version": "3.0.4",
+                    "bundled": true,
+                    "requires": {
+                        "brace-expansion": "^1.1.7"
+                    }
+                },
+                "minimist": {
+                    "version": "1.2.0",
+                    "bundled": true
+                },
+                "minipass": {
+                    "version": "2.9.0",
+                    "bundled": true,
+                    "requires": {
+                        "safe-buffer": "^5.1.2",
+                        "yallist": "^3.0.0"
+                    }
+                },
+                "minizlib": {
+                    "version": "1.3.3",
+                    "bundled": true,
+                    "requires": {
+                        "minipass": "^2.9.0"
+                    }
+                },
+                "mkdirp": {
+                    "version": "0.5.1",
+                    "bundled": true,
+                    "requires": {
+                        "minimist": "0.0.8"
+                    },
+                    "dependencies": {
+                        "minimist": {
+                            "version": "0.0.8",
+                            "bundled": true
+                        }
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "bundled": true
+                },
+                "needle": {
+                    "version": "2.4.0",
+                    "bundled": true,
+                    "requires": {
+                        "debug": "^3.2.6",
+                        "iconv-lite": "^0.4.4",
+                        "sax": "^1.2.4"
+                    }
+                },
+                "node-pre-gyp": {
+                    "version": "0.14.0",
+                    "bundled": true,
+                    "requires": {
+                        "detect-libc": "^1.0.2",
+                        "mkdirp": "^0.5.1",
+                        "needle": "^2.2.1",
+                        "nopt": "^4.0.1",
+                        "npm-packlist": "^1.1.6",
+                        "npmlog": "^4.0.2",
+                        "rc": "^1.2.7",
+                        "rimraf": "^2.6.1",
+                        "semver": "^5.3.0",
+                        "tar": "^4.4.2"
+                    }
+                },
+                "nopt": {
+                    "version": "4.0.1",
+                    "bundled": true,
+                    "requires": {
+                        "abbrev": "1",
+                        "osenv": "^0.1.4"
+                    }
+                },
+                "npm-bundled": {
+                    "version": "1.0.6",
+                    "bundled": true
+                },
+                "npm-packlist": {
+                    "version": "1.4.6",
+                    "bundled": true,
+                    "requires": {
+                        "ignore-walk": "^3.0.1",
+                        "npm-bundled": "^1.0.1"
+                    }
+                },
+                "npmlog": {
+                    "version": "4.1.2",
+                    "bundled": true,
+                    "requires": {
+                        "are-we-there-yet": "~1.1.2",
+                        "console-control-strings": "~1.1.0",
+                        "gauge": "~2.7.3",
+                        "set-blocking": "~2.0.0"
+                    }
+                },
+                "number-is-nan": {
+                    "version": "1.0.1",
+                    "bundled": true
+                },
+                "object-assign": {
+                    "version": "4.1.1",
+                    "bundled": true
+                },
+                "once": {
+                    "version": "1.4.0",
+                    "bundled": true,
+                    "requires": {
+                        "wrappy": "1"
+                    }
+                },
+                "os-homedir": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "os-tmpdir": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "osenv": {
+                    "version": "0.1.5",
+                    "bundled": true,
+                    "requires": {
+                        "os-homedir": "^1.0.0",
+                        "os-tmpdir": "^1.0.0"
+                    }
+                },
+                "path-is-absolute": {
+                    "version": "1.0.1",
+                    "bundled": true
+                },
+                "process-nextick-args": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "protobufjs": {
+                    "version": "5.0.3",
+                    "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-5.0.3.tgz",
+                    "integrity": "sha512-55Kcx1MhPZX0zTbVosMQEO5R6/rikNXd9b6RQK4KSPcrSIIwoXTtebIczUrXlwaSrbz4x8XUVThGPob1n8I4QA==",
+                    "requires": {
+                        "ascli": "~1",
+                        "bytebuffer": "~5",
+                        "glob": "^7.0.5",
+                        "yargs": "^3.10.0"
+                    }
+                },
+                "rc": {
+                    "version": "1.2.8",
+                    "bundled": true,
+                    "requires": {
+                        "deep-extend": "^0.6.0",
+                        "ini": "~1.3.0",
+                        "minimist": "^1.2.0",
+                        "strip-json-comments": "~2.0.1"
+                    }
+                },
+                "readable-stream": {
+                    "version": "2.3.6",
+                    "bundled": true,
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                },
+                "rimraf": {
+                    "version": "2.7.1",
+                    "bundled": true,
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                },
+                "safe-buffer": {
+                    "version": "5.1.2",
+                    "bundled": true
+                },
+                "safer-buffer": {
+                    "version": "2.1.2",
+                    "bundled": true
+                },
+                "sax": {
+                    "version": "1.2.4",
+                    "bundled": true
+                },
+                "semver": {
+                    "version": "5.7.1",
+                    "bundled": true
+                },
+                "set-blocking": {
+                    "version": "2.0.0",
+                    "bundled": true
+                },
+                "signal-exit": {
+                    "version": "3.0.2",
+                    "bundled": true
+                },
+                "string-width": {
+                    "version": "1.0.2",
+                    "bundled": true,
+                    "requires": {
+                        "code-point-at": "^1.0.0",
+                        "is-fullwidth-code-point": "^1.0.0",
+                        "strip-ansi": "^3.0.0"
+                    }
+                },
+                "string_decoder": {
+                    "version": "1.1.1",
+                    "bundled": true,
+                    "requires": {
+                        "safe-buffer": "~5.1.0"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "bundled": true,
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "strip-json-comments": {
+                    "version": "2.0.1",
+                    "bundled": true
+                },
+                "tar": {
+                    "version": "4.4.13",
+                    "bundled": true,
+                    "requires": {
+                        "chownr": "^1.1.1",
+                        "fs-minipass": "^1.2.5",
+                        "minipass": "^2.8.6",
+                        "minizlib": "^1.2.1",
+                        "mkdirp": "^0.5.0",
+                        "safe-buffer": "^5.1.2",
+                        "yallist": "^3.0.3"
+                    }
+                },
+                "util-deprecate": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "wide-align": {
+                    "version": "1.1.3",
+                    "bundled": true,
+                    "requires": {
+                        "string-width": "^1.0.2 || 2"
+                    }
+                },
+                "wrappy": {
+                    "version": "1.0.2",
+                    "bundled": true
+                },
+                "y18n": {
+                    "version": "3.2.1",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz",
+                    "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE="
+                },
+                "yallist": {
+                    "version": "3.1.1",
+                    "bundled": true
+                },
+                "yargs": {
+                    "version": "3.32.0",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.32.0.tgz",
+                    "integrity": "sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=",
+                    "requires": {
+                        "camelcase": "^2.0.1",
+                        "cliui": "^3.0.3",
+                        "decamelize": "^1.1.1",
+                        "os-locale": "^1.4.0",
+                        "string-width": "^1.0.1",
+                        "window-size": "^0.1.4",
+                        "y18n": "^3.2.0"
+                    }
+                }
+            }
+        },
         "gzip-size": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz",
@@ -5465,6 +6313,11 @@
                 "toidentifier": "1.0.0"
             }
         },
+        "http-parser-js": {
+            "version": "0.4.10",
+            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.10.tgz",
+            "integrity": "sha1-ksnBN0w1CF912zWexWzCV8u5P6Q="
+        },
         "http-proxy": {
             "version": "1.18.0",
             "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.0.tgz",
@@ -5523,6 +6376,11 @@
                 "postcss": "^7.0.14"
             }
         },
+        "idb": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/idb/-/idb-3.0.2.tgz",
+            "integrity": "sha512-+FLa/0sTXqyux0o6C+i2lOR0VoS60LU/jzUo5xjfY6+7sEEgy4Gz1O7yFBXvjd7N0NyIGWIRg8DcQSLEG+VSPw=="
+        },
         "ieee754": {
             "version": "1.1.13",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
@@ -5620,8 +6478,7 @@
         "invert-kv": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz",
-            "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=",
-            "dev": true
+            "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY="
         },
         "ip": {
             "version": "1.1.5",
@@ -5919,6 +6776,26 @@
             "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
             "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
         },
+        "isomorphic-fetch": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
+            "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
+            "requires": {
+                "node-fetch": "^1.0.1",
+                "whatwg-fetch": ">=0.10.0"
+            },
+            "dependencies": {
+                "node-fetch": {
+                    "version": "1.7.3",
+                    "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
+                    "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
+                    "requires": {
+                        "encoding": "^0.1.11",
+                        "is-stream": "^1.0.1"
+                    }
+                }
+            }
+        },
         "isstream": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
@@ -6091,7 +6968,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz",
             "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=",
-            "dev": true,
             "requires": {
                 "invert-kv": "^1.0.0"
             }
@@ -6428,6 +7304,16 @@
             "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
             "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0="
         },
+        "lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+        },
+        "lodash.clone": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
+            "integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y="
+        },
         "lodash.kebabcase": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -6503,6 +7389,11 @@
                 }
             }
         },
+        "long": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+            "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA=="
+        },
         "loose-envify": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -7190,8 +8081,7 @@
         "number-is-nan": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
-            "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
-            "dev": true
+            "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
         },
         "nuxt": {
             "version": "2.11.0",
@@ -7368,6 +8258,11 @@
                 "last-call-webpack-plugin": "^3.0.0"
             }
         },
+        "optjs": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/optjs/-/optjs-3.2.2.tgz",
+            "integrity": "sha1-aabOicRCpEQDFBrS+bNwvVu29O4="
+        },
         "ora": {
             "version": "0.2.3",
             "resolved": "https://registry.npmjs.org/ora/-/ora-0.2.3.tgz",
@@ -7437,7 +8332,6 @@
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
             "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
-            "dev": true,
             "requires": {
                 "lcid": "^1.0.0"
             }
@@ -8730,6 +9624,11 @@
             "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
             "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM="
         },
+        "promise-polyfill": {
+            "version": "8.1.3",
+            "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.1.3.tgz",
+            "integrity": "sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g=="
+        },
         "proper-lockfile": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.1.tgz",
@@ -8740,6 +9639,33 @@
                 "signal-exit": "^3.0.2"
             }
         },
+        "protobufjs": {
+            "version": "6.8.8",
+            "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.8.8.tgz",
+            "integrity": "sha512-AAmHtD5pXgZfi7GMpllpO3q1Xw1OYldr+dMUlAnffGTAhqkg72WdmSY71uKBF/JuyiKs8psYbtKrhi0ASCD8qw==",
+            "requires": {
+                "@protobufjs/aspromise": "^1.1.2",
+                "@protobufjs/base64": "^1.1.2",
+                "@protobufjs/codegen": "^2.0.4",
+                "@protobufjs/eventemitter": "^1.1.0",
+                "@protobufjs/fetch": "^1.1.0",
+                "@protobufjs/float": "^1.0.2",
+                "@protobufjs/inquire": "^1.1.0",
+                "@protobufjs/path": "^1.1.2",
+                "@protobufjs/pool": "^1.1.0",
+                "@protobufjs/utf8": "^1.1.0",
+                "@types/long": "^4.0.0",
+                "@types/node": "^10.1.0",
+                "long": "^4.0.0"
+            },
+            "dependencies": {
+                "@types/node": {
+                    "version": "10.17.13",
+                    "resolved": "https://registry.npmjs.org/@types/node/-/node-10.17.13.tgz",
+                    "integrity": "sha512-pMCcqU2zT4TjqYFrWtYHKal7Sl30Ims6ulZ4UFXxI4xbtQqK/qqKwkDoBFCfooRqqmRu9vY3xaJRwxSh673aYg=="
+                }
+            }
+        },
         "proxy-addr": {
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz",
@@ -11141,6 +12067,14 @@
             "resolved": "https://registry.npmjs.org/vue-virtual-scroll-list/-/vue-virtual-scroll-list-1.4.4.tgz",
             "integrity": "sha512-wU7FDpd9Xy4f62pf8SBg/ak21jMI/pdx4s4JPah+z/zuhmeAafQgp8BjtZvvt+b0BZOsOS1FJuCfUH7azTkivQ=="
         },
+        "vuefire": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/vuefire/-/vuefire-2.2.1.tgz",
+            "integrity": "sha512-Hgb4SJRJJd3+PZk+/YcqK3kjr28nRPHcODSaFRf731bnvdchjN7vDCeovRZNcXqRxLQ46lSyFzmcaZoqv5YdFQ==",
+            "requires": {
+                "@posva/vuefire-core": "^2.3.0"
+            }
+        },
         "vuejs-auto-complete": {
             "version": "0.9.0",
             "resolved": "https://registry.npmjs.org/vuejs-auto-complete/-/vuejs-auto-complete-0.9.0.tgz",
@@ -12003,6 +12937,26 @@
                 "wrap-ansi": "^6.0.0"
             }
         },
+        "websocket-driver": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.3.tgz",
+            "integrity": "sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==",
+            "requires": {
+                "http-parser-js": ">=0.4.0 <0.4.11",
+                "safe-buffer": ">=5.1.0",
+                "websocket-extensions": ">=0.1.1"
+            }
+        },
+        "websocket-extensions": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
+            "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg=="
+        },
+        "whatwg-fetch": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz",
+            "integrity": "sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q=="
+        },
         "which": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@@ -12061,6 +13015,11 @@
                 "string-width": "^4.0.0"
             }
         },
+        "window-size": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
+            "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY="
+        },
         "workbox-cdn": {
             "version": "4.3.1",
             "resolved": "https://registry.npmjs.org/workbox-cdn/-/workbox-cdn-4.3.1.tgz",
@@ -12163,6 +13122,11 @@
             "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-13.0.2.tgz",
             "integrity": "sha512-Eux0i2QdDYKbdbA6AM6xE4m6ZTZr4G4xF9kahI2ukSEMCzwce2eX9WlTI5J3s+NU7hpasFsr8hWIONae7LluAQ=="
         },
+        "xmlhttprequest": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+            "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
+        },
         "xtend": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index 2a375a7a3..73776225d 100644
--- a/package.json
+++ b/package.json
@@ -26,11 +26,13 @@
         "@nuxtjs/sitemap": "^2.0.1",
         "@nuxtjs/toast": "^3.3.0",
         "ace-builds": "^1.4.8",
+        "firebase": "^7.7.0",
         "graphql": "^14.5.8",
         "nuxt": "^2.11.0",
         "nuxt-i18n": "^6.4.1",
         "v-tooltip": "^2.0.2",
         "vue-virtual-scroll-list": "^1.4.4",
+        "vuefire": "^2.2.1",
         "vuejs-auto-complete": "^0.9.0",
         "vuex-persist": "^2.2.0",
         "yargs-parser": "^16.1.0"

From 67bcf91073f617b387c8e0675ecb0036af56d575 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 20 Jan 2020 23:01:31 +0530
Subject: [PATCH 53/70] :recycle: Lint

---
 .../{BallsFeed.vue => firebase/feeds.vue}     |  4 +--
 .../{InputForm.vue => firebase/inputform.vue} |  4 +--
 components/{Login.vue => firebase/login.vue}  |  5 ++--
 functions/store.js                            |  4 +--
 layouts/default.vue                           | 30 +++++++++----------
 5 files changed, 22 insertions(+), 25 deletions(-)
 rename components/{BallsFeed.vue => firebase/feeds.vue} (70%)
 rename components/{InputForm.vue => firebase/inputform.vue} (76%)
 rename components/{Login.vue => firebase/login.vue} (79%)

diff --git a/components/BallsFeed.vue b/components/firebase/feeds.vue
similarity index 70%
rename from components/BallsFeed.vue
rename to components/firebase/feeds.vue
index 8e01e2a77..693eaad85 100644
--- a/components/BallsFeed.vue
+++ b/components/firebase/feeds.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <p v-for="ball in store.ballsInFeed" :key="ball.id">
-      <span>{{ ball.author_name }}:</span>
+      <span> {{ ball.author_name }}:</span>
       {{ ball.message }}
     </p>
   </div>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {
diff --git a/components/InputForm.vue b/components/firebase/inputform.vue
similarity index 76%
rename from components/InputForm.vue
rename to components/firebase/inputform.vue
index 25c655e3c..5f5e040ab 100644
--- a/components/InputForm.vue
+++ b/components/firebase/inputform.vue
@@ -1,12 +1,12 @@
 <template>
   <form @submit.prevent="formPost">
     <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input type="submit" value="DUNK!" />
+    <input :disabled="!this.message" type="submit" value="DUNK!" />
   </form>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {
diff --git a/components/Login.vue b/components/firebase/login.vue
similarity index 79%
rename from components/Login.vue
rename to components/firebase/login.vue
index e05d4dc77..7b0198437 100644
--- a/components/Login.vue
+++ b/components/firebase/login.vue
@@ -7,19 +7,18 @@
 
 <script>
 import firebase from "firebase/app";
-import "firebase/auth";
 
 export default {
   methods: {
     signInWithGoogle() {
-      var provider = new firebase.auth.GoogleAuthProvider();
+      const provider = new firebase.auth.GoogleAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
         .catch(err => alert(err.message || err));
     },
     signInWithGithub() {
-      var provider = new firebase.auth.GithubAuthProvider();
+      const provider = new firebase.auth.GithubAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
diff --git a/functions/store.js b/functions/store.js
index 918a9a0c4..de02e6fce 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -4,7 +4,7 @@ import "firebase/firestore";
 import "firebase/auth";
 
 // Initialize Firebase, copied from cloud console
-var config = {
+const firebaseConfig = {
   apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
   authDomain: "postwoman-api.firebaseapp.com",
   databaseURL: "https://postwoman-api.firebaseio.com",
@@ -14,7 +14,7 @@ var config = {
   appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
   measurementId: "G-ERJ6025CEB"
 };
-firebase.initializeApp(config);
+firebase.initializeApp(firebaseConfig);
 
 // a reference to the Balls collection
 const ballsCollection = firebase.firestore().collection("balls");
diff --git a/layouts/default.vue b/layouts/default.vue
index 6991ce845..e2088b376 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -346,16 +346,12 @@
                 </v-popover>
               </span>
 
-
-
-    <Login v-if="!store.currentUser" />
-    <div v-else>
-      <button @click="logout">Log out</button>
-      <InputForm />
-      <BallsFeed />
-    </div>
-
-
+              <login v-if="!store.currentUser" />
+              <div v-else>
+                <button @click="logout">Log out</button>
+                <inputform />
+                <ballsfeed />
+              </div>
             </div>
           </header>
           <nuxt />
@@ -645,8 +641,9 @@ export default {
   components: {
     logo: () => import("../components/logo"),
     modal: () => import("../components/modal"),
-
-    Login, InputForm, BallsFeed
+    login: () => import("../components/firebase/login"),
+    inputform: () => import("../components/firebase/inputform"),
+    ballsfeed: () => import("../components/firebase/feeds")
   },
 
   methods: {
@@ -657,11 +654,12 @@ export default {
       };
     },
 
-
     logout() {
-      firebase.auth().signOut()
-        .catch((err) => alert(err.message || err));
-    },
+      firebase
+        .auth()
+        .signOut()
+        .catch(err => alert(err.message || err));
+    }
   },
 
   data() {

From 493180405607f365475b79345a302de43040d2f9 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 00:52:45 +0530
Subject: [PATCH 54/70] :sparkles: Moved inputform and feed to index

---
 components/firebase/inputform.vue |  2 +-
 components/firebase/login.vue     | 55 +++++++++++++++++++++++++++----
 functions/store.js                |  2 --
 lang/en-US.js                     |  5 ++-
 layouts/default.vue               | 26 ++++++++-------
 pages/index.vue                   | 17 ++++++++--
 6 files changed, 83 insertions(+), 24 deletions(-)

diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 5f5e040ab..3b5e8f2c7 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -1,7 +1,7 @@
 <template>
   <form @submit.prevent="formPost">
     <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input :disabled="!this.message" type="submit" value="DUNK!" />
+    <input :disabled="!this.message" type="submit" value="Save" />
   </form>
 </template>
 
diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 7b0198437..7f4890433 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -1,8 +1,43 @@
 <template>
-  <div>
-    <button @click.prevent="signInWithGoogle">Log in with Google</button>
-    <button @click.prevent="signInWithGithub">Log in with GitHub</button>
-  </div>
+  <v-popover>
+    <button class="icon" v-tooltip="$t('login_with')">
+      <i class="material-icons">vpn_key</i>
+    </button>
+    <template slot="popover">
+      <div>
+        <button class="icon" @click="signInWithGoogle" v-close-popover>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            class="material-icons"
+          >
+            <path
+              d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+            />
+          </svg>
+          <span>Google</span>
+        </button>
+      </div>
+      <div>
+        <button class="icon" @click="signInWithGithub" v-close-popover>
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            class="material-icons"
+          >
+            <path
+              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+            />
+          </svg>
+          <span>GitHub</span>
+        </button>
+      </div>
+    </template>
+  </v-popover>
 </template>
 
 <script>
@@ -15,14 +50,22 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
     },
     signInWithGithub() {
       const provider = new firebase.auth.GithubAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
     }
   }
 };
diff --git a/functions/store.js b/functions/store.js
index de02e6fce..bddd16e20 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -52,12 +52,10 @@ ballsCollection
       ball.id = doc.id;
       balls.push(ball);
     });
-    console.log("Received Balls feed:", balls);
     store.ballsInFeed = balls;
   });
 
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  console.log("Logged in as:", user);
   store.currentUser = user;
 });
diff --git a/lang/en-US.js b/lang/en-US.js
index 906fb0602..725c3ebf9 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -249,5 +249,8 @@ export default {
   extensions: "Extensions",
   extensions_info1: "Browser extension that simplifies access to Postwoman",
   extensions_info2: "Get Postwoman browser extension!",
-  installed: "Installed"
+  installed: "Installed",
+  login_with: "Login with",
+  logged_out: "Logged out",
+  logout: "Logout"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index e2088b376..fd1e5f0d0 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -288,6 +288,12 @@
                 >
                   <i class="material-icons">offline_bolt</i>
                 </button>
+                <login v-if="!store.currentUser" />
+                <span v-if="store.currentUser">
+                  <button class="icon" @click="logout" v-tooltip="$t('logout')">
+                    <i class="material-icons">exit_to_app</i>
+                  </button>
+                </span>
                 <v-popover>
                   <button class="icon" v-tooltip="$t('more')">
                     <i class="material-icons">more_vert</i>
@@ -345,13 +351,6 @@
                   </template>
                 </v-popover>
               </span>
-
-              <login v-if="!store.currentUser" />
-              <div v-else>
-                <button @click="logout">Log out</button>
-                <inputform />
-                <ballsfeed />
-              </div>
             </div>
           </header>
           <nuxt />
@@ -641,9 +640,7 @@ export default {
   components: {
     logo: () => import("../components/logo"),
     modal: () => import("../components/modal"),
-    login: () => import("../components/firebase/login"),
-    inputform: () => import("../components/firebase/inputform"),
-    ballsfeed: () => import("../components/firebase/feeds")
+    login: () => import("../components/firebase/login")
   },
 
   methods: {
@@ -658,7 +655,14 @@ export default {
       firebase
         .auth()
         .signOut()
-        .catch(err => alert(err.message || err));
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key"
+      });
     }
   },
 
diff --git a/pages/index.vue b/pages/index.vue
index 71926504f..3771d84e1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,6 +846,14 @@
               <collections />
             </pw-section>
           </div>
+          <span v-if="store.currentUser">
+            <input id="auth-tab" type="radio" name="side" />
+            <label for="auth-tab">{{ $t("history") }}</label>
+            <div class="tab">
+              <inputform />
+              <ballsfeed />
+            </div>
+          </span>
         </section>
       </aside>
 
@@ -1136,6 +1144,7 @@ import parseTemplateString from "../functions/templating";
 import AceEditor from "../components/ace-editor";
 import { tokenRequest, oauthRedirect } from "../assets/js/oauth";
 import { sendNetworkRequest } from "../functions/network";
+import { store } from "../functions/store";
 
 const statusCategories = [
   {
@@ -1200,7 +1209,9 @@ export default {
     autocomplete: () => import("../components/autocomplete"),
     collections: () => import("../components/collections"),
     saveRequestAs: () => import("../components/collections/saveRequestAs"),
-    Editor: AceEditor
+    Editor: AceEditor,
+    inputform: () => import("../components/firebase/inputform"),
+    ballsfeed: () => import("../components/firebase/feeds")
   },
   data() {
     return {
@@ -1370,12 +1381,12 @@ export default {
       ],
       showRequestModal: false,
       editRequest: {},
-
       urlExcludes: {},
       responseBodyText: "",
       responseBodyType: "text",
       responseBodyMaxLines: 16,
-      activeSidebar: true
+      activeSidebar: true,
+      store
     };
   },
   watch: {

From f89f27698e6a72e606d2434145acf4bc66e93547 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 01:10:04 +0530
Subject: [PATCH 55/70] :art: Minor UI stylings

---
 pages/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 3771d84e1..04d4bdaa4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,14 +846,14 @@
               <collections />
             </pw-section>
           </div>
-          <span v-if="store.currentUser">
-            <input id="auth-tab" type="radio" name="side" />
-            <label for="auth-tab">{{ $t("history") }}</label>
-            <div class="tab">
+          <input id="auth-tab" type="radio" name="side" />
+          <label for="auth-tab">Auth</label>
+          <div class="tab" v-if="store.currentUser">
+            <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
               <ballsfeed />
-            </div>
-          </span>
+            </pw-section>
+          </div>
         </section>
       </aside>
 

From 05fe9dcccf92327cc70371aa01e5b83c57df118a Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 08:32:43 +0530
Subject: [PATCH 56/70] =?UTF-8?q?=E2=9C=A8=20Delete=20data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/firebase/feeds.vue     | 33 ++++++++++++++++++++++------
 components/firebase/inputform.vue |  2 +-
 functions/store.js                | 36 ++++++++++++++++++-------------
 3 files changed, 49 insertions(+), 22 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 693eaad85..cf983aea2 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,20 +1,41 @@
 <template>
-  <div>
-    <p v-for="ball in store.ballsInFeed" :key="ball.id">
-      <span> {{ ball.author_name }}:</span>
-      {{ ball.message }}
-    </p>
-  </div>
+  <virtual-list
+    class="virtual-list"
+    :class="{ filled: store.feedsInFeed.length }"
+    :size="56"
+    :remain="Math.min(5, store.feedsInFeed.length)"
+  >
+    <ul v-for="feed in store.feedsInFeed" :key="feed.id">
+      <li>{{ feed.message }}</li>
+      <button class="icon" @click="deleteFeed(feed)">
+        <i class="material-icons">delete</i>
+      </button>
+    </ul>
+  </virtual-list>
 </template>
 
+<style scoped lang="scss">
+.virtual-list {
+  max-height: calc(100vh - 284px);
+}
+</style>
+
 <script>
 import { store } from "../../functions/store";
 
 export default {
+  components: {
+    VirtualList: () => import("vue-virtual-scroll-list")
+  },
   data() {
     return {
       store
     };
+  },
+  methods: {
+    deleteFeed(feed) {
+      store.deleteFeed(feed.id);
+    }
   }
 };
 </script>
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 3b5e8f2c7..baf4cdf48 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -16,7 +16,7 @@ export default {
   },
   methods: {
     formPost() {
-      store.writeBall(this.message);
+      store.writeFeed(this.message);
       this.message = null;
       this.$refs.inputMessage.focus();
     }
diff --git a/functions/store.js b/functions/store.js
index bddd16e20..4c251d248 100644
--- a/functions/store.js
+++ b/functions/store.js
@@ -16,15 +16,15 @@ const firebaseConfig = {
 };
 firebase.initializeApp(firebaseConfig);
 
-// a reference to the Balls collection
-const ballsCollection = firebase.firestore().collection("balls");
+// a reference to the Feeds collection
+const feedsCollection = firebase.firestore().collection("feeds");
 
 // the shared state object that any vue component
 // can get access to
 export const store = {
-  ballsInFeed: null,
-  currentUser: null,
-  writeBall: message => {
+  feedsInFeed: [],
+  currentUser: {},
+  writeFeed: message => {
     const dt = {
       createdOn: new Date(),
       author: store.currentUser.uid,
@@ -32,9 +32,15 @@ export const store = {
       author_image: store.currentUser.photoURL,
       message
     };
-    return ballsCollection
+    return feedsCollection
       .add(dt)
       .catch(e => console.error("error inserting", dt, e));
+  },
+  deleteFeed: id => {
+    return feedsCollection
+      .doc(id)
+      .delete()
+      .catch(e => console.error("error deleting", dt, e));
   }
 };
 
@@ -42,17 +48,17 @@ export const store = {
 // in the underlying firestore collection changes
 // It will get passed an array of references to
 // the documents that match your query
-ballsCollection
+feedsCollection
   .orderBy("createdOn", "desc")
-  .limit(5)
-  .onSnapshot(ballsRef => {
-    const balls = [];
-    ballsRef.forEach(doc => {
-      const ball = doc.data();
-      ball.id = doc.id;
-      balls.push(ball);
+  // .limit(0)
+  .onSnapshot(feedsRef => {
+    const feeds = [];
+    feedsRef.forEach(doc => {
+      const feed = doc.data();
+      feed.id = doc.id;
+      feeds.push(feed);
     });
-    store.ballsInFeed = balls;
+    store.feedsInFeed = feeds;
   });
 
 // When a user logs in or out, save that in the store

From 94d0bf59b2d46b9f3f7ca532fde263daf489ed5c Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 11:47:47 +0530
Subject: [PATCH 57/70] :sparkles: Show logged in user image

---
 assets/css/fonts.scss |  1 +
 layouts/default.vue   | 38 +++++++++++++++++++++++++++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
index 313b4b58a..0c714f199 100644
--- a/assets/css/fonts.scss
+++ b/assets/css/fonts.scss
@@ -27,6 +27,7 @@
   -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
   font-feature-settings: "liga";
+  border-radius: 50%;
 }
 
 /* poppins-500 - latin */
diff --git a/layouts/default.vue b/layouts/default.vue
index fd1e5f0d0..88ff392c6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -290,9 +290,41 @@
                 </button>
                 <login v-if="!store.currentUser" />
                 <span v-if="store.currentUser">
-                  <button class="icon" @click="logout" v-tooltip="$t('logout')">
-                    <i class="material-icons">exit_to_app</i>
-                  </button>
+                  <v-popover>
+                    <button
+                      class="icon"
+                      v-tooltip="
+                        (store.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                          '<br>' +
+                          (store.currentUser.email || '<label><i>Email not found</i></label>')
+                      "
+                    >
+                      <img
+                        v-if="store.currentUser.photoURL"
+                        :src="store.currentUser.photoURL"
+                        class="material-icons"
+                      />
+                      <i v-else class="material-icons">account_circle</i>
+                    </button>
+                    <template slot="popover">
+                      <div>
+                        <nuxt-link :to="localePath('settings')" v-close-popover>
+                          <button class="icon">
+                            <i class="material-icons">settings</i>
+                            <span>
+                              {{ $t("settings") }}
+                            </span>
+                          </button>
+                        </nuxt-link>
+                      </div>
+                      <div>
+                        <button class="icon" @click="logout" v-close-popover>
+                          <i class="material-icons">exit_to_app</i>
+                          <span>{{ $t("logout") }}</span>
+                        </button>
+                      </div>
+                    </template>
+                  </v-popover>
                 </span>
                 <v-popover>
                   <button class="icon" v-tooltip="$t('more')">

From 1fdde89d49c3cfe914957020267a403d62c38a41 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 17:55:35 +0530
Subject: [PATCH 58/70] :recycle: Refactor

---
 components/firebase/feeds.vue     |  12 +--
 components/firebase/inputform.vue |   5 +-
 functions/{store.js => fb.js}     |  58 +++++++++---
 lang/en-US.js                     |   4 +-
 layouts/default.vue               |  12 +--
 pages/index.vue                   |   6 +-
 pages/settings.vue                | 141 +++++++++++++++++++++++++++++-
 7 files changed, 204 insertions(+), 34 deletions(-)
 rename functions/{store.js => fb.js} (53%)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index cf983aea2..66fa363d0 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,11 +1,11 @@
 <template>
   <virtual-list
     class="virtual-list"
-    :class="{ filled: store.feedsInFeed.length }"
+    :class="{ filled: fb.feedsInFeed.length }"
     :size="56"
-    :remain="Math.min(5, store.feedsInFeed.length)"
+    :remain="Math.min(5, fb.feedsInFeed.length)"
   >
-    <ul v-for="feed in store.feedsInFeed" :key="feed.id">
+    <ul v-for="feed in fb.feedsInFeed" :key="feed.id">
       <li>{{ feed.message }}</li>
       <button class="icon" @click="deleteFeed(feed)">
         <i class="material-icons">delete</i>
@@ -21,7 +21,7 @@
 </style>
 
 <script>
-import { store } from "../../functions/store";
+import { fb } from "../../functions/fb";
 
 export default {
   components: {
@@ -29,12 +29,12 @@ export default {
   },
   data() {
     return {
-      store
+      fb
     };
   },
   methods: {
     deleteFeed(feed) {
-      store.deleteFeed(feed.id);
+      fb.deleteFeed(feed.id);
     }
   }
 };
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index baf4cdf48..984181c2c 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { store } from "../../functions/store";
+import { fb } from "../../functions/fb";
 
 export default {
   data() {
@@ -16,9 +16,8 @@ export default {
   },
   methods: {
     formPost() {
-      store.writeFeed(this.message);
+      fb.writeFeed(this.message);
       this.message = null;
-      this.$refs.inputMessage.focus();
     }
   }
 };
diff --git a/functions/store.js b/functions/fb.js
similarity index 53%
rename from functions/store.js
rename to functions/fb.js
index 4c251d248..f45d5cb8b 100644
--- a/functions/store.js
+++ b/functions/fb.js
@@ -1,4 +1,3 @@
-import Vue from "vue";
 import firebase from "firebase/app";
 import "firebase/firestore";
 import "firebase/auth";
@@ -18,29 +17,47 @@ firebase.initializeApp(firebaseConfig);
 
 // a reference to the Feeds collection
 const feedsCollection = firebase.firestore().collection("feeds");
+const settingsCollection = firebase.firestore().collection("settings");
 
 // the shared state object that any vue component
 // can get access to
-export const store = {
+export const fb = {
   feedsInFeed: [],
   currentUser: {},
-  writeFeed: message => {
+  currentSettings: [],
+  writeFeed: async message => {
     const dt = {
       createdOn: new Date(),
-      author: store.currentUser.uid,
-      author_name: store.currentUser.displayName,
-      author_image: store.currentUser.photoURL,
+      author: fb.currentUser.uid,
+      author_name: fb.currentUser.displayName,
+      author_image: fb.currentUser.photoURL,
       message
     };
-    return feedsCollection
-      .add(dt)
-      .catch(e => console.error("error inserting", dt, e));
+    try {
+      return feedsCollection.add(dt);
+    } catch (e) {
+      return console.error("error inserting", dt, e);
+    }
   },
-  deleteFeed: id => {
-    return feedsCollection
+  deleteFeed: id =>
+    feedsCollection
       .doc(id)
       .delete()
-      .catch(e => console.error("error deleting", dt, e));
+      .catch(e => console.error("error deleting", dt, e)),
+  writeSettings: async (settings, value) => {
+    const st = {
+      updatedOn: new Date(),
+      author: fb.currentUser.uid,
+      author_name: fb.currentUser.displayName,
+      author_image: fb.currentUser.photoURL,
+      settings,
+      value
+    };
+    try {
+      return settingsCollection.doc(settings).set(st);
+    } catch (e) {
+      return console.error("error updating", dt, e);
+    }
   }
 };
 
@@ -58,10 +75,23 @@ feedsCollection
       feed.id = doc.id;
       feeds.push(feed);
     });
-    store.feedsInFeed = feeds;
+    fb.feedsInFeed = feeds;
+  });
+
+settingsCollection
+  .orderBy("createdOn", "desc")
+  .limit(2)
+  .onSnapshot(settingsRef => {
+    const settings = [];
+    settingsRef.forEach(doc => {
+      const setting = doc.data();
+      setting.id = doc.id;
+      settings.push(setting);
+    });
+    fb.currentSettings = settings;
   });
 
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  store.currentUser = user;
+  fb.currentUser = user;
 });
diff --git a/lang/en-US.js b/lang/en-US.js
index 725c3ebf9..c7334e1ba 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -252,5 +252,7 @@ export default {
   installed: "Installed",
   login_with: "Login with",
   logged_out: "Logged out",
-  logout: "Logout"
+  logout: "Logout",
+  account: "Account",
+  sync: "Sync"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 88ff392c6..77a4d5db3 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -288,20 +288,20 @@
                 >
                   <i class="material-icons">offline_bolt</i>
                 </button>
-                <login v-if="!store.currentUser" />
-                <span v-if="store.currentUser">
+                <login v-if="!fb.currentUser" />
+                <span v-if="fb.currentUser">
                   <v-popover>
                     <button
                       class="icon"
                       v-tooltip="
-                        (store.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                        (fb.currentUser.displayName || '<label><i>Name not found</i></label>') +
                           '<br>' +
-                          (store.currentUser.email || '<label><i>Email not found</i></label>')
+                          (fb.currentUser.email || '<label><i>Email not found</i></label>')
                       "
                     >
                       <img
-                        v-if="store.currentUser.photoURL"
-                        :src="store.currentUser.photoURL"
+                        v-if="fb.currentUser.photoURL"
+                        :src="fb.currentUser.photoURL"
                         class="material-icons"
                       />
                       <i v-else class="material-icons">account_circle</i>
diff --git a/pages/index.vue b/pages/index.vue
index 04d4bdaa4..27e9b4a0e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -848,7 +848,7 @@
           </div>
           <input id="auth-tab" type="radio" name="side" />
           <label for="auth-tab">Auth</label>
-          <div class="tab" v-if="store.currentUser">
+          <div class="tab" v-if="fb.currentUser">
             <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
               <ballsfeed />
@@ -1144,7 +1144,7 @@ import parseTemplateString from "../functions/templating";
 import AceEditor from "../components/ace-editor";
 import { tokenRequest, oauthRedirect } from "../assets/js/oauth";
 import { sendNetworkRequest } from "../functions/network";
-import { store } from "../functions/store";
+import { fb } from "../functions/fb";
 
 const statusCategories = [
   {
@@ -1386,7 +1386,7 @@ export default {
       responseBodyType: "text",
       responseBodyMaxLines: 16,
       activeSidebar: true,
-      store
+      fb
     };
   },
   watch: {
diff --git a/pages/settings.vue b/pages/settings.vue
index 8e0d851a1..8dc630c50 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -1,5 +1,87 @@
 <template>
   <div class="page">
+    <pw-section class="green" :label="$t('account')" ref="account">
+      <ul>
+        <li>
+          <div v-if="!fb.currentUser">
+            <label>{{ $t("login_with") }}</label>
+            <br />
+            <button class="icon" @click="signInWithGoogle" v-close-popover>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="material-icons"
+              >
+                <path
+                  d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                />
+              </svg>
+              <span>Google</span>
+            </button>
+            <br />
+            <button class="icon" @click="signInWithGithub" v-close-popover>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="material-icons"
+              >
+                <path
+                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                />
+              </svg>
+              <span>GitHub</span>
+            </button>
+          </div>
+          <div v-if="fb.currentUser">
+            <button class="icon">
+              <img
+                v-if="fb.currentUser.photoURL"
+                :src="fb.currentUser.photoURL"
+                class="material-icons"
+              />
+              <i v-else class="material-icons">account_circle</i>
+              <span>
+                {{ fb.currentUser.displayName || "Name not found" }}
+              </span>
+            </button>
+            <br />
+            <button class="icon">
+              <i class="material-icons">email</i>
+              <span>
+                {{ fb.currentUser.email || "Email not found" }}
+              </span>
+            </button>
+            <br />
+            <button class="icon" @click="logout" v-close-popover>
+              <i class="material-icons">exit_to_app</i>
+              <span>{{ $t("logout") }}</span>
+            </button>
+            <br />
+            <br />
+            <pw-toggle
+              :on="sync.history"
+              @change="toggleSettings('syncHistory')"
+            >
+              {{ $t("sync") + " " + $t("history") }}
+              {{ sync.history ? $t("enabled") : $t("disabled") }}
+            </pw-toggle>
+            <br />
+            <pw-toggle
+              :on="sync.collections"
+              @change="toggleSettings('syncCollections')"
+            >
+              {{ $t("sync") + " " + $t("collection") }}
+              {{ sync.collections ? $t("enabled") : $t("disabled") }}
+            </pw-toggle>
+          </div>
+        </li>
+      </ul>
+    </pw-section>
+
     <pw-section class="cyan" :label="$t('theme')" ref="theme">
       <ul>
         <li>
@@ -137,11 +219,15 @@
 <style scoped lang="scss"></style>
 
 <script>
+import firebase from "firebase/app";
+import { fb } from "../functions/fb";
+
 export default {
   components: {
     "pw-section": () => import("../components/section"),
     "pw-toggle": () => import("../components/toggle"),
-    swatch: () => import("../components/settings/swatch")
+    swatch: () => import("../components/settings/swatch"),
+    login: () => import("../components/firebase/login")
   },
 
   data() {
@@ -238,6 +324,12 @@ export default {
           this.$store.state.postwoman.settings.PROXY_URL ||
           "https://postwoman.apollotv.xyz/",
         PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || ""
+      },
+
+      fb,
+      sync: {
+        history: fb.currentSettings[0].value,
+        collections: fb.currentSettings[1].value
       }
     };
   },
@@ -289,6 +381,53 @@ export default {
     toggleSetting(key) {
       this.settings[key] = !this.settings[key];
       this.$store.commit("postwoman/applySetting", [key, this.settings[key]]);
+    },
+    logout() {
+      firebase
+        .auth()
+        .signOut()
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key"
+      });
+    },
+    signInWithGoogle() {
+      const provider = new firebase.auth.GoogleAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+    },
+    signInWithGithub() {
+      const provider = new firebase.auth.GithubAuthProvider();
+      firebase
+        .auth()
+        .signInWithPopup(provider)
+        .catch(err => {
+          this.$toast.show(err.message || err, {
+            icon: "error"
+          });
+        });
+    },
+    toggleSettings(s) {
+      switch (s) {
+        case "syncHistory":
+          this.sync.history = !this.sync.history;
+          fb.writeSettings("syncHistory", this.sync.history);
+          break;
+        case "syncCollections":
+          this.sync.collections = !this.sync.collections;
+          fb.writeSettings("syncCollections", this.sync.collections);
+          break;
+      }
     }
   },
   beforeMount() {

From 211dfa24fabaa1b1f978006999bd8186176139f8 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 22:27:52 +0530
Subject: [PATCH 59/70] =?UTF-8?q?=E2=9C=A8=20Account=20setting=20on=20sett?=
 =?UTF-8?q?ing=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/firebase/login.vue |  43 ++++++++++
 functions/fb.js               |  12 +--
 lang/en-US.js                 |   5 +-
 layouts/default.vue           |  13 ++-
 pages/index.vue               |   6 +-
 pages/settings.vue            | 156 ++++++++++++++++++++--------------
 6 files changed, 158 insertions(+), 77 deletions(-)

diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 7f4890433..1cf1d8620 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -42,14 +42,39 @@
 
 <script>
 import firebase from "firebase/app";
+import { fb } from "../../functions/fb";
 
 export default {
+  data() {
+    return {
+      fb
+    };
+  },
+
   methods: {
     signInWithGoogle() {
       const provider = new firebase.auth.GoogleAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
@@ -61,6 +86,24 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
diff --git a/functions/fb.js b/functions/fb.js
index f45d5cb8b..51a11889b 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -44,19 +44,19 @@ export const fb = {
       .doc(id)
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
-  writeSettings: async (settings, value) => {
+  writeSettings: async (setting, value) => {
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,
       author_name: fb.currentUser.displayName,
       author_image: fb.currentUser.photoURL,
-      settings,
+      name: setting,
       value
     };
     try {
-      return settingsCollection.doc(settings).set(st);
+      return settingsCollection.doc(setting).set(st);
     } catch (e) {
-      return console.error("error updating", dt, e);
+      return console.error("error updating", st, e);
     }
   }
 };
@@ -79,8 +79,8 @@ feedsCollection
   });
 
 settingsCollection
-  .orderBy("createdOn", "desc")
-  .limit(2)
+  // .orderBy("updatedOn", "desc")
+  // .limit(2)
   .onSnapshot(settingsRef => {
     const settings = [];
     settingsRef.forEach(doc => {
diff --git a/lang/en-US.js b/lang/en-US.js
index c7334e1ba..eb3c29baa 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -254,5 +254,8 @@ export default {
   logged_out: "Logged out",
   logout: "Logout",
   account: "Account",
-  sync: "Sync"
+  sync: "Sync",
+  syncHistory: "History",
+  syncCollections: "Collections",
+  turn_on: "Turn on"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 77a4d5db3..8f53c39bd 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -237,6 +237,11 @@
           <div v-else-if="$route.path === '/settings'">
             <nav class="secondary-nav">
               <ul>
+                <li>
+                  <a href="#account" v-tooltip.right="$t('account')">
+                    <i class="material-icons">perm_identity</i>
+                  </a>
+                </li>
                 <li>
                   <a href="#theme" v-tooltip.right="$t('theme')">
                     <i class="material-icons">brush</i>
@@ -294,9 +299,11 @@
                     <button
                       class="icon"
                       v-tooltip="
-                        (fb.currentUser.displayName || '<label><i>Name not found</i></label>') +
+                        (fb.currentUser.displayName ||
+                          '<label><i>Name not found</i></label>') +
                           '<br>' +
-                          (fb.currentUser.email || '<label><i>Email not found</i></label>')
+                          (fb.currentUser.email ||
+                            '<label><i>Email not found</i></label>')
                       "
                     >
                       <img
@@ -830,7 +837,7 @@ export default {
 
   watch: {
     $route() {
-      this.$toast.clear();
+      // this.$toast.clear();
     }
   },
 
diff --git a/pages/index.vue b/pages/index.vue
index 27e9b4a0e..62a9e6032 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -846,8 +846,8 @@
               <collections />
             </pw-section>
           </div>
-          <input id="auth-tab" type="radio" name="side" />
-          <label for="auth-tab">Auth</label>
+          <input id="sync-tab" type="radio" name="side" />
+          <label for="sync-tab">{{ $t("sync") }}</label>
           <div class="tab" v-if="fb.currentUser">
             <pw-section class="pink" label="Auth" ref="auth">
               <inputform />
@@ -2150,7 +2150,7 @@ export default {
               icon: "help",
               duration: 8000,
               action: {
-                text: "Settings",
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
                   this.$router.push({ path: "/settings" });
                 }
diff --git a/pages/settings.vue b/pages/settings.vue
index 8dc630c50..16048827e 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -5,36 +5,37 @@
         <li>
           <div v-if="!fb.currentUser">
             <label>{{ $t("login_with") }}</label>
-            <br />
-            <button class="icon" @click="signInWithGoogle" v-close-popover>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                class="material-icons"
-              >
-                <path
-                  d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
-                />
-              </svg>
-              <span>Google</span>
-            </button>
-            <br />
-            <button class="icon" @click="signInWithGithub" v-close-popover>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                class="material-icons"
-              >
-                <path
-                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-                />
-              </svg>
-              <span>GitHub</span>
-            </button>
+            <p>
+              <button class="icon" @click="signInWithGoogle" v-close-popover>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                  />
+                </svg>
+                <span>Google</span>
+              </button>
+              <br />
+              <button class="icon" @click="signInWithGithub" v-close-popover>
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                  />
+                </svg>
+                <span>GitHub</span>
+              </button>
+            </p>
           </div>
           <div v-if="fb.currentUser">
             <button class="icon">
@@ -61,22 +62,22 @@
               <span>{{ $t("logout") }}</span>
             </button>
             <br />
-            <br />
-            <pw-toggle
-              :on="sync.history"
-              @change="toggleSettings('syncHistory')"
-            >
-              {{ $t("sync") + " " + $t("history") }}
-              {{ sync.history ? $t("enabled") : $t("disabled") }}
-            </pw-toggle>
-            <br />
-            <pw-toggle
-              :on="sync.collections"
-              @change="toggleSettings('syncCollections')"
-            >
-              {{ $t("sync") + " " + $t("collection") }}
-              {{ sync.collections ? $t("enabled") : $t("disabled") }}
-            </pw-toggle>
+            <p v-for="setting in fb.currentSettings">
+              <pw-toggle
+                :key="setting.name"
+                :on="setting.value"
+                @change="toggleSettings(setting.name, setting.value)"
+              >
+                {{ $t(setting.name) + " " + $t("sync") }}
+                {{ setting.value ? $t("enabled") : $t("disabled") }}
+              </pw-toggle>
+            </p>
+            <p v-if="fb.currentSettings.length == 0">
+              <button class="" @click="initSettings">
+                <i class="material-icons">sync</i>
+                <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
+              </button>
+            </p>
           </div>
         </li>
       </ul>
@@ -226,8 +227,7 @@ export default {
   components: {
     "pw-section": () => import("../components/section"),
     "pw-toggle": () => import("../components/toggle"),
-    swatch: () => import("../components/settings/swatch"),
-    login: () => import("../components/firebase/login")
+    swatch: () => import("../components/settings/swatch")
   },
 
   data() {
@@ -326,11 +326,7 @@ export default {
         PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || ""
       },
 
-      fb,
-      sync: {
-        history: fb.currentSettings[0].value,
-        collections: fb.currentSettings[1].value
-      }
+      fb
     };
   },
 
@@ -400,6 +396,24 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
@@ -411,25 +425,39 @@ export default {
       firebase
         .auth()
         .signInWithPopup(provider)
+        .then(res => {
+          if (res.additionalUserInfo.isNewUser) {
+            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+              icon: "sync",
+              duration: null,
+              closeOnSwipe: false,
+              action: {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  fb.writeSettings("syncHistory", false);
+                  fb.writeSettings("syncCollections", true);
+                  this.$router.push({ path: "/settings" });
+                  toastObject.remove();
+                }
+              }
+            });
+          }
+        })
         .catch(err => {
           this.$toast.show(err.message || err, {
             icon: "error"
           });
         });
     },
-    toggleSettings(s) {
-      switch (s) {
-        case "syncHistory":
-          this.sync.history = !this.sync.history;
-          fb.writeSettings("syncHistory", this.sync.history);
-          break;
-        case "syncCollections":
-          this.sync.collections = !this.sync.collections;
-          fb.writeSettings("syncCollections", this.sync.collections);
-          break;
-      }
+    toggleSettings(s, v) {
+      fb.writeSettings(s, !v);
+    },
+    initSettings() {
+      fb.writeSettings("syncHistory", false);
+      fb.writeSettings("syncCollections", true);
     }
   },
+
   beforeMount() {
     this.settings.THEME_COLOR = this.getActiveColor();
   },

From b4a7c45b6198dcc1901dfd9dbbe67f5a1ba6a704 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 21 Jan 2020 22:46:29 +0530
Subject: [PATCH 60/70] :pencil2: Typo

---
 lang/en-US.js   |  3 ++-
 pages/index.vue | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/lang/en-US.js b/lang/en-US.js
index eb3c29baa..f4b069dc2 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -257,5 +257,6 @@ export default {
   sync: "Sync",
   syncHistory: "History",
   syncCollections: "Collections",
-  turn_on: "Turn on"
+  turn_on: "Turn on",
+  login_first: "Login first"
 };
diff --git a/pages/index.vue b/pages/index.vue
index 62a9e6032..31bacee7d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -848,11 +848,23 @@
           </div>
           <input id="sync-tab" type="radio" name="side" />
           <label for="sync-tab">{{ $t("sync") }}</label>
-          <div class="tab" v-if="fb.currentUser">
-            <pw-section class="pink" label="Auth" ref="auth">
+          <div class="tab">
+            <pw-section
+              v-if="fb.currentUser"
+              class="pink"
+              label="Sync"
+              ref="sync"
+            >
               <inputform />
               <ballsfeed />
             </pw-section>
+            <pw-section v-else>
+              <ul>
+                <li>
+                  <label>{{ $t("login_first") }}</label>
+                </li>
+              </ul>
+            </pw-section>
           </div>
         </section>
       </aside>

From 65e12212987c9b233769b24c8d27867565ee8389 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 07:27:38 +0530
Subject: [PATCH 61/70] :tada: Completed MVP

---
 components/firebase/feeds.vue     | 57 +++++++++++++++++++++++++++----
 components/firebase/inputform.vue | 43 +++++++++++++++++++----
 firestore.rules                   |  3 +-
 functions/fb.js                   |  6 ++--
 lang/en-US.js                     |  3 +-
 layouts/default.vue               |  2 +-
 6 files changed, 97 insertions(+), 17 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 66fa363d0..dd1715a42 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,22 +1,46 @@
 <template>
   <virtual-list
+    v-if="fb.feedsInFeed.length !== 0"
     class="virtual-list"
     :class="{ filled: fb.feedsInFeed.length }"
     :size="56"
-    :remain="Math.min(5, fb.feedsInFeed.length)"
+    :remain="Math.min(8, fb.feedsInFeed.length)"
   >
     <ul v-for="feed in fb.feedsInFeed" :key="feed.id">
-      <li>{{ feed.message }}</li>
-      <button class="icon" @click="deleteFeed(feed)">
-        <i class="material-icons">delete</i>
-      </button>
+      <div class="show-on-large-screen">
+        <li>
+          <input
+            :aria-label="$t('label')"
+            type="text"
+            readonly
+            :value="feed.label"
+            :placeholder="$t('no_label')"
+            class="bg-color"
+          />
+        </li>
+        <button class="icon" @click="saveFeed(feed)">
+          <i class="material-icons">get_app</i>
+        </button>
+        <button class="icon" @click="deleteFeed(feed)">
+          <i class="material-icons">delete</i>
+        </button>
+      </div>
     </ul>
   </virtual-list>
+  <ul v-else>
+    <li>
+      <label class="info">{{ $t("empty") }}</label>
+    </li>
+  </ul>
 </template>
 
 <style scoped lang="scss">
 .virtual-list {
-  max-height: calc(100vh - 284px);
+  max-height: calc(100vh - 288px);
+}
+
+.bg-color {
+  background-color: transparent;
 }
 </style>
 
@@ -35,6 +59,27 @@ export default {
   methods: {
     deleteFeed(feed) {
       fb.deleteFeed(feed.id);
+    },
+    saveFeed(feed) {
+      const dataToWrite = JSON.stringify(
+        eval("(" + feed.message + ")"),
+        null,
+        2
+      );
+      const file = new Blob([dataToWrite], { type: "application/json" });
+      const a = document.createElement("a"),
+        url = URL.createObjectURL(file);
+      a.href = url;
+      a.download = (feed.label + " on " + Date()).replace(/\./g, "[dot]");
+      document.body.appendChild(a);
+      a.click();
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done"
+      });
+      setTimeout(() => {
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(url);
+      }, 1000);
     }
   }
 };
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 984181c2c..10f120df5 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -1,8 +1,37 @@
 <template>
-  <form @submit.prevent="formPost">
-    <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input :disabled="!this.message" type="submit" value="Save" />
-  </form>
+  <div>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="message"
+          :placeholder="$t('paste_a_collection')"
+        />
+      </li>
+    </ul>
+    <ul>
+      <li>
+        <input
+          :aria-label="$t('label')"
+          type="text"
+          autofocus
+          v-model="label"
+          :placeholder="$t('label')"
+        />
+      </li>
+      <button
+        class="icon"
+        :disabled="!(this.message && this.label)"
+        value="Save"
+        @click="formPost"
+      >
+        <i class="material-icons">add</i>
+        <span>Add</span>
+      </button>
+    </ul>
+  </div>
 </template>
 
 <script>
@@ -11,13 +40,15 @@ import { fb } from "../../functions/fb";
 export default {
   data() {
     return {
-      message: null
+      message: null,
+      label: null
     };
   },
   methods: {
     formPost() {
-      fb.writeFeed(this.message);
+      fb.writeFeed(this.message, this.label);
       this.message = null;
+      this.label = null;
     }
   }
 };
diff --git a/firestore.rules b/firestore.rules
index 31eda1745..a276b61b1 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,7 +1,8 @@
+// Allow read/write access on all documents to any user signed in to the application
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write;
+      allow read, write: if request.auth.uid != null;
     }
   }
 }
diff --git a/functions/fb.js b/functions/fb.js
index 51a11889b..afe3589c1 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -25,13 +25,14 @@ export const fb = {
   feedsInFeed: [],
   currentUser: {},
   currentSettings: [],
-  writeFeed: async message => {
+  writeFeed: async (message, label) => {
     const dt = {
       createdOn: new Date(),
       author: fb.currentUser.uid,
       author_name: fb.currentUser.displayName,
       author_image: fb.currentUser.photoURL,
-      message
+      message,
+      label
     };
     try {
       return feedsCollection.add(dt);
@@ -45,6 +46,7 @@ export const fb = {
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
   writeSettings: async (setting, value) => {
+    console.log(value);
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,
diff --git a/lang/en-US.js b/lang/en-US.js
index f4b069dc2..2d63fd63a 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -258,5 +258,6 @@ export default {
   syncHistory: "History",
   syncCollections: "Collections",
   turn_on: "Turn on",
-  login_first: "Login first"
+  login_first: "Login first",
+  paste_a_collection: "Paste a Collection"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 8f53c39bd..94ee5747a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -239,7 +239,7 @@
               <ul>
                 <li>
                   <a href="#account" v-tooltip.right="$t('account')">
-                    <i class="material-icons">perm_identity</i>
+                    <i class="material-icons">person</i>
                   </a>
                 </li>
                 <li>

From c8568ae15ad0388b1d5298ac9bab7b292669cba3 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 09:48:52 +0530
Subject: [PATCH 62/70] :zap: Updated Firestore data rules

---
 firestore.rules | 3 +--
 functions/fb.js | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/firestore.rules b/firestore.rules
index a276b61b1..31eda1745 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,8 +1,7 @@
-// Allow read/write access on all documents to any user signed in to the application
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write: if request.auth.uid != null;
+      allow read, write;
     }
   }
 }
diff --git a/functions/fb.js b/functions/fb.js
index afe3589c1..9fa838363 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -46,7 +46,6 @@ export const fb = {
       .delete()
       .catch(e => console.error("error deleting", dt, e)),
   writeSettings: async (setting, value) => {
-    console.log(value);
     const st = {
       updatedOn: new Date(),
       author: fb.currentUser.uid,

From b450cd7ee485ca098cd4d6287955f31fdca17f38 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 10:10:29 +0530
Subject: [PATCH 63/70] :bug: Fixed sync toast prompt

---
 components/firebase/login.vue | 4 ++--
 pages/settings.vue            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index 1cf1d8620..0f06d87b2 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -59,7 +59,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
@@ -88,7 +88,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
diff --git a/pages/settings.vue b/pages/settings.vue
index 16048827e..c6160da37 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -398,7 +398,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,
@@ -427,7 +427,7 @@ export default {
         .signInWithPopup(provider)
         .then(res => {
           if (res.additionalUserInfo.isNewUser) {
-            this.$toast.info($t("turn_on") + " " + $t("sync"), {
+            this.$toast.info(this.$t("turn_on") + " " + this.$t("sync"), {
               icon: "sync",
               duration: null,
               closeOnSwipe: false,

From 6eb9ae8ad575f71798099ca537546551a31eed7e Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 10:28:37 +0530
Subject: [PATCH 64/70] :bug: Fixed broken responsiveness UI in Feeds

---
 assets/css/styles.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 39552888b..574f57c94 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -698,6 +698,7 @@ ol li {
 
 .show-on-large-screen {
   display: inline-flex;
+  flex: 1;
 }
 
 .info-response {

From 6bcd53276787303801c611afbc758142e1327cef Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 22 Jan 2020 12:47:09 +0530
Subject: [PATCH 65/70] :bug: Fixed error on Download feed

---
 components/firebase/feeds.vue | 9 ++++-----
 functions/fb.js               | 5 +++--
 pages/settings.vue            | 8 ++++----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index dd1715a42..89bd4c1fc 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -59,13 +59,12 @@ export default {
   methods: {
     deleteFeed(feed) {
       fb.deleteFeed(feed.id);
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete"
+      });
     },
     saveFeed(feed) {
-      const dataToWrite = JSON.stringify(
-        eval("(" + feed.message + ")"),
-        null,
-        2
-      );
+      const dataToWrite = JSON.stringify(feed.message, null, 2);
       const file = new Blob([dataToWrite], { type: "application/json" });
       const a = document.createElement("a"),
         url = URL.createObjectURL(file);
diff --git a/functions/fb.js b/functions/fb.js
index 9fa838363..a9fa957fc 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -40,11 +40,12 @@ export const fb = {
       return console.error("error inserting", dt, e);
     }
   },
-  deleteFeed: id =>
+  deleteFeed: id => {
     feedsCollection
       .doc(id)
       .delete()
-      .catch(e => console.error("error deleting", dt, e)),
+      .catch(e => console.error("error deleting", dt, e));
+  },
   writeSettings: async (setting, value) => {
     const st = {
       updatedOn: new Date(),
diff --git a/pages/settings.vue b/pages/settings.vue
index c6160da37..4a26bbe0e 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -6,7 +6,7 @@
           <div v-if="!fb.currentUser">
             <label>{{ $t("login_with") }}</label>
             <p>
-              <button class="icon" @click="signInWithGoogle" v-close-popover>
+              <button class="icon" @click="signInWithGoogle">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -21,7 +21,7 @@
                 <span>Google</span>
               </button>
               <br />
-              <button class="icon" @click="signInWithGithub" v-close-popover>
+              <button class="icon" @click="signInWithGithub">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -57,12 +57,12 @@
               </span>
             </button>
             <br />
-            <button class="icon" @click="logout" v-close-popover>
+            <button class="icon" @click="logout">
               <i class="material-icons">exit_to_app</i>
               <span>{{ $t("logout") }}</span>
             </button>
             <br />
-            <p v-for="setting in fb.currentSettings">
+            <p v-for="setting in fb.currentSettings" :key="setting.id">
               <pw-toggle
                 :key="setting.name"
                 :on="setting.value"

From 118a7aa258627cdb51e39f554595aa66227524a5 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 07:51:23 +0530
Subject: [PATCH 66/70] :recycle: Rewrote all DB structure

---
 functions/fb.js    | 97 ++++++++++++++++++++++++++++------------------
 pages/settings.vue | 72 +++++++++++++++++-----------------
 2 files changed, 96 insertions(+), 73 deletions(-)

diff --git a/functions/fb.js b/functions/fb.js
index a9fa957fc..9de219aca 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -15,9 +15,8 @@ const firebaseConfig = {
 };
 firebase.initializeApp(firebaseConfig);
 
-// a reference to the Feeds collection
-const feedsCollection = firebase.firestore().collection("feeds");
-const settingsCollection = firebase.firestore().collection("settings");
+// a reference to the users collection
+const usersCollection = firebase.firestore().collection("users");
 
 // the shared state object that any vue component
 // can get access to
@@ -35,13 +34,18 @@ export const fb = {
       label
     };
     try {
-      return feedsCollection.add(dt);
+      return usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("feeds")
+        .add(dt);
     } catch (e) {
       return console.error("error inserting", dt, e);
     }
   },
   deleteFeed: id => {
-    feedsCollection
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("feeds")
       .doc(id)
       .delete()
       .catch(e => console.error("error deleting", dt, e));
@@ -56,44 +60,63 @@ export const fb = {
       value
     };
     try {
-      return settingsCollection.doc(setting).set(st);
+      return usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("settings")
+        .doc(setting).set(st);
     } catch (e) {
       return console.error("error updating", st, e);
     }
   }
 };
 
-// onSnapshot is executed every time the data
-// in the underlying firestore collection changes
-// It will get passed an array of references to
-// the documents that match your query
-feedsCollection
-  .orderBy("createdOn", "desc")
-  // .limit(0)
-  .onSnapshot(feedsRef => {
-    const feeds = [];
-    feedsRef.forEach(doc => {
-      const feed = doc.data();
-      feed.id = doc.id;
-      feeds.push(feed);
-    });
-    fb.feedsInFeed = feeds;
-  });
-
-settingsCollection
-  // .orderBy("updatedOn", "desc")
-  // .limit(2)
-  .onSnapshot(settingsRef => {
-    const settings = [];
-    settingsRef.forEach(doc => {
-      const setting = doc.data();
-      setting.id = doc.id;
-      settings.push(setting);
-    });
-    fb.currentSettings = settings;
-  });
-
 // When a user logs in or out, save that in the store
 firebase.auth().onAuthStateChanged(user => {
-  fb.currentUser = user;
+  if (user) {
+    fb.currentUser = user;
+    fb.currentUser.providerData.forEach(profile => {
+      let us = {
+        updatedOn: new Date(),
+        provider: profile.providerId,
+        name: profile.displayName,
+        email: profile.email,
+        photoUrl: profile.photoURL,
+        uid: profile.uid
+      };
+      try {
+        usersCollection.doc(fb.currentUser.uid).set(us);
+      } catch (e) {
+        console.error("error updating", us, e);
+      }
+    });
+
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("feeds")
+      .orderBy("createdOn", "desc")
+      .onSnapshot(feedsRef => {
+        const feeds = [];
+        feedsRef.forEach(doc => {
+          const feed = doc.data();
+          feed.id = doc.id;
+          feeds.push(feed);
+        });
+        fb.feedsInFeed = feeds;
+      });
+
+      usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("settings")
+        .onSnapshot(settingsRef => {
+          const settings = [];
+          settingsRef.forEach(doc => {
+            const setting = doc.data();
+            setting.id = doc.id;
+            settings.push(setting);
+          });
+          fb.currentSettings = settings;
+        });
+  } else {
+    fb.currentUser = null;
+  }
 });
diff --git a/pages/settings.vue b/pages/settings.vue
index 4a26bbe0e..920446d95 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -3,40 +3,6 @@
     <pw-section class="green" :label="$t('account')" ref="account">
       <ul>
         <li>
-          <div v-if="!fb.currentUser">
-            <label>{{ $t("login_with") }}</label>
-            <p>
-              <button class="icon" @click="signInWithGoogle">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  class="material-icons"
-                >
-                  <path
-                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
-                  />
-                </svg>
-                <span>Google</span>
-              </button>
-              <br />
-              <button class="icon" @click="signInWithGithub">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  class="material-icons"
-                >
-                  <path
-                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-                  />
-                </svg>
-                <span>GitHub</span>
-              </button>
-            </p>
-          </div>
           <div v-if="fb.currentUser">
             <button class="icon">
               <img
@@ -73,12 +39,46 @@
               </pw-toggle>
             </p>
             <p v-if="fb.currentSettings.length == 0">
-              <button class="" @click="initSettings">
+              <button class="" @click="writeSettings">
                 <i class="material-icons">sync</i>
                 <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
               </button>
             </p>
           </div>
+          <div v-else>
+            <label>{{ $t("login_with") }}</label>
+            <p>
+              <button class="icon" @click="signInWithGoogle">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"
+                  />
+                </svg>
+                <span>Google</span>
+              </button>
+              <br />
+              <button class="icon" @click="signInWithGithub">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  class="material-icons"
+                >
+                  <path
+                    d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+                  />
+                </svg>
+                <span>GitHub</span>
+              </button>
+            </p>
+          </div>
         </li>
       </ul>
     </pw-section>
@@ -452,7 +452,7 @@ export default {
     toggleSettings(s, v) {
       fb.writeSettings(s, !v);
     },
-    initSettings() {
+    writeSettings() {
       fb.writeSettings("syncHistory", false);
       fb.writeSettings("syncCollections", true);
     }

From 7275e8075bf16f443d7221621e87fe94391054d2 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 08:02:34 +0530
Subject: [PATCH 67/70] :fire: Firestore rules

---
 firestore.rules | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/firestore.rules b/firestore.rules
index 31eda1745..ce0a1b949 100644
--- a/firestore.rules
+++ b/firestore.rules
@@ -1,7 +1,14 @@
 service cloud.firestore {
   match /databases/{database}/documents {
     match /{document=**} {
-      allow read, write;
+      allow read, write: if request.auth.uid != null;
+    }
+    // Make sure the uid of the requesting user matches name of the user
+    // document. The wildcard expression {userId} makes the userId variable
+    // available in rules.
+    match /users/{userId} {
+      allow read, update, delete: if request.auth.uid == userId;
+      allow create: if request.auth.uid != null;
     }
   }
 }

From ab336de73245a4dd25873944eec67402af0e4a85 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 17:07:19 +0530
Subject: [PATCH 68/70] Merged master branch

---
 layouts/default.vue | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 94ee5747a..60e80d43c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -665,15 +665,8 @@ import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
 import { hasChromeExtensionInstalled } from "../functions/strategies/ChromeStrategy";
 
-
 import firebase from 'firebase/app';
-import 'firebase/auth';
-
-import { store } from '../functions/store';
-import Login from '../components/Login';
-import InputForm from '../components/InputForm';
-import BallsFeed from '../components/BallsFeed';
-
+import { fb } from '../functions/fb';
 
 export default {
   components: {
@@ -716,7 +709,8 @@ export default {
       showShortcuts: false,
       showSupport: false,
       firefoxExtInstalled: window.firefoxExtSendRequest,
-      chromeExtInstalled: window.chrome && hasChromeExtensionInstalled()
+      chromeExtInstalled: window.chrome && hasChromeExtensionInstalled(),
+      fb
     };
   },
 

From 65e9e7a73b440549ca0653cbe4884858658b5baa Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 23 Jan 2020 19:07:36 +0530
Subject: [PATCH 69/70] :sparkles: Added History sync

---
 components/firebase/feeds.vue     |  8 ++--
 components/firebase/inputform.vue |  2 +-
 components/history.vue            | 19 ++++++--
 functions/fb.js                   | 75 ++++++++++++++++++++++++-------
 layouts/default.vue               |  1 +
 pages/index.vue                   | 10 +++++
 pages/settings.vue                |  1 +
 7 files changed, 91 insertions(+), 25 deletions(-)

diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 89bd4c1fc..547a8cecd 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -1,12 +1,12 @@
 <template>
   <virtual-list
-    v-if="fb.feedsInFeed.length !== 0"
+    v-if="fb.currentFeeds.length !== 0"
     class="virtual-list"
-    :class="{ filled: fb.feedsInFeed.length }"
+    :class="{ filled: fb.currentFeeds.length }"
     :size="56"
-    :remain="Math.min(8, fb.feedsInFeed.length)"
+    :remain="Math.min(8, fb.currentFeeds.length)"
   >
-    <ul v-for="feed in fb.feedsInFeed" :key="feed.id">
+    <ul v-for="feed in fb.currentFeeds" :key="feed.id">
       <div class="show-on-large-screen">
         <li>
           <input
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index 10f120df5..0eb0a9e62 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -46,7 +46,7 @@ export default {
   },
   methods: {
     formPost() {
-      fb.writeFeed(this.message, this.label);
+      fb.writeFeeds(this.message, this.label);
       this.message = null;
       this.label = null;
     }
diff --git a/components/history.vue b/components/history.vue
index 289f5586b..e186cd2ea 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -331,6 +331,7 @@ ol li {
 
 <script>
 import { findStatusGroup } from "../pages/index";
+import { fb } from "../functions/fb";
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property));
@@ -341,11 +342,11 @@ export default {
     VirtualList: () => import("vue-virtual-scroll-list")
   },
   data() {
-    const localStorageHistory = JSON.parse(
-      window.localStorage.getItem("history")
-    );
     return {
-      history: localStorageHistory || [],
+      history:
+        fb.currentUser !== null
+          ? fb.currentHistory
+          : JSON.parse(window.localStorage.getItem("history")) || [],
       filterText: "",
       showFilter: false,
       isClearingHistory: false,
@@ -359,6 +360,10 @@ export default {
   },
   computed: {
     filteredHistory() {
+      this.history =
+        fb.currentUser !== null
+          ? fb.currentHistory
+          : JSON.parse(window.localStorage.getItem("history")) || [];
       return this.history.filter(entry => {
         const filterText = this.filterText.toLowerCase();
         return Object.keys(entry).some(key => {
@@ -371,6 +376,9 @@ export default {
   },
   methods: {
     clearHistory() {
+      if (fb.currentUser !== null) {
+        fb.clearHistory();
+      }
       this.history = [];
       this.filterText = "";
       this.disableHistoryClearing();
@@ -391,6 +399,9 @@ export default {
       );
     },
     deleteHistory(entry) {
+      if (fb.currentUser !== null) {
+        fb.deleteHistory(entry);
+      }
       this.history.splice(this.history.indexOf(entry), 1);
       if (this.history.length === 0) {
         this.filterText = "";
diff --git a/functions/fb.js b/functions/fb.js
index 9de219aca..ff906994e 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -21,10 +21,11 @@ const usersCollection = firebase.firestore().collection("users");
 // the shared state object that any vue component
 // can get access to
 export const fb = {
-  feedsInFeed: [],
   currentUser: {},
+  currentFeeds: [],
   currentSettings: [],
-  writeFeed: async (message, label) => {
+  currentHistory: [],
+  writeFeeds: async (message, label) => {
     const dt = {
       createdOn: new Date(),
       author: fb.currentUser.uid,
@@ -48,7 +49,7 @@ export const fb = {
       .collection("feeds")
       .doc(id)
       .delete()
-      .catch(e => console.error("error deleting", dt, e));
+      .catch(e => console.error("error deleting", id, e));
   },
   writeSettings: async (setting, value) => {
     const st = {
@@ -63,10 +64,39 @@ export const fb = {
       return usersCollection
         .doc(fb.currentUser.uid)
         .collection("settings")
-        .doc(setting).set(st);
+        .doc(setting)
+        .set(st);
     } catch (e) {
       return console.error("error updating", st, e);
     }
+  },
+  writeHistory: async entry => {
+    const hs = entry;
+    try {
+      return usersCollection
+        .doc(fb.currentUser.uid)
+        .collection("history")
+        .add(hs);
+    } catch (e) {
+      return console.error("error inserting", hs, e);
+    }
+  },
+  deleteHistory: entry => {
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("history")
+      .doc(entry.id)
+      .delete()
+      .catch(e => console.error("error deleting", entry, e));
+  },
+  clearHistory: () => {
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("history")
+      .get()
+      .then(({ docs }) => {
+        docs.forEach(e => fb.deleteHistory(e));
+      });
   }
 };
 
@@ -101,21 +131,34 @@ firebase.auth().onAuthStateChanged(user => {
           feed.id = doc.id;
           feeds.push(feed);
         });
-        fb.feedsInFeed = feeds;
+        fb.currentFeeds = feeds;
       });
 
-      usersCollection
-        .doc(fb.currentUser.uid)
-        .collection("settings")
-        .onSnapshot(settingsRef => {
-          const settings = [];
-          settingsRef.forEach(doc => {
-            const setting = doc.data();
-            setting.id = doc.id;
-            settings.push(setting);
-          });
-          fb.currentSettings = settings;
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("settings")
+      .onSnapshot(settingsRef => {
+        const settings = [];
+        settingsRef.forEach(doc => {
+          const setting = doc.data();
+          setting.id = doc.id;
+          settings.push(setting);
         });
+        fb.currentSettings = settings;
+      });
+
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("history")
+      .onSnapshot(historyRef => {
+        const history = [];
+        historyRef.forEach(doc => {
+          const entry = doc.data();
+          entry.id = doc.id;
+          history.push(entry);
+        });
+        fb.currentHistory = history;
+      });
   } else {
     fb.currentUser = null;
   }
diff --git a/layouts/default.vue b/layouts/default.vue
index 60e80d43c..15626a247 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -684,6 +684,7 @@ export default {
     },
 
     logout() {
+      fb.currentUser = null;
       firebase
         .auth()
         .signOut()
diff --git a/pages/index.vue b/pages/index.vue
index 31bacee7d..12845ead1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2129,6 +2129,11 @@ export default {
             star: false
           };
           this.$refs.historyComponent.addEntry(entry);
+          if (fb.currentUser !== null) {
+            if (fb.currentSettings[1].value) {
+              fb.writeHistory(entry);
+            }
+          }
         })();
       } catch (error) {
         console.error(error);
@@ -2150,6 +2155,11 @@ export default {
             preRequestScript: this.preRequestScript
           };
           this.$refs.historyComponent.addEntry(entry);
+          if (fb.currentUser !== null) {
+            if (fb.currentSettings[1].value) {
+              fb.writeHistory(entry);
+            }
+          }
           return;
         } else {
           this.response.status = error.message;
diff --git a/pages/settings.vue b/pages/settings.vue
index 920446d95..0bba79853 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -379,6 +379,7 @@ export default {
       this.$store.commit("postwoman/applySetting", [key, this.settings[key]]);
     },
     logout() {
+      fb.currentUser = null;
       firebase
         .auth()
         .signOut()

From 92d8878c38cb3af8ea87df31ef154679816eb0ef Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 24 Jan 2020 08:49:36 +0530
Subject: [PATCH 70/70] :bug: Fixed Staring history not updating on synced DB

---
 components/history.vue | 9 ++++++---
 functions/fb.js        | 8 ++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/components/history.vue b/components/history.vue
index e186cd2ea..c769aa30c 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -21,7 +21,7 @@
           <button
             class="icon"
             :class="{ stared: entry.star }"
-            @click="toggleStar(index)"
+            @click="toggleStar(entry)"
             v-tooltip="{
               content: !entry.star ? $t('add_star') : $t('remove_star')
             }"
@@ -508,8 +508,11 @@ export default {
     toggleCollapse() {
       this.showMore = !this.showMore;
     },
-    toggleStar(index) {
-      this.history[index]["star"] = !this.history[index]["star"];
+    toggleStar(entry) {
+      if (fb.currentUser !== null) {
+        fb.toggleStar(entry, !entry.star);
+      }
+      entry.star = !entry.star;
       updateOnLocalStorage("history", this.history);
     }
   }
diff --git a/functions/fb.js b/functions/fb.js
index ff906994e..698b9150e 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -97,6 +97,14 @@ export const fb = {
       .then(({ docs }) => {
         docs.forEach(e => fb.deleteHistory(e));
       });
+  },
+  toggleStar: (entry, value) => {
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("history")
+      .doc(entry.id)
+      .update({ star: value })
+      .catch(e => console.error("error deleting", entry, e));
   }
 };