Ne uplne otestovany prepis storu

src/stores/User.js

@@ -1,90 +1,94 @@
 import {defineStore} from 'pinia'
 import {api} from "boot/axios";
-import {apolloWrapper} from "src/graphql/apollo";
 import {EDIT_USER} from "src/graphql/mutations/user";
 import {LOGGED_USER_DETAIL, USER_DETAIL} from "src/graphql/queries/user";
+import {ref} from "vue";
+import {mutate, query} from "stores/helpers";
 
-export const useUserStore = defineStore('LoggedUser', {
-  state: () => ({
-    user: {},
-    isRefreshing: false,
-    isMutationRunning: false,
-  }),
+export const useUserStore = defineStore('LoggedUser', () => {
+    const user = ref(null);
+    const publicUser = ref(null);
+    const isQueryRunning = ref(false);
+    const isMutationRunning = ref(false);
+    const isRefreshing = ref(false);
 
-  actions: {
-    update(formData) {
-      this.isMutationRunning = true;
+    const fetchLoggedUserDetail = () => query({
+        isQueryRunning,
+        query: LOGGED_USER_DETAIL
+    }).then(item => {
+        user.value = item;
+        return item;
+    });
 
-      apolloWrapper.mutate(EDIT_USER, {input: formData}).then((response) => {
-        const user = response.data?.editLoggedUser;
-        this.user = user;
-        return user;
-      }).finally(() => this.isMutationRunning = false);
-    },
+    const fetchPublicUserDetail = (username) => query({
+        isQueryRunning,
+        query: USER_DETAIL,
+        variables: {username}
+    }).then(item => {
+        publicUser.value = item;
+        return item;
+    });
 
-    fetchLoggedUserDetail() {
-      return apolloWrapper.query(LOGGED_USER_DETAIL).then((response) => {
-        const user = response.data?.loggedUser;
-        this.user = user;
-        return user;
-      })
-    },
+    const update = (input) => mutate({
+        isMutationRunning,
+        mutation: EDIT_USER,
+        variables: {input}
+    }).then(item => {
+        user.value = item;
+        return item;
+    });
 
-    fetchDetail(username) {
-      return apolloWrapper.query(USER_DETAIL, {username}).then((response) => {
-        return response.data?.user;
-      });
-    },
-
-    async register(formData) {
-      return api.post('/registration', formData).then(response => {
-        const registeredUser = response.data;
-        const isSuccess = response.status === 201
-      })
-    },
-
-    async login(formData) {
-      return api.post("/login", formData).then(({data}) => {
-        this.setTokens(data);
-        this.user = data.user;
-      })
-    },
-    logout() {
-      return api.post("/logout").then(response => {
-        Object.assign(this.user, {});
-        localStorage.removeItem("accessToken");
-        localStorage.removeItem("accessTokenValidity");
-      });
-    },
-
-    setTokens({access_token, access_token_validity}) {
-      const now = new Date().getTime() / 1000;
-      localStorage.setItem("accessToken", access_token);
-      localStorage.setItem("accessTokenValidity", now + access_token_validity);
-    },
-
-    getAccessToken() {
-      const tokenValidity = localStorage.getItem("accessTokenValidity");
-      const now = new Date().getTime() / 1000;
-
-      if (tokenValidity < now) {
-        localStorage.removeItem("accessToken");
-        localStorage.removeItem("accessTokenValidity");
-      }
-
-      return localStorage.getItem(`accessToken`);
-    },
-
-    hasAccessToken() {
-      return !!localStorage.getItem("accessToken");
-    },
-
-    async refreshAccessToken() {
-      return api.post("/refresh")
-        .then(({data}) => {
-          this.setTokens(data);
-          return data.access_token;
+    const register = async (formData) => {
+        return api.post('/registration', formData).then(response => {
+            const registeredUser = response.data;
+            const isSuccess = response.status === 201
         })
-    },
-  }
-})
+    };
+
+    const login = async (formData) => {
+        return api.post("/login", formData).then(({data}) => {
+            setTokens(data);
+            this.user = data.user;
+        })
+    };
+
+    const logout = () => {
+        return api.post("/logout").then(response => {
+            localStorage.removeItem("accessToken");
+            localStorage.removeItem("accessTokenValidity");
+            user.value = null;
+        });
+    };
+
+    const setTokens = ({access_token, access_token_validity}) => {
+        const now = new Date().getTime() / 1000;
+        localStorage.setItem("accessToken", access_token);
+        localStorage.setItem("accessTokenValidity", now + access_token_validity);
+    };
+
+    const getAccessToken = () => {
+        const tokenValidity = localStorage.getItem("accessTokenValidity");
+        const now = new Date().getTime() / 1000;
+
+        if (tokenValidity < now) {
+            localStorage.removeItem("accessToken");
+            localStorage.removeItem("accessTokenValidity");
+        }
+
+        return localStorage.getItem(`accessToken`);
+    };
+
+    const hasAccessToken = () => !!localStorage.getItem("accessToken");
+
+    const refreshAccessToken = async () => api.post("/refresh")
+        .then(({data}) => {
+            setTokens(data);
+            return data.access_token;
+        });
+
+    return {
+        isQueryRunning, isMutationRunning, user, publicUser, fetchLoggedUserDetail, fetchPublicUserDetail, update,
+        register, login, logout,
+        getAccessToken, hasAccessToken, refreshAccessToken, isRefreshing
+    }
+});