(function() { 'use strict'; // ── CardOS Visible Boot Diagnostics ────────────────────────────────────── // This inline script runs BEFORE the React bundle. It creates a visible // overlay showing boot stage codes (B0-B8) and elapsed time. If React // never mounts, the user sees the diagnostic screen instead of a black // screen. After 8 seconds without reaching the final stage, a hard-failure // diagnostic panel replaces the overlay with full state info + Retry. // // Stages: // B0 — HTML loaded // B1 — JavaScript executing // B2 — React root started // B3 — RootLayout rendered // B4 — AuthProvider mounted // B5 — Auth resolved // B6 — Root route mounted // B7 — Redirect requested // B8 — Login/dashboard mounted var BOOT_START = Date.now(); var HARD_TIMEOUT_MS = 8000; var SIGNAL_KEY = '__react_mounted__'; window[SIGNAL_KEY] = false; window.__cardosBootStage = 'B0'; window.__cardosBootLog = []; window.__cardosBootDone = false; function elapsed() { return ((Date.now() - BOOT_START) / 1000).toFixed(1) + 's'; } function logStage(stage, extra) { var entry = stage + ' @ ' + elapsed() + (extra ? ' — ' + extra : ''); window.__cardosBootStage = stage; window.__cardosBootLog.push(entry); console.log('[CardOS BOOT] ' + entry); updateOverlay(); } // Expose global so React components can call it window.__cardosBoot = logStage; // ── Create visible overlay ────────────────────────────────────────────── var overlay = document.createElement('div'); overlay.id = '__cardos_boot_overlay'; overlay.style.cssText = [ 'position:fixed', 'inset:0', 'z-index:99999', 'background:#0B0E13', 'display:flex', 'flex-direction:column', 'align-items:center', 'justify-content:center', 'font-family:ui-sans-serif,system-ui,-apple-system,sans-serif', 'color:#e2e8f0', 'text-align:center', 'padding:2rem 1.5rem', 'transition:opacity 0.3s ease', '-webkit-user-select:none', 'user-select:none' ].join(';'); overlay.innerHTML = [ '

', '

', ' C', '

', '

HTML loaded

', '

0.0s

', '

', '' ].join(''); // ── Stage descriptions ────────────────────────────────────────────────── var STAGE_DESC = { 'B0': 'HTML loaded', 'B1': 'JavaScript executing', 'B2': 'React root started', 'B3': 'RootLayout rendered', 'B4': 'AuthProvider mounted', 'B5': 'Auth resolved', 'B6': 'Root route mounted', 'B6a': 'Onboarding page entered', 'B6b': 'Onboarding first client effect fired', 'B6c': 'Onboarding first paint complete', 'B6d': 'Onboarding route fully mounted', 'B7': 'Redirect requested', 'B8': 'Login/dashboard mounted' }; function updateOverlay() { var stage = window.__cardosBootStage; var stageEl = document.getElementById('__cardos_boot_stage'); var detailEl = document.getElementById('__cardos_boot_detail'); var timeEl = document.getElementById('__cardos_boot_time'); if (stageEl) stageEl.textContent = stage; if (detailEl) detailEl.textContent = STAGE_DESC[stage] || ''; if (timeEl) timeEl.textContent = elapsed(); } function showOverlay() { if (!document.body) { document.documentElement.appendChild(overlay); } else if (overlay.parentNode !== document.body) { document.body.appendChild(overlay); } } function hideOverlay() { window.__cardosBootDone = true; overlay.style.opacity = '0'; setTimeout(function() { if (overlay.parentNode) overlay.parentNode.removeChild(overlay); }, 350); } // ── B0: HTML loaded ───────────────────────────────────────────────────── logStage('B0'); // ── B1: JS executing (this script IS the JS) ──────────────────────────── logStage('B1'); // Stamp build version for diagnostics window.__cardosBuildVersion = '54cf066'; // Show overlay as soon as DOM allows if (document.body) { showOverlay(); } else { document.addEventListener('DOMContentLoaded', showOverlay); } // ── Collect unhandled exceptions into boot log ────────────────────────── window.__cardosBootErrors = []; function captureError(type, detail) { var entry = type + ' @ ' + elapsed() + ' — ' + detail; window.__cardosBootErrors.push(entry); window.__cardosBootLog.push(entry); console.error('[CardOS BOOT] ' + entry); updateOverlay(); } // Catch all uncaught JS errors (not just chunk loads) window.addEventListener('error', function(e) { if (e.error) { var stack = e.error.stack ? e.error.stack.split('\n')[0] : ''; captureError('UNHANDLED', (e.message || 'Unknown error') + (stack ? ' | ' + stack : '')); } else if (e.message) { captureError('UNHANDLED', e.message); } }); // Catch unhandled promise rejections window.addEventListener('unhandledrejection', function(e) { var reason = e.reason; var detail = ''; if (reason instanceof Error) { detail = reason.message + (reason.stack ? ' | ' + reason.stack.split('\n')[0] : ''); } else if (typeof reason === 'string') { detail = reason; } else { try { detail = JSON.stringify(reason); } catch(_) { detail = String(reason); } } captureError('PROMISE_REJECT', detail); }); // ── Build full diagnostic text ────────────────────────────────────────── function buildDiagText() { var isOnline = navigator.onLine; var url = window.location.href; var origin = window.location.origin; var reactMounted = window[SIGNAL_KEY]; var lastStage = window.__cardosBootStage; var authStarted = window.__cardosBootLog.some(function(l) { return l.indexOf('B4') === 0; }); var authResolved = window.__cardosBootLog.some(function(l) { return l.indexOf('B5') === 0; }); var routeMounted = window.__cardosBootLog.some(function(l) { return l.indexOf('B6') === 0 || l.indexOf('B8') === 0; }); var routingStarted = window.__cardosBootLog.some(function(l) { return l.indexOf('B7') === 0; }); var logText = window.__cardosBootLog.join('\n'); var errorText = window.__cardosBootErrors.length > 0 ? window.__cardosBootErrors.join('\n') : '(none)'; // Platform detection var ua = navigator.userAgent; var platform = 'unknown'; if (/iPhone|iPad|iPod/i.test(ua)) { var m = ua.match(/OS (\d+[._]\d+(?:[._]\d+)?)/); platform = 'iOS ' + (m ? m[1].replace(/_/g, '.') : '?'); } else if (/Android/i.test(ua)) { var am = ua.match(/Android (\d+[.]\d+(?:[.]\d+)?)/); platform = 'Android ' + (am ? am[1] : '?'); } else { platform = ua; } var build = (window.__cardosBuildVersion || 'unknown'); var now = new Date().toISOString(); var elapsedMs = Date.now() - BOOT_START; return [ 'CardOS Boot Diagnostics', '=======================', '', 'Build: ' + build, 'Platform: ' + platform, 'Network: ' + (isOnline ? 'online' : 'offline'), 'Origin: ' + origin, 'Stage: ' + lastStage + ' (' + (STAGE_DESC[lastStage] || '') + ')', 'Elapsed: ' + elapsedMs + ' ms', 'React Mounted: ' + (reactMounted ? 'YES' : 'NO'), 'Auth Started: ' + (authStarted ? 'YES' : 'NO'), 'Auth Finished: ' + (authResolved ? 'YES' : 'NO'), 'Route Mounted: ' + (routeMounted ? 'YES' : 'NO'), 'Routing Started: ' + (routingStarted ? 'YES' : 'NO'), 'Current URL: ' + url, 'User Agent: ' + ua, 'Timestamp: ' + now, '', 'Boot log:', logText, '', 'Unhandled errors:', errorText ].join('\n'); } // ── Hard-failure diagnostic screen (after 8s) ─────────────────────────── function showHardFailure() { if (window.__cardosBootDone) return; if (window.__cardosBootStage === 'B8') return; var isOnline = navigator.onLine; var url = window.location.href; var origin = window.location.origin; var reactMounted = window[SIGNAL_KEY]; var lastStage = window.__cardosBootStage; var authStarted = window.__cardosBootLog.some(function(l) { return l.indexOf('B4') === 0; }); var authResolved = window.__cardosBootLog.some(function(l) { return l.indexOf('B5') === 0; }); var routeMounted = window.__cardosBootLog.some(function(l) { return l.indexOf('B6') === 0 || l.indexOf('B8') === 0; }); var routingStarted = window.__cardosBootLog.some(function(l) { return l.indexOf('B7') === 0; }); var errorCount = window.__cardosBootErrors.length; // Platform detection for display var ua = navigator.userAgent; var platform = 'unknown'; if (/iPhone|iPad|iPod/i.test(ua)) { var m = ua.match(/OS (\d+[._]\d+(?:[._]\d+)?)/); platform = 'iOS ' + (m ? m[1].replace(/_/g, '.') : '?'); } else if (/Android/i.test(ua)) { var am = ua.match(/Android (\d+[.]\d+(?:[.]\d+)?)/); platform = 'Android ' + (am ? am[1] : '?'); } else { platform = 'Web'; } var build = (window.__cardosBuildVersion || 'unknown'); var elapsedMs = Date.now() - BOOT_START; overlay.innerHTML = [ '

', '

Boot Failed

', '

', ' The app did not finish loading. Your data is safe. Try again or copy the diagnostics below.', '

', '

',
      '    Build: ' + build + '
',
      '    Platform: ' + platform + '
',
      '    Network: ' + (isOnline ? 'online' : 'offline') + '
',
      '    Origin: ' + origin + '
',
      '    Stage: ' + lastStage + ' (' + (STAGE_DESC[lastStage]||'') + ')
',
      '    Elapsed: ' + elapsedMs + ' ms
',
      '    React Mounted: ' + (reactMounted ? 'YES' : 'NO') + '
',
      '    Auth Started: ' + (authStarted ? 'YES' : 'NO') + '
',
      '    Auth Finished: ' + (authResolved ? 'YES' : 'NO') + '
',
      '    Route Mounted: ' + (routeMounted ? 'YES' : 'NO') + '
',
      '    Routing Started: ' + (routingStarted ? 'YES' : 'NO') + '
',
      '    Current URL: ' + url + '
',
      '    User Agent: ' + ua + '
',
      '    Timestamp: ' + new Date().toISOString() + '
',
      (errorCount > 0 ? '    Errors (' + errorCount + '):
' : ''),
      (errorCount > 0 ? '    ' + window.__cardosBootErrors.join('\n') + '
' : ''),
      '  

', ' ', ' ', '

' ].join(''); // Ensure overlay is visible overlay.style.opacity = '1'; overlay.style.display = 'flex'; var retryBtn = document.getElementById('__cardos_retry'); if (retryBtn) retryBtn.addEventListener('click', function() { window.location.reload(); }); var copyBtn = document.getElementById('__cardos_copy'); if (copyBtn) copyBtn.addEventListener('click', function() { var diagText = buildDiagText(); if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(diagText).then(function() { copyBtn.textContent = 'Copied!'; setTimeout(function() { copyBtn.textContent = 'Copy Diagnostics'; }, 2000); }).catch(function() { copyBtn.textContent = 'Copy failed — see console'; setTimeout(function() { copyBtn.textContent = 'Copy Diagnostics'; }, 2000); }); } else { // Fallback for WKWebView without clipboard API var ta = document.createElement('textarea'); ta.value = diagText; ta.style.cssText = 'position:fixed;opacity:0;pointer-events:none'; overlay.appendChild(ta); ta.select(); try { document.execCommand('copy'); copyBtn.textContent = 'Copied!'; } catch(e) { copyBtn.textContent = 'Select text above'; } setTimeout(function() { copyBtn.textContent = 'Copy Diagnostics'; }, 2000); } }); console.error('[CardOS BOOT] HARD FAILURE — diagnostics:\n' + buildDiagText()); } var hardTimer = setTimeout(showHardFailure, HARD_TIMEOUT_MS); // ── Offline detection ────────────────────────────────────────────────── // Shows a branded offline screen quickly when the browser is offline. // Does NOT replace the hard-failure screen — this is a faster, friendlier // indicator that appears within 2s when offline. Auto-dismisses when // connectivity returns. function showOfflineScreen() { if (window.__cardosBootDone) return; if (window.__cardosBootStage === 'B8') return; overlay.innerHTML = [ '

', '

', ' C', '

', '

You're Offline

', '

', ' CardOS can't reach its servers right now. Your collection and account are safe.', '

', '

Waiting for connection...

', ' ', '

' ].join(''); overlay.style.opacity = '1'; overlay.style.display = 'flex'; var retryBtn = document.getElementById('__cardos_retry_offline'); if (retryBtn) retryBtn.addEventListener('click', function() { window.location.reload(); }); } // Show offline screen quickly if offline and boot hasn't completed var offlineTimer = setTimeout(function() { if (!navigator.onLine && !window.__cardosBootDone) { showOfflineScreen(); } }, 2000); // Auto-recover when connectivity returns window.addEventListener('online', function() { clearTimeout(offlineTimer); if (!window.__cardosBootDone) { window.location.reload(); } }); window.addEventListener('offline', function() { if (!window.__cardosBootDone) { showOfflineScreen(); } }); // ── Signal: React mounted successfully ─────────────────────────────────── Object.defineProperty(window, SIGNAL_KEY, { set: function(v) { if (v) { clearTimeout(hardTimer); logStage('B2', 'React root started'); } window['__react_mounted_val__'] = v; }, get: function() { return window['__react_mounted_val__'] || false; }, configurable: true, }); // ── Expose hide function for B8 ───────────────────────────────────────── window.__cardosBootComplete = function() { logStage('B8', 'Login/dashboard mounted'); clearTimeout(hardTimer); hideOverlay(); }; // ── Chunk error logging (no auto-reload in diagnostic build) ───────────── // The comprehensive error handler above already catches all uncaught errors // including chunk load failures (they fire 'error' events on SCRIPT elements). // This separate listener specifically tags chunk-load failures with the // script URL for easier diagnosis. window.addEventListener('error', function(e) { var target = e.target || e.srcElement; if (target && target !== window && target.tagName && target.tagName.toUpperCase() === 'SCRIPT') { var src = target.src || '(unknown src)'; captureError('CHUNK_LOAD', src); } }, true); })();