add payload to auth

Author: joshunrau

apps/playground/package.json

@@ -25,6 +25,7 @@
     "esbuild-wasm": "catalog:",
     "immer": "^10.1.1",
     "jszip": "^3.10.1",
+    "jwt-decode": "^4.0.0",
     "lodash-es": "workspace:lodash-es__4.x@*",
     "lucide-react": "^0.503.0",
     "lz-string": "^1.5.0",

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

@@ -1,10 +1,15 @@
+import { jwtDecode } from 'jwt-decode';
+
 import type { AuthSlice, SliceCreator } from '../types';
 
 export const createAuthSlice: SliceCreator<AuthSlice> = (set) => ({
-  accessToken: null,
-  setAccessToken: (accessToken) => {
+  auth: null,
+  login: (accessToken) => {
     set((state) => {
-      state.accessToken = accessToken;
+      state.auth = {
+        accessToken,
+        payload: jwtDecode(accessToken)
+      };
     });
   }
 });

apps/playground/src/store/types.ts

@@ -1,3 +1,4 @@
+import type { JwtPayload } from 'jwt-decode';
 import type { Simplify } from 'type-fest';
 import type { StateCreator } from 'zustand';
 
@@ -35,8 +36,11 @@ export type TranspilerSlice = {
 };
 
 export type AuthSlice = {
-  accessToken: null | string;
-  setAccessToken: (accessToken: null | string) => void;
+  auth: null | {
+    accessToken: string;
+    payload: JwtPayload;
+  };
+  login: (accessToken: string) => void;
 };
 
 export type EditorState = {