// Enhanced chunk loading error handler with retry logic and rate limit handling window.chunkRetryCount = 0; window.maxChunkRetries = 3; window.chunkRetryDelay = 2000; // Start with 2 seconds // Storage-safe helpers to avoid Safari SecurityError when storage is blocked var safeLS = { get: function(key) { try { return window.localStorage ? localStorage.getItem(key) : null; } catch (e) { console.warn('chunk handler: localStorage get blocked', e && e.message); return null; } }, set: function(key, value) { try { if (window.localStorage) { localStorage.setItem(key, value); return true; } } catch (e) { console.warn('chunk handler: localStorage set blocked', e && e.message); } return false; }, remove: function(key) { try { if (window.localStorage) { localStorage.removeItem(key); return true; } } catch (e) { console.warn('chunk handler: localStorage remove blocked', e && e.message); } return false; } }; var safeSS = { clear: function() { try { if (window.sessionStorage) { sessionStorage.clear(); } } catch (e) { console.warn('chunk handler: sessionStorage clear blocked', e && e.message); } }, remove: function(key) { try { if (window.sessionStorage) { sessionStorage.removeItem(key); } } catch (e) { console.warn('chunk handler: sessionStorage remove blocked', e && e.message); } } }; // Handle chunk loading errors globally window.addEventListener('error', function(e) { // Note: webkit.messageHandlers errors are already suppressed by the // early-boot script in (first script tag). No duplicate check needed here. // Check if it's a chunk loading error or webpack module resolution failure // "Loading chunk" / "Failed to fetch" = network-level chunk errors // "Cannot read properties of undefined (reading 'call')" = stale chunk after deployment // (webpack tries modules[id].call() but modules[id] is undefined due to version mismatch) var isChunkError = e.message && ( e.message.includes('Loading chunk') || e.message.includes('Failed to fetch') || (e.message.includes("Cannot read properties of undefined") && e.message.includes("'call'")) || (e.message.includes("Cannot read property 'call'") && e.message.includes("undefined")) ); if (isChunkError) { console.warn('Chunk loading error detected:', e.message); // Implement exponential backoff for retries if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; const delay = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); console.log('Retrying chunk load in', delay, 'ms... (Attempt', window.chunkRetryCount, 'of', window.maxChunkRetries + ')'); setTimeout(function() { // Clear cache before retry to ensure fresh fetch if ('caches' in window) { caches.keys().then(function(names) { return Promise.all( names.map(function(name) { if (name.includes('next-static')) { return caches.delete(name); } }) ); }).then(function() { console.log('Cache cleared, reloading...'); window.location.reload(); }); } else { window.location.reload(); } }, delay); } else { console.error('Max chunk retry attempts reached. Clearing all caches and reloading...'); // Final attempt: clear everything and reload safeSS.clear(); safeLS.set('chunkLoadingFailed', Date.now().toString()); if ('caches' in window) { caches.keys().then(function(names) { return Promise.all(names.map(function(name) { return caches.delete(name); })); }).then(function() { window.location.reload(); }); } else { window.location.reload(); } } return true; } // Handle script loading errors (429 rate limits, network errors) if (e.target && e.target.tagName === 'SCRIPT' && e.target.src && e.target.src.includes('/_next/static/')) { console.warn('Script loading failed:', e.target.src); e.preventDefault(); // Retry with exponential backoff if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; const delay = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); console.log('Retrying script load in', delay, 'ms...'); setTimeout(function() { window.location.reload(); }, delay); } } }, true); // INP Optimization: Defer fetch wrapper setup to not block first interactions // This uses requestIdleCallback to avoid impacting INP metrics var setupFetchWrapper = function() { if (window.fetch && !window.__chunkFetchWrapped) { window.__chunkFetchWrapped = true; const originalFetch = window.fetch; window.fetch = function() { var args = arguments; return originalFetch.apply(this, args).then(function(response) { // Handle rate limiting (429) on chunk requests if (response.url && response.url.includes('/_next/static/chunks/')) { if (response.status === 429) { console.warn('Rate limited on chunk:', response.url); // Get retry-after header if available var retryAfter = response.headers.get('Retry-After'); var delay = retryAfter ? parseInt(retryAfter) * 1000 : window.chunkRetryDelay; console.log('Retrying after', delay, 'ms due to rate limit...'); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, args).then(resolve); }, delay); }); } else if (response.status >= 500) { console.warn('Server error on chunk:', response.url, 'Status:', response.status); // Retry server errors with backoff if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; var delay = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, args).then(resolve); }, delay); }); } } } return response; }).catch(function(error) { // Handle network errors if (args[0] && args[0].includes('/_next/static/chunks/')) { console.error('Network error loading chunk:', args[0], error); if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; var delay = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); console.log('Retrying after network error in', delay, 'ms...'); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, args).then(resolve).catch(resolve); }, delay); }); } } throw error; }); }; } }; // Defer fetch wrapper to idle time to not block INP if ('requestIdleCallback' in window) { requestIdleCallback(setupFetchWrapper, { timeout: 3000 }); } else { setTimeout(setupFetchWrapper, 100); } // Clear chunk error counters on successful page load window.addEventListener('load', function() { setTimeout(function() { window.chunkRetryCount = 0; safeSS.remove('chunkLoadError'); }, 2000); }); // Global handler for unhandled promise rejections window.addEventListener('unhandledrejection', function(event) { const error = event.reason; // Handle Event type errors (common from service worker registration failures) if (error instanceof Event) { const eventType = error.type || ''; const eventTarget = error.target || {}; // Suppress service worker registration errors (common in file:// contexts, private browsing, etc.) if (eventType === 'error' || (eventTarget.tagName === 'SCRIPT' && eventTarget.src && eventTarget.src.includes('sw.js')) || String(error).includes('service worker') || String(error).includes('ServiceWorker')) { console.warn('Suppressed service worker error (non-fatal):', eventType); event.preventDefault(); return; } } // Handle CustomEvent type errors (common from async operations) if (error instanceof CustomEvent) { const eventType = error.type || ''; const eventDetail = error.detail || {}; // Suppress non-fatal CustomEvent rejections (common from messaging, notifications, etc.) if (eventType === 'unhandledrejection' || String(error).includes('unhandledrejection') || String(eventDetail).includes('message') || String(eventDetail).includes('notification')) { console.warn('Suppressed CustomEvent rejection (non-fatal):', eventType); event.preventDefault(); return; } } const errorMessage = error?.message || String(error); const errorName = error?.name || ''; // Suppress specific known errors that don't need to be reported // "invalid origin" errors from Supabase auth are often client-side issues // that don't affect functionality (e.g., missing origin headers from certain browsers) if (errorMessage && ( errorMessage.includes('invalid origin') || errorMessage.includes('Invalid origin') || errorMessage.includes('origin validation') )) { console.warn('Suppressed unhandled promise rejection (origin validation):', errorMessage); event.preventDefault(); // Prevent the error from being logged to console return; } // Suppress DOM manipulation errors from crawlers/headless browsers // These are benign errors that don't affect real user experience if (errorMessage && ( errorMessage.includes('removeChild') || errorMessage.includes('insertBefore') || errorMessage.includes('is not a child of this node') || errorMessage.includes('expected a ') || errorMessage.includes('AggregateError') || errorMessage.includes('GoTrueClient') || errorMessage.includes('Multiple GoTrueClient') )) { console.warn('Suppressed DOM/hydration error (likely from crawler):', errorMessage.substring(0, 100)); event.preventDefault(); return; } // Suppress service worker related errors if (errorMessage && ( errorMessage.includes('service worker') || errorMessage.includes('ServiceWorker') || errorMessage.includes('SW registration') || errorName === 'SecurityError' && errorMessage.includes('service worker') )) { console.warn('Suppressed service worker error (non-fatal):', errorMessage.substring(0, 100)); event.preventDefault(); return; } // Suppress Sentry SDK internal errors on privacy browsers (DuckDuckGo, Brave, etc.) // These browsers block Performance APIs, causing the SDK to fail looking up // internal features. Must be suppressed here because beforeSend can't reliably // filter errors thrown during Sentry's own initialization. (Sentry #7242907355) if (errorMessage && ( errorMessage.includes('feature named') || errorMessage.includes('performanceMetrics') || errorMessage.includes('was not found') )) { console.warn('Suppressed Sentry SDK internal error (non-fatal):', errorMessage.substring(0, 100)); event.preventDefault(); return; } // Suppress network fetch errors (common from ad blockers, network issues, CORS, etc.) // These are non-fatal and don't affect core functionality if (errorMessage && ( errorMessage.includes('Failed to fetch') || errorMessage.includes('failed to fetch') || errorMessage === 'Failed to fetch' || errorName === 'TypeError' && errorMessage.includes('fetch') || errorMessage.includes('NetworkError') || errorMessage.includes('Network request failed') || errorMessage.includes('Load failed') || errorMessage.includes('CORS') || errorMessage.includes('ERR_FAILED') || errorMessage.includes('ERR_NETWORK') )) { console.warn('Suppressed network fetch error (non-fatal):', errorMessage.substring(0, 100)); event.preventDefault(); return; } // Handle webpack module resolution errors (stale chunks after deployment) // TypeError: Cannot read properties of undefined (reading 'call') // This occurs when a cached chunk references module IDs from a previous build if (errorMessage && ( (errorMessage.includes("Cannot read properties of undefined") && errorMessage.includes("'call'")) || (errorMessage.includes("Cannot read property 'call'") && errorMessage.includes("undefined")) )) { console.warn('Webpack module resolution error detected (stale chunk after deployment). Recovering...'); event.preventDefault(); // Prevent infinite reload loops - if we already tried within 30s, stop var lastChunkFail = safeLS.get('chunkLoadingFailed'); if (lastChunkFail && (Date.now() - parseInt(lastChunkFail)) < 30000) { console.error('Chunk recovery already attempted recently. Not reloading again.'); return; } safeLS.set('chunkLoadingFailed', Date.now().toString()); if ('caches' in window) { caches.keys().then(function(names) { return Promise.all(names.map(function(name) { return caches.delete(name); })); }).then(function() { window.location.reload(); }); } else { window.location.reload(); } return; } // For other errors, log but don't crash console.error('Unhandled promise rejection:', error); event.preventDefault(); // Prevent default error reporting }); // Global handler for synchronous errors (window.onerror) window.addEventListener('error', function(event) { const errorMessage = event.message || ''; // Suppress DOM manipulation errors from crawlers/headless browsers if ( errorMessage.includes('removeChild') || errorMessage.includes('insertBefore') || errorMessage.includes('is not a child of this node') || errorMessage.includes('expected a ') || errorMessage.includes('document.body') ) { console.warn('Suppressed DOM error (likely from crawler):', errorMessage.substring(0, 100)); event.preventDefault(); return true; // Prevents the error from propagating } // Suppress Web Worker blob URL errors from Supabase GoTrueClient // These occur when the auth library's internal worker fails to load // Usually due to race conditions or blob URL being revoked if ( errorMessage.includes('importScripts') || errorMessage.includes('blob:') || errorMessage.includes('WorkerGlobalScope') ) { console.warn('Suppressed worker blob URL error:', errorMessage.substring(0, 100)); event.preventDefault(); return true; } }, true); // Detect if chunks are consistently failing (429 rate limits from crawlers) var failedChunkTimestamp = safeLS.get('chunkLoadingFailed'); if (failedChunkTimestamp) { var timeSinceFailure = Date.now() - parseInt(failedChunkTimestamp); if (timeSinceFailure < 60000) { console.warn('Recent chunk loading failures detected. Implementing aggressive cache bypass + retry logic...'); // Add cache buster AND keep retry logic in a single wrapper to avoid nested wrappers if (window.fetch && !window.__chunkFetchWrapped) { window.__chunkFetchWrapped = true; const originalFetch = window.fetch; window.fetch = function(url, options) { var fetchArgs = arguments; // Cache-bust chunk requests if (typeof url === 'string' && url.includes('/_next/static/')) { var hasQuery = url.includes('?'); var cacheBuster = (hasQuery ? '&' : '?') + 'cb=' + Date.now(); url = url + cacheBuster; } return originalFetch.call(this, url, options).then(function(response) { // Retry logic for chunk requests (429/5xx) if (response.url && response.url.includes('/_next/static/chunks/')) { if (response.status === 429) { console.warn('Rate limited on chunk (cache-busted):', response.url); var retryAfter = response.headers.get('Retry-After'); var delay = retryAfter ? parseInt(retryAfter) * 1000 : window.chunkRetryDelay; console.log('Retrying after', delay, 'ms due to rate limit...'); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, fetchArgs).then(resolve); }, delay); }); } else if (response.status >= 500) { console.warn('Server error on chunk (cache-busted):', response.url, 'Status:', response.status); if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; var delayServer = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, fetchArgs).then(resolve); }, delayServer); }); } } } return response; }).catch(function(error) { // Network error retry for chunk requests if (fetchArgs[0] && typeof fetchArgs[0] === 'string' && fetchArgs[0].includes('/_next/static/chunks/')) { console.error('Network error loading chunk (cache-busted):', fetchArgs[0], error); if (window.chunkRetryCount < window.maxChunkRetries) { window.chunkRetryCount++; var delayNet = window.chunkRetryDelay * Math.pow(2, window.chunkRetryCount - 1); console.log('Retrying after network error in', delayNet, 'ms...'); return new Promise(function(resolve) { setTimeout(function() { originalFetch.apply(window, fetchArgs).then(resolve).catch(resolve); }, delayNet); }); } } throw error; }); }; } } else { // Clear old failure flag safeLS.remove('chunkLoadingFailed'); } }