add revalidate

Author: joshunrau

apps/playground/src/store/slices/auth.slice.ts

@@ -2,7 +2,7 @@ import { jwtDecode } from 'jwt-decode';
 
 import type { AuthSlice, SliceCreator } from '../types';
 
-export const createAuthSlice: SliceCreator<AuthSlice> = (set) => ({
+export const createAuthSlice: SliceCreator<AuthSlice> = (set, get) => ({
   auth: null,
   login: (accessToken) => {
     set((state) => {
@@ -11,5 +11,13 @@ export const createAuthSlice: SliceCreator<AuthSlice> = (set) => ({
         payload: jwtDecode(accessToken)
       };
     });
+  },
+  revalidateToken: () => {
+    const { auth } = get();
+    if (auth?.payload.exp && Date.now() / 1000 > auth.payload.exp) {
+      set((state) => {
+        state.auth = null;
+      });
+    }
   }
 });

apps/playground/src/store/types.ts

@@ -41,6 +41,7 @@ export type AuthSlice = {
     payload: JwtPayload;
   };
   login: (accessToken: string) => void;
+  revalidateToken: () => void;
 };
 
 export type EditorState = {