Upload 8 files

src/services/classroom.js

@@ -244,32 +244,71 @@ export async function getPeerPrompts(roomCode, challengeId) {
     // Let's store nickname in progress for easier read? Or fetch users.
     // For now, let's fetch matching progress, then unique userIds, then fetch those users.
 
+    // Simplified query for prototype: Fetch ALL completions for this challenge, then filter in memory.
+    // This avoids needing complex Composite Indexes for every room/challenge combination.
     const q = query(
         progressRef,
-        where("roomCode", "==", roomCode),
         where("challengeId", "==", challengeId),
         where("status", "==", "completed")
     );
 
-    const snapshot = await getDocs(q);
-    const entries = [];
-
-    for (const doc of snapshot.docs) {
-        const data = doc.data();
-        // Fetch nickname (not efficient N+1, but okay for prototype with small rooms)
-        // Optimization: Cache users or store nickname in progress.
-        // Let's assume we can fetch user. 
-        const userSnap = await getDoc(doc(db, USERS_COLLECTION, data.userId));
-        if (userSnap.exists()) {
-            entries.push({
-                nickname: userSnap.data().nickname,
-                prompt: data.submission_prompt,
-                timestamp: data.timestamp
-            });
+    try {
+        const snapshot = await getDocs(q);
+        const entries = [];
+
+        for (const docSnapshot of snapshot.docs) {
+            const data = docSnapshot.data();
+
+            // In-Memory Filtering for Room Code
+            // Note: Older data might not have roomCode. If undefined and we are in a room, maybe exclude? 
+            // Or include if we want to share across global (but user said "this classroom").
+            // Let's strict check: Must match roomCode.
+            if (String(data.roomCode) !== String(roomCode)) {
+                continue;
+            }
+
+            // Fetch nickname
+            // Optimization: In a real app, store nickname in 'progress' to avoid N+1 queries.
+            // For now, fetch user.
+            const userSnap = await getDoc(doc(db, USERS_COLLECTION, data.userId));
+            if (userSnap.exists()) {
+                entries.push({
+                    nickname: userSnap.data().nickname,
+                    prompt: data.submission_prompt,
+                    timestamp: data.timestamp
+                });
+            }
         }
+        return entries;
+
+    } catch (e) {
+        console.error("Error fetching peer prompts:", e);
+        return [];
     }
+}
 
-    return entries;
+/**
+ * Resets a user's progress for a specific challenge (sets status to 'started')
+ * @param {string} userId 
+ * @param {string} roomCode 
+ * @param {string} challengeId 
+ */
+export async function resetProgress(userId, roomCode, challengeId) {
+    const progressRef = collection(db, PROGRESS_COLLECTION);
+    const q = query(
+        progressRef,
+        where("userId", "==", userId),
+        where("challengeId", "==", challengeId)
+    );
+    const snapshot = await getDocs(q);
+
+    if (!snapshot.empty) {
+        // Reset status to 'started' so they can submit again
+        await updateDoc(snapshot.docs[0].ref, {
+            status: 'started',
+            timestamp: serverTimestamp()
+        });
+    }
 }
 
 /**

src/views/StudentView.js

@@ -1,4 +1,4 @@
-import { submitPrompt, getChallenges, startChallenge, getUserProgress, getPeerPrompts } from "../services/classroom.js";
+import { submitPrompt, getChallenges, startChallenge, getUserProgress, getPeerPrompts, resetProgress } from "../services/classroom.js";
 
 // Cache challenges locally
 let cachedChallenges = [];
@@ -54,6 +54,9 @@ export async function renderStudentView() {
                     <h3 class="font-bold text-gray-300 group-hover:text-white transition-colors">${c.title}</h3>
                 </div>
                 <div class="flex items-center space-x-3">
+                    <button onclick="window.resetLevel('${c.id}')" class="text-xs bg-red-900/50 hover:bg-red-700 text-red-300 border border-red-800 px-2 py-1 rounded transition-colors" title="重置進度 (Reset)">
+                        ↺ 重置
+                    </button>
                     <span class="text-xs text-green-400 font-mono bg-green-900/30 px-2 py-1 rounded">已通關</span>
                     <button onclick="document.getElementById('detail-${c.id}').classList.toggle('hidden')" class="text-gray-500 hover:text-white">
                         <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
@@ -250,6 +253,39 @@ export function setupStudentEvents() {
             alert("提交失敗: " + error.message);
         }
     };
+
+    window.resetLevel = async (challengeId) => {
+        if (!confirm("確定要重置這一題的進度嗎？(提示詞將會保留，但狀態會變回進行中)")) return;
+
+        const roomCode = localStorage.getItem('vibecoding_room_code');
+        const userId = localStorage.getItem('vibecoding_user_id');
+
+        try {
+            // Import and call resetProgress (Need to make sure it is imported or available globally? 
+            // Ideally import it. But setupStudentEvents is in module scope so imports are available.
+            // Wait, import 'resetProgress' is not in the top import list yet. I need to add it.)
+            // Let's assume I will update the import in the next step or use the global trick if needed.
+            // But I should edit the import first.
+            // For now, let's assume it is there. I will add it to the import list in a parallel or subsequent edit.
+
+            // Checking imports above... I see 'getUserProgress' but not 'resetProgress'. I must update imports.
+            // I'll do it in a separate edit step to be safe.
+
+            // For now, just the logic:
+            const { resetProgress } = await import("../services/classroom.js"); // Dynamic import to avoid changing top file lines again? 
+            // Or just rely on previous 'replace' having updated the file?
+            // Actually, I should update the top import. 
+
+            await resetProgress(userId, roomCode, challengeId);
+
+            const app = document.querySelector('#app');
+            app.innerHTML = await renderStudentView();
+
+        } catch (e) {
+            console.error(e);
+            alert("重置失敗");
+        }
+    };
 }
 
 function participantDataCheck(roomCode, userId) {