Update app.py

app.py

@@ -955,84 +955,6 @@ if __name__ == '__main__':
       }
     };
     
-    // Random emoji list for 404 errors
-    const randomEmojis = [
-      '🙈', '🙉', '🙊', '🐵', '🐒', '🦍', '🦧', '🐶', '🐕', '🦮', 
-      '🐩', '🐺', '🦊', '🦝', '🐱', '🐈', '🦁', '🐯', '🐅', '🐆', 
-      '🐴', '🐎', '🦄', '🦓', '🦌', '🐮', '🐂', '🐃', '🐄', '🐷', 
-      '🐖', '🐗', '🐏', '🐑', '🐐', '🐪', '🐫', '🦙', '🦒', '🐘', 
-      '🦏', '🦛', '🐭', '🐁', '🐀', '🐹', '🐰', '🐇', '🐿️', '🦔', 
-      '🦇', '🐻', '🐨', '🐼', '🦥', '🦦', '🦨', '🦘', '🦡', '🐾', 
-      '🦃', '🐔', '🐓', '🐣', '🐤', '🐥', '🐦', '🐧', '🕊️', '🦅', 
-      '🦆', '🦢', '🦉', '🦩', '🦚', '🦜', '🐸', '🐊', '🐢', '🦎', 
-      '🐍', '🐲', '🐉', '🦕', '🦖', '🐳', '🐋', '🐬', '🐟', '🐠', 
-      '🐡', '🦈', '🐙', '🐚', '🐌', '🦋', '🐛', '🐜', '🐝', '🐞', 
-      '🦗', '🕷️', '🕸️', '🦂', '🦟', '🦠', '💐', '🌸', '💮', '🏵️', 
-      '🌹', '🥀', '🌺', '🌻', '🌼', '🌷', '🌱', '🌲', '🌳', '🌴', 
-      '🌵', '🌾', '🌿', '☘️', '🍀', '🍁', '🍂', '🍃', '🍇', '🍈', 
-      '🍉', '🍊', '🍋', '🍌', '🍍', '🥭', '🍎', '🍏', '🍐', '🍑', 
-      '🍒', '🍓', '🥝', '🍅', '🥥', '🥑', '🍆', '🥔', '🥕', '🌽', 
-      '🌶️', '🥒', '🥬', '🥦', '🧄', '🧅', '🍄', '🥜', '🌰', '🍞', 
-      '🥐', '🥖', '🥨', '🥯', '🥞', '🧇', '🧀', '🍖', '🍗', '🥩', 
-      '🥓', '🍔', '🍟', '🍕', '🌭', '🥪', '🌮', '🌯', '🥙', '🧆', 
-      '🥚', '🍳', '🥘', '🍲', '🥣', '🥗', '🍿', '🧈', '🧂', '🥫', 
-      '🍱', '🍘', '🍙', '🍚', '🍛', '🍜', '🍝', '🍠', '🍢', '🍣', 
-      '🍤', '🍥', '🥮', '🍡', '🥟', '🥠', '🥡', '🦀', '🦞', '🦐', 
-      '🦑', '🦪', '🍦', '🍧', '🍨', '🍩', '🍪', '🎂', '🍰', '🧁', 
-      '🥧', '🍫', '🍬', '🍭', '🍮', '🍯', '🍼', '🥛', '☕', '🍵'
-    ];
-    
-    // Display loading indicator
-    function setLoading(isLoading) {
-      state.isLoading = isLoading;
-      elements.loadingIndicator.style.display = isLoading ? 'flex' : 'none';
-      
-      if (isLoading) {
-        elements.refreshButton.classList.add('refreshing');
-        // Show error message if loading takes too long
-        clearTimeout(state.loadingTimeout);
-        state.loadingTimeout = setTimeout(() => {
-          elements.loadingError.style.display = 'block';
-        }, 10000); // Show error message after 10 seconds
-      } else {
-        elements.refreshButton.classList.remove('refreshing');
-        clearTimeout(state.loadingTimeout);
-        elements.loadingError.style.display = 'none';
-      }
-    }
-    
-    // API error handling
-    async function handleApiResponse(response) {
-      if (!response.ok) {
-        const errorText = await response.text();
-        throw new Error(`API Error (${response.status}): ${errorText}`);
-      }
-      return response.json();
-    }
-    
-    // Create direct URL function with fixes for static sites
-    function createDirectUrl(owner, name) {
-      try {
-        // 1. Replace '.' characters with '-'
-        name = name.replace(/\./g, '-');
-        // 2. Replace '_' characters with '-'
-        name = name.replace(/_/g, '-');
-        // 3. Convert everything to lowercase
-        owner = owner.toLowerCase();
-        name = name.toLowerCase();
-        
-        return `https://${owner}-${name}.hf.space`;
-      } catch (error) {
-        console.error('URL creation error:', error);
-        return 'https://huggingface.co';
-      }
-    }
-    
-    // Get random emoji for 404 errors
-    function getRandomEmoji() {
-      return randomEmojis[Math.floor(Math.random() * randomEmojis.length)];
-    }
-    
     // Toggle stats display
     function toggleStats() {
       state.statsVisible = !state.statsVisible;
@@ -1142,7 +1064,7 @@ if __name__ == '__main__':
         
         // Use the first Promise that completes
         const response = await Promise.race([fetchPromise, timeoutPromise]);
-        const data = await handleApiResponse(response);
+        const data = await response.json();
         
         // Update state on successful load
         state.spaces = data.spaces;
@@ -1235,7 +1157,7 @@ if __name__ == '__main__':
       elements.pagination.appendChild(nextButton);
     }
     
-    // Handle iframe error and provide static site fallback with random emoji
+    // Handle iframe error and provide fallback error message
     function handleIframeError(iframe, owner, name, title) {
       const container = iframe.parentNode;
       
@@ -1243,12 +1165,6 @@ if __name__ == '__main__':
       const errorPlaceholder = document.createElement('div');
       errorPlaceholder.className = 'error-placeholder';
       
-      // Random emoji instead of error icon
-      const errorEmoji = document.createElement('div');
-      errorEmoji.className = 'error-emoji';
-      errorEmoji.textContent = getRandomEmoji();
-      errorPlaceholder.appendChild(errorEmoji);
-      
       // Error message
       const errorMessage = document.createElement('p');
       errorMessage.textContent = `"${title}" space couldn't be loaded`;
@@ -1472,6 +1388,43 @@ if __name__ == '__main__':
     
     // Start loading immediately - dual call with window.load for reliability
     loadSpaces(0);
+    
+    // Display loading indicator control
+    function setLoading(isLoading) {
+      state.isLoading = isLoading;
+      elements.loadingIndicator.style.display = isLoading ? 'flex' : 'none';
+      
+      if (isLoading) {
+        elements.refreshButton.classList.add('refreshing');
+        // Show error message if loading takes too long
+        clearTimeout(state.loadingTimeout);
+        state.loadingTimeout = setTimeout(() => {
+          elements.loadingError.style.display = 'block';
+        }, 10000); // Show error message after 10 seconds
+      } else {
+        elements.refreshButton.classList.remove('refreshing');
+        clearTimeout(state.loadingTimeout);
+        elements.loadingError.style.display = 'none';
+      }
+    }
+    
+    // Create direct URL function with fixes for static sites
+    function createDirectUrl(owner, name) {
+      try {
+        // 1. Replace '.' characters with '-'
+        name = name.replace(/\./g, '-');
+        // 2. Replace '_' characters with '-'
+        name = name.replace(/_/g, '-');
+        // 3. Convert everything to lowercase
+        owner = owner.toLowerCase();
+        name = name.toLowerCase();
+        
+        return `https://${owner}-${name}.hf.space`;
+      } catch (error) {
+        console.error('URL creation error:', error);
+        return 'https://huggingface.co';
+      }
+    }
   </script>
 </body>
 </html>