Spaces:

llamameta
/

glm4.6-free-unlimited-chatbot

Running

App Files Files Community

llamameta commited on Nov 12

Commit

cf039ba

verified ·

1 Parent(s): 5827406

Update index.html

Browse files

Files changed (1) hide show

index.html +82 -106

index.html CHANGED Viewed

@@ -1,144 +1,120 @@
 <!DOCTYPE html>
-<html lang="id">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AI Chatbot Assistant</title>
     <style>
-        /* Langkah 1: Atur halaman utama agar tidak bisa di-scroll dan ukurannya pas */
         html, body {
             margin: 0;
             padding: 0;
             width: 100%;
             height: 100%;
-            overflow: hidden; /* PENTING! Mencegah scrollbar di halaman utama */
-            font-family: sans-serif;
-        }
-        /* Langkah 2: Paksa iframe untuk mengisi ruang yang sudah kita siapkan */
-        iframe {
-            width: 100%;
-            height: 100%; /* Mengisi 100% tinggi dari body */
-            border: none;
-            display: block;
         }
-        /* Gaya untuk layar loading (sudah bagus) */
         #loading {
             position: fixed;
-            inset: 0;
-            background: #ffffff;
             display: flex;
             justify-content: center;
             align-items: center;
-            text-align: center;
-            font-size: 1.2em;
-            color: #333;
             z-index: 1000;
-            transition: opacity 0.5s ease;
         }
-        #loading.hidden {
-            opacity: 0;
-            pointer-events: none;
         }
     </style>
 </head>
 <body>
-    <div id="loading">
-        <span id="loading-text">Memilih server optimal, mohon tunggu...</span>
-    </div>
-    <!-- Iframe dengan izin yang benar untuk menghilangkan error di console -->
-    <iframe
-        id="chat-frame"
-        title="AI Chatbot Assistant"
-        allow="clipboard-write; autoplay; fullscreen">
-    </iframe>
     <script>
-    (function() {
-        "use strict";
-        const VERSION = "v1.1";
-        const SERVERS = [
-            "https://glm45.balianone.workers.dev/?embed=true",
-            "https://glm45.balianone.workers.dev/?embed=true"
-        ];
-        const TIMEOUT_MS = 4000;
-        const loadingElement = document.getElementById('loading');
-        const loadingText = document.getElementById('loading-text');
-        const iframe = document.getElementById('chat-frame');
-        function updateLoadingText(text) {
-            if (loadingText) loadingText.textContent = text;
         }
-        async function checkServerSpeed(url) {
-            const controller = new AbortController();
-            const timeoutId = setTimeout(() => controller.abort(), TIMEOUT_MS);
-            const startTime = performance.now();
-            try {
-                await fetch(url, { method: 'HEAD', signal: controller.signal, mode: 'no-cors' });
-                return performance.now() - startTime;
-            } catch (error) {
-                return Infinity;
-            } finally {
-                clearTimeout(timeoutId);
-            }
-        }
-        async function chooseFastestServer() {
-            const speedPromises = SERVERS.map(url => checkServerSpeed(url).then(speed => ({ url, speed })));
-            const results = await Promise.all(speedPromises);
-            const reachableServers = results
-                .filter(result => result.speed !== Infinity)
-                .sort((a, b) => a.speed - b.speed);
-            return reachableServers.length > 0 ? reachableServers[0].url : null;
-        }
-        async function loadChatApp() {
-            const storageKey = `chat_url_${VERSION}`;
-            let chosenUrl = sessionStorage.getItem(storageKey);
-            try {
-                if (!chosenUrl) {
-                    updateLoadingText("Mencari koneksi server terbaik...");
-                    chosenUrl = await chooseFastestServer();
-                    if (chosenUrl) {
-                        sessionStorage.setItem(storageKey, chosenUrl);
-                    } else {
-                        throw new Error("Tidak dapat terhubung ke server manapun.");
-                    }
-                }
-                updateLoadingText("Menyiapkan asisten AI...");
-                const finalUrl = new URL(chosenUrl);
-                finalUrl.searchParams.set('cb', Date.now());
-                iframe.src = finalUrl.toString();
-                iframe.onload = () => {
-                    loadingElement.classList.add('hidden');
-                };
-                iframe.onerror = () => {
-                    console.error(`Gagal memuat iframe dari: ${iframe.src}`);
-                    sessionStorage.removeItem(storageKey);
-                    updateLoadingText("Koneksi gagal, mencoba server cadangan...");
-                    setTimeout(loadChatApp, 1000);
-                };
-            } catch (error) {
-                updateLoadingText(`Terjadi Kesalahan: ${error.message}`);
-                console.error("Gagal memuat aplikasi chat:", error);
-            }
-        }
-        document.addEventListener('DOMContentLoaded', loadChatApp);
-    })();
     </script>
 </body>
-</html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>llamameta/glm4.5-free-unlimited-chatbot</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;
             padding: 0;
             width: 100%;
             height: 100%;
         }
         #loading {
             position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.8);
             display: flex;
             justify-content: center;
             align-items: center;
+            font-size: 24px;
             z-index: 1000;
         }
+        iframe {
+            width: 100%;
+            height: 100vh;
+            border: none;
         }
     </style>
 </head>
 <body>
+    <div id="loading">Please wait Memilih server optimal...</div>
+    <iframe id="streamlit-frame" allow="clipboard-write; clipboard-read"
+  sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals"
+  style="width: 100%; height: 100%; border: none;"></iframe>
     <script>
+    // Ganti ini dengan versi baru setiap kali Anda update link SERVERS (misalnya "v2", "v3", dll.)
+    const VERSION = "v1";  // 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://glm45.balianone.workers.dev/?embed=true",  // Ganti dengan link baru
+        "https://glm45.balianone.workers.dev/?embed=true"   // Ganti dengan link baru
+    ];
+    // Fungsi untuk mengecek kecepatan respons server (sama seperti sebelumnya, tapi tambah timeout)
+    async function checkServerSpeed(url) {
+        const start = performance.now();
+        try {
+            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) {
+            console.error(`Error checking ${url}:`, error);
+            return Infinity;
         }
+    }
+    // Fungsi untuk memilih server berdasarkan kecepatan respons
+    async function chooseServer() {
+        const speeds = await Promise.all(SERVERS.map(checkServerSpeed));
+        const fastestIndex = speeds.indexOf(Math.min(...speeds));
+        return SERVERS[fastestIndex];
+    }
+    // Fungsi untuk memuat Streamlit
+    async function loadStreamlit() {
+        const loadingElement = document.getElementById('loading');
+        const iframe = document.getElementById('streamlit-frame');
+        // Gunakan key sessionStorage dengan VERSION untuk cache busting
+        const storageKey = `streamlitUrl_${VERSION}`;
+        let chosenUrl = sessionStorage.getItem(storageKey);
+        if (!chosenUrl) {
+            // Jika belum ada atau version berubah, pilih server baru dan simpan
+            chosenUrl = await chooseServer();
+            sessionStorage.setItem(storageKey, 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
+    window.onload = loadStreamlit;
     </script>
 </body>
+</html>