Update index.html

index.html

@@ -13,13 +13,13 @@
         // 載入 Firebase SDK
         import { initializeApp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
         import { getAuth, signInAnonymously, signInWithCustomToken } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";
-        import { getFirestore, setDoc, doc, collection, getDocs, query, where, serverTimestamp, setLogLevel, Timestamp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";
+        import { getFirestore, setDoc, doc, collection, getDocs, query, where, serverTimestamp, setLogLevel, Timestamp, addDoc } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";
 
         // 將 SDK 功能掛載到 window 物件，讓下方的非模組 <script> 可以存取
         window.firebaseSDK = {
             initializeApp,
             getAuth, signInAnonymously, signInWithCustomToken,
-            getFirestore, setDoc, doc, collection, getDocs, query, where, serverTimestamp, setLogLevel, Timestamp
+            getFirestore, setDoc, doc, collection, getDocs, query, where, serverTimestamp, setLogLevel, Timestamp, addDoc
         };
     </script>
 
@@ -1176,22 +1176,18 @@
             fbSDK = window.firebaseSDK;
 
             try {
-                // --- NEW: Firebase Config Logic ---
-                // 依照您的要求，直接使用您提供的硬編碼(hard-coded)設定
-                // 移除了所有對 __firebase_config 的檢查
-                console.log("Using hard-coded Firebase config directly.");
-                const firebaseConfig = {
-                    apiKey: "AIzaSyAiG08OIPLrXA5CqsSl-rR0Z1FvhFog9cU",
-                    authDomain: "ai-adventure-scoreboard.firebaseapp.com",
-                    projectId: "ai-adventure-scoreboard",
-                    storageBucket: "ai-adventure-scoreboard.firebasestorage.app",
-                    messagingSenderId: "814089769337",
-                    appId: "1:814089769337:web:09d46c9e623d0db95f1fa8"
-                };
+                // --- NEW: Correct Firebase Config Logic ---
+                // 檢查 __firebase_config 變數是否存在
+                if (typeof __firebase_config === 'undefined') {
+                    console.warn("Firebase config (__firebase_config) not found. Scoreboard will not work.");
+                    return;
+                }
+                
+                const firebaseConfig = JSON.parse(__firebase_config);
                 // --- END NEW ---
                 
                 if (!firebaseConfig.apiKey) {
-                    console.warn("Firebase config not found. Scoreboard will not work.");
+                    console.warn("Firebase config is invalid. Scoreboard will not work.");
                     return;
                 }
                 
@@ -1200,23 +1196,16 @@
                 auth = fbSDK.getAuth(app);
                 fbSDK.setLogLevel('Debug'); // 方便除錯
 
-                // 執行匿名登入
-                // --- FIX: Force anonymous sign-in ---
-                // Since we are using a hard-coded Firebase project,
-                // we must ignore any environment-provided custom tokens (like __initial_auth_token),
-                // as they will not match this project and will cause an auth/custom-token-mismatch error.
-                // We will always sign in anonymously.
-                
-                /*
+                // --- NEW: Correct Authentication Logic ---
+                // 檢查 __initial_auth_token 並登入
                 if (typeof __initial_auth_token !== 'undefined') {
+                    console.log("Signing in with custom token...");
                     await fbSDK.signInWithCustomToken(auth, __initial_auth_token);
                 } else {
+                    console.log("Signing in anonymously...");
                     await fbSDK.signInAnonymously(auth);
                 }
-                */
-                await fbSDK.signInAnonymously(auth);
-                // --- END FIX ---
-
+                // --- END NEW ---
 
                 // 取得並儲存這個（匿名）使用者的唯一 ID
                 userId = auth.currentUser ? auth.currentUser.uid : crypto.randomUUID();
@@ -1241,16 +1230,20 @@
 
             try {
                 const appId = typeof __app_id !== 'undefined' ? __app_id : 'default-app-id';
-                // 文件路徑：.../scores/[玩家的UserID]
-                const scoreDocRef = fbSDK.doc(db, `artifacts/${appId}/public/data/scores`, userId);
                 
-                // 使用 setDoc (merge: true) 來建立或「覆蓋」
-                // 這能確保分數永遠是最新
-                await fbSDK.setDoc(scoreDocRef, {
+                // --- FIX: 改為 addDoc 來儲存每一次的紀錄 ---
+                // 1. 取得 collection 的參照
+                const scoresCollectionRef = fbSDK.collection(db, `artifacts/${appId}/public/data/scores`);
+                
+                // 2. 使用 addDoc 來新增文件，Firebase 會自動產生ID
+                //    這樣就能儲存���一次的遊玩紀錄，而不是覆蓋舊紀錄
+                await fbSDK.addDoc(scoresCollectionRef, {
                     displayName: displayName,
                     score: totalScore, // 全域變數中的最新分數
-                    lastUpdated: fbSDK.serverTimestamp() // 儲存伺服器時間
-                }, { merge: true }); 
+                    lastUpdated: fbSDK.serverTimestamp(), // 儲存伺服器時間
+                    userId: userId // 儲存玩家ID以便追蹤
+                }); 
+                // --- END FIX ---
 
                 console.log("Score saved successfully to Firebase:", totalScore);
             } catch (error) {
@@ -3219,8 +3212,8 @@
                 if (scores.length === 0) {
                     leaderboardHtml = '<p class="text-lg">今天還沒有人完成遊戲！</p>';
                 } else {
-                    // 只顯示前 10 名
-                    scores.slice(0, 10).forEach((entry, index) => {
+                    // --- FIX: 移除 .slice(0, 10) 來顯示當天所有成績 ---
+                    scores.forEach((entry, index) => {
                         leaderboardHtml += `
                             <li class="p-2 rounded ${index === 0 ? 'bg-yellow-100 border border-yellow-300' : ''}">
                                 <span class="font-bold text-lg text-blue-600">${entry.score} 分</span> - 
@@ -3243,7 +3236,3 @@
     </script>
 </body>
 </html>
-
-
-
-