reaper-arcade-hub 1.0.2 → 1.0.3

package/index.html

@@ -659,6 +659,26 @@
         <!-- SUBTAB 2: PREFERENCES & AUDIO -->
         <div id="st-content-prefs" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1.2rem;">
+            
+            <!-- Auto about:blank toggle -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #fff; font-size: 0.95rem;">🌐 Auto-Cloak in about:blank on Visit</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Automatically opens Reaper Hub in an undetectable about:blank tab every time you visit.</p>
+              </div>
+              <input type="checkbox" id="auto-aboutblank-toggle" style="width: 22px; height: 22px; cursor: pointer; accent-color: #00d2ff;" onchange="app.toggleAutoAboutBlank(this.checked)">
+            </div>
+
+            <!-- Launch in about:blank button -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #00d2ff; font-size: 0.95rem;">🚀 Launch Site in about:blank Tab</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Spawn this entire portal inside a clean Google Classroom disguised about:blank window.</p>
+              </div>
+              <button class="btn-primary" onclick="app.openSiteAboutBlank()" style="font-size: 0.82rem; padding: 0.5rem 1.2rem;">LAUNCH CLOAK</button>
+            </div>
+
+            <!-- SFX toggle -->
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
               <div>
                 <strong style="color: #fff; font-size: 0.95rem;">🔊 Sci-Fi Synthesizer Sound FX</strong>

package/js/app.js

@@ -179,6 +179,18 @@ class ReaperHubApp {
 
     this.syncPlaytimeToDB();
 
+    // 10. Auto about:blank Cloak on Visit Check
+    const isAutoAboutBlank = localStorage.getItem('reaper_auto_about_blank') === 'true';
+    const autoBlankToggle = document.getElementById('auto-aboutblank-toggle');
+    if (autoBlankToggle) autoBlankToggle.checked = isAutoAboutBlank;
+
+    if (isAutoAboutBlank && window.self === window.top && !window.location.protocol.includes('about:')) {
+      if (sessionStorage.getItem('reaper_cloaked_session') !== 'true') {
+        sessionStorage.setItem('reaper_cloaked_session', 'true');
+        this.openSiteAboutBlank();
+      }
+    }
+
     console.log(`[REAPER HUB] System Online. Role: ${this.currentUser.rank.toUpperCase()}`);
   }
 
@@ -1525,55 +1537,96 @@ class ReaperHubApp {
   async openGameAboutBlank() {
     if (!this.currentGame) return;
     const filename = this.currentGame.url.split('/').pop();
+    const gameName = this.currentGame.name;
+    const siteUrl = window.location.href;
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Google Classroom";
-      const link = doc.createElement('link');
-      link.rel = 'icon';
-      link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
-      doc.head.appendChild(link);
-
-      const frame = doc.createElement('iframe');
-      frame.style.border = 'none';
-      frame.style.width = '100vw';
-      frame.style.height = '100vh';
-      frame.style.margin = '0';
-      frame.style.position = 'fixed';
-      frame.style.top = '0';
-      frame.style.left = '0';
-      frame.allow = 'autoplay; fullscreen; gamepad';
+      doc.title = "Home - Google Classroom";
       
+      let gameHtml = '';
       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) {
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
-            frame.srcdoc = html;
-          } else {
-            frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+          gameHtml = await res.text();
+          if (gameHtml && gameHtml.length > 50) {
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
           }
-        } else {
-          frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
         }
-      } catch (e) {
-        frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+      } catch (e) {}
+
+      doc.open();
+      doc.write(`
+        <!DOCTYPE html>
+        <html>
+        <head>
+          <title>Home - Google Classroom</title>
+          <link rel="icon" href="https://ssl.gstatic.com/classroom/favicon.png">
+          <style>
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { background: #000; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+            #game-frame { width: 100vw; height: 100vh; border: none; position: fixed; top: 0; left: 0; z-index: 1; }
+            .reaper-bar {
+              position: fixed; top: 12px; left: 14px; z-index: 9999;
+              display: flex; gap: 8px; align-items: center;
+              background: rgba(3, 8, 18, 0.88); backdrop-filter: blur(8px);
+              border: 1.5px solid rgba(0, 136, 255, 0.4); border-radius: 8px; padding: 6px 12px;
+              box-shadow: 0 4px 20px rgba(0,0,0,0.7);
+              opacity: 0.85; transition: opacity 0.2s ease, border-color 0.2s ease;
+            }
+            .reaper-bar:hover { opacity: 1; border-color: #00d2ff; }
+            .btn-action {
+              background: #041022; color: #00d2ff; border: 1px solid rgba(0, 136, 255, 0.4);
+              padding: 5px 12px; border-radius: 6px; font-size: 11px; font-weight: 800;
+              cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
+              transition: all 0.2s ease; font-family: inherit;
+            }
+            .btn-action:hover { background: #0088ff; color: #fff; box-shadow: 0 0 10px rgba(0,136,255,0.6); }
+            .reaper-watermark {
+              position: fixed; bottom: 10px; right: 14px; z-index: 9999;
+              font-family: serif; font-weight: 900; font-size: 13px; letter-spacing: 0.12em;
+              color: rgba(255, 255, 255, 0.35); text-shadow: 0 0 10px rgba(0, 136, 255, 0.6);
+              pointer-events: none; user-select: none;
+            }
+          </style>
+          <script>
+            // Client-Side Ad & Pop-up Blocker
+            window.open = function() { console.log('[REAPER SHIELD] Ad pop-up blocked'); return null; };
+          <\/script>
+        </head>
+        <body>
+          <div class="reaper-bar">
+            <a href="${siteUrl}" class="btn-action" title="Return to Reaper Hub Portal">⚡ BACK TO SITE</a>
+            <button onclick="document.getElementById('game-frame').requestFullscreen()" class="btn-action">⛶ FULLSCREEN</button>
+            <button onclick="document.getElementById('game-frame').contentWindow.location.reload()" class="btn-action">🔄 RELOAD</button>
+          </div>
+          <div class="reaper-watermark">REAPER HUB</div>
+          <iframe id="game-frame" allow="autoplay; fullscreen; gamepad" ${gameHtml ? '' : `src="https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}"`}></iframe>
+        </body>
+        </html>
+      `);
+      doc.close();
+
+      if (gameHtml) {
+        const f = doc.getElementById('game-frame');
+        if (f) f.srcdoc = gameHtml;
       }
 
-      doc.body.style.margin = '0';
-      doc.body.style.overflow = 'hidden';
-      doc.body.appendChild(frame);
-      this.showToast("Game launched in about:blank tab.");
+      this.showToast("Game opened in about:blank tab with watermark & return controls.");
     }
   }
 
+  toggleAutoAboutBlank(enabled) {
+    localStorage.setItem('reaper_auto_about_blank', enabled ? 'true' : 'false');
+    this.showToast(enabled ? "Auto about:blank cloak enabled on every visit." : "Auto about:blank disabled.");
+  }
+
   openSiteAboutBlank() {
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Classes";
+      doc.title = "Home - Google Classroom";
       const link = doc.createElement('link');
       link.rel = 'icon';
       link.href = 'https://ssl.gstatic.com/classroom/favicon.png';

package/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;

package/main/index.html

@@ -659,6 +659,26 @@
         <!-- SUBTAB 2: PREFERENCES & AUDIO -->
         <div id="st-content-prefs" style="display: none;">
           <div style="display: flex; flex-direction: column; gap: 1.2rem;">
+            
+            <!-- Auto about:blank toggle -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #fff; font-size: 0.95rem;">🌐 Auto-Cloak in about:blank on Visit</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Automatically opens Reaper Hub in an undetectable about:blank tab every time you visit.</p>
+              </div>
+              <input type="checkbox" id="auto-aboutblank-toggle" style="width: 22px; height: 22px; cursor: pointer; accent-color: #00d2ff;" onchange="app.toggleAutoAboutBlank(this.checked)">
+            </div>
+
+            <!-- Launch in about:blank button -->
+            <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
+              <div>
+                <strong style="color: #00d2ff; font-size: 0.95rem;">🚀 Launch Site in about:blank Tab</strong>
+                <p style="color: #88aacc; font-size: 0.8rem;">Spawn this entire portal inside a clean Google Classroom disguised about:blank window.</p>
+              </div>
+              <button class="btn-primary" onclick="app.openSiteAboutBlank()" style="font-size: 0.82rem; padding: 0.5rem 1.2rem;">LAUNCH CLOAK</button>
+            </div>
+
+            <!-- SFX toggle -->
             <div style="background: #040e1e; border: 1px solid var(--blue-border); padding: 1rem 1.25rem; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;">
               <div>
                 <strong style="color: #fff; font-size: 0.95rem;">🔊 Sci-Fi Synthesizer Sound FX</strong>

package/main/js/app.js

@@ -179,6 +179,18 @@ class ReaperHubApp {
 
     this.syncPlaytimeToDB();
 
+    // 10. Auto about:blank Cloak on Visit Check
+    const isAutoAboutBlank = localStorage.getItem('reaper_auto_about_blank') === 'true';
+    const autoBlankToggle = document.getElementById('auto-aboutblank-toggle');
+    if (autoBlankToggle) autoBlankToggle.checked = isAutoAboutBlank;
+
+    if (isAutoAboutBlank && window.self === window.top && !window.location.protocol.includes('about:')) {
+      if (sessionStorage.getItem('reaper_cloaked_session') !== 'true') {
+        sessionStorage.setItem('reaper_cloaked_session', 'true');
+        this.openSiteAboutBlank();
+      }
+    }
+
     console.log(`[REAPER HUB] System Online. Role: ${this.currentUser.rank.toUpperCase()}`);
   }
 
@@ -1525,55 +1537,96 @@ class ReaperHubApp {
   async openGameAboutBlank() {
     if (!this.currentGame) return;
     const filename = this.currentGame.url.split('/').pop();
+    const gameName = this.currentGame.name;
+    const siteUrl = window.location.href;
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Google Classroom";
-      const link = doc.createElement('link');
-      link.rel = 'icon';
-      link.href = 'https://ssl.gstatic.com/classroom/favicon.png';
-      doc.head.appendChild(link);
-
-      const frame = doc.createElement('iframe');
-      frame.style.border = 'none';
-      frame.style.width = '100vw';
-      frame.style.height = '100vh';
-      frame.style.margin = '0';
-      frame.style.position = 'fixed';
-      frame.style.top = '0';
-      frame.style.left = '0';
-      frame.allow = 'autoplay; fullscreen; gamepad';
+      doc.title = "Home - Google Classroom";
       
+      let gameHtml = '';
       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) {
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
-            html = html.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
-            frame.srcdoc = html;
-          } else {
-            frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+          gameHtml = await res.text();
+          if (gameHtml && gameHtml.length > 50) {
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/gh\//g, 'https://fastly.jsdelivr.net/gh/');
+            gameHtml = gameHtml.replace(/https?:\/\/cdn\.jsdelivr\.net\/npm\//g, 'https://fastly.jsdelivr.net/npm/');
           }
-        } else {
-          frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
         }
-      } catch (e) {
-        frame.src = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
+      } catch (e) {}
+
+      doc.open();
+      doc.write(`
+        <!DOCTYPE html>
+        <html>
+        <head>
+          <title>Home - Google Classroom</title>
+          <link rel="icon" href="https://ssl.gstatic.com/classroom/favicon.png">
+          <style>
+            * { margin: 0; padding: 0; box-sizing: border-box; }
+            body { background: #000; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+            #game-frame { width: 100vw; height: 100vh; border: none; position: fixed; top: 0; left: 0; z-index: 1; }
+            .reaper-bar {
+              position: fixed; top: 12px; left: 14px; z-index: 9999;
+              display: flex; gap: 8px; align-items: center;
+              background: rgba(3, 8, 18, 0.88); backdrop-filter: blur(8px);
+              border: 1.5px solid rgba(0, 136, 255, 0.4); border-radius: 8px; padding: 6px 12px;
+              box-shadow: 0 4px 20px rgba(0,0,0,0.7);
+              opacity: 0.85; transition: opacity 0.2s ease, border-color 0.2s ease;
+            }
+            .reaper-bar:hover { opacity: 1; border-color: #00d2ff; }
+            .btn-action {
+              background: #041022; color: #00d2ff; border: 1px solid rgba(0, 136, 255, 0.4);
+              padding: 5px 12px; border-radius: 6px; font-size: 11px; font-weight: 800;
+              cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
+              transition: all 0.2s ease; font-family: inherit;
+            }
+            .btn-action:hover { background: #0088ff; color: #fff; box-shadow: 0 0 10px rgba(0,136,255,0.6); }
+            .reaper-watermark {
+              position: fixed; bottom: 10px; right: 14px; z-index: 9999;
+              font-family: serif; font-weight: 900; font-size: 13px; letter-spacing: 0.12em;
+              color: rgba(255, 255, 255, 0.35); text-shadow: 0 0 10px rgba(0, 136, 255, 0.6);
+              pointer-events: none; user-select: none;
+            }
+          </style>
+          <script>
+            // Client-Side Ad & Pop-up Blocker
+            window.open = function() { console.log('[REAPER SHIELD] Ad pop-up blocked'); return null; };
+          <\/script>
+        </head>
+        <body>
+          <div class="reaper-bar">
+            <a href="${siteUrl}" class="btn-action" title="Return to Reaper Hub Portal">⚡ BACK TO SITE</a>
+            <button onclick="document.getElementById('game-frame').requestFullscreen()" class="btn-action">⛶ FULLSCREEN</button>
+            <button onclick="document.getElementById('game-frame').contentWindow.location.reload()" class="btn-action">🔄 RELOAD</button>
+          </div>
+          <div class="reaper-watermark">REAPER HUB</div>
+          <iframe id="game-frame" allow="autoplay; fullscreen; gamepad" ${gameHtml ? '' : `src="https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}"`}></iframe>
+        </body>
+        </html>
+      `);
+      doc.close();
+
+      if (gameHtml) {
+        const f = doc.getElementById('game-frame');
+        if (f) f.srcdoc = gameHtml;
       }
 
-      doc.body.style.margin = '0';
-      doc.body.style.overflow = 'hidden';
-      doc.body.appendChild(frame);
-      this.showToast("Game launched in about:blank tab.");
+      this.showToast("Game opened in about:blank tab with watermark & return controls.");
     }
   }
 
+  toggleAutoAboutBlank(enabled) {
+    localStorage.setItem('reaper_auto_about_blank', enabled ? 'true' : 'false');
+    this.showToast(enabled ? "Auto about:blank cloak enabled on every visit." : "Auto about:blank disabled.");
+  }
+
   openSiteAboutBlank() {
     const win = window.open('about:blank', '_blank');
     if (win) {
       const doc = win.document;
-      doc.title = "Classes";
+      doc.title = "Home - Google Classroom";
       const link = doc.createElement('link');
       link.rel = 'icon';
       link.href = 'https://ssl.gstatic.com/classroom/favicon.png';

package/main/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Reaper Hub - 788 High-Speed HTML5 Games, Realtime Chat, Playtime Leaderboard & Verification Gateway",
   "main": "main/index.html",
   "unpkg": "main/index.html",

package/verify/js/security-shield.js

@@ -217,6 +217,15 @@
             count++;
           }
         }
+
+        // Kill client-side third-party ad script injections & tracking pop-up tags
+        const adNodes = document.querySelectorAll('script[src*="googlesyndication"], script[src*="doubleclick"], script[src*="adnxs"], script[src*="monetag"], script[src*="popcash"], script[src*="propellerads"], div[class*="ad-banner" i], div[id*="ad-container" i]');
+        for (let i = 0; i < adNodes.length; i++) {
+          if (adNodes[i] && adNodes[i].parentNode) {
+            adNodes[i].parentNode.removeChild(adNodes[i]);
+            count++;
+          }
+        }
       } catch (e) {}
 
       this.blockedCount += count;