web: Add debugging to SQL.js wrapper to diagnose WASM loading issue

- Add console.log statements to track fetch calls and responses
- Debug WebAssembly.instantiate calls
- Help identify where the MIME type issue occurs

Author: softartdev

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

@@ -33,16 +33,22 @@ class GitHubPagesWasmPlugin {
             const sqlJsWrapperContent = `
 // Custom SQL.js wrapper to handle GitHub Pages MIME type issues
 (function() {
+    console.log('SQL.js wrapper loaded');
+    
     // Store original fetch
     const originalFetch = window.fetch;
     
     // Override fetch to handle .wasm files
     window.fetch = function(url, options) {
+        console.log('Fetch called with URL:', url);
         if (typeof url === 'string' && url.endsWith('.wasm')) {
+            console.log('Intercepting WASM request:', url);
             return originalFetch(url, options).then(response => {
+                console.log('WASM response status:', response.status);
+                console.log('WASM response headers:', response.headers.get('content-type'));
                 if (response.ok) {
                     // Clone the response and set correct headers
-                    return new Response(response.body, {
+                    const newResponse = new Response(response.body, {
                         status: response.status,
                         statusText: response.statusText,
                         headers: {
@@ -51,19 +57,26 @@ class GitHubPagesWasmPlugin {
                             'Cross-Origin-Opener-Policy': 'same-origin'
                         }
                     });
+                    console.log('Created new response with correct headers');
+                    return newResponse;
                 }
                 return response;
+            }).catch(error => {
+                console.error('Error fetching WASM:', error);
+                throw error;
             });
         }
         return originalFetch(url, options);
     };
     
-    // Also override WebAssembly.instantiate to handle MIME type issues
+    // Override WebAssembly.instantiate to handle MIME type issues
     const originalInstantiate = WebAssembly.instantiate;
     WebAssembly.instantiate = function(buffer, importObject) {
+        console.log('WebAssembly.instantiate called with:', typeof buffer, buffer instanceof ArrayBuffer);
         // If buffer is not an ArrayBuffer, try to convert it
         if (!(buffer instanceof ArrayBuffer)) {
             if (buffer instanceof Response) {
+                console.log('Converting Response to ArrayBuffer');
                 return buffer.arrayBuffer().then(ab => originalInstantiate(ab, importObject));
             }
         }