(function(){ try { if (window.__ceCaptureInstalled) return; window.__ceCaptureInstalled = true; var ENDPOINT = '/api/client-errors'; var MAX = 10; var sent = 0; var seen = {}; var inFlight = false; var HYDRATION_RE = /hydrat|did not match|server (?:rendered|HTML)|Minified React error #(?:418|423|425)/i; function reactCode(text){ try { var m = String(text).match(/(?:Minified React error #|react\.dev\/errors\/)(\d+)/); return m ? m[1] : undefined; } catch(e){ return undefined; } } // --- Lokalizator mismatchu hydratacji (działa też na PRODZIE) --- // Na produkcji React rzuca tylko zminifikowany #418 bez componentStacka, a stack // wskazuje wnętrze Reacta, nie komponent. Dlatego obserwujemy DOM: normalna // hydratacja adoptuje istniejące węzły (zmienia tylko atrybuty); przy MISMATCHU // React USUWA poddrzewo serwera i renderuje klienta od nowa. Łapiemy te wymiany // childList z PRAWDZIWYMI nazwami tagów/klas/data-* (nieminifikowane) → dokładny // węzeł, którego dotyczy #418. var hydraMut = []; var hydraInj = []; function ceDesc(n){ try{ if(!n) return ''; if(n.nodeType===3) return 'text("'+String(n.textContent||'').replace(/\s+/g,' ').trim().slice(0,40)+'")'; if(n.nodeType!==1) return String(n.nodeName||'?'); var t=n.tagName.toLowerCase(); var id=n.id?('#'+n.id):''; var dh=''; try{ for(var a=0;a '); } // Czy węzeł wygląda na wstrzyknięty przez GTM / third-party (script/iframe/ins // lub markery gtm/google/fb/pixel/clarity/...). Takie wstrzyknięcia do drzewa // hydratowanego przez Reacta to czysty added (bez removed) i również psują // hydratację (#418) — dlatego logujemy je osobno. function ceSuspect(n){ try{ if(!n||n.nodeType!==1) return false; var t=n.tagName.toLowerCase(); if(t==='script'||t==='iframe'||t==='ins'||t==='embed'||t==='object'||t==='noscript') return true; var cn=(n.className&&n.className.toString)?n.className.toString():''; var src=(n.getAttribute&&(n.getAttribute('src')||n.getAttribute('href')||''))||''; var s=((n.id||'')+' '+cn+' '+src).toLowerCase(); return /gtm|gtag|googletag|google-?analytics|doubleclick|clarity|facebook|fbq|pixel|tiktok|hotjar|adservice|cdn-cgi/.test(s); }catch(e){ return false; } } try{ if(typeof MutationObserver==='function'){ var mo=new MutationObserver(function(muts){ for(var i=0;i15) hydraMut.shift(); } else if(m.addedNodes&&m.addedNodes.length&&m.target&&m.target.nodeName!=='HEAD'){ // Czyste wstrzyknięcie (np. GTM Custom HTML) w /roocie Reacta — // pomijamy (tam GTM legalnie dokłada skrypty). Loguj podejrzane. for(k=0;k15) hydraInj.shift(); } } } } }); mo.observe(document.documentElement,{childList:true,subtree:true}); setTimeout(function(){ try{ mo.disconnect(); }catch(e){} }, 8000); } }catch(e){} function ceHydraDom(){ var parts=[]; if(hydraMut.length) parts.push('DOM replaced during hydration (real, non-minified):\n'+hydraMut.join('\n')); if(hydraInj.length) parts.push('3rd-party/GTM nodes injected during hydration:\n'+hydraInj.join('\n')); return parts.length ? parts.join('\n\n') : undefined; } // Szum spoza NASZEGO kodu: mostki natywne wstrzykiwane przez in-app browsery // (Facebook/Instagram/TikTok webview, iOS WKWebView) rzucają błędy z własnych // skryptów pomiarowych (np. dostęp do window.webkit.messageHandlers przy // raportowaniu LCP). To nie są błędy naszej strony — nie logujemy ich, bo tylko // zaśmiecają /admin/logs i odpalają fałszywe alerty error-watch. var NOISE_RE = /webkit\.messageHandlers|messageHandlers|window\.webkit|__fbNative|instgram|FBNativeBridge|ceCurrentVideo|ReactNativeWebView/i; function isNoise(p){ try { var hay = String((p && p.message) || '') + ' ' + String((p && p.stack) || ''); return NOISE_RE.test(hay); } catch(e){ return false; } } function send(p){ try { if (isNoise(p)) return; if (sent >= MAX) return; var key = (p.kind||'') + '|' + (p.reactErrorCode||'') + '|' + (p.message||''); if (seen[key]) return; seen[key] = 1; sent++; p.url = p.url || (location && location.href); var body = JSON.stringify(p); if (navigator.sendBeacon) { navigator.sendBeacon(ENDPOINT, new Blob([body], { type: 'application/json' })); } else { fetch(ENDPOINT, { method:'POST', headers:{'Content-Type':'application/json'}, body: body, keepalive:true, credentials:'same-origin' }).catch(function(){}); } } catch(e){} } window.addEventListener('error', function(ev){ try { var msg = ev.message || (ev.error && ev.error.message) || 'Unknown error'; var code = reactCode(msg); var base = { kind: code ? 'hydration' : 'error', message: String(msg).slice(0,2000), stack: ev.error && ev.error.stack, source: ev.filename || undefined, lineno: ev.lineno || undefined, colno: ev.colno || undefined, reactErrorCode: code }; if (code) { // Hydratacja: poczekaj aż MutationObserver zbuforuje podmianę DOM, potem wyślij z lokalizacją. setTimeout(function(){ try { base.componentStack = ceHydraDom(); send(base); } catch(e){} }, 250); } else { send(base); } } catch(e){} }); window.addEventListener('unhandledrejection', function(ev){ try { var r = ev.reason; var msg = (r && r.message) ? r.message : (typeof r === 'string' ? r : 'Unhandled promise rejection'); send({ kind:'unhandledrejection', message:String(msg).slice(0,2000), stack: r && r.stack, reactErrorCode: reactCode(msg) }); } catch(e){} }); var orig = window.console.error; window.console.error = function(){ try { if (!inFlight) { var first = arguments[0]; var text = typeof first === 'string' ? first : (first && first.message) ? first.message : ''; if (text && HYDRATION_RE.test(text)) { inFlight = true; var cs; for (var i=0;i

Maciej Dorynek