Update index.html

index.html

@@ -4,6 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Black Forest Labs - Load Balanced Streamlit</title>
+    
+    <!-- Meta tags untuk mencegah caching halaman HTML -->
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+    
     <style>
         html, body {
             margin: 0;
@@ -36,16 +42,23 @@
     <iframe id="streamlit-frame"></iframe>
 
     <script>
+    // Ganti ini dengan versi baru setiap kali Anda update link SERVERS (misalnya "v2", "v3", dll.)
+    const VERSION = "v4";  // Ubah ini ke nilai baru untuk memaksa update (contoh: "v2" saat link berubah)
+
+    // Array server dengan link baru Anda (ganti sesuai kebutuhan)
     const SERVERS = [
-        "https://geminisearchv2-nuugs4gfc8vaybhs9yzmuh.streamlit.app/?embed=true",
-        "https://geminisearchv2-nuugs4gfc8vaybhs9yzmuh.streamlit.app/?embed=true"
+        "https://geminisearchv4-98spcxxh9ybnwlmgborvn4.streamlit.app/?embed=true",  // Ganti dengan link baru
+        "https://geminisearchv4-98spcxxh9ybnwlmgborvn4.streamlit.app/?embed=true"   // Ganti dengan link baru
     ];
 
-    // Fungsi untuk mengecek kecepatan respons server
+    // Fungsi untuk mengecek kecepatan respons server (sama seperti sebelumnya, tapi tambah timeout)
     async function checkServerSpeed(url) {
         const start = performance.now();
         try {
-            const response = await fetch(url, { method: 'HEAD', mode: 'no-cors' });
+            const response = await Promise.race([
+                fetch(url, { method: 'HEAD', mode: 'no-cors' }),
+                new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout')), 5000))  // Timeout 5 detik
+            ]);
             const end = performance.now();
             return end - start;
         } catch (error) {
@@ -66,20 +79,36 @@
         const loadingElement = document.getElementById('loading');
         const iframe = document.getElementById('streamlit-frame');
 
-        // Cek apakah sudah ada URL yang tersimpan di sessionStorage
-        let chosenUrl = sessionStorage.getItem('streamlitUrl');
+        // Gunakan key sessionStorage dengan VERSION untuk cache busting
+        const storageKey = `streamlitUrl_${VERSION}`;
+        let chosenUrl = sessionStorage.getItem(storageKey);
 
         if (!chosenUrl) {
-            // Jika belum ada, pilih server dan simpan ke sessionStorage
+            // Jika belum ada atau version berubah, pilih server baru dan simpan
             chosenUrl = await chooseServer();
-            sessionStorage.setItem('streamlitUrl', chosenUrl);
+            sessionStorage.setItem(storageKey, chosenUrl);
         }
 
-        // Tampilkan iframe dan sembunyikan loading
-        iframe.src = chosenUrl;
+        // Tambahkan cache busting ke URL iframe (timestamp unik)
+        const cacheBuster = new Date().getTime();  // Timestamp untuk memaksa no-cache
+        const iframeSrc = `${chosenUrl}&cb=${cacheBuster}`;  // Append ?cb=timestamp jika URL sudah punya query
+
+        // Set src iframe
+        iframe.src = iframeSrc;
+
+        // Event onload untuk sembunyikan loading
         iframe.onload = () => {
             loadingElement.style.display = 'none';
         };
+
+        // Fallback: Jika iframe gagal load (misalnya URL lama invalid), pilih ulang
+        iframe.onerror = async () => {
+            console.warn('Iframe load failed, rechoosing server...');
+            sessionStorage.removeItem(storageKey);  // Hapus storage lama
+            chosenUrl = await chooseServer();
+            sessionStorage.setItem(storageKey, chosenUrl);
+            iframe.src = `${chosenUrl}&cb=${new Date().getTime()}`;
+        };
     }
 
     // Jalankan loadStreamlit saat halaman dimuat