Something went wrong. Try again.
add or update alt text on your media forked from psingletary.com/verifier
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116import React, { createContext, useContext, useState, useEffect, useRef, useCallback } from 'react';import { BrowserOAuthClient } from '@atproto/oauth-client-browser';
export const AuthContext = createContext(null);
const clientMetadata = { client_id: `https://verifier.psingletary.com/client-metadata.json`, client_name: "Verifier", client_uri: `https://verifier.psingletary.com`, redirect_uris: [ `https://verifier.psingletary.com/login/callback`, `https://psingletary.tngl.io/verifier/login/callback`, ], logo_uri: `https://verifier.psingletary.com/favicon.ico`, scope: "atproto transition:generic", grant_types: ["authorization_code", "refresh_token"], response_types: ["code"], token_endpoint_auth_method: "none", application_type: "web", dpop_bound_access_tokens: true};
export const AuthProvider = ({ children }) => { const [client, setClient] = useState(null); const [session, setSession] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const initializing = useRef(false);
useEffect(() => { const initializeAuth = async () => { if (initializing.current || client) return; initializing.current = true; setLoading(true); setError(null);
try { const oauthClient = new BrowserOAuthClient({ clientMetadata, handleResolver: 'https://public.api.bsky.app', plcDirectoryUrl: 'https://plc.directory', });
setClient(oauthClient); const initResult = await oauthClient.init();
if (initResult?.session) { setSession(initResult.session); } else { setSession(null); } } catch (err) { console.error('Auth initialization failed:', err); setError('Authentication initialization failed. Please try refreshing.'); setSession(null); } finally { setLoading(false); initializing.current = false; } };
initializeAuth(); }, [client]);
const login = useCallback(async (handle, returnUrl = '/') => { if (!client) { setError("Client not initialized."); return; } try { const stateData = JSON.stringify({ returnUrl }); await client.signIn(handle, { state: stateData }); } catch (err) { console.error('Login failed:', err); setError('Login initiation failed or was cancelled.'); } }, [client]);
const logout = useCallback(async () => { if (!session) return; try { await session.signOut(); setSession(null); window.location.href = '/'; } catch (err) { console.error('Logout failed:', err); setSession(null); window.location.href = '/'; } }, [session]);
return ( <AuthContext.Provider value={{ client, session, loading, error, isAuthenticated: !!session, login, logout, }} > {children} </AuthContext.Provider> );};
export const useAuth = () => { const context = useContext(AuthContext); if (context === null) { throw new Error('useAuth must be used within an AuthProvider'); } return context;};