4sp-dv 1.0.42 → 1.0.43

package/4simpleproblems_v5.html

@@ -1189,8 +1189,7 @@
                              pfpLetterBg: data.pfpLetterBg,
                              letterAvatarText: data.letterAvatarText, 
                              letterAvatarTextColor: data.letterAvatarTextColor, // New Field
-                             navbarTheme: data.navbarTheme, // Sync theme if updated remotely
-                             verified_online: true // Mark as verified for offline use
+                             navbarTheme: data.navbarTheme // Sync theme if updated remotely
                          };
                          
                          localStorage.setItem(USER_DATA_KEY, JSON.stringify(newUserData));
@@ -1281,26 +1280,6 @@
                 unlockBtn.classList.add('hidden');
                 codeInput.classList.add('hidden');
                 
-                // --- OFFLINE CHECK ---
-                if (!navigator.onLine) {
-                    console.log("Client is offline. Checking for bypass...");
-                    let cachedUser = null;
-                    try { cachedUser = JSON.parse(localStorage.getItem(USER_DATA_KEY)); } catch(e){}
-                    
-                    if (cachedUser && cachedUser.verified_online) {
-                        console.log("Offline bypass granted for verified user.");
-                        currentUser = cachedUser;
-                        updateUIWithUser(cachedUser);
-                        const indicator = document.getElementById('offline-indicator');
-                        if (indicator) indicator.classList.add('show');
-                        launchApp();
-                        return;
-                    } else {
-                        resetLockScreen("You are offline. Please connect to the internet to verify your code.");
-                        return;
-                    }
-                }
-
                 try {
                     const docRef = doc(db, "access_codes", savedCode);
                     const docSnap = await getDoc(docRef);
@@ -1332,18 +1311,7 @@
                     }
                 } catch(e) {
                     console.error("Auto-login error:", e);
-                    // Check if we can fallback to offline even on error (e.g. timeout)
-                    let cachedUser = null;
-                    try { cachedUser = JSON.parse(localStorage.getItem(USER_DATA_KEY)); } catch(err){}
-                    if (cachedUser && cachedUser.verified_online) {
-                        currentUser = cachedUser;
-                        updateUIWithUser(cachedUser);
-                        const indicator = document.getElementById('offline-indicator');
-                        if (indicator) indicator.classList.add('show');
-                        launchApp();
-                    } else {
-                        resetLockScreen("Connection failed. Retrying...");
-                    }
+                    resetLockScreen("Connection failed. Retrying...");
                 }
             }
         }

package/logged-in/games.html

@@ -709,71 +709,10 @@
             { id: "other-eaglercraft", name: "Eaglercraft", imgSrc: "./images/eaglercraft.png", description: "The classic survival and building game with authentic block-based physics and multiplayer support, accessible directly in the browser.", category: "Others", versions: [ { name: "Release 1.12.2", url: "../EAGLERCRAFT/eaglercraft-1.12.2.html", favoriteId: "other-eaglercraft_1.12.2" }, { name: "Release 1.12.2 WASM", url: "../EAGLERCRAFT/eaglercraft-1.12.2-wasm.html", favoriteId: "other-eaglercraft_wasm", wasm: true } ] },
             { id: "other-gta", name: "Grand Theft Auto", imgSrc: "./images/gta.png", description: "The original top-down classic. Cause chaos, complete missions, or just go for a drive in three iconic cities.", category: "Others", versions: [ { name: "Carnage3D", url: "../CARNAGE3D/web/carnage3D.html", favoriteId: "other-gta_carnage3d" }, { name: "Grand Theft Auto (JS-DOS)", url: "../GTA-JSDOS/index.html", favoriteId: "other-gta_jsdos" } ] },
             { id: "other-simcity", name: "Sim City", imgSrc: "./images/simcity2000.png", description: "The original city-building classics. Design, build, and manage the city of your dreams in either the original Sim City or the detailed Sim City 2000.", category: "Others", versions: [ { name: "Sim City", url: "../SIM-CITY/index.html", favoriteId: "other-simcity_1" }, { name: "Sim City 2000", url: "../SIM-CITY-2/index.html", favoriteId: "other-simcity_2000" } ] },
-            { id: "other-doom", name: "DOOM", imgSrc: "./images/doom.png", description: "The legendary first-person shooter that pioneered the genre, focusing on blasting through hordes of demons in a timeless, adrenaline-fueled classic.", category: "Others", url: "../DOOM/index.html" }
+            { id: "other-doom", name: "DOOM", imgSrc: "./images/doom.png", description: "The legendary first-person shooter that pioneered the genre, focusing on blasting through hordes of demons in a timeless, adrenaline-fueled classic.", category: "Others", url: "../DOOM/index.html" },
+            { id: "other-sm64", name: "Super Mario 64", imgSrc: "./images/sm64.png", description: "The iconic 3D platformer that revolutionized gaming. Run, jump, and triple-jump your way through vast worlds to collect stars and save the princess.", category: "Others", url: "../GAMES/sm64/index.html" }
         ];
 
-        // --- Offline Mode Logic (IndexedDB) ---
-        const DB_NAME = '4SP_OfflineGames';
-        const DB_VERSION = 1;
-        const STORE_NAME = 'games';
-
-        function openDB() {
-            return new Promise((resolve, reject) => {
-                const request = indexedDB.open(DB_NAME, DB_VERSION);
-                request.onupgradeneeded = (e) => {
-                    const db = e.target.result;
-                    if (!db.objectStoreNames.contains(STORE_NAME)) {
-                        db.createObjectStore(STORE_NAME, { keyPath: 'id' });
-                    }
-                };
-                request.onsuccess = (e) => resolve(e.target.result);
-                request.onerror = (e) => reject(e.target.error);
-            });
-        }
-
-        async function saveGameOffline(gameId, name, url) {
-            try {
-                const res = await fetch(url);
-                if (!res.ok) throw new Error('Fetch failed');
-                const html = await res.text();
-                const db = await openDB();
-                return new Promise((resolve, reject) => {
-                    const tx = db.transaction(STORE_NAME, 'readwrite');
-                    const store = tx.objectStore(STORE_NAME);
-                    store.put({ id: String(gameId), name, html, timestamp: Date.now() });
-                    tx.oncomplete = () => { db.close(); resolve(); };
-                    tx.onerror = () => reject(tx.error);
-                });
-            } catch (e) { console.error("Offline Save Error:", e); throw e; }
-        }
-
-        async function getOfflineGame(gameId) {
-            const db = await openDB();
-            return new Promise((resolve, reject) => {
-                const tx = db.transaction(STORE_NAME, 'readonly');
-                const store = tx.objectStore(STORE_NAME);
-                const request = store.get(String(gameId));
-                request.onsuccess = () => { db.close(); resolve(request.result); };
-                request.onerror = () => reject(request.error);
-            });
-        }
-
-        async function removeOfflineGame(gameId) {
-            const db = await openDB();
-            return new Promise((resolve, reject) => {
-                const tx = db.transaction(STORE_NAME, 'readwrite');
-                const store = tx.objectStore(STORE_NAME);
-                store.delete(String(gameId));
-                tx.oncomplete = () => { db.close(); resolve(); };
-                tx.onerror = () => reject(tx.error);
-            });
-        }
-
-        async function isGameOffline(gameId) {
-            const game = await getOfflineGame(gameId);
-            return !!game;
-        }
-
         // --- Card Creation ---
 
         function createOthersGameCard(game) {
@@ -851,7 +790,7 @@
 
         function createGameCard(game, forceSmallCard = false) {
             if (game.category === 'Others' && !forceSmallCard) return createOthersGameCard(game);
-            const isStrongdog = game.category === 'StrongdogXP', isGNMath = game.category === 'GN-Math';
+            const isStrongdog = game.category === 'StrongdogXP';
             
             // Resolve Image Src
             let imgSrc = game.imgSrc;
@@ -866,25 +805,12 @@
             const card = document.createElement("div");
             card.className = 'zone-item bg-card-dark rounded-2xl border border-brand-border overflow-hidden';
             card.dataset.gameId = game.id;
-
-            let gUrl = game.url;
-            if (game.category === 'Others' || game.category === 'Gameboy Games') {
-                gUrl = resolveGameUrl(game.url);
-            } else if (isStrongdog) {
-                const baseURL = sd_getBaseURLForPage(game.page);
-                gUrl = baseURL.endsWith("/") ? baseURL + game.href.replace(/^\.\//, "") : baseURL + "/" + game.href.replace(/^\.\//, "");
-            }
-
-            // ONLY GN-MATH GETS OFFLINE SAVING
-            const offlineBtn = isGNMath ? `<button class="btn-card-action offline-action" data-game-id="${game.id}" data-url="${gUrl}" data-name="${game.name}" title="Enable Offline Mode"><i class="fa-solid fa-cloud"></i></button>` : '';
-
             card.innerHTML = `
                 <div class="relative w-full cursor-pointer group">
                     <div class="aspect-w-3 aspect-h-2"><img data-src="${imgSrc}" alt="${game.name}" class="w-full h-full object-cover"></div>
                     <h3 class="absolute top-2 right-2 z-10 max-w-[80%] bg-black/60 backdrop-blur-md rounded-xl px-3 py-1.5 text-white truncate text-sm font-semibold shadow-lg" title="${game.name}">${game.name}</h3>
                     <div class="absolute bottom-2 right-2 bg-black/50 backdrop-blur-sm rounded-2xl p-1.5 flex items-center gap-1.5 shadow-lg">
-                        <button class="btn-card-action play-action" title="Play Game"><i class="fa-solid fa-play"></i></button>
-                        ${offlineBtn}
+                        <button class="btn-card-action play-action" title="Play Game"><i class="fa-solid fa-play transition-colors"></i></button>
                         <button class="btn-card-action fav-action ${isFavorite ? 'favorited' : ''}" title="${isFavorite ? 'Remove from Favorites' : 'Add to Favorites'}"><i class="fa-solid fa-star fa-solid-star transition-colors"></i><i class="fa-regular fa-star fa-regular-star transition-colors"></i></button>
                     </div>
                 </div>
@@ -898,6 +824,11 @@
                     const embedPath = await sd_getEmbedPath(adjustedHref, game.href, game.page);
                     openZone({ name: game.name, url: embedPath, category: game.category, id: game.id });
                 } else {
+                    // For GN-Math, url is absolute (handled in init). For Others/Gameboy, we might need to resolve
+                    let gUrl = game.url;
+                    if (game.category === 'Others' || game.category === 'Gameboy Games') {
+                        gUrl = resolveGameUrl(game.url);
+                    }
                     openZone({ ...game, url: gUrl });
                 }
             };
@@ -905,12 +836,6 @@
             card.querySelector('.group').addEventListener('click', handlePlay);
             card.querySelector('.play-action').addEventListener('click', handlePlay);
             card.querySelector('.fav-action').addEventListener('click', (e) => { e.stopPropagation(); toggleFavorite(game.id); });
-            
-            if (isGNMath) {
-                const offBtn = card.querySelector('.offline-action');
-                offBtn.addEventListener('click', (e) => { e.stopPropagation(); toggleOfflineMode(game.id, game.name, gUrl, offBtn); });
-            }
-
             imageObserver.observe(card.querySelector('img'));
             return card;
         }
@@ -930,7 +855,7 @@
             const show404 = (errorMsg = "Game content unavailable.") => {
                 const doc = zoneFrame.contentWindow.document;
                 doc.open();
-                doc.write(\`
+                doc.write(`
                     <!DOCTYPE html>
                     <html>
                     <head>
@@ -945,11 +870,11 @@
                     </head>
                     <body>
                         <h1>404</h1>
-                        <p><strong>\${game.name}</strong> could not be loaded.<br><span style="font-size: 0.9rem; opacity: 0.7;">\${errorMsg}</span></p>
+                        <p><strong>${game.name}</strong> could not be loaded.<br><span style="font-size: 0.9rem; opacity: 0.7;">${errorMsg}</span></p>
                         <div class="btn" onclick="window.parent.closeZoneViewer()">Return to Hub</div>
                     </body>
                     </html>
-                \`);
+                `);
                 doc.close();
                 zoneViewer.style.display = "flex";
                 zoneViewer.classList.add('active', 'animate-fade-in');
@@ -959,12 +884,16 @@
             if (game.baseGameId === 'other-eaglercraft' || game.id === 'other-eaglercraft') {
                 downloadBtn.href = game.url;
                 downloadBtn.download = game.name.replace(/ /g, '_') + '.html';
+                downloadBtn.removeAttribute('target');
                 downloadBtn.classList.remove('hidden');
             } else {
                 downloadBtn.classList.add('hidden');
+                downloadBtn.href = '#';
+                downloadBtn.removeAttribute('download');
             }
 
             // --- INJECT FAVORITE BUTTON IN PLAYER HEADER ---
+            // Remove existing if any
             const existingFav = controls.querySelector('.player-fav-btn');
             if (existingFav) existingFav.remove();
 
@@ -979,28 +908,21 @@
                 toggleFavorite(game.id);
                 favBtn.classList.toggle('favorited');
             };
+
+            // Prepend to controls (Left side)
             controls.prepend(favBtn);
 
             zoneNameEl.textContent = game.name;
+            
+            // RESET FRAME BEFORE LOAD
             zoneFrame.src = 'about:blank';
             
+            // SECURITY: Set sandbox permissions
             const sandboxRules = 'allow-scripts allow-same-origin allow-forms allow-pointer-lock';
             zoneFrame.setAttribute('sandbox', sandboxRules);
             zoneFrame.setAttribute('allow', 'fullscreen; pointer-lock; autoplay; clipboard-write');
 
-            // --- CHECK FOR OFFLINE VERSION FIRST ---
-            const offlineGame = await getOfflineGame(game.id);
-            if (offlineGame) {
-                console.log("Loading offline version of", game.name);
-                const doc = zoneFrame.contentWindow.document;
-                doc.open();
-                doc.write(offlineGame.html);
-                doc.close();
-                zoneViewer.style.display = "flex";
-                zoneViewer.classList.add('active', 'animate-fade-in');
-                return;
-            }
-
+            // --- REVISED LOGIC FOR LOADING GAMES ---
             const isStandardURLGame = game.category === 'StrongdogXP' || game.category === 'Others' || game.category === 'GN-Math';
             
             if (isStandardURLGame) {
@@ -1009,7 +931,10 @@
                     const check = await fetch(game.url, { method: 'HEAD' });
                     if (!check.ok) throw new Error("File not found");
                     zoneFrame.src = game.url;
+                    
+                    // SHOW WITH ANIMATION
                     zoneViewer.style.display = "flex";
+                    zoneViewer.classList.remove('animate-fade-out');
                     zoneViewer.classList.add('active', 'animate-fade-in');
                 } catch (e) {
                     show404("The game source is broken or blocked.");
@@ -1025,46 +950,18 @@
                         doc.open();
                         doc.write(html);
                         doc.close();
+                        
+                        // SHOW WITH ANIMATION
                         zoneViewer.style.display = "flex";
+                        zoneViewer.classList.remove('animate-fade-out');
                         zoneViewer.classList.add('active', 'animate-fade-in');
                     })
                     .catch(error => {
-                        console.error(`Failed to load game "${game.name}": \${error.message}`);
-                        zoneFrame.src = game.url;
-                        zoneViewer.style.display = "flex";
-                        zoneViewer.classList.add('active', 'animate-fade-in');
+                        show404(error.message);
                     });
             }
         }
 
-        async function toggleOfflineMode(gameId, name, url, buttonElement) {
-            const isSaved = await isGameOffline(gameId);
-            try {
-                if (isSaved) {
-                    await removeOfflineGame(gameId);
-                    showNotification(\`\${name} removed from storage.\`, 'fa-solid fa-trash', 'info');
-                } else {
-                    buttonElement.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
-                    await saveGameOffline(gameId, name, url);
-                    showNotification(\`\${name} saved for offline play!\`, 'fa-solid fa-check-circle', 'success');
-                }
-                updateAllOfflineButtons();
-            } catch (e) {
-                showNotification(\`Failed to save \${name}.\`, 'fa-solid fa-circle-exclamation', 'warning');
-            }
-        }
-
-        async function updateAllOfflineButtons() {
-            const btns = document.querySelectorAll('.offline-action');
-            for (const btn of btns) {
-                const gameId = btn.dataset.gameId;
-                const isSaved = await isGameOffline(gameId);
-                btn.classList.toggle('favorited', isSaved); // reuse favorited color
-                btn.innerHTML = isSaved ? '<i class="fa-solid fa-cloud-arrow-down text-green-400"></i>' : '<i class="fa-solid fa-cloud"></i>';
-                btn.title = isSaved ? 'Disable Offline Mode' : 'Enable Offline Mode';
-            }
-        }
-
         function closeZoneViewer() {
             const zoneViewer = document.getElementById('zoneViewer');
             const zoneFrame = document.getElementById('zoneFrame');
@@ -1330,7 +1227,6 @@
 
             switchCategory(currentCategoryIndex);
             renderFavorites();
-            updateAllOfflineButtons();
             setupInstructionOverlay();
             
             searchInput.placeholder = `Search all games...`;

package/package.json

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