secupolicy.x/src/contexts/AuthContext.tsx
gpt-engineer-app[bot] d3e4bd2df2 Implement authentication functionality
Adds authentication functionality to the application.
2025-03-09 12:41:42 +00:00

207 lines
5.1 KiB
TypeScript

import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
import { supabase } from '@/integrations/supabase/client';
import { Session, User } from '@supabase/supabase-js';
import { useToast } from '@/hooks/use-toast';
type Provider = 'github' | 'google' | 'microsoft';
type AuthContextType = {
session: Session | null;
user: User | null;
profile: any | null;
loading: boolean;
signIn: (email: string, password: string) => Promise<void>;
signUp: (email: string, password: string, fullName: string) => Promise<void>;
signOut: () => Promise<void>;
signInWithProvider: (provider: Provider) => Promise<void>;
};
const AuthContext = createContext<AuthContextType | undefined>(undefined);
export const AuthProvider = ({ children }: { children: ReactNode }) => {
const [session, setSession] = useState<Session | null>(null);
const [user, setUser] = useState<User | null>(null);
const [profile, setProfile] = useState<any | null>(null);
const [loading, setLoading] = useState(true);
const { toast } = useToast();
useEffect(() => {
// Get the initial session
supabase.auth.getSession().then(({ data: { session } }) => {
setSession(session);
setUser(session?.user ?? null);
if (session?.user) {
fetchProfile(session.user.id);
}
setLoading(false);
});
// Listen for auth changes
const { data: { subscription } } = supabase.auth.onAuthStateChange(
(_event, session) => {
setSession(session);
setUser(session?.user ?? null);
if (session?.user) {
fetchProfile(session.user.id);
} else {
setProfile(null);
}
setLoading(false);
}
);
return () => {
subscription.unsubscribe();
};
}, []);
const fetchProfile = async (userId: string) => {
try {
const { data, error } = await supabase
.from('profiles')
.select('*')
.eq('id', userId)
.single();
if (error) {
console.error('Error fetching profile:', error);
return;
}
setProfile(data);
} catch (error) {
console.error('Error fetching profile:', error);
}
};
const signIn = async (email: string, password: string) => {
try {
setLoading(true);
const { error } = await supabase.auth.signInWithPassword({ email, password });
if (error) throw error;
toast({
title: "Success!",
description: "You are now signed in.",
});
} catch (error: any) {
toast({
title: "Error signing in",
description: error.message,
variant: "destructive",
});
console.error('Error signing in:', error);
throw error;
} finally {
setLoading(false);
}
};
const signUp = async (email: string, password: string, fullName: string) => {
try {
setLoading(true);
const { error } = await supabase.auth.signUp({
email,
password,
options: {
data: {
full_name: fullName,
}
}
});
if (error) throw error;
toast({
title: "Account created!",
description: "Please check your email to confirm your account.",
});
} catch (error: any) {
toast({
title: "Error creating account",
description: error.message,
variant: "destructive",
});
console.error('Error signing up:', error);
throw error;
} finally {
setLoading(false);
}
};
const signInWithProvider = async (provider: Provider) => {
try {
setLoading(true);
const { error } = await supabase.auth.signInWithOAuth({
provider,
options: {
redirectTo: window.location.origin + '/dashboard',
},
});
if (error) throw error;
toast({
title: "Redirecting...",
description: `Signing in with ${provider}`,
});
} catch (error: any) {
toast({
title: `Error signing in with ${provider}`,
description: error.message,
variant: "destructive",
});
console.error(`Error signing in with ${provider}:`, error);
setLoading(false);
}
};
const signOut = async () => {
try {
setLoading(true);
const { error } = await supabase.auth.signOut();
if (error) throw error;
toast({
title: "Signed out",
description: "You have been successfully signed out.",
});
} catch (error: any) {
toast({
title: "Error signing out",
description: error.message,
variant: "destructive",
});
console.error('Error signing out:', error);
} finally {
setLoading(false);
}
};
return (
<AuthContext.Provider
value={{
session,
user,
profile,
loading,
signIn,
signUp,
signOut,
signInWithProvider,
}}
>
{children}
</AuthContext.Provider>
);
};
export const useAuth = () => {
const context = useContext(AuthContext);
if (context === undefined) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
};