reaper-arcade-hub 1.1.3 → 1.1.4

package/css/styles.css

@@ -937,12 +937,11 @@ body {
 .game-player-modal {
   display: none;
   position: fixed;
-  top: 0;
-  left: 0;
+  inset: 0;
   width: 100vw;
   height: 100vh;
   background: #000;
-  z-index: 1000;
+  z-index: 99999;
   flex-direction: column;
 }
 

package/index.html

@@ -228,7 +228,6 @@
 
           <div class="filter-pills">
             <button class="filter-btn active" data-cat="all">ALL</button>
-            <button class="filter-btn" data-cat="top" style="color: #00ffaa; border-color: rgba(0, 255, 170, 0.4); background: rgba(0, 255, 170, 0.1);">🔥 TOP PLAYS</button>
             <button class="filter-btn" data-cat="featured">FEATURED</button>
             <button class="filter-btn" data-cat="favorites">FAVORITES</button>
             <button class="filter-btn" data-cat="fnf">FNF (50+)</button>

package/js/app.js

@@ -1636,22 +1636,15 @@ class ReaperHubApp {
       return;
     }
 
-    const plays = this.gamePlays || JSON.parse(localStorage.getItem('reaper_game_plays') || '{}');
-
     grid.innerHTML = this.filteredGames.map(game => {
       const isFav = this.favorites.map(String).includes(String(game.id));
       const coverUrl = game.cover || `https://placehold.co/400x250/041022/ffffff?text=${encodeURIComponent(game.name)}`;
-      const playCount = this.getGamePlayCount(game.id, plays);
-      const playCountStr = this.formatPlayCount(playCount);
 
       return `
         <div class="game-card" onclick="app.launchGame('${game.id}')">
           <div class="game-thumb-container">
             <img class="game-thumb" src="${coverUrl}" alt="${game.name}" loading="lazy" onerror="this.onerror=null; this.src='https://placehold.co/400x250/041022/ffffff?text=${encodeURIComponent(game.name)}';" />
             ${game.featured ? '<span class="game-badge-featured">FEATURED</span>' : ''}
-            <span class="game-badge-plays" style="position: absolute; bottom: 8px; left: 8px; background: rgba(2, 8, 20, 0.85); backdrop-filter: blur(4px); border: 1px solid rgba(0, 210, 255, 0.4); color: #00d2ff; padding: 2px 7px; border-radius: 12px; font-size: 0.68rem; font-weight: 800; font-family: var(--font-mono); display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.6);">
-              🔥 ${playCountStr} Plays
-            </span>
           </div>
           <div class="game-info">
             <div class="game-title" title="${game.name}">${game.name}</div>
@@ -1661,7 +1654,7 @@ class ReaperHubApp {
                 ${isFav ? '★ SAVED' : '☆ FAV'}
               </button>
             </div>
-            <button class="btn-card-play">PLAY GAME</button>
+            <button class="btn-card-play" onclick="event.stopPropagation(); app.launchGame('${game.id}')">PLAY GAME</button>
           </div>
         </div>
       `;
@@ -1900,11 +1893,6 @@ class ReaperHubApp {
     this.currentGame = game;
     this.recordRecentlyPlayed(game);
 
-    // Increment play counter in Firebase & local cache
-    if (window.reaperFirebase) {
-      window.reaperFirebase.incrementGamePlays(game.id, game.name);
-    }
-
     if (window.reaperSFX) window.reaperSFX.playLaunch();
     if (window.reaperStarfield) {
       window.reaperStarfield.setWarpSpeed(true);
@@ -1917,8 +1905,8 @@ class ReaperHubApp {
     const statusBadge = document.getElementById('player-status-badge');
 
     if (modal && iframe) {
-      nameEl.textContent = game.name;
-      if (statusBadge) statusBadge.textContent = 'Loading...';
+      if (nameEl) nameEl.textContent = game.name;
+      if (statusBadge) statusBadge.textContent = 'CONNECTING...';
 
       modal.style.display = 'flex';
       document.body.style.overflow = 'hidden';
@@ -1930,6 +1918,7 @@ class ReaperHubApp {
 
       const filename = game.url.split('/').pop();
       iframe.removeAttribute('srcdoc');
+      iframe.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
 
       try {
         const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
@@ -1945,16 +1934,7 @@ class ReaperHubApp {
         console.warn("Direct fetch fallback:", err);
       }
 
-      // High-speed fallback directly via proxy
-      try {
-        const fallbackRes = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
-        const fallbackHtml = await fallbackRes.text();
-        iframe.srcdoc = this.cleanAndOptimizeGameHTML(fallbackHtml);
-        if (statusBadge) statusBadge.textContent = 'ONLINE';
-      } catch(e) {
-        iframe.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
-        if (statusBadge) statusBadge.textContent = 'ONLINE';
-      }
+      if (statusBadge) statusBadge.textContent = 'ONLINE (CDN)';
     }
   }
 

package/main/css/styles.css

@@ -937,12 +937,11 @@ body {
 .game-player-modal {
   display: none;
   position: fixed;
-  top: 0;
-  left: 0;
+  inset: 0;
   width: 100vw;
   height: 100vh;
   background: #000;
-  z-index: 1000;
+  z-index: 99999;
   flex-direction: column;
 }
 

package/main/index.html

@@ -228,7 +228,6 @@
 
           <div class="filter-pills">
             <button class="filter-btn active" data-cat="all">ALL</button>
-            <button class="filter-btn" data-cat="top" style="color: #00ffaa; border-color: rgba(0, 255, 170, 0.4); background: rgba(0, 255, 170, 0.1);">🔥 TOP PLAYS</button>
             <button class="filter-btn" data-cat="featured">FEATURED</button>
             <button class="filter-btn" data-cat="favorites">FAVORITES</button>
             <button class="filter-btn" data-cat="fnf">FNF (50+)</button>

package/main/js/app.js

@@ -1636,22 +1636,15 @@ class ReaperHubApp {
       return;
     }
 
-    const plays = this.gamePlays || JSON.parse(localStorage.getItem('reaper_game_plays') || '{}');
-
     grid.innerHTML = this.filteredGames.map(game => {
       const isFav = this.favorites.map(String).includes(String(game.id));
       const coverUrl = game.cover || `https://placehold.co/400x250/041022/ffffff?text=${encodeURIComponent(game.name)}`;
-      const playCount = this.getGamePlayCount(game.id, plays);
-      const playCountStr = this.formatPlayCount(playCount);
 
       return `
         <div class="game-card" onclick="app.launchGame('${game.id}')">
           <div class="game-thumb-container">
             <img class="game-thumb" src="${coverUrl}" alt="${game.name}" loading="lazy" onerror="this.onerror=null; this.src='https://placehold.co/400x250/041022/ffffff?text=${encodeURIComponent(game.name)}';" />
             ${game.featured ? '<span class="game-badge-featured">FEATURED</span>' : ''}
-            <span class="game-badge-plays" style="position: absolute; bottom: 8px; left: 8px; background: rgba(2, 8, 20, 0.85); backdrop-filter: blur(4px); border: 1px solid rgba(0, 210, 255, 0.4); color: #00d2ff; padding: 2px 7px; border-radius: 12px; font-size: 0.68rem; font-weight: 800; font-family: var(--font-mono); display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.6);">
-              🔥 ${playCountStr} Plays
-            </span>
           </div>
           <div class="game-info">
             <div class="game-title" title="${game.name}">${game.name}</div>
@@ -1661,7 +1654,7 @@ class ReaperHubApp {
                 ${isFav ? '★ SAVED' : '☆ FAV'}
               </button>
             </div>
-            <button class="btn-card-play">PLAY GAME</button>
+            <button class="btn-card-play" onclick="event.stopPropagation(); app.launchGame('${game.id}')">PLAY GAME</button>
           </div>
         </div>
       `;
@@ -1900,11 +1893,6 @@ class ReaperHubApp {
     this.currentGame = game;
     this.recordRecentlyPlayed(game);
 
-    // Increment play counter in Firebase & local cache
-    if (window.reaperFirebase) {
-      window.reaperFirebase.incrementGamePlays(game.id, game.name);
-    }
-
     if (window.reaperSFX) window.reaperSFX.playLaunch();
     if (window.reaperStarfield) {
       window.reaperStarfield.setWarpSpeed(true);
@@ -1917,8 +1905,8 @@ class ReaperHubApp {
     const statusBadge = document.getElementById('player-status-badge');
 
     if (modal && iframe) {
-      nameEl.textContent = game.name;
-      if (statusBadge) statusBadge.textContent = 'Loading...';
+      if (nameEl) nameEl.textContent = game.name;
+      if (statusBadge) statusBadge.textContent = 'CONNECTING...';
 
       modal.style.display = 'flex';
       document.body.style.overflow = 'hidden';
@@ -1930,6 +1918,7 @@ class ReaperHubApp {
 
       const filename = game.url.split('/').pop();
       iframe.removeAttribute('srcdoc');
+      iframe.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
 
       try {
         const res = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
@@ -1945,16 +1934,7 @@ class ReaperHubApp {
         console.warn("Direct fetch fallback:", err);
       }
 
-      // High-speed fallback directly via proxy
-      try {
-        const fallbackRes = await fetch(`https://raw.githubusercontent.com/gn-math/html/main/${filename}`);
-        const fallbackHtml = await fallbackRes.text();
-        iframe.srcdoc = this.cleanAndOptimizeGameHTML(fallbackHtml);
-        if (statusBadge) statusBadge.textContent = 'ONLINE';
-      } catch(e) {
-        iframe.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
-        if (statusBadge) statusBadge.textContent = 'ONLINE';
-      }
+      if (statusBadge) statusBadge.textContent = 'ONLINE (CDN)';
     }
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "1.1.3",
-  "description": "Reaper Hub - 788 High-Speed HTML5 Games, Sleek Cyber Orbit Loader, Robust Game Launcher & Recently Played Fix, AI Name Privacy Filter, Potato PC Performance Mode, Top Plays, Realtime Chat, Private DMs & Playtime Leaderboard",
+  "version": "1.1.4",
+  "description": "Reaper Hub - 788 High-Speed HTML5 Games, Clean Game Player, Fixed Recently Played Launcher, Sleek Cyber Orbit Loader, AI Name Privacy Filter, Potato PC Performance Mode, Realtime Chat, Private DMs & Playtime Leaderboard",
   "main": "main/index.html",
   "unpkg": "main/index.html",
   "jsdelivr": "main/index.html",
@@ -16,8 +16,7 @@
     "arcade",
     "performance",
     "leaderboard",
-    "dms",
-    "topplays"
+    "dms"
   ],
   "author": "asfsaf",
   "license": "MIT",

package/verify/css/styles.css

@@ -937,12 +937,11 @@ body {
 .game-player-modal {
   display: none;
   position: fixed;
-  top: 0;
-  left: 0;
+  inset: 0;
   width: 100vw;
   height: 100vh;
   background: #000;
-  z-index: 1000;
+  z-index: 99999;
   flex-direction: column;
 }