reaper-arcade-hub 2.0.4 → 2.0.6

package/css/styles.css

@@ -936,13 +936,13 @@ body {
 
 .game-player-modal {
   display: none;
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100vh;
-  background: #000;
-  z-index: 99999;
-  flex-direction: column;
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  background: #000 !important;
+  z-index: 9999999 !important;
+  flex-direction: column !important;
 }
 
 .player-toolbar {
@@ -953,6 +953,7 @@ body {
   align-items: center;
   justify-content: space-between;
   padding: 0 1.25rem;
+  z-index: 10;
 }
 
 .player-frame-wrapper {
@@ -968,12 +969,12 @@ body {
 }
 
 .player-iframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-  display: block;
-  background: #000;
-  outline: none;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  display: block !important;
+  background: #000 !important;
+  outline: none !important;
 }
 
 .reaper-watermark {

package/js/app.js

@@ -765,13 +765,14 @@ class ReaperHubApp {
     const container = document.getElementById('admin-users-directory');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `<div style="text-align: center; color: #88aacc; padding: 1.5rem; font-size: 0.82rem;">No other users active yet.</div>`;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.map(u => {
+    container.innerHTML = validUsers.map(u => {
       const isSelf = u.username === this.currentUser.username;
       const currentRank = (u.rank || 'member').toLowerCase();
       const timeStr = this.formatPlaytime(u.seconds || 0);
@@ -779,7 +780,7 @@ class ReaperHubApp {
       return `
         <div style="display: flex; justify-content: space-between; align-items: center; background: #041022; padding: 0.45rem 0.75rem; border-radius: 6px; border: 1px solid var(--blue-border); font-size: 0.8rem;">
           <div>
-            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username || 'User')}</strong>
+            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username)}</strong>
             <span class="rank-pill rank-${currentRank}">${currentRank.toUpperCase()}</span>
             <span style="color: #88ccff; margin-left: 0.5rem;">Playtime: ${timeStr}</span>
           </div>
@@ -1143,7 +1144,8 @@ class ReaperHubApp {
         window.reaperFirebase.db.ref("reaperPlaytime").on("value", (snap) => {
           const val = snap.val();
           if (val) {
-            this.leaderboardData = Object.values(val);
+            const raw = Object.values(val);
+            this.leaderboardData = raw.filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon' && (u.seconds || 0) > 0);
             this.leaderboardData.sort((a, b) => (b.seconds || 0) - (a.seconds || 0));
           } else {
             this.leaderboardData = [
@@ -1176,13 +1178,18 @@ class ReaperHubApp {
     const container = document.getElementById('leaderboard-rows-container');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `
+        <div style="text-align: center; color: #88aacc; padding: 2rem; font-size: 0.85rem;">
+          No active leaderboard entries yet. Play games to earn your ranking!
+        </div>
+      `;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.slice(0, 20).map((player, idx) => {
+    container.innerHTML = validUsers.slice(0, 20).map((player, idx) => {
       const rankNum = idx + 1;
       const timeStr = this.formatPlaytime(player.seconds || 0);
       const isSelf = player.username === this.currentUser.username;
@@ -1890,9 +1897,9 @@ class ReaperHubApp {
     const cleanId = String(gameId).trim();
     const game = this.games.find(g => String(g.id) === cleanId || Number(g.id) === Number(cleanId)) ||
                  this.games.find(g => g.name && String(g.name).toLowerCase() === cleanId.toLowerCase()) ||
-                 this.games.find(g => g.url && String(g.url).toLowerCase().includes(cleanId.toLowerCase()));
+                 this.games.find(g => g.url && String(g.url).toLowerCase().includes(cleanId.toLowerCase())) ||
+                 this.games[0];
     if (!game) {
-      console.warn("[REAPER] Game not found for identifier:", gameId);
       this.showToast("Could not find requested game.");
       return;
     }
@@ -1912,9 +1919,10 @@ class ReaperHubApp {
 
     if (modal && iframe) {
       if (nameEl) nameEl.textContent = game.name;
-      if (statusBadge) statusBadge.textContent = 'CONNECTING...';
+      if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
 
-      modal.style.display = 'flex';
+      modal.style.setProperty('display', 'flex', 'important');
+      modal.style.setProperty('z-index', '9999999', 'important');
       document.body.style.overflow = 'hidden';
 
       this.isPlayingGame = true;
@@ -1926,21 +1934,12 @@ class ReaperHubApp {
       iframe.removeAttribute('srcdoc');
       iframe.src = `https://raw.githack.com/gn-math/html/main/${filename}`;
 
-      try {
-        const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
-        if (res.ok) {
-          let html = await res.text();
-          if (html && html.length > 50) {
-            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html);
-            if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
-            return;
-          }
-        }
-      } catch (err) {
-        console.warn("Direct fetch fallback:", err);
-      }
-
-      if (statusBadge) statusBadge.textContent = 'ONLINE';
+      setTimeout(() => {
+        try {
+          iframe.focus();
+          if (iframe.contentWindow) iframe.contentWindow.focus();
+        } catch (e) {}
+      }, 300);
     }
   }
 

package/main/css/styles.css

@@ -936,13 +936,13 @@ body {
 
 .game-player-modal {
   display: none;
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100vh;
-  background: #000;
-  z-index: 99999;
-  flex-direction: column;
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  background: #000 !important;
+  z-index: 9999999 !important;
+  flex-direction: column !important;
 }
 
 .player-toolbar {
@@ -953,6 +953,7 @@ body {
   align-items: center;
   justify-content: space-between;
   padding: 0 1.25rem;
+  z-index: 10;
 }
 
 .player-frame-wrapper {
@@ -968,12 +969,12 @@ body {
 }
 
 .player-iframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-  display: block;
-  background: #000;
-  outline: none;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  display: block !important;
+  background: #000 !important;
+  outline: none !important;
 }
 
 .reaper-watermark {

package/main/js/app.js

@@ -765,13 +765,14 @@ class ReaperHubApp {
     const container = document.getElementById('admin-users-directory');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `<div style="text-align: center; color: #88aacc; padding: 1.5rem; font-size: 0.82rem;">No other users active yet.</div>`;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.map(u => {
+    container.innerHTML = validUsers.map(u => {
       const isSelf = u.username === this.currentUser.username;
       const currentRank = (u.rank || 'member').toLowerCase();
       const timeStr = this.formatPlaytime(u.seconds || 0);
@@ -779,7 +780,7 @@ class ReaperHubApp {
       return `
         <div style="display: flex; justify-content: space-between; align-items: center; background: #041022; padding: 0.45rem 0.75rem; border-radius: 6px; border: 1px solid var(--blue-border); font-size: 0.8rem;">
           <div>
-            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username || 'User')}</strong>
+            <strong style="color: #fff;" class="${currentRank === 'owner' ? 'owner-animated-name' : ''}">${this.escapeHtml(u.username)}</strong>
             <span class="rank-pill rank-${currentRank}">${currentRank.toUpperCase()}</span>
             <span style="color: #88ccff; margin-left: 0.5rem;">Playtime: ${timeStr}</span>
           </div>
@@ -1143,7 +1144,8 @@ class ReaperHubApp {
         window.reaperFirebase.db.ref("reaperPlaytime").on("value", (snap) => {
           const val = snap.val();
           if (val) {
-            this.leaderboardData = Object.values(val);
+            const raw = Object.values(val);
+            this.leaderboardData = raw.filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon' && (u.seconds || 0) > 0);
             this.leaderboardData.sort((a, b) => (b.seconds || 0) - (a.seconds || 0));
           } else {
             this.leaderboardData = [
@@ -1176,13 +1178,18 @@ class ReaperHubApp {
     const container = document.getElementById('leaderboard-rows-container');
     if (!container) return;
 
-    if (this.leaderboardData.length === 0) {
-      this.leaderboardData = [
-        { username: this.currentUser.username, seconds: this.playtimeSeconds, rank: this.currentUser.rank }
-      ];
+    const validUsers = (this.leaderboardData || []).filter(u => u && u.username && u.username.toLowerCase() !== 'user' && u.username.toLowerCase() !== 'anon');
+
+    if (validUsers.length === 0) {
+      container.innerHTML = `
+        <div style="text-align: center; color: #88aacc; padding: 2rem; font-size: 0.85rem;">
+          No active leaderboard entries yet. Play games to earn your ranking!
+        </div>
+      `;
+      return;
     }
 
-    container.innerHTML = this.leaderboardData.slice(0, 20).map((player, idx) => {
+    container.innerHTML = validUsers.slice(0, 20).map((player, idx) => {
       const rankNum = idx + 1;
       const timeStr = this.formatPlaytime(player.seconds || 0);
       const isSelf = player.username === this.currentUser.username;
@@ -1890,9 +1897,9 @@ class ReaperHubApp {
     const cleanId = String(gameId).trim();
     const game = this.games.find(g => String(g.id) === cleanId || Number(g.id) === Number(cleanId)) ||
                  this.games.find(g => g.name && String(g.name).toLowerCase() === cleanId.toLowerCase()) ||
-                 this.games.find(g => g.url && String(g.url).toLowerCase().includes(cleanId.toLowerCase()));
+                 this.games.find(g => g.url && String(g.url).toLowerCase().includes(cleanId.toLowerCase())) ||
+                 this.games[0];
     if (!game) {
-      console.warn("[REAPER] Game not found for identifier:", gameId);
       this.showToast("Could not find requested game.");
       return;
     }
@@ -1912,9 +1919,10 @@ class ReaperHubApp {
 
     if (modal && iframe) {
       if (nameEl) nameEl.textContent = game.name;
-      if (statusBadge) statusBadge.textContent = 'CONNECTING...';
+      if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
 
-      modal.style.display = 'flex';
+      modal.style.setProperty('display', 'flex', 'important');
+      modal.style.setProperty('z-index', '9999999', 'important');
       document.body.style.overflow = 'hidden';
 
       this.isPlayingGame = true;
@@ -1926,21 +1934,12 @@ class ReaperHubApp {
       iframe.removeAttribute('srcdoc');
       iframe.src = `https://raw.githack.com/gn-math/html/main/${filename}`;
 
-      try {
-        const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
-        if (res.ok) {
-          let html = await res.text();
-          if (html && html.length > 50) {
-            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html);
-            if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
-            return;
-          }
-        }
-      } catch (err) {
-        console.warn("Direct fetch fallback:", err);
-      }
-
-      if (statusBadge) statusBadge.textContent = 'ONLINE';
+      setTimeout(() => {
+        try {
+          iframe.focus();
+          if (iframe.contentWindow) iframe.contentWindow.focus();
+        } catch (e) {}
+      }, 300);
     }
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "2.0.4",
-  "description": "Reaper Hub - Full High-Speed Arcade Engine (788 Games), Security Shield, HWID Gateway, Realtime Chat & DMs, Playtime Leaderboard & Working Game Launcher",
+  "version": "2.0.6",
+  "description": "Reaper Hub - High-Speed 788-Game Arcade Engine, Direct CDN Boot, 60 FPS Focus, Security Shield, HWID Gateway & Realtime Chat",
   "main": "main/index.html",
   "unpkg": "main/index.html",
   "jsdelivr": "main/index.html",

package/verify/css/styles.css

@@ -936,13 +936,13 @@ body {
 
 .game-player-modal {
   display: none;
-  position: fixed;
-  inset: 0;
-  width: 100vw;
-  height: 100vh;
-  background: #000;
-  z-index: 99999;
-  flex-direction: column;
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  background: #000 !important;
+  z-index: 9999999 !important;
+  flex-direction: column !important;
 }
 
 .player-toolbar {
@@ -953,6 +953,7 @@ body {
   align-items: center;
   justify-content: space-between;
   padding: 0 1.25rem;
+  z-index: 10;
 }
 
 .player-frame-wrapper {
@@ -968,12 +969,12 @@ body {
 }
 
 .player-iframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-  display: block;
-  background: #000;
-  outline: none;
+  width: 100% !important;
+  height: 100% !important;
+  border: none !important;
+  display: block !important;
+  background: #000 !important;
+  outline: none !important;
 }
 
 .reaper-watermark {