From 61d7dcf61b2f98c3c06b5485525e746aab744b6a Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 13 Jan 2020 23:46:31 -0500
Subject: [PATCH 01/97] Added AxiosStrategy and ProxyStrategy Network
 Strategies

---
 functions/strategies/AxiosStrategy.js |  8 ++++++++
 functions/strategies/ProxyStrategy.js | 13 +++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 functions/strategies/AxiosStrategy.js
 create mode 100644 functions/strategies/ProxyStrategy.js

diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
new file mode 100644
index 000000000..5c8020784
--- /dev/null
+++ b/functions/strategies/AxiosStrategy.js
@@ -0,0 +1,8 @@
+import axios from "axios";
+
+const axiosStrategy = async (req, _store) => {
+  const res = await axios(req);
+  return res;
+}
+
+export default axiosStrategy;
diff --git a/functions/strategies/ProxyStrategy.js b/functions/strategies/ProxyStrategy.js
new file mode 100644
index 000000000..9cac6f47d
--- /dev/null
+++ b/functions/strategies/ProxyStrategy.js
@@ -0,0 +1,13 @@
+import axios from "axios";
+
+const proxyStrategy = async (req, store) => {
+  const proxyRes = await axios.post(
+    store.state.postwoman.settings.PROXY_URL ||
+    "https://postwoman.apollotv.xyz/",
+    req
+  );
+
+  return proxyRes.data;
+}
+
+export default proxyStrategy;

From 3726f0a376c121c66115a65ce46d29aef39d0e05 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 13 Jan 2020 23:47:28 -0500
Subject: [PATCH 02/97] Added sendNetworkRequest to detect appropriate strategy
 and use it

---
 functions/network.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 functions/network.js

diff --git a/functions/network.js b/functions/network.js
new file mode 100644
index 000000000..f2089363e
--- /dev/null
+++ b/functions/network.js
@@ -0,0 +1,13 @@
+import AxiosStrategy from "./strategies/AxiosStrategy";
+import ProxyStrategy from "./strategies/ProxyStrategy";
+
+
+const sendNetworkRequest = (req, store) => {
+  if (store.state.postwoman.settings.PROXY_ENABLED) {
+    return ProxyStrategy(req, store);
+  } else {
+    return AxiosStrategy(req, store);
+  }
+}
+
+export { sendNetworkRequest };

From 5ef1b5b75c2f6fe76c44eada1613ce623ba8e770 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 13 Jan 2020 23:48:20 -0500
Subject: [PATCH 03/97] Refactor index.vue to use Network Strategies

---
 pages/index.vue | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 422b6ade5..9f61a3d6e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1128,6 +1128,7 @@ import getEnvironmentVariablesFromScript from "../functions/preRequest";
 import parseTemplateString from "../functions/templating";
 import AceEditor from "../components/ace-editor";
 import { tokenRequest, oauthRedirect } from "../assets/js/oauth";
+import { sendNetworkRequest } from "../functions/network";
 
 const statusCategories = [
   {
@@ -1985,20 +1986,8 @@ export default {
       if (typeof requestOptions.data === "string") {
         requestOptions.data = parseTemplateString(requestOptions.data);
       }
-      const config = this.$store.state.postwoman.settings.PROXY_ENABLED
-        ? {
-            method: "POST",
-            url:
-              this.$store.state.postwoman.settings.PROXY_URL ||
-              "https://postwoman.apollotv.xyz/",
-            data: requestOptions
-          }
-        : requestOptions;
 
-      const response = await this.$axios(config);
-      return this.$store.state.postwoman.settings.PROXY_ENABLED
-        ? response.data
-        : response;
+      return await sendNetworkRequest(requestOptions, this.$store);
     },
     async sendRequest() {
       this.$toast.clear();

From 3a8b4337f0309a167601a35462d81b851b5f7bba Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Mon, 13 Jan 2020 23:55:03 -0500
Subject: [PATCH 04/97] Refactor graphql page to use Network Strategies

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

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 4f21ba2d8..6e66a96e6 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -386,6 +386,7 @@ import axios from "axios";
 import * as gql from "graphql";
 import textareaAutoHeight from "../directives/textareaAutoHeight";
 import AceEditor from "../components/ace-editor";
+import { sendNetworkRequest } from "../functions/network";
 
 export default {
   directives: {
@@ -685,21 +686,7 @@ export default {
           data: JSON.stringify({ query: gqlQueryString, variables })
         };
 
-        const reqConfig = this.$store.state.postwoman.settings.PROXY_ENABLED
-          ? {
-              method: "post",
-              url:
-                this.$store.state.postwoman.settings.PROXY_URL ||
-                `https://postwoman.apollotv.xyz/`,
-              data: reqOptions
-            }
-          : reqOptions;
-
-        const res = await axios(reqConfig);
-
-        const data = this.$store.state.postwoman.settings.PROXY_ENABLED
-          ? res.data
-          : res;
+        const data = await sendNetworkRequest(reqOptions, this.$store);
 
         this.responseString = JSON.stringify(data.data, null, 2);
 

From bd008f42dd358e5ce41d1720fee971d093bb9202 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 14 Jan 2020 11:49:43 -0500
Subject: [PATCH 05/97] Refactor network and ProxyStrategy code

---
 functions/network.js                  | 6 +++---
 functions/strategies/ProxyStrategy.js | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/functions/network.js b/functions/network.js
index f2089363e..f4ad8ec66 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -5,9 +5,9 @@ import ProxyStrategy from "./strategies/ProxyStrategy";
 const sendNetworkRequest = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return ProxyStrategy(req, store);
-  } else {
-    return AxiosStrategy(req, store);
-  }
+  } 
+
+  return AxiosStrategy(req, store);
 }
 
 export { sendNetworkRequest };
diff --git a/functions/strategies/ProxyStrategy.js b/functions/strategies/ProxyStrategy.js
index 9cac6f47d..f28762d68 100644
--- a/functions/strategies/ProxyStrategy.js
+++ b/functions/strategies/ProxyStrategy.js
@@ -1,13 +1,13 @@
 import axios from "axios";
 
 const proxyStrategy = async (req, store) => {
-  const proxyRes = await axios.post(
+  const { data } = await axios.post(
     store.state.postwoman.settings.PROXY_URL ||
     "https://postwoman.apollotv.xyz/",
     req
   );
 
-  return proxyRes.data;
+  return data;
 }
 
 export default proxyStrategy;

From 061f86fbfa3ee8a074c4e5270be0146507e92033 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Wed, 15 Jan 2020 06:33:04 +0530
Subject: [PATCH 06/97] :bug: Fixed Nuxt loader won't finish after response

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

diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 5c8020784..de74ec377 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -2,7 +2,8 @@ import axios from "axios";
 
 const axiosStrategy = async (req, _store) => {
   const res = await axios(req);
+  window.$nuxt.$loading.finish();
   return res;
-}
+};
 
 export default axiosStrategy;
diff --git a/functions/strategies/ProxyStrategy.js b/functions/strategies/ProxyStrategy.js
index f28762d68..945482f48 100644
--- a/functions/strategies/ProxyStrategy.js
+++ b/functions/strategies/ProxyStrategy.js
@@ -3,11 +3,11 @@ import axios from "axios";
 const proxyStrategy = async (req, store) => {
   const { data } = await axios.post(
     store.state.postwoman.settings.PROXY_URL ||
-    "https://postwoman.apollotv.xyz/",
+      "https://postwoman.apollotv.xyz/",
     req
   );
-
+  window.$nuxt.$loading.finish();
   return data;
-}
+};
 
 export default proxyStrategy;

From 2faf675c0a5d5cd8fa69392e0e85b5d667fb4977 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 15 Jan 2020 09:10:14 +0530
Subject: [PATCH 07/97] :rotating_light: Removing linter warnings

---
 components/collections/addCollection.vue |   6 +-
 components/collections/addFolder.vue     |   6 +-
 components/collections/request.vue       |   6 +-
 components/history.vue                   |  15 ++--
 functions/network.js                     |   5 +-
 lang/en-US.js                            |  12 ++-
 layouts/error.vue                        |   6 +-
 pages/doc.vue                            | 105 ++++++++++++-----------
 pages/index.vue                          |  12 +--
 9 files changed, 99 insertions(+), 74 deletions(-)

diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index 197cc412a..2789a52d7 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -17,7 +17,11 @@
     <div slot="body">
       <ul>
         <li>
-          <input type="text" v-model="name" :placeholder="$t('my_new_collection')" />
+          <input
+            type="text"
+            v-model="name"
+            :placeholder="$t('my_new_collection')"
+          />
         </li>
       </ul>
     </div>
diff --git a/components/collections/addFolder.vue b/components/collections/addFolder.vue
index 5601e6f47..1188ad495 100644
--- a/components/collections/addFolder.vue
+++ b/components/collections/addFolder.vue
@@ -17,7 +17,11 @@
     <div slot="body">
       <ul>
         <li>
-          <input type="text" v-model="name" :placeholder="$t('my_new_folder')" />
+          <input
+            type="text"
+            v-model="name"
+            :placeholder="$t('my_new_folder')"
+          />
         </li>
       </ul>
     </div>
diff --git a/components/collections/request.vue b/components/collections/request.vue
index b687f0ec3..f96059f12 100644
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="flex-wrap">
     <div>
-      <button class="icon" @click="selectRequest()" v-tooltip="$t('use_request')">
+      <button
+        class="icon"
+        @click="selectRequest()"
+        v-tooltip="$t('use_request')"
+      >
         <i class="material-icons">insert_drive_file</i>
         <span>{{ request.name }}</span>
       </button>
diff --git a/components/history.vue b/components/history.vue
index 7b6a6102c..289f5586b 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -1,10 +1,5 @@
 <template>
-  <pw-section
-    class="green"
-    icon="history"
-    :label="$t('history')"
-    ref="history"
-  >
+  <pw-section class="green" icon="history" :label="$t('history')" ref="history">
     <ul>
       <li id="filter-history">
         <input
@@ -27,7 +22,9 @@
             class="icon"
             :class="{ stared: entry.star }"
             @click="toggleStar(index)"
-            v-tooltip="{ content: !entry.star ? $t('add_star') : $t('remove_star') }"
+            v-tooltip="{
+              content: !entry.star ? $t('add_star') : $t('remove_star')
+            }"
           >
             <i class="material-icons">
               {{ entry.star ? "star" : "star_border" }}
@@ -238,7 +235,9 @@
         </v-popover>
       </div>
       <div class="flex-wrap" v-else>
-        <label for="clear-history-button" class="info">{{ $t("are_you_sure") }}</label>
+        <label for="clear-history-button" class="info">
+          {{ $t("are_you_sure") }}
+        </label>
         <div>
           <button
             class="icon"
diff --git a/functions/network.js b/functions/network.js
index f4ad8ec66..97881ee84 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,13 +1,12 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import ProxyStrategy from "./strategies/ProxyStrategy";
 
-
 const sendNetworkRequest = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return ProxyStrategy(req, store);
-  } 
+  }
 
   return AxiosStrategy(req, store);
-}
+};
 
 export { sendNetworkRequest };
diff --git a/lang/en-US.js b/lang/en-US.js
index 0fd4d880d..3a70eb8b5 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -154,7 +154,8 @@ export default {
   disconnected_from: "Disconnected from {name}",
   something_went_wrong: "Something went wrong!",
   error_occurred: "An error has occurred.",
-  browser_support_sse: "This browser doesn't seems to have Server Sent Events support.",
+  browser_support_sse:
+    "This browser doesn't seems to have Server Sent Events support.",
   log: "Log",
   no_url: "No URL",
   run_query: "Run Query",
@@ -207,7 +208,8 @@ export default {
   value_count: "value {count}",
   send_request_first: "Send a request first",
   generate_docs: "Generate Documentation",
-  generate_docs_message: "Import any Postwoman Collection to Generate Documentation on-the-go.",
+  generate_docs_message:
+    "Import any Postwoman Collection to Generate Documentation on-the-go.",
   generate_docs_first: "Generate documentation first",
   docs_generated: "Documentation generated",
   import_collections: "Import collections",
@@ -231,8 +233,10 @@ export default {
   enable_proxy: "Try enabling Proxy",
   complete_config_urls: "Please complete configuration urls.",
   token_request_saved: "Token request saved",
-  donate_info1: "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
-  donate_info2: "You can support Postwoman development via the following methods:",
+  donate_info1:
+    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  donate_info2:
+    "You can support Postwoman development via the following methods:",
   one_time_recurring: "One-time or recurring",
   one_time: "One-time",
   recurring: "Recurring",
diff --git a/layouts/error.vue b/layouts/error.vue
index ea7a3a1af..f17577152 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="page page-error">
-    <img src="~static/icons/error.svg" :alt="$t('error')" class="error_banner" />
+    <img
+      src="~static/icons/error.svg"
+      :alt="$t('error')"
+      class="error_banner"
+    />
     <h2>{{ error.statusCode }}</h2>
     <h3>{{ error.message }}</h3>
     <p>
diff --git a/pages/doc.vue b/pages/doc.vue
index 7b8ca19a8..963687d4d 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -93,12 +93,14 @@
               </p>
               <p class="doc-desc" v-if="request.path">
                 <span>
-                  {{ $t("path") }}: <code>{{ request.path || $t("none") }}</code>
+                  {{ $t("path") }}:
+                  <code>{{ request.path || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.method">
                 <span>
-                  {{ $t("method") }}: <code>{{ request.method || $t("none") }}</code>
+                  {{ $t("method") }}:
+                  <code>{{ request.method || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.auth">
@@ -109,7 +111,8 @@
               </p>
               <p class="doc-desc" v-if="request.httpUser">
                 <span>
-                  {{ $t("username") }}: <code>{{ request.httpUser || $t("none") }}</code>
+                  {{ $t("username") }}:
+                  <code>{{ request.httpUser || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.httpPassword">
@@ -120,16 +123,17 @@
               </p>
               <p class="doc-desc" v-if="request.bearerToken">
                 <span>
-                  {{ $t("token") }}: <code>{{ request.bearerToken || $t("none") }}</code>
+                  {{ $t("token") }}:
+                  <code>{{ request.bearerToken || $t("none") }}</code>
                 </span>
               </p>
               <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
-              <span
-                v-if="request.headers"
-                v-for="header in request.headers"
-                :key="header.key"
-              >
-                <p class="doc-desc">
+              <span v-if="request.headers">
+                <p
+                  v-for="header in request.headers"
+                  :key="header.key"
+                  class="doc-desc"
+                >
                   <span>
                     {{ header.key || $t("none") }}:
                     <code>{{ header.value || $t("none") }}</code>
@@ -137,12 +141,12 @@
                 </p>
               </span>
               <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
-              <span
-                v-if="request.params"
-                v-for="parameter in request.params"
-                :key="parameter.key"
-              >
-                <p class="doc-desc">
+              <span v-if="request.params">
+                <p
+                  v-for="parameter in request.params"
+                  :key="parameter.key"
+                  class="doc-desc"
+                >
                   <span>
                     {{ parameter.key || $t("none") }}:
                     <code>{{ parameter.value || $t("none") }}</code>
@@ -150,12 +154,12 @@
                 </p>
               </span>
               <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
-              <span
-                v-if="request.bodyParam"
-                v-for="payload in request.bodyParam"
-                :key="payload.key"
-              >
-                <p class="doc-desc">
+              <span v-if="request.bodyParam">
+                <p
+                  v-for="payload in request.bodyParam"
+                  :key="payload.key"
+                  class="doc-desc"
+                >
                   <span>
                     {{ payload.key || $t("none") }}:
                     <code>{{ payload.value || $t("none") }}</code>
@@ -164,7 +168,8 @@
               </span>
               <p class="doc-desc" v-if="request.rawParams">
                 <span>
-                  {{ $t("parameters") }}: <code>{{ request.rawParams || $t("none") }}</code>
+                  {{ $t("parameters") }}:
+                  <code>{{ request.rawParams || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.contentType">
@@ -202,7 +207,8 @@
             </p>
             <p class="doc-desc" v-if="request.method">
               <span>
-                {{ $t("method") }}: <code>{{ request.method || $t("none") }}</code>
+                {{ $t("method") }}:
+                <code>{{ request.method || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.auth">
@@ -213,26 +219,29 @@
             </p>
             <p class="doc-desc" v-if="request.httpUser">
               <span>
-                {{ $t("username") }}: <code>{{ request.httpUser || $t("none") }}</code>
+                {{ $t("username") }}:
+                <code>{{ request.httpUser || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.httpPassword">
               <span>
-                {{ $t("password") }}: <code>{{ request.httpPassword || $t("none") }}</code>
+                {{ $t("password") }}:
+                <code>{{ request.httpPassword || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.bearerToken">
               <span>
-                {{ $t("token") }}: <code>{{ request.bearerToken || $t("none") }}</code>
+                {{ $t("token") }}:
+                <code>{{ request.bearerToken || $t("none") }}</code>
               </span>
             </p>
             <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
-            <span
-              v-if="request.headers"
-              v-for="header in request.headers"
-              :key="header.key"
-            >
-              <p class="doc-desc">
+            <span v-if="request.headers">
+              <p
+                v-for="header in request.headers"
+                :key="header.key"
+                class="doc-desc"
+              >
                 <span>
                   {{ header.key || $t("none") }}:
                   <code>{{ header.value || $t("none") }}</code>
@@ -240,12 +249,12 @@
               </p>
             </span>
             <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
-            <span
-              v-if="request.params"
-              v-for="parameter in request.params"
-              :key="parameter.key"
-            >
-              <p class="doc-desc">
+            <span v-if="request.params">
+              <p
+                v-for="parameter in request.params"
+                :key="parameter.key"
+                class="doc-desc"
+              >
                 <span>
                   {{ parameter.key || $t("none") }}:
                   <code>{{ parameter.value || $t("none") }}</code>
@@ -253,12 +262,12 @@
               </p>
             </span>
             <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
-            <span
-              v-if="request.bodyParam"
-              v-for="payload in request.bodyParam"
-              :key="payload.key"
-            >
-              <p class="doc-desc">
+            <span v-if="request.bodyParam">
+              <p
+                v-for="payload in request.bodyParam"
+                :key="payload.key"
+                class="doc-desc"
+              >
                 <span>
                   {{ payload.key || $t("none") }}:
                   <code>{{ payload.value || $t("none") }}</code>
@@ -267,7 +276,8 @@
             </span>
             <p class="doc-desc" v-if="request.rawParams">
               <span>
-                {{ $t("parameters") }}: <code>{{ request.rawParams || $t("none") }}</code>
+                {{ $t("parameters") }}:
+                <code>{{ request.rawParams || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.contentType">
@@ -305,9 +315,6 @@
   }
 }
 
-.collection {
-}
-
 .folder {
   border-left: 1px solid var(--brd-color);
   margin: 16px 0 0;
diff --git a/pages/index.vue b/pages/index.vue
index 003f925a2..71926504f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -40,11 +40,7 @@
           </ul>
         </pw-section>
 
-        <pw-section
-          class="blue"
-          :label="$t('request')"
-          ref="request"
-        >
+        <pw-section class="blue" :label="$t('request')" ref="request">
           <ul>
             <li>
               <label for="method">{{ $t("method") }}</label>
@@ -842,7 +838,11 @@
           <input id="collection-tab" type="radio" name="side" />
           <label for="collection-tab">{{ $t("collections") }}</label>
           <div class="tab">
-            <pw-section class="yellow" :label="$t('collections')" ref="collections">
+            <pw-section
+              class="yellow"
+              :label="$t('collections')"
+              ref="collections"
+            >
               <collections />
             </pw-section>
           </div>

From 4b48d8a8c8a28ad69c21ae03056d0fc876c76755 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 16 Jan 2020 01:25:43 -0500
Subject: [PATCH 08/97] Refactor to bring the nuxt loading bar code out of the
 strategies

---
 functions/network.js                  | 11 +++++++++--
 functions/strategies/AxiosStrategy.js |  1 -
 functions/strategies/ProxyStrategy.js |  1 -
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/functions/network.js b/functions/network.js
index 97881ee84..cf16b4c55 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,12 +1,19 @@
 import AxiosStrategy from "./strategies/AxiosStrategy";
 import ProxyStrategy from "./strategies/ProxyStrategy";
+import FirefoxStrategy from "./strategies/FirefoxStrategy";
+
+
+const runAppropriateStrategy = (req, store) => {
 
-const sendNetworkRequest = (req, store) => {
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return ProxyStrategy(req, store);
   }
 
   return AxiosStrategy(req, store);
-};
+}
+
+const sendNetworkRequest = (req, store) => 
+  runAppropriateStrategy(req, store)
+    .finally(() => window.$nuxt.$loading.finish());
 
 export { sendNetworkRequest };
diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index de74ec377..9bef30aef 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -2,7 +2,6 @@ import axios from "axios";
 
 const axiosStrategy = async (req, _store) => {
   const res = await axios(req);
-  window.$nuxt.$loading.finish();
   return res;
 };
 
diff --git a/functions/strategies/ProxyStrategy.js b/functions/strategies/ProxyStrategy.js
index 945482f48..0b6f50b0f 100644
--- a/functions/strategies/ProxyStrategy.js
+++ b/functions/strategies/ProxyStrategy.js
@@ -6,7 +6,6 @@ const proxyStrategy = async (req, store) => {
       "https://postwoman.apollotv.xyz/",
     req
   );
-  window.$nuxt.$loading.finish();
   return data;
 };
 

From 5070d9fe95f50081d928a32788aef5cfca17ddd2 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Thu, 16 Jan 2020 01:26:25 -0500
Subject: [PATCH 09/97] Added FirefoxStrategy to interact with the Firefox
 extension for Postwoman

---
 functions/network.js                    |  5 +++++
 functions/strategies/FirefoxStrategy.js | 15 +++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 functions/strategies/FirefoxStrategy.js

diff --git a/functions/network.js b/functions/network.js
index cf16b4c55..7ed233cf8 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -4,6 +4,11 @@ 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
+  if (window.firefoxExtSendRequest) {
+    return FirefoxStrategy(req, store); 
+  }
 
   if (store.state.postwoman.settings.PROXY_ENABLED) {
     return ProxyStrategy(req, store);
diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
new file mode 100644
index 000000000..77b15f453
--- /dev/null
+++ b/functions/strategies/FirefoxStrategy.js
@@ -0,0 +1,15 @@
+const firefoxStrategy = (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));
+  };
+
+  window.addEventListener("firefoxExtSendRequestComplete", eventListener);
+
+  window.firefoxExtSendRequest(req);
+});
+
+export default firefoxStrategy;

From 497a4dfde6b5c564d716da2cb1a817824a9959e3 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 16 Jan 2020 22:57:35 +0530
Subject: [PATCH 10/97] :bug: Fix #495

---
 components/collections/index.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/collections/index.vue b/components/collections/index.vue
index 21e060a62..ea2d2b015 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -47,12 +47,8 @@ TODO:
         </button>
       </div>
       <div>
-        <button
-          class="icon"
-          @click="displayModalImportExport(true)"
-          v-tooltip="$t('import_export')"
-        >
-          <i class="material-icons">import_export</i>
+        <button class="icon" @click="displayModalImportExport(true)">
+          {{ $t("import_export") }}
         </button>
         <!-- <a
           href="https://github.com/liyasthomas/postwoman/wiki/Collections"
@@ -90,12 +86,18 @@ TODO:
         </li>
       </ul>
     </virtual-list>
+    <nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')">
+      <button class="icon">
+        <i class="material-icons">books</i>
+        <span>{{ $t("generate_docs") }}</span>
+      </button>
+    </nuxt-link>
   </div>
 </template>
 
 <style scoped lang="scss">
 .virtual-list {
-  max-height: calc(100vh - 232px);
+  max-height: calc(100vh - 276px);
 }
 
 ul {

From 93acb03297e6d042ad07182678397b5870135474 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 17 Jan 2020 00:55:31 +0530
Subject: [PATCH 11/97] :sparkles: Toast for extensions

---
 README.md           |  7 +++-
 lang/en-US.js       | 17 +++++---
 layouts/default.vue | 98 +++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 115 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index c27261def..2ffff8300 100644
--- a/README.md
+++ b/README.md
@@ -218,8 +218,11 @@ _**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/li
 
 📦 **Add-ons**: Official add-ons for Postwoman.
 
- - **[Postwoman Proxy β](https://github.com/postwoman-io/postwoman-proxy)** - A simple proxy server created for Postwoman
- - **[Postwoman CLI β](https://github.com/postwoman-io/postwoman-cli)** - A CLI solution for Postwoman
+ - **[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/postwoman-io/postwoman-cli)** - Browser extensions that simplifies access to Postwoman
+
+ [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_24x24.png) **Firefox**]() &nbsp;|&nbsp; ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_24x24.png) **Chrome (coming soon)**
 
 _Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**_
 
diff --git a/lang/en-US.js b/lang/en-US.js
index 0fd4d880d..baa78e0fb 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -154,7 +154,8 @@ export default {
   disconnected_from: "Disconnected from {name}",
   something_went_wrong: "Something went wrong!",
   error_occurred: "An error has occurred.",
-  browser_support_sse: "This browser doesn't seems to have Server Sent Events support.",
+  browser_support_sse:
+    "This browser doesn't seems to have Server Sent Events support.",
   log: "Log",
   no_url: "No URL",
   run_query: "Run Query",
@@ -207,7 +208,8 @@ export default {
   value_count: "value {count}",
   send_request_first: "Send a request first",
   generate_docs: "Generate Documentation",
-  generate_docs_message: "Import any Postwoman Collection to Generate Documentation on-the-go.",
+  generate_docs_message:
+    "Import any Postwoman Collection to Generate Documentation on-the-go.",
   generate_docs_first: "Generate documentation first",
   docs_generated: "Documentation generated",
   import_collections: "Import collections",
@@ -231,8 +233,10 @@ export default {
   enable_proxy: "Try enabling Proxy",
   complete_config_urls: "Please complete configuration urls.",
   token_request_saved: "Token request saved",
-  donate_info1: "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
-  donate_info2: "You can support Postwoman development via the following methods:",
+  donate_info1:
+    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  donate_info2:
+    "You can support Postwoman development via the following methods:",
   one_time_recurring: "One-time or recurring",
   one_time: "One-time",
   recurring: "Recurring",
@@ -241,5 +245,8 @@ export default {
   go_home: "Go Home",
   reload: "Reload",
   enter_curl: "Enter cURL",
-  empty: "Empty"
+  empty: "Empty",
+  extensions: "Extensions",
+  extensions_info1: "Browser extension that simplifies access to Postwoman",
+  extensions_info2: "Get Postwoman browser extension!"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index 6ed7a7c0c..bdba8e0d0 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -293,6 +293,16 @@
                     <i class="material-icons">more_vert</i>
                   </button>
                   <template slot="popover">
+                    <div>
+                      <button
+                        class="icon"
+                        @click="showExtensions = true"
+                        v-close-popover
+                      >
+                        <i class="material-icons">extension</i>
+                        <span>{{ $t("extensions") }}</span>
+                      </button>
+                    </div>
                     <div>
                       <button
                         class="icon"
@@ -402,6 +412,66 @@
         <aside class="nav-second"></aside>
       </div>
     </div>
+    <modal v-if="showExtensions" @close="showExtensions = false">
+      <div slot="header">
+        <ul>
+          <li>
+            <div class="flex-wrap">
+              <h3 class="title">{{ $t("extensions") }}</h3>
+              <div>
+                <button class="icon" @click="showExtensions = false">
+                  <i class="material-icons">close</i>
+                </button>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+      <div slot="body">
+        <p class="info">
+          {{ $t("extensions_info1") }}
+        </p>
+        <div>
+          <a
+            href="https://addons.mozilla.org/en-US/firefox/addon/postwoman"
+            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="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm8.003 8.657c-1.276-3.321-4.46-4.605-5.534-4.537 3.529 1.376 4.373 6.059 4.06 7.441-.307-1.621-1.286-3.017-1.872-3.385 3.417 8.005-4.835 10.465-7.353 7.687.649.168 1.931.085 2.891-.557.898-.602.983-.638 1.56-.683.686-.053-.041-1.406-1.539-1.177-.616.094-1.632.819-2.88.341-1.508-.576-1.46-2.634.096-2.015.337-.437.088-1.263.088-1.263.452-.414 1.022-.706 1.37-.911.228-.135.829-.507.795-1.23-.123-.096-.32-.219-.766-.193-1.736.11-1.852-.518-1.967-.808.078-.668.524-1.534 1.361-1.931-1.257-.193-2.28.397-2.789 1.154-.809-.174-1.305-.183-2.118-.031-.316-.24-.666-.67-.878-1.181 1.832-2.066 4.499-3.378 7.472-3.378 5.912 0 8.263 4.283 8.003 6.657z"
+                />
+              </svg>
+              <span>Firefox</span>
+            </button>
+          </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>
+          </button>
+        </div>
+      </div>
+      <div slot="footer"></div>
+    </modal>
     <modal v-if="showShortcuts" @close="showShortcuts = false">
       <div slot="header">
         <ul>
@@ -532,6 +602,7 @@ export default {
       // prompt.
       showInstallPrompt: null,
       version: {},
+      showExtensions: false,
       showShortcuts: false,
       showSupport: false
     };
@@ -591,6 +662,33 @@ export default {
           ]
         });
       }
+      let showExtensionsToast =
+        localStorage.getItem("showExtensionsToast") === "yes";
+      if (!showExtensionsToast) {
+        setTimeout(() => {
+          this.$toast.show(this.$t("extensions_info2"), {
+            icon: "extension",
+            duration: 5000,
+            theme: "toasted-primary",
+            action: [
+              {
+                text: this.$t("yes"),
+                onClick: (e, toastObject) => {
+                  this.showExtensions = true;
+                  localStorage.setItem("showExtensionsToast", "yes");
+                  toastObject.goAway(0);
+                }
+              },
+              {
+                text: this.$t("no"),
+                onClick: (e, toastObject) => {
+                  toastObject.goAway(0);
+                }
+              }
+            ]
+          });
+        }, 10000);
+      }
     })();
 
     window.addEventListener("scroll", event => {

From 60676addef3d65a855071c46a52ded3762a41988 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 17 Jan 2020 01:31:30 +0530
Subject: [PATCH 12/97] :pencil2: Typo

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 2ffff8300..41b3cce62 100644
--- a/README.md
+++ b/README.md
@@ -220,9 +220,9 @@ _**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/postwoman-io/postwoman-cli)** - Browser extensions that simplifies access to Postwoman
+ - **[Browser Extensions](https://github.com/AndrewBastin/postwoman-firefox)** - Browser extensions that simplifies access to Postwoman
 
- [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_24x24.png) **Firefox**]() &nbsp;|&nbsp; ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_24x24.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) &nbsp;|&nbsp; ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome (coming soon)**
 
 _Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**_
 

From f7a67ec30f1571f8ab5a0fae404bdcfc2443ecd6 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 17 Jan 2020 09:46:23 +0530
Subject: [PATCH 13/97] :sparkles: Indicate installed extensions

---
 lang/en-US.js       |  3 ++-
 layouts/default.vue | 20 ++++++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/lang/en-US.js b/lang/en-US.js
index baa78e0fb..906fb0602 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -248,5 +248,6 @@ export default {
   empty: "Empty",
   extensions: "Extensions",
   extensions_info1: "Browser extension that simplifies access to Postwoman",
-  extensions_info2: "Get Postwoman browser extension!"
+  extensions_info2: "Get Postwoman browser extension!",
+  installed: "Installed"
 };
diff --git a/layouts/default.vue b/layouts/default.vue
index bdba8e0d0..74664578b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -450,6 +450,13 @@
                 />
               </svg>
               <span>Firefox</span>
+              <span
+                class="icon"
+                v-if="firefoxExtInstalled"
+                v-tooltip="$t('installed')"
+              >
+                <i class="material-icons">done</i>
+              </span>
             </button>
           </a>
         </div>
@@ -467,6 +474,13 @@
               />
             </svg>
             <span>Chrome (coming soon)</span>
+            <span
+              class="icon"
+              v-if="chromeExtInstalled"
+              v-tooltip="$t('installed')"
+            >
+              <i class="material-icons">done</i>
+            </span>
           </button>
         </div>
       </div>
@@ -604,7 +618,9 @@ export default {
       version: {},
       showExtensions: false,
       showShortcuts: false,
-      showSupport: false
+      showSupport: false,
+      firefoxExtInstalled: window.firefoxExtSendRequest,
+      chromeExtInstalled: false
     };
   },
 
@@ -687,7 +703,7 @@ export default {
               }
             ]
           });
-        }, 10000);
+        }, 15000);
       }
     })();
 

From c4c2f1cbee750849573f584749982227fa44d386 Mon Sep 17 00:00:00 2001
From: pushrbx <thomace44@gmail.com>
Date: Fri, 17 Jan 2020 11:58:13 +0000
Subject: [PATCH 14/97] =?UTF-8?q?=09=F0=9F=92=9A=20Fixed=20#497?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/graphql.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 5abbde18e..f057e117e 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -667,16 +667,12 @@ export default {
         const gqlQueryString = this.gqlQueryString;
         this.variables.forEach(variable => {
           // todo: better variable type validation
-          const intRex = new RegExp(`\$${variable.key}\: Int`);
-          intRex.compile();
-          const floatRex = new RegExp(`\$${variable.key}\: Float`);
-          floatRex.compile();
-
-          if (intRex.test(gqlQueryString)) {
+          if (gqlQueryString.indexOf(`\$${variable.key}: Int`) > -1) {
             variables[variable.key] = parseInt(variable.value);
-          } else if (floatRex.test(gqlQueryString)) {
+          } else if (gqlQueryString.indexOf(`\$${variable.key}: Float`) > -1) {
             variables[variable.key] = parseFloat(variable.value);
           } else {
+            console.log(variable);
             variables[variable.key] = variable.value;
           }
         });

From 76d2ca3e37992435ecdcb7187b0afb7eaa465280 Mon Sep 17 00:00:00 2001
From: pushrbx <thomace44@gmail.com>
Date: Fri, 17 Jan 2020 17:58:09 +0000
Subject: [PATCH 15/97] removed unneeded console.log

---
 pages/graphql.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index f057e117e..05e14e940 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -672,7 +672,6 @@ export default {
           } else if (gqlQueryString.indexOf(`\$${variable.key}: Float`) > -1) {
             variables[variable.key] = parseFloat(variable.value);
           } else {
-            console.log(variable);
             variables[variable.key] = variable.value;
           }
         });

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 16/97] 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 17/97] 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 9e43bbcce29436a4790d60a1922495c891f23069 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 18 Jan 2020 00:13:19 +0000
Subject: [PATCH 18/97] chore(deps): bump ace-builds from 1.4.7 to 1.4.8

Bumps [ace-builds](https://github.com/ajaxorg/ace-builds) from 1.4.7 to 1.4.8.
- [Release notes](https://github.com/ajaxorg/ace-builds/releases)
- [Changelog](https://github.com/ajaxorg/ace-builds/blob/master/ChangeLog.txt)
- [Commits](https://github.com/ajaxorg/ace-builds/compare/v1.4.7...v1.4.8)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 6 +++---
 package.json      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 43d04f543..e305cd524 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1834,9 +1834,9 @@
             }
         },
         "ace-builds": {
-            "version": "1.4.7",
-            "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.4.7.tgz",
-            "integrity": "sha512-gwQGVFewBopRLho08BfahyvRa9FlB43JUig5ItAKTYc9kJJsbA9QNz75p28QtQomoPQ9rJx82ymL21x4ZSZmdg=="
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/ace-builds/-/ace-builds-1.4.8.tgz",
+            "integrity": "sha512-8ZVAxwyCGAxQX8mOp9imSXH0hoSPkGfy8igJy+WO/7axL30saRhKgg1XPACSmxxPA7nfHVwM+ShWXT+vKsNuFg=="
         },
         "acorn": {
             "version": "6.4.0",
diff --git a/package.json b/package.json
index df2b5d471..fc170337f 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
         "@nuxtjs/robots": "^2.4.2",
         "@nuxtjs/sitemap": "^2.0.1",
         "@nuxtjs/toast": "^3.3.0",
-        "ace-builds": "^1.4.7",
+        "ace-builds": "^1.4.8",
         "graphql": "^14.5.8",
         "nuxt": "^2.11.0",
         "nuxt-i18n": "^6.4.1",

From b6e5f7f3379eeff954ed1ae65b05602d82debfca Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 18 Jan 2020 01:24:42 +0000
Subject: [PATCH 19/97] chore(deps-dev): bump sass-loader from 8.0.1 to 8.0.2

Bumps [sass-loader](https://github.com/webpack-contrib/sass-loader) from 8.0.1 to 8.0.2.
- [Release notes](https://github.com/webpack-contrib/sass-loader/releases)
- [Changelog](https://github.com/webpack-contrib/sass-loader/blob/master/CHANGELOG.md)
- [Commits](https://github.com/webpack-contrib/sass-loader/compare/v8.0.1...v8.0.2)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 14 +++++++-------
 package.json      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e305cd524..37d9c4300 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9359,22 +9359,22 @@
             }
         },
         "sass-loader": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.1.tgz",
-            "integrity": "sha512-ANR2JHuoxzCI+OPDA0hJBv1Y16A2021hucu0S3DOGgpukKzq9W+4vX9jhIqs4qibT5E7RIRsHMMrN0kdF5nUig==",
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
+            "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==",
             "dev": true,
             "requires": {
                 "clone-deep": "^4.0.1",
                 "loader-utils": "^1.2.3",
                 "neo-async": "^2.6.1",
                 "schema-utils": "^2.6.1",
-                "semver": "^7.1.1"
+                "semver": "^6.3.0"
             },
             "dependencies": {
                 "semver": {
-                    "version": "7.1.1",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.1.1.tgz",
-                    "integrity": "sha512-WfuG+fl6eh3eZ2qAf6goB7nhiCd7NPXhmyFxigB/TOkQyeLP8w8GsVehvtGNtnNmyboz4TgeK40B1Kbql/8c5A==",
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
                     "dev": true
                 }
             }
diff --git a/package.json b/package.json
index fc170337f..9a7ebbc62 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "devDependencies": {
         "cypress": "^3.8.2",
         "node-sass": "^4.13.0",
-        "sass-loader": "^8.0.1",
+        "sass-loader": "^8.0.2",
         "start-server-and-test": "^1.10.6"
     }
 }

From 808e4545ae4b2e816e116ebb30af6fbcbe293508 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 18 Jan 2020 01:51:14 +0000
Subject: [PATCH 20/97] chore(deps): bump @nuxtjs/axios from 5.9.2 to 5.9.3

Bumps [@nuxtjs/axios](https://github.com/nuxt-community/axios-module) from 5.9.2 to 5.9.3.
- [Release notes](https://github.com/nuxt-community/axios-module/releases)
- [Changelog](https://github.com/nuxt-community/axios-module/blob/dev/CHANGELOG.md)
- [Commits](https://github.com/nuxt-community/axios-module/compare/v5.9.2...v5.9.3)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 22 ++++++++--------------
 package.json      |  2 +-
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 37d9c4300..aa2faeaa1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1413,12 +1413,12 @@
             }
         },
         "@nuxtjs/axios": {
-            "version": "5.9.2",
-            "resolved": "https://registry.npmjs.org/@nuxtjs/axios/-/axios-5.9.2.tgz",
-            "integrity": "sha512-OwRy40N7Q0V0i5A8ojUy9TlvvaYDPlDmUDKPMVxkcFf+wnmgtJbLJGgHrPWof9Y0jb9EXLgxbRmk0LgrNk7QCw==",
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/@nuxtjs/axios/-/axios-5.9.3.tgz",
+            "integrity": "sha512-+P1BK7MxMRL4q1WeYM9vyfocJrRoskbuD2TztKU8ryunK8JgpkIvqCzQxTI2BLUbOPd7qvjPLwzA0QBdzqYlaA==",
             "requires": {
                 "@nuxtjs/proxy": "^1.3.3",
-                "axios": "^0.19.0",
+                "axios": "^0.19.1",
                 "axios-retry": "^3.1.2",
                 "consola": "^2.11.3",
                 "defu": "^0.0.4"
@@ -2166,12 +2166,11 @@
             "dev": true
         },
         "axios": {
-            "version": "0.19.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
-            "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
+            "version": "0.19.1",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.1.tgz",
+            "integrity": "sha512-Yl+7nfreYKaLRvAvjNPkvfjnQHJM1yLBY3zhqAwcJSwR/6ETkanUgylgtIvkvz0xJ+p/vZuNw8X7Hnb7Whsbpw==",
             "requires": {
-                "follow-redirects": "1.5.10",
-                "is-buffer": "^2.0.2"
+                "follow-redirects": "1.5.10"
             },
             "dependencies": {
                 "debug": {
@@ -2190,11 +2189,6 @@
                         "debug": "=3.1.0"
                     }
                 },
-                "is-buffer": {
-                    "version": "2.0.4",
-                    "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
-                    "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A=="
-                },
                 "ms": {
                     "version": "2.0.0",
                     "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
diff --git a/package.json b/package.json
index 9a7ebbc62..564519f3b 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
         "test": "start-server-and-test dev http://localhost:3000 e2e"
     },
     "dependencies": {
-        "@nuxtjs/axios": "^5.9.2",
+        "@nuxtjs/axios": "^5.9.3",
         "@nuxtjs/google-analytics": "^2.2.3",
         "@nuxtjs/google-tag-manager": "^2.3.1",
         "@nuxtjs/pwa": "^3.0.0-beta.19",

From 15e5edb1a36cb88d4fb81754a585e2476dfd2554 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 18 Jan 2020 02:05:59 +0000
Subject: [PATCH 21/97] chore(deps-dev): bump node-sass from 4.13.0 to 4.13.1

Bumps [node-sass](https://github.com/sass/node-sass) from 4.13.0 to 4.13.1.
- [Release notes](https://github.com/sass/node-sass/releases)
- [Changelog](https://github.com/sass/node-sass/blob/master/CHANGELOG.md)
- [Commits](https://github.com/sass/node-sass/compare/v4.13.0...v4.13.1)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 24 ++++++++++++------------
 package.json      |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index aa2faeaa1..596757fe5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1972,9 +1972,9 @@
             },
             "dependencies": {
                 "readable-stream": {
-                    "version": "2.3.6",
-                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
-                    "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
                     "dev": true,
                     "requires": {
                         "core-util-is": "~1.0.0",
@@ -5106,9 +5106,9 @@
             "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
         },
         "globule": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
-            "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.0.tgz",
+            "integrity": "sha512-YlD4kdMqRCQHrhVdonet4TdRtv1/sZKepvoxNT4Nrhrp5HI8XFfc8kFlGlBn2myBo80aGp8Eft259mbcUJhgSg==",
             "dev": true,
             "requires": {
                 "glob": "~7.1.1",
@@ -7042,9 +7042,9 @@
             }
         },
         "node-sass": {
-            "version": "4.13.0",
-            "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.0.tgz",
-            "integrity": "sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==",
+            "version": "4.13.1",
+            "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz",
+            "integrity": "sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==",
             "dev": true,
             "requires": {
                 "async-foreach": "^0.1.3",
@@ -10020,9 +10020,9 @@
             },
             "dependencies": {
                 "readable-stream": {
-                    "version": "2.3.6",
-                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
-                    "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
                     "dev": true,
                     "requires": {
                         "core-util-is": "~1.0.0",
diff --git a/package.json b/package.json
index 564519f3b..2a375a7a3 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     },
     "devDependencies": {
         "cypress": "^3.8.2",
-        "node-sass": "^4.13.0",
+        "node-sass": "^4.13.1",
         "sass-loader": "^8.0.2",
         "start-server-and-test": "^1.10.6"
     }

From 5206aeead06cfd486b295e311993a312ce66958f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 18 Jan 2020 10:07:30 +0530
Subject: [PATCH 22/97] :zap: Don't show Extension toast if user opt-out of it
 once or have already installed it.

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

diff --git a/layouts/default.vue b/layouts/default.vue
index 74664578b..447e58ae4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -619,7 +619,8 @@ export default {
       showExtensions: false,
       showShortcuts: false,
       showSupport: false,
-      firefoxExtInstalled: window.firefoxExtSendRequest,
+      firefoxExtInstalled:
+        window.firefoxExtSendRequest !== undefined ? true : false,
       chromeExtInstalled: false
     };
   },
@@ -680,7 +681,11 @@ export default {
       }
       let showExtensionsToast =
         localStorage.getItem("showExtensionsToast") === "yes";
-      if (!showExtensionsToast) {
+      if (
+        !this.firefoxExtInstalled &&
+        !this.chromeExtInstalled &&
+        !showExtensionsToast
+      ) {
         setTimeout(() => {
           this.$toast.show(this.$t("extensions_info2"), {
             icon: "extension",

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 23/97] 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 24/97] 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 25/97] 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 26/97] 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 27/97] 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 28/97] 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 29/97] 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 30/97] 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 31/97] 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 32/97] 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 33/97] :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 34/97] 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 35/97] 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 36/97] 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 37/97] 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 38/97] :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 39/97] :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 40/97] :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 41/97] :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 42/97] =?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 43/97] :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 44/97] 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 45/97] 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 46/97] 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 47/97] :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 48/97] 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 49/97] 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 50/97] =?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 51/97] :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 52/97] 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 53/97] 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 54/97] :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 55/97] :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 56/97] :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 57/97] :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 58/97] :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 59/97] :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 60/97] 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 61/97] :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 62/97] :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 63/97] :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 64/97] :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 65/97] 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 66/97] 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 67/97] 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 68/97] 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 69/97] 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 70/97] 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 71/97] 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 72/97] :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 73/97] :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 74/97] :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 75/97] :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 76/97] =?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 77/97] :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 78/97] :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 79/97] =?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 80/97] :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 81/97] :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 82/97] :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 83/97] :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 84/97] :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 85/97] :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 86/97] :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 87/97] :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 88/97] 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 89/97] :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 90/97] :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));
   }
 };
 

From bbaa48c1eccb04a0334c700f58b45968f773bb94 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 24 Jan 2020 17:50:30 +0530
Subject: [PATCH 91/97] :rotating_light: Removing linter warnings

---
 assets/css/styles.scss                    |  1 -
 components/collections/addCollection.vue  |  2 +-
 components/collections/editCollection.vue |  2 +-
 components/graphql/queryeditor.vue        | 23 +++++++++++------------
 functions/utils/debounce.js               | 14 +++++++-------
 layouts/default.vue                       |  5 ++---
 pages/graphql.vue                         |  2 --
 7 files changed, 22 insertions(+), 27 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 574f57c94..7f6c9d5ec 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -592,7 +592,6 @@ pre {
 
 select {
   height: 37px;
-  background-color: var(--bg-dark-color);
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index c39b7b257..39b7a7675 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 valid name for the collection')
+        this.$toast.info("Please provide a valid name for the collection");
         return;
       }
       this.$store.commit("postwoman/addNewCollection", {
diff --git a/components/collections/editCollection.vue b/components/collections/editCollection.vue
index 98c9154be..084bb78bf 100644
--- a/components/collections/editCollection.vue
+++ b/components/collections/editCollection.vue
@@ -60,7 +60,7 @@ export default {
   methods: {
     saveCollection() {
       if (!this.$data.name) {
-        this.$toast.info('Please provide a valid name for the collection');
+        this.$toast.info("Please provide a valid name for the collection");
         return;
       }
       const collectionUpdated = {
diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index 7f1084b85..7a4e90c65 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -34,7 +34,7 @@ export default {
     return {
       editor: null,
       cacheValue: "",
-      validationSchema: null 
+      validationSchema: null
     };
   },
 
@@ -88,7 +88,7 @@ export default {
         );
       }
     },
-    
+
     setValidationSchema(schema) {
       this.validationSchema = schema;
       this.parseContents(this.cacheValue);
@@ -101,16 +101,15 @@ export default {
 
           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"
-                  }
-                })
-            )
+              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([
diff --git a/functions/utils/debounce.js b/functions/utils/debounce.js
index 09acda07d..dffe3f098 100644
--- a/functions/utils/debounce.js
+++ b/functions/utils/debounce.js
@@ -3,13 +3,13 @@
 // 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
+  let inDebounce;
   return function() {
-    const context = this
-    const args = arguments
-    clearTimeout(inDebounce)
-    inDebounce = setTimeout(() => func.apply(context, args), delay)
-  }
-}
+    const context = this;
+    const args = arguments;
+    clearTimeout(inDebounce);
+    inDebounce = setTimeout(() => func.apply(context, args), delay);
+  };
+};
 
 export default debounce;
diff --git a/layouts/default.vue b/layouts/default.vue
index 15626a247..ce6bdc753 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -664,9 +664,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 { fb } from '../functions/fb';
+import firebase from "firebase/app";
+import { fb } from "../functions/fb";
 
 export default {
   components: {
diff --git a/pages/graphql.vue b/pages/graphql.vue
index 606796472..d4129796c 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -812,9 +812,7 @@ export default {
           }
         }
         this.gqlTypes = types;
-        
         this.$refs.queryEditor.setValidationSchema(schema);
-
         this.$nuxt.$loading.finish();
         const duration = Date.now() - startTime;
         this.$toast.info(this.$t("finished_in", { duration }), {

From c057c7ea24ce3e809dd0327fb80af497fd6cd331 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 25 Jan 2020 00:14:47 +0000
Subject: [PATCH 92/97] chore(deps-dev): bump cypress from 3.8.2 to 3.8.3

Bumps [cypress](https://github.com/cypress-io/cypress) from 3.8.2 to 3.8.3.
- [Release notes](https://github.com/cypress-io/cypress/releases)
- [Commits](https://github.com/cypress-io/cypress/compare/v3.8.2...v3.8.3)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 6 +++---
 package.json      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index eb672b789..9e1034681 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4068,9 +4068,9 @@
             "integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk="
         },
         "cypress": {
-            "version": "3.8.2",
-            "resolved": "https://registry.npmjs.org/cypress/-/cypress-3.8.2.tgz",
-            "integrity": "sha512-aTs0u3+dfEuLe0Ct0FVO5jD1ULqxbuqWUZwzBm0rxdLgLxIAOI/A9f/WkgY5Cfy1TEXe8pKC6Wal0ZpnkdGRSw==",
+            "version": "3.8.3",
+            "resolved": "https://registry.npmjs.org/cypress/-/cypress-3.8.3.tgz",
+            "integrity": "sha512-I9L/d+ilTPPA4vq3NC1OPKmw7jJIpMKNdyfR8t1EXYzYCjyqbc59migOm1YSse/VRbISLJ+QGb5k4Y3bz2lkYw==",
             "dev": true,
             "requires": {
                 "@cypress/listr-verbose-renderer": "0.4.1",
diff --git a/package.json b/package.json
index 73776225d..9f11bc9aa 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
         "yargs-parser": "^16.1.0"
     },
     "devDependencies": {
-        "cypress": "^3.8.2",
+        "cypress": "^3.8.3",
         "node-sass": "^4.13.1",
         "sass-loader": "^8.0.2",
         "start-server-and-test": "^1.10.6"

From 254b500f03d04f346210a1373dd89eee289c5d1b Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 25 Jan 2020 00:16:15 +0000
Subject: [PATCH 93/97] chore(deps): bump nuxt-i18n from 6.4.1 to 6.5.0

Bumps [nuxt-i18n](https://github.com/nuxt-community/nuxt-i18n) from 6.4.1 to 6.5.0.
- [Release notes](https://github.com/nuxt-community/nuxt-i18n/releases)
- [Changelog](https://github.com/nuxt-community/nuxt-i18n/blob/master/CHANGELOG.md)
- [Commits](https://github.com/nuxt-community/nuxt-i18n/compare/v6.4.1...v6.5.0)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 22 +++++++++++-----------
 package.json      |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index eb672b789..98cb48884 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1203,12 +1203,12 @@
             }
         },
         "@kazupon/vue-i18n-loader": {
-            "version": "0.4.1",
-            "resolved": "https://registry.npmjs.org/@kazupon/vue-i18n-loader/-/vue-i18n-loader-0.4.1.tgz",
-            "integrity": "sha512-hVznmhnyoUKozGY7pwq/UtPL76UDzb+aiN2YksZZIzCY/MkEqih0MSyEmTGw7+HVWzJRPAlDyoRNR4tWKmkCRw==",
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/@kazupon/vue-i18n-loader/-/vue-i18n-loader-0.5.0.tgz",
+            "integrity": "sha512-Tp2mXKemf9/RBhI9CW14JjR9oKjL2KH7tV6S0eKEjIBuQBAOFNuPJu3ouacmz9hgoXbNp+nusw3MVQmxZWFR9g==",
             "requires": {
                 "js-yaml": "^3.13.1",
-                "json5": "^2.1.0"
+                "json5": "^2.1.1"
             }
         },
         "@nuxt/babel-preset-app": {
@@ -8098,13 +8098,13 @@
             }
         },
         "nuxt-i18n": {
-            "version": "6.4.1",
-            "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.4.1.tgz",
-            "integrity": "sha512-SHAK5eA9oci8AtqOCDvPgWKp+W7SIBbbxW5xraPO0YTdyJWuA1gmUuo24w7MSms4d/cUcWoJaNiEYZHqxidUTA==",
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.5.0.tgz",
+            "integrity": "sha512-JNg5rJl/8/b5ruX1ZXPHGk2hXFFefaSgUgg19vaNPMpSWt4UqP2X47ShSv6UdRvUw8TZvcDjDBieZsyfsx+GEg==",
             "requires": {
                 "@babel/parser": "^7.5.5",
                 "@babel/traverse": "^7.5.5",
-                "@kazupon/vue-i18n-loader": "^0.4.0",
+                "@kazupon/vue-i18n-loader": "^0.5.0",
                 "cookie": "^0.4.0",
                 "is-https": "^1.0.0",
                 "js-cookie": "^2.2.1",
@@ -11914,9 +11914,9 @@
             "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog=="
         },
         "vue-i18n": {
-            "version": "8.15.1",
-            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.15.1.tgz",
-            "integrity": "sha512-GBbz8qYCu0U2LNu4IcuFLZiuyninG4k26knvhL7GZG5Ncp4RR2VKDEH6g8gQ6I+UUBCvH2MBQVPSdxWe4DBkPw=="
+            "version": "8.15.3",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.15.3.tgz",
+            "integrity": "sha512-PVNgo6yhOmacZVFjSapZ314oewwLyXHjJwAqjnaPN1GJAJd/dvsrShGzSiJuCX4Hc36G4epJvNXUwO8y7wEKew=="
         },
         "vue-i18n-extensions": {
             "version": "0.2.1",
diff --git a/package.json b/package.json
index 73776225d..f37158aa0 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
         "firebase": "^7.7.0",
         "graphql": "^14.5.8",
         "nuxt": "^2.11.0",
-        "nuxt-i18n": "^6.4.1",
+        "nuxt-i18n": "^6.5.0",
         "v-tooltip": "^2.0.2",
         "vue-virtual-scroll-list": "^1.4.4",
         "vuefire": "^2.2.1",

From 54e4dbc4ac65743855fff1f6998a25ea1f55dcd6 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 25 Jan 2020 07:00:07 +0530
Subject: [PATCH 94/97] :green_heart: Fixing CI Build

---
 .travis.yml | 38 ++++++++++++++++++++------------------
 build.js    |  2 +-
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index 0223e03ab..92275152d 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -13,38 +13,40 @@
 
 language: node_js
 node_js:
- - "12"
+  - "12"
+
+os: linux
 
 addons:
- apt:
-  packages:
-   - libgconf-2-4 # cypress binary dependency
+  apt:
+    packages:
+      - libgconf-2-4 # cypress binary dependency
 
 env:
- - DEPLOY_ENV=POSTWOMAN_IO
+  - DEPLOY_ENV=POSTWOMAN_IO
 
 cache:
- npm: true
- directories:
-  - "node_modules"
-  - ~/.cache
+  npm: true
+  directories:
+    - "node_modules"
+    - ~/.cache
 
 branches:
- only:
-  - "master"
+  only:
+    - "master"
 
 install:
- - "npm install firebase-tools"
- - "npm install"
+  - "npm install firebase-tools"
+  - "npm install"
 
 before_script:
- - "npm run test"
+  - "npm run test"
 
 script:
- - "cd functions"
- - "npm install"
- - "cd .."
- - "npm run generate"
+  - "cd functions"
+  - "npm install"
+  - "cd .."
+  - "npm run generate"
 
 notifications:
   webhooks: https://www.travisbuddy.com
diff --git a/build.js b/build.js
index be7f3f4c3..c19eb2987 100644
--- a/build.js
+++ b/build.js
@@ -53,7 +53,7 @@ try {
 
     // Write version data into a file
     fs.writeFileSync(
-      PW_BUILD_DATA_DIR + "/version.json",
+      `${PW_BUILD_DATA_DIR}/version.json`,
       JSON.stringify(version)
     );
   })();

From 2077dc2eee954c86919ed6a82c442a648776ad55 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Sat, 25 Jan 2020 03:05:07 +0000
Subject: [PATCH 95/97] chore(deps): bump v-tooltip from 2.0.2 to 2.0.3

Bumps [v-tooltip](https://github.com/Akryum/vue-tooltip) from 2.0.2 to 2.0.3.
- [Release notes](https://github.com/Akryum/vue-tooltip/releases)
- [Commits](https://github.com/Akryum/vue-tooltip/compare/v2.0.2...v2.0.3)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package-lock.json | 16 ++++++++--------
 package.json      |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c2bf91a7c..6f8a63f52 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8592,9 +8592,9 @@
             }
         },
         "popper.js": {
-            "version": "1.16.0",
-            "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.0.tgz",
-            "integrity": "sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw=="
+            "version": "1.16.1",
+            "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+            "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
         },
         "posix-character-classes": {
             "version": "0.1.1",
@@ -11848,12 +11848,12 @@
             "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ=="
         },
         "v-tooltip": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.0.2.tgz",
-            "integrity": "sha512-xQ+qzOFfywkLdjHknRPgMMupQNS8yJtf9Utd5Dxiu/0n4HtrxqsgDtN2MLZ0LKbburtSAQgyypuE/snM8bBZhw==",
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.0.3.tgz",
+            "integrity": "sha512-KZZY3s+dcijzZmV2qoDH4rYmjMZ9YKGBVoUznZKQX0e3c2GjpJm3Sldzz8HHH2Ud87JqhZPB4+4gyKZ6m98cKQ==",
             "requires": {
-                "lodash": "^4.17.11",
-                "popper.js": "^1.15.0",
+                "lodash": "^4.17.15",
+                "popper.js": "^1.16.0",
                 "vue-resize": "^0.4.5"
             }
         },
diff --git a/package.json b/package.json
index 44a956449..bf05f59ac 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "graphql": "^14.5.8",
         "nuxt": "^2.11.0",
         "nuxt-i18n": "^6.5.0",
-        "v-tooltip": "^2.0.2",
+        "v-tooltip": "^2.0.3",
         "vue-virtual-scroll-list": "^1.4.4",
         "vuefire": "^2.2.1",
         "vuejs-auto-complete": "^0.9.0",

From 3e126cdfa4ffc3b1b6e29a4d60d417dec28507fd Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 25 Jan 2020 12:21:47 +0530
Subject: [PATCH 96/97] :bug: Fixed a bug with Collection sync

---
 .../collections/importExportCollections.vue   | 102 ++++++++++++------
 components/collections/index.vue              |  14 +++
 functions/fb.js                               |  79 ++++++++------
 lang/en-US.js                                 |   3 +-
 pages/settings.vue                            |  16 +--
 store/postwoman.js                            |  12 +--
 6 files changed, 148 insertions(+), 78 deletions(-)

diff --git a/components/collections/importExportCollections.vue b/components/collections/importExportCollections.vue
index 254bdc684..8df70d36d 100644
--- a/components/collections/importExportCollections.vue
+++ b/components/collections/importExportCollections.vue
@@ -11,6 +11,54 @@
               </button>
             </div>
           </div>
+          <div class="flex-wrap">
+            <span
+              v-tooltip="{
+                content: !fb.currentUser
+                  ? $t('login_first')
+                  : $t('replace_current')
+              }"
+            >
+              <button
+                :disabled="!fb.currentUser"
+                class="icon"
+                @click="syncCollections"
+              >
+                <i class="material-icons">folder_shared</i>
+                <span>{{ $t("import_from_sync") }}</span>
+              </button>
+            </span>
+            <button
+              class="icon"
+              @click="openDialogChooseFileToReplaceWith"
+              v-tooltip="$t('replace_current')"
+            >
+              <i class="material-icons">create_new_folder</i>
+              <span>{{ $t("replace_json") }}</span>
+              <input
+                type="file"
+                @change="replaceWithJSON"
+                style="display: none;"
+                ref="inputChooseFileToReplaceWith"
+                accept="application/json"
+              />
+            </button>
+            <button
+              class="icon"
+              @click="openDialogChooseFileToImportFrom"
+              v-tooltip="$t('preserve_current')"
+            >
+              <i class="material-icons">folder_special</i>
+              <span>{{ $t("import_json") }}</span>
+              <input
+                type="file"
+                @change="importFromJSON"
+                style="display: none;"
+                ref="inputChooseFileToImportFrom"
+                accept="application/json"
+              />
+            </button>
+          </div>
         </li>
       </ul>
     </div>
@@ -18,39 +66,6 @@
       <textarea v-model="collectionJson" rows="8"></textarea>
     </div>
     <div slot="footer">
-      <div class="flex-wrap">
-        <span>
-          <button
-            class="icon"
-            @click="openDialogChooseFileToReplaceWith"
-            v-tooltip="$t('replace_current')"
-          >
-            <i class="material-icons">create_new_folder</i>
-            <span>{{ $t("replace_json") }}</span>
-            <input
-              type="file"
-              @change="replaceWithJSON"
-              style="display: none;"
-              ref="inputChooseFileToReplaceWith"
-            />
-          </button>
-          <button
-            class="icon"
-            @click="openDialogChooseFileToImportFrom"
-            v-tooltip="$t('preserve_current')"
-          >
-            <i class="material-icons">folder_shared</i>
-            <span>{{ $t("import_json") }}</span>
-            <input
-              type="file"
-              @change="importFromJSON"
-              style="display: none;"
-              ref="inputChooseFileToImportFrom"
-            />
-          </button>
-        </span>
-        <span></span>
-      </div>
       <div class="flex-wrap">
         <span></span>
         <span>
@@ -71,7 +86,14 @@
 </template>
 
 <script>
+import { fb } from "../../functions/fb";
+
 export default {
+  data() {
+    return {
+      fb
+    };
+  },
   props: {
     show: Boolean
   },
@@ -101,6 +123,7 @@ export default {
         this.$store.commit("postwoman/replaceCollections", collections);
       };
       reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0]);
+      this.fileImported();
     },
     importFromJSON() {
       let reader = new FileReader();
@@ -110,6 +133,7 @@ export default {
         this.$store.commit("postwoman/importCollections", collections);
       };
       reader.readAsText(this.$refs.inputChooseFileToImportFrom.files[0]);
+      this.fileImported();
     },
     exportJSON() {
       let text = this.collectionJson;
@@ -125,6 +149,18 @@ export default {
       document.body.appendChild(anchor);
       anchor.click();
       document.body.removeChild(anchor);
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done"
+      });
+    },
+    syncCollections() {
+      this.$store.commit("postwoman/replaceCollections", fb.currentCollections);
+      this.fileImported();
+    },
+    fileImported() {
+      this.$toast.info(this.$t("file_imported"), {
+        icon: "folder_shared"
+      });
     }
   }
 };
diff --git a/components/collections/index.vue b/components/collections/index.vue
index ea2d2b015..e3ec32698 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -108,6 +108,7 @@ ul {
 
 <script>
 import collection from "./collection";
+import { fb } from "../../functions/fb";
 
 export default {
   components: {
@@ -172,11 +173,13 @@ export default {
       this.$data.editingCollection = collection;
       this.$data.editingCollectionIndex = collectionIndex;
       this.displayModalEdit(true);
+      this.syncCollections();
     },
     addFolder(collection, collectionIndex) {
       this.$data.editingCollection = collection;
       this.$data.editingCollectionIndex = collectionIndex;
       this.displayModalAddFolder(true);
+      this.syncCollections();
     },
     editFolder(payload) {
       const { collectionIndex, folder, folderIndex } = payload;
@@ -185,6 +188,7 @@ export default {
       this.$data.editingFolder = folder;
       this.$data.editingFolderIndex = folderIndex;
       this.displayModalEditFolder(true);
+      this.syncCollections();
     },
     editRequest(payload) {
       const { request, collectionIndex, folderIndex, requestIndex } = payload;
@@ -193,6 +197,7 @@ export default {
       this.$data.editingRequest = request;
       this.$data.editingRequestIndex = requestIndex;
       this.displayModalEditRequest(true);
+      this.syncCollections();
     },
     resetSelectedData() {
       this.$data.editingCollection = undefined;
@@ -201,6 +206,15 @@ export default {
       this.$data.editingFolderIndex = undefined;
       this.$data.editingRequest = undefined;
       this.$data.editingRequestIndex = undefined;
+    },
+    syncCollections() {
+      if (fb.currentUser !== null) {
+        if (fb.currentSettings[0].value) {
+          fb.writeCollections(
+            JSON.parse(JSON.stringify(this.$store.state.postwoman.collections))
+          );
+        }
+      }
     }
   }
 };
diff --git a/functions/fb.js b/functions/fb.js
index 698b9150e..c73a655fc 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -25,6 +25,7 @@ export const fb = {
   currentFeeds: [],
   currentSettings: [],
   currentHistory: [],
+  currentCollections: [],
   writeFeeds: async (message, label) => {
     const dt = {
       createdOn: new Date(),
@@ -34,14 +35,11 @@ export const fb = {
       message,
       label
     };
-    try {
-      return usersCollection
-        .doc(fb.currentUser.uid)
-        .collection("feeds")
-        .add(dt);
-    } catch (e) {
-      return console.error("error inserting", dt, e);
-    }
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("feeds")
+      .add(dt)
+      .catch(e => console.error("error inserting", dt, e));
   },
   deleteFeed: id => {
     usersCollection
@@ -60,26 +58,20 @@ export const fb = {
       name: setting,
       value
     };
-    try {
-      return usersCollection
-        .doc(fb.currentUser.uid)
-        .collection("settings")
-        .doc(setting)
-        .set(st);
-    } catch (e) {
-      return console.error("error updating", st, e);
-    }
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("settings")
+      .doc(setting)
+      .set(st)
+      .catch(e => 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);
-    }
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("history")
+      .add(hs)
+      .catch(e => console.error("error inserting", hs, e));
   },
   deleteHistory: entry => {
     usersCollection
@@ -105,6 +97,21 @@ export const fb = {
       .doc(entry.id)
       .update({ star: value })
       .catch(e => console.error("error deleting", entry, e));
+  },
+  writeCollections: async collection => {
+    const cl = {
+      updatedOn: new Date(),
+      author: fb.currentUser.uid,
+      author_name: fb.currentUser.displayName,
+      author_image: fb.currentUser.photoURL,
+      collection: collection
+    };
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("collections")
+      .doc("sync")
+      .set(cl)
+      .catch(e => console.error("error updating", cl, e));
   }
 };
 
@@ -121,11 +128,10 @@ firebase.auth().onAuthStateChanged(user => {
         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)
+        .set(us)
+        .catch(e => console.error("error updating", us, e));
     });
 
     usersCollection
@@ -167,6 +173,19 @@ firebase.auth().onAuthStateChanged(user => {
         });
         fb.currentHistory = history;
       });
+
+    usersCollection
+      .doc(fb.currentUser.uid)
+      .collection("collections")
+      .onSnapshot(collectionsRef => {
+        const collections = [];
+        collectionsRef.forEach(doc => {
+          const collection = doc.data();
+          collection.id = doc.id;
+          collections.push(collection);
+        });
+        fb.currentCollections = collections[0].collection;
+      });
   } else {
     fb.currentUser = null;
   }
diff --git a/lang/en-US.js b/lang/en-US.js
index 2d63fd63a..fbd3c43b8 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -259,5 +259,6 @@ export default {
   syncCollections: "Collections",
   turn_on: "Turn on",
   login_first: "Login first",
-  paste_a_collection: "Paste a Collection"
+  paste_a_collection: "Paste a Collection",
+  import_from_sync: "Import from Sync"
 };
diff --git a/pages/settings.vue b/pages/settings.vue
index 0bba79853..1df3fbc3f 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -39,7 +39,7 @@
               </pw-toggle>
             </p>
             <p v-if="fb.currentSettings.length == 0">
-              <button class="" @click="writeSettings">
+              <button class="" @click="initSettings">
                 <i class="material-icons">sync</i>
                 <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
               </button>
@@ -406,8 +406,8 @@ export default {
               action: {
                 text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings("syncHistory", false);
-                  fb.writeSettings("syncCollections", true);
+                  fb.writeSettings("syncHistory", true);
+                  fb.writeSettings("syncCollections", false);
                   this.$router.push({ path: "/settings" });
                   toastObject.remove();
                 }
@@ -435,8 +435,8 @@ export default {
               action: {
                 text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings("syncHistory", false);
-                  fb.writeSettings("syncCollections", true);
+                  fb.writeSettings("syncHistory", true);
+                  fb.writeSettings("syncCollections", false);
                   this.$router.push({ path: "/settings" });
                   toastObject.remove();
                 }
@@ -453,9 +453,9 @@ export default {
     toggleSettings(s, v) {
       fb.writeSettings(s, !v);
     },
-    writeSettings() {
-      fb.writeSettings("syncHistory", false);
-      fb.writeSettings("syncCollections", true);
+    initSettings() {
+      fb.writeSettings("syncHistory", true);
+      fb.writeSettings("syncCollections", false);
     }
   },
 
diff --git a/store/postwoman.js b/store/postwoman.js
index b7ae1258d..09f13178f 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -111,10 +111,10 @@ export const mutations = {
   },
 
   addNewCollection({ collections }, collection) {
-    const { name } = collection
-    const duplicateCollection = collections.some(item => item.name === name)
+    const { name } = collection;
+    const duplicateCollection = collections.some(item => item.name === name);
     if (duplicateCollection) {
-      this.$toast.info('Duplicate collection');
+      this.$toast.info("Duplicate collection");
       return;
     }
     collections.push({
@@ -132,10 +132,10 @@ export const mutations = {
 
   editCollection({ collections }, payload) {
     const { collection, collectionIndex } = payload;
-    const { name } = collection
-    const duplicateCollection = collections.some(item => item.name === name)
+    const { name } = collection;
+    const duplicateCollection = collections.some(item => item.name === name);
     if (duplicateCollection) {
-      this.$toast.info('Duplicate collection');
+      this.$toast.info("Duplicate collection");
       return;
     }
     collections[collectionIndex] = collection;

From 16491d36def6014ed9a7370f1a243fc155f86c59 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 25 Jan 2020 16:37:00 +0530
Subject: [PATCH 97/97] :pencil2: Updated feature list

---
 README.md | 35 ++++++++++++++---------------------
 1 file changed, 14 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index 193f0bbec..245e5795a 100644
--- a/README.md
+++ b/README.md
@@ -3,10 +3,10 @@
   <br>
   <br>
   <p>
-    API request builder - A free, fast, and beautiful alternative to Postman
+    <b>A free, fast & beautiful API request builder</b>
   </p>
   <p>
-     Helps you create your requests faster, saving you precious time on your development - <a href="https://postwoman.launchaco.com">Subscribe</a>
+     <i>Web alternative to Postman - Helps you create requests faster, saving precious time on development - <a href="https://postwoman.launchaco.com">Subscribe</a></i>
   </p>
   <p>
 
@@ -190,30 +190,13 @@ _Requests with Pre-Request Scripts are indicated in History entries_
 🌎 **i18n β**: Experience the app in your own language.
 
  1. Scroll down to the footer
- 2. Click "Choose Language" button
+ 2. Click "Choose Language" icon button
  3. Select your language from the menu
 
-_Keep in mind translations aren't available for all source and target language combinations_
+_Keep in mind: Translations aren't available for all source and target language combinations_
 
 **To provide a localized experience for users around the world, you can add you own translations.**
 
- - Add a new locale in `lang/`
-
-   Example: `lang/es-ES.js`
- - Mention `code`, `name`, `iso` and `file` in `nuxt.config.js`
-
-   Example:
-    ```
-    i18n: {
-      locales: [{
-        code: 'es',
-        name: 'Español',
-        iso: 'es-ES',
-        file: 'es-ES.js'
-      }]
-    }
-    ```
-
 _**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/liyasthomas/postwoman/tree/i18n) only!**_
 
 📦 **Add-ons**: Official add-ons for Postwoman.
@@ -228,6 +211,16 @@ _**All `i18n` contributions are welcome to `i18n` [branch](https://github.com/li
 
 _Add-ons are developed and maintained under **[Official Postwoman Organization](https://github.com/postwoman-io)**._
 
+☁️ **Auth + Sync**: Sign in and sync in real-time.
+
+**Sign in with:**
+ - Google
+ - GitHub
+
+**Sync:**
+ - History
+ - Collections
+
 **To find out more, please check out [Postwoman Wiki](https://github.com/liyasthomas/postwoman/wiki).**
 
 ## Demo 🚀 [![Website](https://img.shields.io/website?url=https%3A%2F%2Fpostwoman.io&logo=Postwoman)](https://postwoman.io)