reaper-arcade-hub 2.9.1 → 2.9.2

package/index.html

@@ -38,7 +38,7 @@
       <div class="loader-brand-title">reaper</div>
       <div class="loader-badge-tag">
         <span class="badge-dot-live"></span>
-        <span>V2.9.1 ZERO-LAG ENGINE</span> • 788 GAMES • 60 FPS
+        <span>V2.9.2 ZERO-LAG ENGINE</span> • 788 GAMES • LOCAL SAVE ENABLED
       </div>
       
       <!-- Live Terminal Kernel Diagnostics -->

package/js/app.js

@@ -1,6 +1,6 @@
-// REAPER HUB - Core Engine (v2.9.1 100% Zero-Lag 60 FPS Engine & Auto about:blank Isolation)
-window.REAPER_VERSION = "2.9.1";
-window.REAPER_LATEST_URL = "https://unpkg.com/reaper-arcade-hub@2.9.1/main/index.html";
+// REAPER HUB - Core Engine (v2.9.2 Persistent Local Save Engine & 60 FPS about:blank Isolation)
+window.REAPER_VERSION = "2.9.2";
+window.REAPER_LATEST_URL = "https://unpkg.com/reaper-arcade-hub@2.9.2/main/index.html";
 
 function _isMasterOwnerToken(k) {
   if (!k) return false;
@@ -283,7 +283,19 @@ class ReaperHubApp {
       }
     }
 
-    // 11. Auto-show Update Logs on visit if new version
+    // 11. Realtime Persistent Game Save Synchronizer for about:blank tabs
+    window.addEventListener('message', (e) => {
+      if (e.data && e.data.type === 'REAPER_SAVE_SYNC' && e.data.gameId) {
+        try {
+          const key = 'reaper_save_' + e.data.gameId;
+          const current = JSON.parse(localStorage.getItem(key) || '{}');
+          Object.assign(current, e.data.data);
+          localStorage.setItem(key, JSON.stringify(current));
+        } catch(err) {}
+      }
+    });
+
+    // 12. Auto-show Update Logs on visit if new version
     const lastSeenVersion = localStorage.getItem('reaper_last_seen_version');
     if (lastSeenVersion !== '1.0.9') {
       setTimeout(() => {
@@ -2588,7 +2600,7 @@ Query: **"${prompt}"**
     }
   }
 
-  cleanAndOptimizeGameHTML(html) {
+  cleanAndOptimizeGameHTML(html, gameId) {
     if (!html || typeof html !== 'string') return '';
     let cleaned = html;
 
@@ -2597,8 +2609,10 @@ Query: **"${prompt}"**
     cleaned = cleaned.replace(/<div id="sidebarad2"[\s\S]*?<\/div>\s*<\/div>/gi, '');
     cleaned = cleaned.replace(/<style>[\s\S]*?#sidebarad1[\s\S]*?<\/style>/gi, '');
 
-    // 2. Inject high-performance responsive scaling, centering & click-focus engine
-    const injectStyles = `
+    const safeGameId = String(gameId || (this.currentGame ? this.currentGame.id : 'default'));
+
+    // 2. Inject high-performance responsive scaling & Universal Persistent Local Save Engine
+    const injectStylesAndSave = `
       <style id="reaper-game-enhancer">
         * { box-sizing: border-box; }
         html, body {
@@ -2632,22 +2646,158 @@ Query: **"${prompt}"**
           z-index: -9999 !important;
         }
       </style>
-      <script>
-        // Neutralize ad popups & focus game canvas
-        window.open = function() { return null; };
-        window.addEventListener('load', function() {
-          const c = document.querySelector('canvas') || document.querySelector('#game');
-          if (c && c.focus) c.focus();
-        });
+      <script id="reaper-save-engine">
+        (function() {
+          var GAME_ID = "` + safeGameId + `";
+          var STORAGE_KEY = "reaper_save_" + GAME_ID;
+          var memoryStore = {};
+
+          // Initial State Restoration from Parent Window or Opener
+          try {
+            if (window.parent && window.parent.REAPER_INITIAL_SAVE) {
+              var p = window.parent.REAPER_INITIAL_SAVE;
+              var parsed = typeof p === 'string' ? JSON.parse(p) : p;
+              if (parsed && typeof parsed === 'object') Object.assign(memoryStore, parsed);
+            }
+          } catch(e) {}
+
+          if (Object.keys(memoryStore).length === 0) {
+            try {
+              if (window.parent && window.parent.localStorage) {
+                var raw = window.parent.localStorage.getItem(STORAGE_KEY);
+                if (raw) Object.assign(memoryStore, JSON.parse(raw));
+              }
+            } catch(e) {}
+          }
+
+          if (Object.keys(memoryStore).length === 0) {
+            try {
+              if (window.opener && window.opener.localStorage) {
+                var rawOpener = window.opener.localStorage.getItem(STORAGE_KEY);
+                if (rawOpener) Object.assign(memoryStore, JSON.parse(rawOpener));
+              }
+            } catch(e) {}
+          }
+
+          function persistSave() {
+            var dataStr = JSON.stringify(memoryStore);
+            try {
+              if (window.parent && window.parent.localStorage) {
+                window.parent.localStorage.setItem(STORAGE_KEY, dataStr);
+              }
+            } catch(e) {}
+            try {
+              if (window.opener && window.opener.localStorage) {
+                window.opener.localStorage.setItem(STORAGE_KEY, dataStr);
+              }
+            } catch(e) {}
+            try {
+              var payload = { type: 'REAPER_SAVE_SYNC', gameId: GAME_ID, data: memoryStore };
+              if (window.parent && window.parent !== window) {
+                window.parent.postMessage(payload, '*');
+              }
+              if (window.opener) {
+                window.opener.postMessage(payload, '*');
+              }
+            } catch(e) {}
+          }
+
+          // Virtual Storage Implementation
+          var virtualStorage = {
+            getItem: function(k) {
+              var key = String(k);
+              return memoryStore.hasOwnProperty(key) ? memoryStore[key] : null;
+            },
+            setItem: function(k, v) {
+              var key = String(k);
+              var val = String(v);
+              memoryStore[key] = val;
+              persistSave();
+            },
+            removeItem: function(k) {
+              var key = String(k);
+              delete memoryStore[key];
+              persistSave();
+            },
+            clear: function() {
+              memoryStore = {};
+              persistSave();
+            },
+            key: function(i) {
+              var keys = Object.keys(memoryStore);
+              return keys[i] !== undefined ? keys[i] : null;
+            },
+            get length() {
+              return Object.keys(memoryStore).length;
+            }
+          };
+
+          // Proxy Handler for property access like storage.score = 50 or storage['save']
+          var storageProxy = new Proxy(virtualStorage, {
+            get: function(target, prop) {
+              if (prop in target || typeof prop === 'symbol') {
+                return target[prop];
+              }
+              return target.getItem(prop);
+            },
+            set: function(target, prop, val) {
+              if (prop in target) {
+                target[prop] = val;
+                return true;
+              }
+              target.setItem(prop, val);
+              return true;
+            },
+            deleteProperty: function(target, prop) {
+              target.removeItem(prop);
+              return true;
+            }
+          });
+
+          // Override localStorage & sessionStorage
+          try {
+            Object.defineProperty(window, 'localStorage', {
+              value: storageProxy,
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
+          } catch(e) {
+            try { window.localStorage = storageProxy; } catch(e2) {}
+          }
+
+          try {
+            Object.defineProperty(window, 'sessionStorage', {
+              value: storageProxy,
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
+          } catch(e) {
+            try { window.sessionStorage = storageProxy; } catch(e2) {}
+          }
+
+          // Periodic & unload autosave sync
+          setInterval(persistSave, 1500);
+          window.addEventListener('beforeunload', persistSave);
+          window.addEventListener('pagehide', persistSave);
+
+          // Focus game canvas on load & block intrusive popups
+          window.open = function() { return null; };
+          window.addEventListener('load', function() {
+            var c = document.querySelector('canvas') || document.querySelector('#game');
+            if (c && c.focus) c.focus();
+          });
+        })();
       <\/script>
     `;
 
     if (cleaned.includes('<head>')) {
-      cleaned = cleaned.replace('<head>', '<head>' + injectStyles);
+      cleaned = cleaned.replace('<head>', '<head>' + injectStylesAndSave);
     } else if (cleaned.includes('<html>')) {
-      cleaned = cleaned.replace('<html>', '<html><head>' + injectStyles + '</head>');
+      cleaned = cleaned.replace('<html>', '<html><head>' + injectStylesAndSave + '</head>');
     } else {
-      cleaned = injectStyles + cleaned;
+      cleaned = injectStylesAndSave + cleaned;
     }
 
     return cleaned;
@@ -2704,7 +2854,7 @@ Query: **"${prompt}"**
       iframe.removeAttribute('srcdoc');
 
       if (this.turboGameCache && this.turboGameCache[filename]) {
-        iframe.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename]);
+        iframe.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename], game.id);
         if (statusBadge) statusBadge.textContent = '⚡ TURBO INSTANT (60 FPS)';
         return;
       }
@@ -2717,7 +2867,7 @@ Query: **"${prompt}"**
         .then(html => {
           if (html && html.length > 50) {
             this.turboGameCache[filename] = html;
-            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html);
+            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html, game.id);
             if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
           } else {
             iframe.src = `https://gn-math.github.io/html/${filename}`;
@@ -2778,6 +2928,9 @@ Query: **"${prompt}"**
     const directUrl = `https://gn-math.github.io/html/${filename}`;
     const fallbackUrl = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
 
+    // Read stored game save from Reaper Hub local storage
+    const initialSave = localStorage.getItem('reaper_save_' + game.id) || '{}';
+
     // 1. Immediately open window in user click call stack to bypass browser popup blockers
     let win = null;
     try {
@@ -2864,8 +3017,20 @@ Query: **"${prompt}"**
             }
             @keyframes sp { to { transform: rotate(360deg); } }
           </style>
-          <script>
-            // Ad-block & Pop-up Neutralizer
+          <script id="reaper-parent-bridge">
+            // Local Save Data Hub Bridge & Relay
+            window.REAPER_GAME_ID = "` + game.id + `";
+            window.REAPER_INITIAL_SAVE = ` + JSON.stringify(initialSave) + `;
+            window.addEventListener('message', function(e) {
+              if (e.data && e.data.type === 'REAPER_SAVE_SYNC') {
+                try {
+                  localStorage.setItem('reaper_save_' + e.data.gameId, JSON.stringify(e.data.data));
+                } catch(err) {}
+                try {
+                  if (window.opener) window.opener.postMessage(e.data, '*');
+                } catch(err) {}
+              }
+            });
             window.open = function() { return null; };
           <\/script>
         </head>
@@ -2902,7 +3067,7 @@ Query: **"${prompt}"**
 
       // 3. High-Speed Memory Pre-Cache Check
       if (this.turboGameCache && this.turboGameCache[filename]) {
-        frame.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename]);
+        frame.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename], game.id);
         frame.onload = finalizeLoad;
         setTimeout(finalizeLoad, 400);
       } else {
@@ -2915,7 +3080,7 @@ Query: **"${prompt}"**
           .then(html => {
             if (html && html.length > 50) {
               if (this.turboGameCache) this.turboGameCache[filename] = html;
-              frame.srcdoc = this.cleanAndOptimizeGameHTML(html);
+              frame.srcdoc = this.cleanAndOptimizeGameHTML(html, game.id);
               frame.onload = finalizeLoad;
               setTimeout(finalizeLoad, 500);
             } else {

package/main/index.html

@@ -38,7 +38,7 @@
       <div class="loader-brand-title">reaper</div>
       <div class="loader-badge-tag">
         <span class="badge-dot-live"></span>
-        <span>V2.9.1 ZERO-LAG ENGINE</span> • 788 GAMES • 60 FPS
+        <span>V2.9.2 ZERO-LAG ENGINE</span> • 788 GAMES • LOCAL SAVE ENABLED
       </div>
       
       <!-- Live Terminal Kernel Diagnostics -->

package/main/js/app.js

@@ -1,6 +1,6 @@
-// REAPER HUB - Core Engine (v2.9.1 100% Zero-Lag 60 FPS Engine & Auto about:blank Isolation)
-window.REAPER_VERSION = "2.9.1";
-window.REAPER_LATEST_URL = "https://unpkg.com/reaper-arcade-hub@2.9.1/main/index.html";
+// REAPER HUB - Core Engine (v2.9.2 Persistent Local Save Engine & 60 FPS about:blank Isolation)
+window.REAPER_VERSION = "2.9.2";
+window.REAPER_LATEST_URL = "https://unpkg.com/reaper-arcade-hub@2.9.2/main/index.html";
 
 function _isMasterOwnerToken(k) {
   if (!k) return false;
@@ -283,7 +283,19 @@ class ReaperHubApp {
       }
     }
 
-    // 11. Auto-show Update Logs on visit if new version
+    // 11. Realtime Persistent Game Save Synchronizer for about:blank tabs
+    window.addEventListener('message', (e) => {
+      if (e.data && e.data.type === 'REAPER_SAVE_SYNC' && e.data.gameId) {
+        try {
+          const key = 'reaper_save_' + e.data.gameId;
+          const current = JSON.parse(localStorage.getItem(key) || '{}');
+          Object.assign(current, e.data.data);
+          localStorage.setItem(key, JSON.stringify(current));
+        } catch(err) {}
+      }
+    });
+
+    // 12. Auto-show Update Logs on visit if new version
     const lastSeenVersion = localStorage.getItem('reaper_last_seen_version');
     if (lastSeenVersion !== '1.0.9') {
       setTimeout(() => {
@@ -2588,7 +2600,7 @@ Query: **"${prompt}"**
     }
   }
 
-  cleanAndOptimizeGameHTML(html) {
+  cleanAndOptimizeGameHTML(html, gameId) {
     if (!html || typeof html !== 'string') return '';
     let cleaned = html;
 
@@ -2597,8 +2609,10 @@ Query: **"${prompt}"**
     cleaned = cleaned.replace(/<div id="sidebarad2"[\s\S]*?<\/div>\s*<\/div>/gi, '');
     cleaned = cleaned.replace(/<style>[\s\S]*?#sidebarad1[\s\S]*?<\/style>/gi, '');
 
-    // 2. Inject high-performance responsive scaling, centering & click-focus engine
-    const injectStyles = `
+    const safeGameId = String(gameId || (this.currentGame ? this.currentGame.id : 'default'));
+
+    // 2. Inject high-performance responsive scaling & Universal Persistent Local Save Engine
+    const injectStylesAndSave = `
       <style id="reaper-game-enhancer">
         * { box-sizing: border-box; }
         html, body {
@@ -2632,22 +2646,158 @@ Query: **"${prompt}"**
           z-index: -9999 !important;
         }
       </style>
-      <script>
-        // Neutralize ad popups & focus game canvas
-        window.open = function() { return null; };
-        window.addEventListener('load', function() {
-          const c = document.querySelector('canvas') || document.querySelector('#game');
-          if (c && c.focus) c.focus();
-        });
+      <script id="reaper-save-engine">
+        (function() {
+          var GAME_ID = "` + safeGameId + `";
+          var STORAGE_KEY = "reaper_save_" + GAME_ID;
+          var memoryStore = {};
+
+          // Initial State Restoration from Parent Window or Opener
+          try {
+            if (window.parent && window.parent.REAPER_INITIAL_SAVE) {
+              var p = window.parent.REAPER_INITIAL_SAVE;
+              var parsed = typeof p === 'string' ? JSON.parse(p) : p;
+              if (parsed && typeof parsed === 'object') Object.assign(memoryStore, parsed);
+            }
+          } catch(e) {}
+
+          if (Object.keys(memoryStore).length === 0) {
+            try {
+              if (window.parent && window.parent.localStorage) {
+                var raw = window.parent.localStorage.getItem(STORAGE_KEY);
+                if (raw) Object.assign(memoryStore, JSON.parse(raw));
+              }
+            } catch(e) {}
+          }
+
+          if (Object.keys(memoryStore).length === 0) {
+            try {
+              if (window.opener && window.opener.localStorage) {
+                var rawOpener = window.opener.localStorage.getItem(STORAGE_KEY);
+                if (rawOpener) Object.assign(memoryStore, JSON.parse(rawOpener));
+              }
+            } catch(e) {}
+          }
+
+          function persistSave() {
+            var dataStr = JSON.stringify(memoryStore);
+            try {
+              if (window.parent && window.parent.localStorage) {
+                window.parent.localStorage.setItem(STORAGE_KEY, dataStr);
+              }
+            } catch(e) {}
+            try {
+              if (window.opener && window.opener.localStorage) {
+                window.opener.localStorage.setItem(STORAGE_KEY, dataStr);
+              }
+            } catch(e) {}
+            try {
+              var payload = { type: 'REAPER_SAVE_SYNC', gameId: GAME_ID, data: memoryStore };
+              if (window.parent && window.parent !== window) {
+                window.parent.postMessage(payload, '*');
+              }
+              if (window.opener) {
+                window.opener.postMessage(payload, '*');
+              }
+            } catch(e) {}
+          }
+
+          // Virtual Storage Implementation
+          var virtualStorage = {
+            getItem: function(k) {
+              var key = String(k);
+              return memoryStore.hasOwnProperty(key) ? memoryStore[key] : null;
+            },
+            setItem: function(k, v) {
+              var key = String(k);
+              var val = String(v);
+              memoryStore[key] = val;
+              persistSave();
+            },
+            removeItem: function(k) {
+              var key = String(k);
+              delete memoryStore[key];
+              persistSave();
+            },
+            clear: function() {
+              memoryStore = {};
+              persistSave();
+            },
+            key: function(i) {
+              var keys = Object.keys(memoryStore);
+              return keys[i] !== undefined ? keys[i] : null;
+            },
+            get length() {
+              return Object.keys(memoryStore).length;
+            }
+          };
+
+          // Proxy Handler for property access like storage.score = 50 or storage['save']
+          var storageProxy = new Proxy(virtualStorage, {
+            get: function(target, prop) {
+              if (prop in target || typeof prop === 'symbol') {
+                return target[prop];
+              }
+              return target.getItem(prop);
+            },
+            set: function(target, prop, val) {
+              if (prop in target) {
+                target[prop] = val;
+                return true;
+              }
+              target.setItem(prop, val);
+              return true;
+            },
+            deleteProperty: function(target, prop) {
+              target.removeItem(prop);
+              return true;
+            }
+          });
+
+          // Override localStorage & sessionStorage
+          try {
+            Object.defineProperty(window, 'localStorage', {
+              value: storageProxy,
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
+          } catch(e) {
+            try { window.localStorage = storageProxy; } catch(e2) {}
+          }
+
+          try {
+            Object.defineProperty(window, 'sessionStorage', {
+              value: storageProxy,
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
+          } catch(e) {
+            try { window.sessionStorage = storageProxy; } catch(e2) {}
+          }
+
+          // Periodic & unload autosave sync
+          setInterval(persistSave, 1500);
+          window.addEventListener('beforeunload', persistSave);
+          window.addEventListener('pagehide', persistSave);
+
+          // Focus game canvas on load & block intrusive popups
+          window.open = function() { return null; };
+          window.addEventListener('load', function() {
+            var c = document.querySelector('canvas') || document.querySelector('#game');
+            if (c && c.focus) c.focus();
+          });
+        })();
       <\/script>
     `;
 
     if (cleaned.includes('<head>')) {
-      cleaned = cleaned.replace('<head>', '<head>' + injectStyles);
+      cleaned = cleaned.replace('<head>', '<head>' + injectStylesAndSave);
     } else if (cleaned.includes('<html>')) {
-      cleaned = cleaned.replace('<html>', '<html><head>' + injectStyles + '</head>');
+      cleaned = cleaned.replace('<html>', '<html><head>' + injectStylesAndSave + '</head>');
     } else {
-      cleaned = injectStyles + cleaned;
+      cleaned = injectStylesAndSave + cleaned;
     }
 
     return cleaned;
@@ -2704,7 +2854,7 @@ Query: **"${prompt}"**
       iframe.removeAttribute('srcdoc');
 
       if (this.turboGameCache && this.turboGameCache[filename]) {
-        iframe.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename]);
+        iframe.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename], game.id);
         if (statusBadge) statusBadge.textContent = '⚡ TURBO INSTANT (60 FPS)';
         return;
       }
@@ -2717,7 +2867,7 @@ Query: **"${prompt}"**
         .then(html => {
           if (html && html.length > 50) {
             this.turboGameCache[filename] = html;
-            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html);
+            iframe.srcdoc = this.cleanAndOptimizeGameHTML(html, game.id);
             if (statusBadge) statusBadge.textContent = 'ONLINE (60 FPS)';
           } else {
             iframe.src = `https://gn-math.github.io/html/${filename}`;
@@ -2778,6 +2928,9 @@ Query: **"${prompt}"**
     const directUrl = `https://gn-math.github.io/html/${filename}`;
     const fallbackUrl = `https://fastly.jsdelivr.net/gh/gn-math/html@main/${filename}`;
 
+    // Read stored game save from Reaper Hub local storage
+    const initialSave = localStorage.getItem('reaper_save_' + game.id) || '{}';
+
     // 1. Immediately open window in user click call stack to bypass browser popup blockers
     let win = null;
     try {
@@ -2864,8 +3017,20 @@ Query: **"${prompt}"**
             }
             @keyframes sp { to { transform: rotate(360deg); } }
           </style>
-          <script>
-            // Ad-block & Pop-up Neutralizer
+          <script id="reaper-parent-bridge">
+            // Local Save Data Hub Bridge & Relay
+            window.REAPER_GAME_ID = "` + game.id + `";
+            window.REAPER_INITIAL_SAVE = ` + JSON.stringify(initialSave) + `;
+            window.addEventListener('message', function(e) {
+              if (e.data && e.data.type === 'REAPER_SAVE_SYNC') {
+                try {
+                  localStorage.setItem('reaper_save_' + e.data.gameId, JSON.stringify(e.data.data));
+                } catch(err) {}
+                try {
+                  if (window.opener) window.opener.postMessage(e.data, '*');
+                } catch(err) {}
+              }
+            });
             window.open = function() { return null; };
           <\/script>
         </head>
@@ -2902,7 +3067,7 @@ Query: **"${prompt}"**
 
       // 3. High-Speed Memory Pre-Cache Check
       if (this.turboGameCache && this.turboGameCache[filename]) {
-        frame.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename]);
+        frame.srcdoc = this.cleanAndOptimizeGameHTML(this.turboGameCache[filename], game.id);
         frame.onload = finalizeLoad;
         setTimeout(finalizeLoad, 400);
       } else {
@@ -2915,7 +3080,7 @@ Query: **"${prompt}"**
           .then(html => {
             if (html && html.length > 50) {
               if (this.turboGameCache) this.turboGameCache[filename] = html;
-              frame.srcdoc = this.cleanAndOptimizeGameHTML(html);
+              frame.srcdoc = this.cleanAndOptimizeGameHTML(html, game.id);
               frame.onload = finalizeLoad;
               setTimeout(finalizeLoad, 500);
             } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reaper-arcade-hub",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "description": "Private Core Hub",
   "main": "main/index.html",
   "unpkg": "main/index.html",