Fix polling and updating behavior of whoAmI and permission queries

CHANGELOG.rst

@@ -22,6 +22,7 @@ Fixed
 * The search bar in the sidenav menu is shown even though the user has no permission to see it.
 * Add permission check to accept invitation menu point in order to hide it when this feature is disabled.
 * Metrics endpoint for Prometheus was at the wrong URL.
+* Polling behavior of the whoAmI and permission queries was fixed.
 
 `3.0`_ - 2022-05-11
 -------------------

aleksis/core/frontend/components/app/App.vue

@@ -246,12 +246,17 @@ export default {
     systemProperties: gqlSystemProperties,
     whoAmI: {
       query: gqlWhoAmI,
+      pollInterval: 30000,
+      result({ data }) {
+        if (data && data.whoAmI) {
+          this.$root.permissions = data.whoAmI.permissions;
+        }
+      },
       variables() {
         return {
-          permissions: this.permissionNames,
+          permissions: this.$root.permissionNames,
         };
       },
-      pollInterval: 10000,
     },
     messages: {
       query: gqlMessages,

aleksis/core/frontend/components/app/SideNav.vue

 <template>
-  <v-navigation-drawer app :value="value" height="100dvh" @input="$emit('input', $event)">
+  <v-navigation-drawer
+    app
+    :value="value"
+    height="100dvh"
+    @input="$emit('input', $event)"
+  >
     <v-list nav dense shaped>
       <v-list-item class="logo">
         <a
@@ -110,7 +115,7 @@ export default {
   },
   mixins: [permissionsMixin],
   mounted() {
-    this.fetchPermissions(["core.search_rule"]);
+    this.addPermissions(["core.search_rule"]);
   },
 };
 </script>

aleksis/core/frontend/components/app/permissions.graphql

-query gqlPermissions($permissions: [String]!) {
-  whoAmI {
-    permissions: globalPermissionsByName(permissions: $permissions) {
-      name
-      result
-    }
-  }
-}

aleksis/core/frontend/components/app/whoAmI.graphql

-query whoAmI {
+query whoAmI($permissions: [String]!) {
   whoAmI {
     username
     isAuthenticated
@@ -12,5 +12,9 @@ query whoAmI {
       avatarUrl
       isDummy
     }
+    permissions: globalPermissionsByName(permissions: $permissions) {
+      name
+      result
+    }
   }
 }

aleksis/core/frontend/index.js

@@ -73,6 +73,7 @@ const app = new Vue({
     snackbarItems: [],
     toolbarTitle: "AlekSIS®",
     permissions: [],
+    permissionNames: [],
   }),
   computed: {
     matchedComponents() {

aleksis/core/frontend/mixins/menus.js

@@ -37,7 +37,7 @@ const menusMixin = {
         }
       }
 
-      this.fetchPermissions(permArray);
+      this.addPermissions(permArray);
     },
     buildMenu(routes, menuKey) {
       let menu = {};

aleksis/core/frontend/mixins/permissions.js

@@ -5,17 +5,6 @@ import gqlPermissions from "../components/app/permissions.graphql";
  */
 
 const permissionsMixin = {
-  apollo: {
-    permissions: {
-      query: gqlPermissions,
-      update(data) {
-        this.$root.permissions = data.whoAmI.permissions;
-      },
-      variables: {
-        permissions: [],
-      },
-    },
-  },
   methods: {
     checkPermission(permissionName) {
       return (
@@ -24,30 +13,16 @@ const permissionsMixin = {
         this.$root.permissions.find((p) => p.name === permissionName).result
       );
     },
-    fetchPermissions(permissionNames) {
-      this.$apollo.queries.permissions.fetchMore({
-        variables: {
-          permissions: permissionNames,
-        },
-        updateQuery: (previousResult, { fetchMoreResult }) => {
-          const oldPermissions = previousResult.whoAmI.permissions;
-          const newPermissions = fetchMoreResult.whoAmI.permissions;
-
-          const keepPermissions = oldPermissions.filter(
-            (oldPermission) =>
-              !newPermissions.find(
-                (newPermission) => newPermission.name === oldPermission.name
-              )
-          );
+    addPermissions(newPermissionNames) {
+      const keepPermissionNames = this.$root.permissionNames.filter(
+        (oldPermName) =>
+          !newPermissionNames.find((newPermName) => newPermName === oldPermName)
+      );
 
-          return {
-            whoAmI: {
-              __typename: previousResult.whoAmI.__typename,
-              permissions: [...keepPermissions, ...newPermissions],
-            },
-          };
-        },
-      });
+      this.$root.permissionNames = [
+        ...keepPermissionNames,
+        ...newPermissionNames,
+      ];
     },
   },
 };