[{"_1":2,"_173":-5,"_174":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","7037b4412b49b7328160fa57e59f17dfe8779fc7","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_170":171,"_172":-5},"handle","shivaam2804","name","useraccessmanagement","path","frontend/src/contexts/AuthContext.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","70c3bee8-36f1-11f0-a151-9e149126039e","createdAt",["D",1747907105536],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","48e571a0-36f1-11f0-8e46-8179a1001ad4","pinnedFileId","pinPreview","screenshotVersion","likeCount","6125d4e3-1052-486d-a656-bfbe79d455ba","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4Umh2VTJXUnN4VEJ0amZQT3MySE5mOXRWViJ9","org",{"_93":94,"_131":128,"_12":111},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",32,"70c3ee54-36f1-11f0-a151-9e149126039e","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":156,"_157":158,"_103":159,"_134":32,"_160":161,"_162":163,"_164":20,"_165":-5,"_97":166},"f85c220a-36f1-11f0-a64c-9e149126039e","AuthContext.tsx","fileId","f85c22c8-36f1-11f0-a64c-9e149126039e","parentId","3116cd7e-5f4a-4411-8662-f51535828d32","branchId","branchVersion",22,"latest",true,["D",1747907333023],"fileType","script","content","import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';\nimport { User, LoginData, SignupData } from '../types';\nimport { authAPI } from '../services/api';\n\ninterface AuthContextType {\n user: User | null;\n token: string | null;\n isAuthenticated: boolean;\n isLoading: boolean;\n error: string | null;\n login: (data: LoginData) => Promise;\n signup: (data: SignupData) => Promise;\n logout: () => void;\n}\n\nconst AuthContext = createContext(undefined);\n\nexport const useAuth = () => {\n const context = useContext(AuthContext);\n if (!context) {\n throw new Error('useAuth must be used within an AuthProvider');\n }\n return context;\n};\n\ninterface AuthProviderProps {\n children: ReactNode;\n}\n\nexport const AuthProvider: React.FC = ({ children }) => {\n const [user, setUser] = useState(null);\n const [token, setToken] = useState(localStorage.getItem('token'));\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Check if user is already logged in\n useEffect(() => {\n const initAuth = async () => {\n const storedToken = localStorage.getItem('token');\n const storedUser = localStorage.getItem('user');\n \n if (storedToken && storedUser) {\n try {\n setToken(storedToken);\n setUser(JSON.parse(storedUser));\n } catch (error) {\n // If there's an error parsing the user, clear storage\n localStorage.removeItem('token');\n localStorage.removeItem('user');\n setToken(null);\n setUser(null);\n }\n }\n \n setIsLoading(false);\n };\n \n initAuth();\n }, []);\n\n const login = async (data: LoginData) => {\n try {\n setIsLoading(true);\n setError(null);\n \n const response = await authAPI.login(data);\n const { token, user } = response.data;\n \n localStorage.setItem('token', token);\n localStorage.setItem('user', JSON.stringify(user));\n \n setToken(token);\n setUser(user);\n } catch (error: any) {\n setError(error.response?.data?.message || 'Login failed');\n throw error;\n } finally {\n setIsLoading(false);\n }\n };\n\n const signup = async (data: SignupData) => {\n try {\n setIsLoading(true);\n setError(null);\n \n await authAPI.signup(data);\n // After signup, login the user\n await login({ username: data.username, password: data.password });\n } catch (error: any) {\n setError(error.response?.data?.message || 'Signup failed');\n throw error;\n } finally {\n setIsLoading(false);\n }\n };\n\n const logout = () => {\n localStorage.removeItem('token');\n localStorage.removeItem('user');\n setToken(null);\n setUser(null);\n };\n\n const value = {\n user,\n token,\n isAuthenticated: !!token,\n isLoading,\n error,\n login,\n signup,\n logout,\n };\n\n return {children};\n};","deleted","label",[167,168,169,149],"frontend","src","contexts","permalink","https://www.val.town/x/shivaam2804/useraccessmanagement/code/frontend/src/contexts/AuthContext.tsx","extension","actionData","errors"]