4sp-dv 1.0.48 → 1.0.50

package/4simpleproblems_v5.html

@@ -6,7 +6,7 @@
     <title>4SP - VERSION 5 CLIENT</title>
     <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/npm/4sp-dv@latest/images/logo.png">
 
-    <base href="https://cdn.jsdelivr.net/npm/4sp-dv@1.0.47/logged-in/">
+    <base href="https://cdn.jsdelivr.net/npm/4sp-dv@1.0.48/logged-in/">
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">
     
@@ -236,13 +236,21 @@
         transform: translateY(0) scale(0.98);
     }
 
-    .auth-menu-item .fa-gear, .nav-tab .fa-gear {
-        display: inline-block;
-        transform-origin: center;
-        /* Quick transition for each "click" step */
-        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    .auth-menu-item i, .nav-tab i, .settings-tab i {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.1em;
+        height: 1.1em;
+        line-height: 1;
+        position: relative;
+        top: 1px;
+        flex-shrink: 0;
+        margin: 0;
     }
 
+
+
     .auth-header { 
         padding: 0.5rem 1rem; 
         border-bottom: 1px solid var(--menu-divider, #333); 
@@ -872,7 +880,7 @@
         const displayUsername = document.getElementById('display-username');
         const displayEmail = document.getElementById('display-email');
 
-        const BASE_URL = 'https://cdn.jsdelivr.net/npm/4sp-dv@1.0.47/logged-in/';
+        const BASE_URL = 'https://cdn.jsdelivr.net/npm/4sp-dv@1.0.48/logged-in/';
         
         // Preload Logos
         const preloadImgs = [
@@ -2709,60 +2717,7 @@
         osc.stop(now + 0.02);
     };
 
-    // Gear Clicking Sequence
-    let gearHoverStartTime = 0;
-    let currentGearRotation = 0;
-    let currentAnimatingGear = null;
-    const gearClickDelays = [0, 120, 240, 360]; // Adjusted for 0.5s total
-
-    const handleGearMouseOver = (e) => {
-        const target = e.target.closest('#auth-settings-btn, #nav-settings-tab');
-        if (target && currentAnimatingGear !== target) {
-            currentAnimatingGear = target;
-            const icon = target.querySelector('.fa-gear');
-            if (!icon) return;
-            
-            gearHoverStartTime = Date.now();
-            gearClickDelays.forEach((delay, index) => {
-                setTimeout(() => {
-                    if (target.matches(':hover')) {
-                        if (window.areAnimationsEnabled) {
-                            currentGearRotation = (index + 1) * 45;
-                            icon.style.transform = `rotate(${currentGearRotation}deg)`;
-                        }
-                        window.playMechClick(false);
-                    }
-                }, delay);
-            });
-        }
-    };
-
-    const handleGearMouseOut = (e) => {
-        const target = e.target.closest('#auth-settings-btn, #nav-settings-tab');
-        if (target && !target.contains(e.relatedTarget)) {
-            currentAnimatingGear = null;
-            const icon = target.querySelector('.fa-gear');
-            if (!icon) return;
-
-            const elapsed = Date.now() - gearHoverStartTime;
-            const clickCount = gearClickDelays.filter(d => d <= elapsed).length;
-            
-            for (let i = 0; i < clickCount; i++) {
-                setTimeout(() => {
-                    if (!target.matches(':hover')) {
-                        if (window.areAnimationsEnabled) {
-                            currentGearRotation -= 45;
-                            icon.style.transform = `rotate(${currentGearRotation}deg)`;
-                        }
-                        window.playMechClick(true);
-                    }
-                }, gearClickDelays[i]);
-            }
-        }
-    };
 
-    document.addEventListener('mouseover', handleGearMouseOver);
-    document.addEventListener('mouseout', handleGearMouseOut);
 
     const notificationContainer = document.getElementById('notification-container');
     function showNotification(message, iconClass = 'fa-solid fa-info-circle', type = 'info') {

package/logged-in/games.html

@@ -960,6 +960,42 @@
             zoneFrame.setAttribute('sandbox', sandboxRules);
             zoneFrame.setAttribute('allow', 'fullscreen; pointer-lock; autoplay; clipboard-write');
 
+            // --- SM64 SPECIAL HANDLING (Timeout & Retry) ---
+            if (game.id === 'other-sm64') {
+                let attempts = 0;
+                const tryLoadSM64 = () => {
+                    attempts++;
+                    let success = false;
+                    
+                    const loadHandler = () => {
+                        success = true;
+                        zoneViewer.style.display = "flex";
+                        zoneViewer.classList.remove('animate-fade-out');
+                        zoneViewer.classList.add('active', 'animate-fade-in');
+                    };
+
+                    zoneFrame.onload = loadHandler;
+                    // Add timestamp to force reload and bypass cache
+                    zoneFrame.src = `${game.url}?t=${Date.now()}`;
+
+                    setTimeout(() => {
+                        if (!success) {
+                            zoneFrame.onload = null; // Clear handler
+                            if (attempts < 2) {
+                                console.log("SM64: Load timed out (5s). Retrying...");
+                                tryLoadSM64();
+                            } else {
+                                console.log("SM64: Failed to load after retry.");
+                                show404("The game failed to load after multiple attempts.");
+                            }
+                        }
+                    }, 5000);
+                };
+                
+                tryLoadSM64();
+                return;
+            }
+
             // --- REVISED LOGIC FOR LOADING GAMES ---
             const isStandardURLGame = game.category === 'StrongdogXP' || game.category === 'Others' || game.category === 'GN-Math';
             

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "4sp-dv",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/v5-4simpleproblems/v5-4simpleproblems-dv#readme",

package/settings.html

@@ -97,6 +97,21 @@
             width: 100%;
             justify-content: flex-start;
         }
+
+        /* --- Standardized Icon Alignment --- */
+        .btn-toolbar-style i, .settings-tab i {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: 1.1em;
+            height: 1.1em;
+            line-height: 1;
+            position: relative;
+            top: 1px;
+            flex-shrink: 0;
+            margin: 0;
+        }
+
         .settings-tab.active {
             background-color: rgba(79, 70, 229, 0.1);
             border: 1px solid #4f46e5;