feat: 로그인·서버 선택 페이지 분리 + 플레이어 기능 추가(섞기·자동재생·주소 불러오기 등)

page
- /login(디스코드 로그인 전용), /servers(서버 선택 전용), /servers/[id](유튜브 뮤직 플레이어)로 분리
  · 서버 컴포넌트에서 로그인 검사, callbackUrl 은 같은 사이트 경로만 허용
  · NextAuth 로그인/오류 화면도 /login 으로
- 서버 선택: 최근 사용 서버 맨 앞 "최근" 표시, 새로고침, 8개 초과 시 이름 검색, 오류 표시
- 플레이어: 검색어를 ?q= 로 남겨 뒤로가기 지원, 탭 제목에 지금 곡, 내 서버가 아니면 안내
- 검색창: 최근 검색어 목록, 유튜브·스포티파이 주소를 붙여넣으면 곡/재생목록 바로 불러오기
- 다음 트랙: 섞기, 모두 지우기(두 번 눌러 확인), 자동재생 스위치, 곡 수·총 길이
- 재생바: 처음부터 다시(⏮), 섞기 버튼 / 서버 홈: 음성채널 표시, 사용 안내, 최근 검색 칩
- 곡 추가 중 스피너 + 중복 추가 방지, 검색 실패 시 다시 시도, play/playlist 응답 대기 15초
- 계정 전환형 프로필 메뉴와 사이드바 서버 목록 제거(프로필은 서버 변경·로그아웃만)

bot
- Redis 액션 queue_shuffle, player_recommend 추가
- player_now 응답에 recommend(자동재생), voiceChannelName 추가

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-03 14:08:29 +09:00
parent a491a1a98e
commit 7021f2b776
30 changed files with 1384 additions and 625 deletions

36
page/src/lib/url.ts Normal file
View File

@@ -0,0 +1,36 @@
/**
* 검색창에 붙여넣은 값이 봇이 바로 불러올 수 있는 음악 주소인지 판단한다.
* (유튜브·유튜브 뮤직·스포티파이 — 곡/재생목록/앨범 모두 봇의 resolveQuery 가 처리)
*/
const MUSIC_HOSTS = [
"youtube.com",
"www.youtube.com",
"m.youtube.com",
"music.youtube.com",
"youtu.be",
"open.spotify.com",
];
export function isMusicUrl(value: string): boolean {
const v = value.trim();
if (!/^https?:\/\//i.test(v)) return false;
try {
return MUSIC_HOSTS.includes(new URL(v).hostname.toLowerCase());
} catch {
return false;
}
}
/** 재생목록·앨범처럼 여러 곡을 담은 주소인지(안내 문구용) */
export function isCollectionUrl(value: string): boolean {
try {
const u = new URL(value.trim());
return (
u.searchParams.has("list") ||
/\/(playlist|album|artist)\//.test(u.pathname) ||
u.pathname === "/playlist"
);
} catch {
return false;
}
}