대부분 모든기능 제작

하단 player연결, 일시정지, 스킵, 볼륨, 특정시간재생, queue 디자인 변경, queue 변경기능 제작

page/src/app/api/queue/set/route.ts

@@ -0,0 +1,47 @@
+import { NextResponse } from "next/server";
+import { Redis } from "@/lib/Redis";
+
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const { serverId, newQueue, userId } = body;
+
+    if (!serverId) return NextResponse.json({ error: "serverId 정보가 필요합니다." }, { status: 400 });
+    if (!userId) return NextResponse.json({ error: "userId 정보가 필요합니다." }, { status: 400 });
+    if (newQueue === undefined || newQueue === null) return NextResponse.json({ error: "newQueue 정보가 필요합니다." }, { status: 400 });
+
+    const requestId = `${Date.now()}-${Math.random().toString(36).substring(7)}`;
+    const resultKey = `queue:set:${requestId}`;
+
+    // 봇에게 'queue_set' 명령 발송 (전체 대기열을 통째로 덮어써라!)
+    await Redis.publish("site-bot", JSON.stringify({
+      action: "queue_set",
+      serverId: serverId,
+      requestId: requestId,
+      userId: userId,
+      newQueue: newQueue,
+    }));
+
+    // 4. 결과가 올라올 때까지 기다리기 (Polling)
+    // 최대 10번(약 5초) 동안 0.5초 간격으로 확인합니다.
+    for (let i = 0; i < 10; i++) {
+      // 0.5초 대기
+      await new Promise(resolve => setTimeout(resolve, 500));
+
+      // Redis 게시판 확인
+      const resultData = await Redis.get(resultKey);
+      console.log(resultData);
+
+      if (resultData) {
+        // 🌟 봇이 결과를 올렸다면! 데이터를 돌려주고 종료
+        return NextResponse.json(JSON.parse(resultData));
+      }
+    }
+
+    // 5초가 지나도 응답이 없으면 타임아웃
+    return NextResponse.json({ error: "봇이 검색에 응답하지 않습니다." }, { status: 504 });
+  } catch (error) {
+    console.error("Queue Reorder API Error:", error);
+    return NextResponse.json({ error: "서버 오류" }, { status: 500 });
+  }
+}