136 lines
6.1 KiB
TypeScript
136 lines
6.1 KiB
TypeScript
|
|
import { supabase } from '@/lib/supabase';
|
|
import { showAuthToast, verifyServerConnection } from '@/utils/auth';
|
|
import { signUpWithDirectApi } from './signUpUtils';
|
|
|
|
export const signUp = async (email: string, password: string, username: string) => {
|
|
try {
|
|
// 서버 연결 상태 확인
|
|
const connectionStatus = await verifyServerConnection();
|
|
if (!connectionStatus.connected) {
|
|
console.error('서버 연결 실패:', connectionStatus.message);
|
|
showAuthToast('회원가입 오류', `서버 연결 실패: ${connectionStatus.message}`, 'destructive');
|
|
return { error: { message: connectionStatus.message }, user: null };
|
|
}
|
|
|
|
console.log('회원가입 시도:', email);
|
|
|
|
// Supabase anon 키 확인
|
|
const supabaseKey = localStorage.getItem('supabase_key');
|
|
if (!supabaseKey || supabaseKey.includes('your-onpremise-anon-key')) {
|
|
showAuthToast('설정 오류', 'Supabase 설정이 올바르지 않습니다. 설정 페이지에서 확인해주세요.', 'destructive');
|
|
return { error: { message: 'Supabase 설정이 올바르지 않습니다. 설정 페이지에서 확인해주세요.' }, user: null };
|
|
}
|
|
|
|
// 기본 회원가입 시도
|
|
try {
|
|
const { data, error } = await supabase.auth.signUp({
|
|
email,
|
|
password,
|
|
options: {
|
|
data: {
|
|
username, // 사용자 이름을 메타데이터에 저장
|
|
},
|
|
emailRedirectTo: window.location.origin + '/login' // 이메일 인증 완료 후 리디렉션 URL
|
|
}
|
|
});
|
|
|
|
if (error) {
|
|
console.error('회원가입 오류:', error);
|
|
|
|
// REST API 오류인 경우 직접 API 호출 시도
|
|
if (error.message.includes('json') ||
|
|
error.message.includes('Unexpected end') ||
|
|
error.message.includes('404') ||
|
|
error.message.includes('Not Found') ||
|
|
error.message.includes('Failed to fetch')) {
|
|
console.warn('기본 회원가입 실패, 직접 API 호출 시도:', error.message);
|
|
return await signUpWithDirectApi(email, password, username);
|
|
}
|
|
|
|
// 401 오류 감지 및 처리
|
|
if (error.message.includes('401') || error.message.includes('권한이 없습니다') ||
|
|
error.message.includes('Unauthorized') || error.status === 401) {
|
|
const errorMessage = '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.';
|
|
showAuthToast('회원가입 실패', errorMessage, 'destructive');
|
|
return { error: { message: errorMessage }, user: null, redirectToSettings: true };
|
|
}
|
|
|
|
// 기타 오류 처리
|
|
let errorMessage = error.message;
|
|
|
|
if (error.message.includes('User already registered')) {
|
|
errorMessage = '이미 등록된 사용자입니다.';
|
|
} else if (error.message.includes('Signup not allowed')) {
|
|
errorMessage = '회원가입이 허용되지 않습니다.';
|
|
} else if (error.message.includes('Email link invalid')) {
|
|
errorMessage = '이메일 링크가 유효하지 않습니다.';
|
|
}
|
|
|
|
showAuthToast('회원가입 실패', errorMessage, 'destructive');
|
|
return { error: { message: errorMessage }, user: null };
|
|
}
|
|
|
|
// 회원가입 성공
|
|
if (data && data.user) {
|
|
// 이메일 확인이 필요한지 확인
|
|
const isEmailConfirmationRequired = data.user.identities &&
|
|
data.user.identities.length > 0 &&
|
|
!data.user.identities[0].identity_data?.email_verified;
|
|
|
|
if (isEmailConfirmationRequired) {
|
|
showAuthToast('회원가입 성공', '이메일 인증을 완료해주세요. 인증 메일이 발송되었습니다.', 'default');
|
|
return {
|
|
error: null,
|
|
user: data.user,
|
|
message: '이메일 인증 필요',
|
|
emailConfirmationRequired: true
|
|
};
|
|
} else {
|
|
showAuthToast('회원가입 성공', '환영합니다!', 'default');
|
|
return { error: null, user: data.user };
|
|
}
|
|
}
|
|
|
|
// 사용자 데이터가 없는 경우 (드물게 발생)
|
|
console.warn('회원가입 응답은 성공했지만 사용자 데이터가 없습니다');
|
|
showAuthToast('회원가입 성공', '계정이 생성되었습니다. 이메일 인증을 완료한 후 로그인해주세요.', 'default');
|
|
return {
|
|
error: null,
|
|
user: { email },
|
|
message: '회원가입 완료',
|
|
emailConfirmationRequired: true
|
|
};
|
|
} catch (error: any) {
|
|
console.error('기본 회원가입 프로세스 예외:', error);
|
|
|
|
// 401 오류 감지 및 처리
|
|
if (error.status === 401 || (error.message && error.message.includes('401'))) {
|
|
const errorMessage = '회원가입 권한이 없습니다. Supabase 설정 또는 권한을 확인하세요.';
|
|
showAuthToast('회원가입 실패', errorMessage, 'destructive');
|
|
return { error: { message: errorMessage }, user: null, redirectToSettings: true };
|
|
}
|
|
|
|
// 직접 API 호출로 대체 시도
|
|
if (error.message && (
|
|
error.message.includes('json') ||
|
|
error.message.includes('fetch') ||
|
|
error.message.includes('404') ||
|
|
error.message.includes('Not Found') ||
|
|
error.message.includes('timed out') ||
|
|
error.message.includes('Failed to fetch'))) {
|
|
console.warn('직접 API 호출로 재시도:', error);
|
|
return await signUpWithDirectApi(email, password, username);
|
|
}
|
|
|
|
// 기타 예외 처리
|
|
showAuthToast('회원가입 예외', error.message || '알 수 없는 오류', 'destructive');
|
|
return { error: { message: error.message || '알 수 없는 오류' }, user: null };
|
|
}
|
|
} catch (error: any) {
|
|
console.error('회원가입 전역 예외:', error);
|
|
showAuthToast('회원가입 오류', error.message || '알 수 없는 오류', 'destructive');
|
|
return { error: { message: error.message || '알 수 없는 오류' }, user: null };
|
|
}
|
|
};
|