From ae46d7a8b2a254528b673443f4ab7f2b3c1d9aec Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Mon, 23 Aug 2021 19:43:23 +0200
Subject: [PATCH] #85 universal login across locales - logout

---
 components/Account.vue | 21 ++++++++++++++++++++-
 nuxt.config.js         |  1 +
 server/routes/user.js  |  7 +++++++
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/components/Account.vue b/components/Account.vue
index e7f2dfd33..7da4dee78 100644
--- a/components/Account.vue
+++ b/components/Account.vue
@@ -1,5 +1,17 @@
 <template>
-    <section>
+    <section v-if="logoutInProgress">
+        <p class="text-center">
+            <Spinner size="5rem"/>
+        </p>
+        <div>
+            <iframe v-for="domain in universalDomains"
+                    :src="`${domain}/api/user/logout-universal`"
+                    style="width: 1px; height: 1px; opacity: .01"
+            >
+            </iframe>
+        </div>
+    </section>
+    <section v-else>
         <div class="card mb-3">
             <div class="card-body d-flex flex-column flex-md-row">
                 <div class="mx-2 text-center">
@@ -162,6 +174,8 @@
                 captchaToken: null,
 
                 universalDomains: process.env.ALL_LOCALES_URLS.split(',').filter(x => x !== process.env.BASE_URL),
+
+                logoutInProgress: false,
             }
         },
         async mounted() {
@@ -242,8 +256,13 @@
                 }
             },
             logout() {
+                this.logoutInProgress = true;
+                setTimeout(this.doLogout, 3000);
+            },
+            doLogout() {
                 this.$store.commit('setToken', null);
                 this.$cookies.removeAll();
+                this.logoutInProgress = false;
             },
             setProfiles(profiles) {
                 this.profiles = profiles;
diff --git a/nuxt.config.js b/nuxt.config.js
index 84fe93040..76bfe89ca 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -19,6 +19,7 @@ const allVersionsUrls = buildList(function*() {
         yield 'http://pronouns.test:3000';
         yield 'http://localhost:3000';
     } else {
+        yield 'https://pronouns.page';
         for (let loc in locales) {
             yield locales[loc].url;
         }
diff --git a/server/routes/user.js b/server/routes/user.js
index df8e6f0c9..fa016fc45 100644
--- a/server/routes/user.js
+++ b/server/routes/user.js
@@ -468,6 +468,7 @@ router.post('/user/set-avatar', handleErrorAsync(async (req, res) => {
 }));
 
 router.get('/user/init-universal/:token', handleErrorAsync(async (req, res) => {
+    res.header('Access-Control-Allow-Origin', '*');
     if (req.user) {
         return res.json('Already logged in');
     }
@@ -476,4 +477,10 @@ router.get('/user/init-universal/:token', handleErrorAsync(async (req, res) => {
     return res.json('Token saved');
 }));
 
+router.get('/user/logout-universal', handleErrorAsync(async (req, res) => {
+    res.header('Access-Control-Allow-Origin', '*');
+    res.clearCookie('token');
+    return res.json('Token removed');
+}));
+
 export default router;