[{"_1":2,"_172":-5,"_173":-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","0fffb492b08724537e73cd8bc4c3f31babbf0bd5","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,"_169":170,"_171":-5},"handle","chrisboss","name","offlineexamapp","path","frontend/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","874edf9e-352f-11f0-ab34-9e149126039e","createdAt",["D",1747713869830],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","1ead2fb0-ee9c-11ef-94f0-fdf5a27c970d","pinnedFileId","pinPreview","screenshotVersion","likeCount","cd2c2546-14ab-4d21-bb9e-cad44dee4619","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydEZodWNKYk5IQkV6WXdzdGEwVndWR3dINWwifQ","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",19,"874f1112-352f-11f0-ab34-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},"661265fa-3532-11f0-8842-9e149126039e","AuthContext.tsx","fileId","661266c2-3532-11f0-8842-9e149126039e","parentId","ec8a3f0b-7c3f-4d93-bf36-602db69f75a8","branchId","branchVersion",8,"latest",true,["D",1747715102555],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { useDatabase } from \"../hooks/useDatabase\";\nimport { User } from \"../../shared/database/schema\";\n\ninterface AuthContextType {\n user: User | null;\n isAuthenticated: boolean;\n isLoading: boolean;\n error: Error | null;\n login: (username: string, password: string) => Promise;\n register: (userData: Omit) => Promise;\n logout: () => void;\n updateUser: (userData: Partial) => Promise;\n}\n\nexport const AuthContext = createContext({\n user: null,\n isAuthenticated: false,\n isLoading: true,\n error: null,\n login: async () => {},\n register: async () => {},\n logout: () => {},\n updateUser: async () => {}\n});\n\nexport const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n const { db, isInitialized } = useDatabase();\n const [user, setUser] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Check for existing session on mount\n useEffect(() => {\n if (!isInitialized) return;\n \n const checkSession = async () => {\n try {\n const storedUser = localStorage.getItem(\"currentUser\");\n \n if (storedUser) {\n const userData = JSON.parse(storedUser) as User;\n \n // Verify that the user still exists in the database\n if (db) {\n const transaction = db.transaction([\"users\"], \"readonly\");\n const store = transaction.objectStore(\"users\");\n const request = store.get(userData.id);\n \n request.onsuccess = () => {\n if (request.result) {\n setUser(userData);\n } else {\n // User no longer exists in the database\n localStorage.removeItem(\"currentUser\");\n }\n setIsLoading(false);\n };\n \n request.onerror = () => {\n setError(new Error(\"Failed to verify user\"));\n setIsLoading(false);\n };\n }\n } else {\n setIsLoading(false);\n }\n } catch (err) {\n console.error(\"Failed to check session:\", err);\n setError(err instanceof Error ? err : new Error(String(err)));\n setIsLoading(false);\n }\n };\n \n checkSession();\n }, [db, isInitialized]);\n\n // Login function\n const login = async (username: string, password: string): Promise => {\n if (!db) throw new Error(\"Database not initialized\");\n \n setIsLoading(true);\n setError(null);\n \n try {\n const transaction = db.transaction([\"users\"], \"readonly\");\n const store = transaction.objectStore(\"users\");\n const index = store.index(\"username\");\n const request = index.get(username);\n \n return new Promise((resolve, reject) => {\n request.onsuccess = () => {\n const userData = request.result as User | undefined;\n \n if (!userData) {\n const error = new Error(\"Invalid username or password\");\n setError(error);\n setIsLoading(false);\n reject(error);\n return;\n }\n \n // In a real app, we would use a proper password hashing library\n if (userData.password !== password) {\n const error = new Error(\"Invalid username or password\");\n setError(error);\n setIsLoading(false);\n reject(error);\n return;\n }\n \n // Update last login time\n const updateTransaction = db.transaction([\"users\"], \"readwrite\");\n const updateStore = updateTransaction.objectStore(\"users\");\n \n userData.lastLogin = Date.now();\n const updateRequest = updateStore.put(userData);\n \n updateRequest.onsuccess = () => {\n // Store user in local storage for session persistence\n localStorage.setItem(\"currentUser\", JSON.stringify(userData));\n setUser(userData);\n setIsLoading(false);\n resolve();\n };\n \n updateRequest.onerror = () => {\n const error = new Error(\"Failed to update last login time\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n };\n \n request.onerror = () => {\n const error = new Error(\"Failed to login\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n });\n } catch (err) {\n setError(err instanceof Error ? err : new Error(String(err)));\n setIsLoading(false);\n throw err;\n }\n };\n\n // Register function\n const register = async (userData: Omit): Promise => {\n if (!db) throw new Error(\"Database not initialized\");\n \n setIsLoading(true);\n setError(null);\n \n try {\n // Check if username or email already exists\n const checkTransaction = db.transaction([\"users\"], \"readonly\");\n const checkStore = checkTransaction.objectStore(\"users\");\n const usernameIndex = checkStore.index(\"username\");\n const emailIndex = checkStore.index(\"email\");\n \n return new Promise((resolve, reject) => {\n const usernameRequest = usernameIndex.get(userData.username);\n \n usernameRequest.onsuccess = () => {\n if (usernameRequest.result) {\n const error = new Error(\"Username already exists\");\n setError(error);\n setIsLoading(false);\n reject(error);\n return;\n }\n \n const emailRequest = emailIndex.get(userData.email);\n \n emailRequest.onsuccess = () => {\n if (emailRequest.result) {\n const error = new Error(\"Email already exists\");\n setError(error);\n setIsLoading(false);\n reject(error);\n return;\n }\n \n // Create new user\n const newUser: User = {\n ...userData,\n id: `user-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n createdAt: Date.now()\n };\n \n const transaction = db.transaction([\"users\"], \"readwrite\");\n const store = transaction.objectStore(\"users\");\n const request = store.add(newUser);\n \n request.onsuccess = () => {\n // Automatically log in the new user\n localStorage.setItem(\"currentUser\", JSON.stringify(newUser));\n setUser(newUser);\n setIsLoading(false);\n resolve();\n };\n \n request.onerror = () => {\n const error = new Error(\"Failed to register user\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n };\n \n emailRequest.onerror = () => {\n const error = new Error(\"Failed to check email\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n };\n \n usernameRequest.onerror = () => {\n const error = new Error(\"Failed to check username\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n });\n } catch (err) {\n setError(err instanceof Error ? err : new Error(String(err)));\n setIsLoading(false);\n throw err;\n }\n };\n\n // Logout function\n const logout = (): void => {\n localStorage.removeItem(\"currentUser\");\n setUser(null);\n };\n\n // Update user function\n const updateUser = async (userData: Partial): Promise => {\n if (!db || !user) throw new Error(\"Database not initialized or user not logged in\");\n \n setIsLoading(true);\n setError(null);\n \n try {\n const transaction = db.transaction([\"users\"], \"readwrite\");\n const store = transaction.objectStore(\"users\");\n \n return new Promise((resolve, reject) => {\n const request = store.get(user.id);\n \n request.onsuccess = () => {\n const existingUser = request.result as User;\n const updatedUser = { ...existingUser, ...userData };\n \n const updateRequest = store.put(updatedUser);\n \n updateRequest.onsuccess = () => {\n // Update local storage and state\n localStorage.setItem(\"currentUser\", JSON.stringify(updatedUser));\n setUser(updatedUser);\n setIsLoading(false);\n resolve();\n };\n \n updateRequest.onerror = () => {\n const error = new Error(\"Failed to update user\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n };\n \n request.onerror = () => {\n const error = new Error(\"Failed to get user\");\n setError(error);\n setIsLoading(false);\n reject(error);\n };\n });\n } catch (err) {\n setError(err instanceof Error ? err : new Error(String(err)));\n setIsLoading(false);\n throw err;\n }\n };\n\n return (\n \n {children}\n \n );\n};","deleted","label",[167,168,149],"frontend","contexts","permalink","https://www.val.town/x/chrisboss/offlineexamapp/code/frontend/contexts/AuthContext.tsx","extension","actionData","errors"]