Remove offline mode

The offline mode was removed to focus on resolving connection issues instead of providing a workaround.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 15:06:37 +00:00
parent e52ca26cef
commit 60adc4ce1f
8 changed files with 268 additions and 391 deletions

View File

@@ -1,46 +1,37 @@
import { supabase } from '@/lib/supabase';
import { parseResponse, showAuthToast, handleNetworkError } from '@/utils/auth';
import { parseResponse, showAuthToast } from '@/utils/auth';
/**
* 직접 API 호출을 통한 회원가입 시도 (대체 방법)
* 직접 API 호출을 통한 회원가입
*/
export const signUpWithDirectApi = async (email: string, password: string, username: string) => {
console.log('직접 API 호출로 회원가입 시도');
export const signUpWithDirectApi = async (email: string, password: string) => {
try {
// 요청 URL과 헤더 준비
const signUpUrl = `${supabase.auth.url}/signup`;
console.log('직접 API 호출로 회원가입 시도 중');
const supabaseUrl = supabase.auth.url;
const supabaseKey = localStorage.getItem('supabase_key') || supabase.supabaseKey;
// 회원가입 API 엔드포인트 및 헤더 설정
const signUpUrl = `${supabaseUrl}/auth/v1/signup`;
const headers = {
'Content-Type': 'application/json',
'apikey': supabase.supabaseKey,
'Authorization': `Bearer ${supabase.supabaseKey}`,
'apikey': supabaseKey,
'X-Client-Info': 'supabase-js/2.x'
};
console.log('회원가입 API 요청 URL:', signUpUrl);
console.log('회원가입 API 요청:', signUpUrl);
// 회원가입 요청 보내기
// 회원가입 요청 전송
const response = await fetch(signUpUrl, {
method: 'POST',
headers,
body: JSON.stringify({
email,
password,
data: { username }
})
body: JSON.stringify({ email, password })
});
console.log('회원가입 API 응답 상태:', response.status);
console.log('회원가입 응답 상태:', response.status);
// HTTP 상태 코드 확인
if (response.status === 401) {
showAuthToast('회원가입 실패', '인증 오류: API 키가 올바르지 않거나 서버 설정 문제가 있습니다.', 'destructive');
return {
error: { message: '인증 오류: API 키가 올바르지 않거나 서버 설정 문제가 있습니다.' },
user: null
};
}
if (response.status === 404) {
showAuthToast('회원가입 실패', '서버 경로를 찾을 수 없습니다. Supabase URL을 확인하세요.', 'destructive');
return {
@@ -49,96 +40,65 @@ export const signUpWithDirectApi = async (email: string, password: string, usern
};
}
if (response.status === 500) {
showAuthToast('회원가입 실패', '서버 내부 오류가 발생했습니다.', 'destructive');
return {
error: { message: '서버 내부 오류가 발생했습니다.' },
user: null
};
}
// 응답 처리
const responseData = await parseResponse(response);
// 응답 본문이 비어 있는지 확인
const responseText = await response.text();
if (!responseText || responseText.trim() === '') {
if (response.ok) {
// 응답이 비어 있지만 상태 코드가 성공인 경우
showAuthToast('회원가입 가능성 있음', '서버가 빈 응답을 반환했지만 상태 코드는 성공입니다. 로그인을 시도해보세요.');
return {
error: null,
user: { email, username }
};
} else {
// 응답이 비어 있고 상태 코드가 실패인 경우
showAuthToast('회원가입 실패', `서버가 빈 응답을 반환했습니다 (${response.status}). 서버 설정을 확인하세요.`, 'destructive');
return {
error: {
message: `서버가 빈 응답을 반환했습니다 (${response.status}). 서버 설정을 확인하세요.`
},
user: null
};
}
}
// 응답 JSON 파싱 시도
let result;
try {
result = JSON.parse(responseText);
} catch (jsonError) {
console.error('JSON 파싱 오류:', jsonError, '원본 텍스트:', responseText);
if (responseData && responseData.error) {
const errorMessage = responseData.error_description || responseData.error || '회원가입 실패';
if (response.ok) {
// 파싱 오류지만 상태 코드가 성공인 경우
showAuthToast('회원가입 가능성 있음', '서버 응답을 해석할 수 없지만 상태 코드는 성공입니다. 로그인을 시도해보세요.');
if (responseData.error === 'user_already_registered') {
showAuthToast('회원가입 실패', '이미 등록된 이메일 주소입니다.', 'destructive');
return { error: { message: '이미 등록된 이메일 주소입니다.' }, user: null };
}
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
if (response.ok && responseData && responseData.id) {
const user = {
id: responseData.id,
email: responseData.email,
user_metadata: responseData.user_metadata || {},
app_metadata: responseData.app_metadata || {},
created_at: responseData.created_at,
};
const confirmEmail = !responseData.confirmed_at;
if (confirmEmail) {
showAuthToast('회원가입 성공', '이메일 인증을 완료해주세요.', 'default');
return {
error: null,
user: { email, username }
user,
message: '이메일 인증 필요',
emailConfirmationRequired: true
};
} else {
// 파싱 오류이고 상태 코드도 실패인 경우
showAuthToast('회원가입 실패', `서버 응답을 해석할 수 없습니다 (${response.status}). 서버 설정을 확인하세요.`, 'destructive');
return {
error: {
message: `서버 응답을 해석할 수 없습니다 (${response.status}). 서버 설정을 확인하세요.`
},
user: null
};
showAuthToast('회원가입 성공', '환영합니다!', 'default');
// 성공 시 바로 로그인 세션 설정 시도
try {
await supabase.auth.signInWithPassword({ email, password });
} catch (loginError) {
console.warn('자동 로그인 실패:', loginError);
// 무시하고 계속 진행 (회원가입은 성공)
}
return { error: null, user };
}
} else {
// 예상치 못한 응답 형식
const errorMessage = '회원가입 처리 중 오류가 발생했습니다. 나중에 다시 시도하세요.';
showAuthToast('회원가입 실패', errorMessage, 'destructive');
return { error: { message: errorMessage }, user: null };
}
// 응답 분석 및 결과 반환
if (result.error) {
showAuthToast('회원가입 실패', result.error_description || result.error || '회원가입에 실패했습니다.', 'destructive');
return {
error: { message: result.error_description || result.error },
user: null
};
}
if (result.id || result.user || result.data?.user) {
showAuthToast('회원가입 성공', '이메일 확인 후 로그인해주세요.');
return {
error: null,
user: result.user || result.data?.user || { id: result.id, email, username }
};
}
// 알 수 없는 응답 형식
console.warn('알 수 없는 회원가입 API 응답 형식:', result);
showAuthToast('회원가입 결과 불명확', '로그인을 시도해보세요.', 'destructive');
return {
error: { message: '서버 응답을 해석할 수 없습니다.' },
user: null
};
} catch (error: any) {
console.error('직접 API 호출 회원가입 중 오류:', error);
console.error('회원가입 API 호출 중 예외 발생:', error);
// 네트워크 오류 확인
const errorMessage = handleNetworkError(error);
const errorMessage = error.message || '알 수 없는 오류가 발생했습니다.';
showAuthToast('회원가입 오류', errorMessage, 'destructive');
showAuthToast('회원가입 API 호출 실패', errorMessage, 'destructive');
return {
error: { message: errorMessage },
user: null
};
return { error: { message: errorMessage }, user: null };
}
};