fix: 刷新页面后恢复滑动进度，防止重复 swipe

服务端 GET room 返回 swipeCounts，前端据此恢复 currentIndex、
swipeHistory 和引导状态；swipe API 增加幂等性检查，跳过已滑过的卡片。

src/app/api/room/[id]/route.ts

@@ -51,6 +51,7 @@ export async function GET(
       matchType,
       matchLikes,
       likeCounts,
+      swipeCounts: data.swipeCounts,
       restaurants: data.restaurants,
     });
   } catch (e) {

src/app/api/room/[id]/swipe/route.ts

@@ -20,6 +20,13 @@ export async function POST(
     const rid = String(restaurantId);
 
     const updated = await atomicUpdateRoom(id, (data) => {
+      const restaurantIndex = data.restaurants.findIndex((r) => r.id === rid);
+      const alreadySwiped =
+        restaurantIndex >= 0 &&
+        restaurantIndex < (data.swipeCounts[userId] ?? 0);
+
+      if (alreadySwiped) return data;
+
       if (action === "like") {
         if (!data.likes[rid]) {
           data.likes[rid] = [];

src/app/room/[id]/page.tsx

@@ -15,7 +15,7 @@ export default function RoomPage() {
   const [joined, setJoined] = useState(false);
 
   const {
-    userCount, match, matchType, matchLikes, likeCounts, restaurants, mutate,
+    userCount, match, matchType, matchLikes, likeCounts, swipeCounts, restaurants, mutate,
   } = useRoomPolling(roomId);
 
   useEffect(() => {
@@ -34,6 +34,7 @@ export default function RoomPage() {
     await mutate();
   }, [roomId, mutate]);
 
+  const initialIndex = swipeCounts[userId] ?? 0;
   const ready = joined && userId && restaurants.length > 0;
 
   if (!ready) {
@@ -52,6 +53,7 @@ export default function RoomPage() {
         restaurants={restaurants}
         roomId={roomId}
         userId={userId}
+        initialIndex={initialIndex}
         matchedRestaurantId={match}
         matchType={matchType}
         matchLikes={matchLikes}

src/components/SwipeDeck.tsx

@@ -13,6 +13,7 @@ interface SwipeDeckProps {
   restaurants: Restaurant[];
   roomId: string;
   userId: string;
+  initialIndex: number;
   matchedRestaurantId: string | null;
   matchType: MatchType;
   matchLikes: number;
@@ -25,6 +26,7 @@ export default function SwipeDeck({
   restaurants,
   roomId,
   userId,
+  initialIndex,
   matchedRestaurantId,
   matchType,
   matchLikes,
@@ -32,13 +34,15 @@ export default function SwipeDeck({
   userCount,
   onReset,
 }: SwipeDeckProps) {
-  const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
   const [showMatch, setShowMatch] = useState(false);
   const [localMatchId, setLocalMatchId] = useState<string | null>(null);
   const [resetting, setResetting] = useState(false);
   const [bubble, setBubble] = useState("");
-  const [guideVisible, setGuideVisible] = useState(true);
-  const [swipeHistory, setSwipeHistory] = useState<string[]>([]);
+  const [guideVisible, setGuideVisible] = useState(initialIndex === 0);
+  const [swipeHistory, setSwipeHistory] = useState<string[]>(
+    () => restaurants.slice(0, initialIndex).map((r) => r.id),
+  );
   const swipeFnRef = useRef<((direction: SwipeDirection) => void) | null>(null);
   const swipingRef = useRef(false);
   const prevLikeCounts = useRef<Record<string, number>>({});

src/hooks/useRoomPolling.ts

@@ -30,6 +30,7 @@ export function useRoomPolling(roomId: string) {
     matchType: data?.matchType ?? null,
     matchLikes: data?.matchLikes ?? 0,
     likeCounts: data?.likeCounts ?? {},
+    swipeCounts: data?.swipeCounts ?? {},
     restaurants: data?.restaurants ?? [],
     isLoading,
     error,

src/types/index.ts

@@ -24,5 +24,6 @@ export interface RoomStatus {
   matchType: MatchType;
   matchLikes: number;
   likeCounts: Record<string, number>;
+  swipeCounts: Record<string, number>;
   restaurants: Restaurant[];
 }