web: Add comprehensive SQL.js WASM loading debugging

- Override WebAssembly.compile and WebAssembly.compileStreaming
- Add XHR request detection for SQL.js WASM files
- Enhanced debugging to catch all possible WASM loading mechanisms
- This should reveal exactly how SQL.js loads its WASM file

Author: softartdev

app/web/webpack.config.d/sqljs-config.js

@@ -56,6 +56,40 @@ class GitHubPagesWasmPlugin {
             console.error('Error fetching sql-wasm.wasm directly:', error);
         });
     
+    // Override the SQL.js module loading mechanism
+    console.log('Attempting to override SQL.js WASM loading...');
+    
+    // Try to intercept the SQL.js WASM loading by overriding the module
+    if (typeof window !== 'undefined') {
+        // Store original methods
+        const originalWebAssemblyCompile = WebAssembly.compile;
+        const originalWebAssemblyCompileStreaming = WebAssembly.compileStreaming;
+        
+        // Override WebAssembly.compile
+        WebAssembly.compile = function(buffer) {
+            console.log('WebAssembly.compile called');
+            if (buffer instanceof ArrayBuffer) {
+                const uint8Array = new Uint8Array(buffer);
+                const firstBytes = Array.from(uint8Array.slice(0, 4));
+                console.log('WebAssembly.compile buffer first 4 bytes:', firstBytes);
+                if (firstBytes[0] === 0x3c && firstBytes[1] === 0x21) {
+                    console.error('❌ WebAssembly.compile received HTML instead of WASM!');
+                    throw new Error('Received HTML instead of WebAssembly binary in compile');
+                }
+            }
+            return originalWebAssemblyCompile.call(this, buffer);
+        };
+        
+        // Override WebAssembly.compileStreaming
+        WebAssembly.compileStreaming = function(source) {
+            console.log('WebAssembly.compileStreaming called with:', source);
+            return originalWebAssemblyCompileStreaming.call(this, source).catch(error => {
+                console.error('WebAssembly.compileStreaming failed:', error);
+                throw error;
+            });
+        };
+    }
+    
     // Store original fetch
     const originalFetch = window.fetch;
     
@@ -90,16 +124,19 @@ class GitHubPagesWasmPlugin {
         return originalFetch(url, options);
     };
     
-    // Override XMLHttpRequest to handle .wasm files
-    const originalXHROpen = XMLHttpRequest.prototype.open;
-    const originalXHRSend = XMLHttpRequest.prototype.send;
-    
+    // Also intercept all requests to see what SQL.js is actually requesting
+    const originalOpen = XMLHttpRequest.prototype.open;
     XMLHttpRequest.prototype.open = function(method, url, ...args) {
-        console.log('XHR open called with URL:', url);
-        this._url = url;
-        return originalXHROpen.call(this, method, url, ...args);
+        console.log('XHR open:', method, url);
+        if (url && url.includes('sql') && url.includes('wasm')) {
+            console.log('🔍 SQL.js WASM XHR request detected:', url);
+        }
+        return originalOpen.call(this, method, url, ...args);
     };
     
+    // Override XMLHttpRequest to handle .wasm files
+    const originalXHRSend = XMLHttpRequest.prototype.send;
+    
     XMLHttpRequest.prototype.send = function(data) {
         if (this._url && this._url.endsWith('.wasm')) {
             console.log('Intercepting XHR WASM request:', this._url);