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 }; } };