17b1d0fcda
- 웹(React+Vite): 홈(큰 버튼 2개·하던 게임 돌아가기), 6자리 코드 입력(붙여넣기 감지·자동 입장), 링크 입장(닉네임 한 칸), 대기실(코드/링크 복사·공유·QR·자리·준비·방장 메뉴·설정), 오목(SVG 판·두 번 눌러 확정·금수/위험 표시·시계·무르기·무승부·기권·키보드 조작·스크린리더 안내), 결과(한 판 더 투표·방 전적·공정성 확인), 채팅·반응, 계정(닉네임 변경·글자 크기·테마·소리·진동) - WS 클라이언트: 지수 백오프+지터 재연결, 화면 복귀/온라인 즉시 재연결, seq 순서 처리, ping/pong 지연·시계 보정, 서버 재시작 안내, 다른 창 접속 처리 - @bg/shared/lite: 브라우저용 진입점(zod 제외) → 첫 화면 JS 약 90KB gzip - e2e/omok.e2e.ts: 브라우저 두 개(모바일·PC)로 방 만들기→링크 입장→대국→새로고침 복구→승리→한 판 더 - deploy: Dockerfile(운영 의존성만, 267MB), docker-compose(app+Caddy), Caddyfile(보안 헤더·CSP), .env.example - 프록시 뒤에서만 X-Forwarded-For 신뢰(TRUST_PROXY=1) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
73 lines
2.6 KiB
TypeScript
73 lines
2.6 KiB
TypeScript
import type { CatalogEntry, PublicUser } from '@bg/shared/lite';
|
|
|
|
export class ApiError extends Error {
|
|
constructor(
|
|
message: string,
|
|
readonly status: number,
|
|
) {
|
|
super(message);
|
|
}
|
|
}
|
|
|
|
async function call<T>(method: string, path: string, body?: unknown): Promise<T> {
|
|
let res: Response;
|
|
try {
|
|
res = await fetch(path, {
|
|
method,
|
|
credentials: 'same-origin',
|
|
headers: body !== undefined ? { 'Content-Type': 'application/json' } : undefined,
|
|
body: body !== undefined ? JSON.stringify(body) : undefined,
|
|
});
|
|
} catch {
|
|
throw new ApiError('인터넷 연결을 확인해 주세요.', 0);
|
|
}
|
|
const data = (await res.json().catch(() => ({}))) as { error?: string } & T;
|
|
if (!res.ok) throw new ApiError(data.error ?? '잠시 후 다시 시도해 주세요.', res.status);
|
|
return data;
|
|
}
|
|
|
|
export interface Settings {
|
|
fontScale?: 'normal' | 'large' | 'xlarge';
|
|
theme?: 'auto' | 'light' | 'dark';
|
|
sound?: boolean;
|
|
vibrate?: boolean;
|
|
colorBlind?: boolean;
|
|
tapConfirm?: boolean;
|
|
}
|
|
|
|
export interface MeResponse {
|
|
me: PublicUser | null;
|
|
settings?: Settings;
|
|
useAvatar?: boolean;
|
|
hasDiscordAvatar?: boolean;
|
|
activeRoom?: string | null;
|
|
}
|
|
|
|
export interface RoomPreview {
|
|
code: string;
|
|
codeLabel: string;
|
|
gameId: string;
|
|
host: string;
|
|
seated: number;
|
|
maxPlayers: number;
|
|
status: string;
|
|
}
|
|
|
|
export const api = {
|
|
config: () => call<{ discord: boolean; catalog: CatalogEntry[] }>('GET', '/api/config'),
|
|
me: () => call<MeResponse>('GET', '/api/me'),
|
|
guest: (nickname: string) => call<{ me: PublicUser }>('POST', '/api/auth/guest', { nickname }),
|
|
updateMe: (patch: { nickname?: string; useAvatar?: boolean; settings?: Settings }) => call<{ me: PublicUser }>('PATCH', '/api/me', patch),
|
|
logout: () => call<{ ok: true }>('POST', '/api/auth/logout', {}),
|
|
logoutAll: () => call<{ ok: true }>('POST', '/api/auth/logout-all', {}),
|
|
deleteMe: () => call<{ ok: true }>('DELETE', '/api/me', { confirm: '탈퇴' }),
|
|
stats: () => call<{ stats: { gameId: string; played: number; wins: number; draws: number }[] }>('GET', '/api/me/stats'),
|
|
createRoom: (gameId: string, visibility?: 'private' | 'public') => call<{ code: string }>('POST', '/api/rooms', { gameId, visibility }),
|
|
quickPlay: (gameId: string) => call<{ code: string }>('POST', `/api/quick/${gameId}`, {}),
|
|
room: (code: string) => call<RoomPreview>('GET', `/api/rooms/${code}`),
|
|
publicRooms: (gameId: string) =>
|
|
call<{ rooms: { code: string; host: string; seated: number; max: number }[] }>('GET', `/api/games/${gameId}/rooms`),
|
|
};
|
|
|
|
export const discordLoginUrl = (next: string) => `/api/auth/discord/start?next=${encodeURIComponent(next)}`;
|