(function () { "use strict"; var MAX_LINII_WIDOCZNYCH = 12; var MAX_HISTORIA = 500; var ADRES_WYSYLKI = "https://portal-production-6648.up.railway.app/api/wielokropek/telemetry/debug-dotyk"; // GUARD — funkcja czysta i SAMOWYSTARCZALNA (PARAM/KEY zadeklarowane W SRODKU, nie w // zamykajacym zasiegu IIFE): bierze search (string) i storage (obiekt z getItem/setItem // albo null), nie dotyka document/window bezposrednio. Dzieki temu da sie ja wyciagnac // (miedzy ta definicja a sentinelem KONIEC-JESTAKTYWNY) i przetestowac w izolacji // (patrz dotykRejestratorScript.test.ts) BEZ jsdom/przegladarki. function jestAktywny(search, storage) { var PARAM = "dotyk"; var KEY = "nl-debug-dotyk"; try { var params = new URLSearchParams(search || ""); // debug czytany jako LISTA flag rozdzielonych przecinkiem (parytet z zasadyDebug.ts) — dzieki // temu jeden adres ?debug=zasady,dotyk aktywuje OBA tryby naraz (sam get("debug") zwrocilby // caly string "zasady,dotyk" i nie zrownalby sie z "dotyk"). getAll obsluguje tez ?debug=a&debug=b. var flagi = params.getAll("debug").join(",").split(","); var maFlage = false; for (var i = 0; i < flagi.length; i++) { if (flagi[i].trim() === PARAM) { maFlage = true; break; } } if (maFlage) { if (storage) { try { storage.setItem(KEY, "1"); } catch (e) {} } return true; } if (storage) { try { if (storage.getItem(KEY) === "1") return true; } catch (e) {} } } catch (e) {} return false; } // KONIEC-JESTAKTYWNY var wyszukiwanie = typeof window !== "undefined" && window.location ? window.location.search : ""; var magazyn = null; try { magazyn = window.sessionStorage; } catch (e) { magazyn = null; } if (!jestAktywny(wyszukiwanie, magazyn)) return; // Sama flaga debug nie wystarcza. Czekamy fail-closed na swiezy sygnal profilu; // zgody nie zapisujemy w session/localStorage obok jej kanonicznego zrodla. var uruchomiono = false; var zatrzymajPoZgodzie = function () {}; function poZgodzie(event) { if (!event) return; if (event.detail === "on" && !uruchomiono) { uruchomiono = true; uruchom(); } else if (event.detail !== "on" && uruchomiono) { // Zmiana profilu ON -> OFF zatrzymuje takze juz dzialajacy surowy rejestrator. zatrzymajPoZgodzie(); } } window.addEventListener("nl:telemetria-zgoda", poZgodzie); if (window.__NL_TELEMETRIA_ZGODA__ === "on") poZgodzie({ detail: "on" }); function uruchom() { // ---- od tego miejsca skrypt jest AKTYWNY: buduje panel i podpina nasluchiwacze ---- var poczatek = Date.now(); var historia = []; var ostatniTouchStart = null; var ostatniPointerDown = null; var oczekiwanyClickTimer = null; // sonda iter6: „touchend bez click w 700 ms" = scroll ukradl tap? function pad(n, len) { var s = String(n); while (s.length < len) s = "0" + s; return s; } function znacznikCzasu() { var d = new Date(); return ( pad(d.getHours(), 2) + ":" + pad(d.getMinutes(), 2) + ":" + pad(d.getSeconds(), 2) + "." + pad(d.getMilliseconds(), 3) ); } var tresc = null; var wylaczony = false; // przycisk "Wylacz" gasi rejestrator w tej karcie (patrz wylacz()) function odswiez() { if (!tresc) return; var widoczne = historia.slice(-MAX_LINII_WIDOCZNYCH); tresc.textContent = widoczne.join("\n"); } // v4 AUTO-WYSYLKA: kolejka linii do POST-a na serwer portalu (ring-buffer diagnostyczny). // Batch co >=10 linii + beacon przy pagehide + flush w wylacz(). Limity spiete z serwerem: // max 50 linii/zadanie, linia przycieta do 4000 zn (serwer waliduje 4096 — nie wpadamy w 422). // Rejestrator NIGDY nie moze zepsuc strony: fetch w try, bledy polykane po cichu. var kolejkaWysylki = []; // Zapis TYLKO lokalny (historia + panel), BEZ kolejkowania do wysylki. Uzywany przez // „wysylka-padla" (iter6) — inaczej blad POST-a wpadalby z powrotem do kolejki = petla. function dopiszLokalnie(linia) { if (wylaczony) return null; var wpis = znacznikCzasu() + " " + linia; historia.push(wpis); if (historia.length > MAX_HISTORIA) historia.shift(); odswiez(); return wpis; } function wyslijLogi() { // Kazda droga wysylki (prog 10, pagehide i przycisk) przechodzi przez ten sam // swiezy stan. OFF porzuca takze paczke czekajaca w kolejce. if (window.__NL_TELEMETRIA_ZGODA__ !== "on") { kolejkaWysylki = []; return; } if (kolejkaWysylki.length === 0) return; var paczka = kolejkaWysylki.splice(0, 50); try { fetch(ADRES_WYSYLKI, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ lines: paczka }), keepalive: true, }) .then(function (odp) { // AWARIA WYSYLKI WIDOCZNA LOKALNIE (iter6): diagnosta odrozni „Pawel nie tapnal" // od „POST nie doszedl". dopiszLokalnie (NIE dopisz) — bez re-kolejkowania = brak petli. if (odp && !odp.ok) dopiszLokalnie("wysylka-padla: HTTP " + odp.status); }) .catch(function (err) { dopiszLokalnie("wysylka-padla: " + (err && err.message ? err.message : "blad sieci")); }); } catch (e) { dopiszLokalnie("wysylka-padla: " + (e && e.message ? e.message : "wyjatek fetch")); } } function dopisz(linia) { var wpis = dopiszLokalnie(linia); if (!wpis) return; kolejkaWysylki.push(wpis.slice(0, 4000)); if (kolejkaWysylki.length >= 10) wyslijLogi(); } function celZdarzenia(el) { if (!el || !el.tagName) return "?"; var klasa = ""; try { if (el.classList && el.classList.length > 0) klasa = "." + el.classList[0]; } catch (e) {} return el.tagName.toLowerCase() + klasa; } function reactZyje() { try { var root = document.body; if (!root) return false; var wezly = root.querySelectorAll("*"); var limit = Math.min(wezly.length, 3000); for (var i = 0; i < limit; i++) { var kandydat = wezly[i]; for (var klucz in kandydat) { if (klucz.indexOf("__reactFiber") === 0) return true; } } } catch (e) {} return false; } function pierwszyPunkt(e) { if (e.touches && e.touches.length > 0) return e.touches[0]; if (e.changedTouches && e.changedTouches.length > 0) return e.changedTouches[0]; return e; } // ---- DIAGNOZA v2 (follow-up 07-16): logi Pawla pokazaly "React zyje: TAK", a tapy w // WIDOCZNY przycisk "Wszystko jasne - zaczynamy" trafialy w div/div.my-auto (karte), NIE // w button. Hipoteza robocza: rozjazd MALOWANIA vs HIT-TESTU (u Pawla duza czcionka // systemowa ~175%). Ponizsze funkcje dostarczaja liczb (rect przycisku, elementFromPoint, // scroll, visualViewport) i wizualnego dowodu (czerwony obrys na SPRAWDZALNEJ pozycji // przycisku — jesli obrys stanie gdzie indziej niz namalowany przycisk, roznica jest // widoczna golym okiem i mierzalna). ---- // Przycisk zasad szukany LENIWIE przy kazdym zdarzeniu/odswiezeniu (nie cache'ujemy — // React moze go przemontowac), po tekscie "zaczynamy" (pomija przycisk "Kopiuj" panelu). function znajdzPrzyciskZasad() { try { var przyciski = document.getElementsByTagName("button"); for (var i = 0; i < przyciski.length; i++) { if ((przyciski[i].textContent || "").indexOf("zaczynamy") >= 0) return przyciski[i]; } } catch (e) {} return null; } function lancuchPrzodkow(el) { var czesci = []; var kursor = el; for (var i = 0; i < 3 && kursor && kursor.tagName; i++) { czesci.push(celZdarzenia(kursor)); kursor = kursor.parentElement; } return czesci.join(String.fromCharCode(8250)); // separator > (U+203A) } function opiszElementZPunktu(x, y) { try { // Panel ma NA STALE pointer-events:none (v3), wiec nie zaklamuje hit-testu — // elementFromPoint widzi strone, nie instrument. Zadnego chwilowego zdejmowania. var el = document.elementFromPoint(x, y); return el ? celZdarzenia(el) : "null"; } catch (e) { return "?"; } } function rectPrzycisku() { var b = znajdzPrzyciskZasad(); if (!b) return "brak"; var r = b.getBoundingClientRect(); return "t=" + Math.round(r.top) + " l=" + Math.round(r.left) + " b=" + Math.round(r.bottom) + " r=" + Math.round(r.right); } // Najblizszy przodek przycisku z overflow-y auto/scroll = wewnetrzny scroller ekranu zasad. function stanScrolla() { var czesci = ["scrollY=" + Math.round(window.scrollY || 0)]; var b = znajdzPrzyciskZasad(); if (b) { var kursor = b.parentElement; while (kursor && kursor !== document.documentElement) { try { var st = getComputedStyle(kursor); if (st.overflowY === "auto" || st.overflowY === "scroll") { czesci.push("scroller(" + celZdarzenia(kursor) + ").scrollTop=" + Math.round(kursor.scrollTop)); break; } } catch (e) {} kursor = kursor.parentElement; } } if (window.visualViewport) { var vv = window.visualViewport; czesci.push( "vv.offsetTop=" + Math.round(vv.offsetTop) + " vv.offsetLeft=" + Math.round(vv.offsetLeft) + " vv.scale=" + Math.round(vv.scale * 100) / 100, ); } return czesci.join(" | "); } // ---- SONDA WARSTWY (iter6 07-16, plan R-065 iter6): rozstrzygnac przyczyne zrodlowa jednym // stuknieciem Pawla. Na KAZDYM tapie: stos elementow pod punktem, trafienie w warstwy, geo w // chwili tapu. Lancuch przodkow przycisku do logowany RAZ po montazu (nizej). ---- function znajdzKarte() { try { return document.querySelector(".my-auto"); } catch (e) { return null; } } function znajdzMain() { try { return document.querySelector("main"); } catch (e) { return null; } } // Pelny STOS elementow pod punktem (do 12, od wierzchu). Rozstrzyga „warstwa nie pokrywa // punktu" (stos plytki, brak przycisku) vs „pokrywa, ale hit-test ja pomija" (przycisk w stosie). function stosZPunktu(x, y) { try { var els = document.elementsFromPoint(x, y) || []; var czesci = []; for (var i = 0; i < els.length && i < 12; i++) czesci.push(celZdarzenia(els[i])); return czesci.join(String.fromCharCode(8250)); } catch (e) { return "?"; } } // Booleany: czy punkt lezy w rectach przycisku/karty/main + recty karty i main liczbowo. // Wprost rozstrzyga „warstwa nie pokrywa punktu" vs „pokrywa, ale hit-test ja pomija". function trafienieWWarstwy(x, y) { function wRect(el) { if (!el) return "?"; try { var r = el.getBoundingClientRect(); return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom ? "t" : "n"; } catch (e) { return "?"; } } var b = znajdzPrzyciskZasad(); var karta = znajdzKarte(); var main = znajdzMain(); var czesci = ["pkt-w-przycisk=" + wRect(b), "pkt-w-karta=" + wRect(karta), "pkt-w-main=" + wRect(main)]; if (karta) { var rk = karta.getBoundingClientRect(); czesci.push("karta(t=" + Math.round(rk.top) + " b=" + Math.round(rk.bottom) + ")"); } if (main) { var rm = main.getBoundingClientRect(); czesci.push("main(t=" + Math.round(rm.top) + " b=" + Math.round(rm.bottom) + ")"); } return czesci.join(" "); } // Migawka geometrii — WSPOLNA dla „geoTap" (na tapie) i „geo" (interwal). Rozjazd bywa // przejsciowy (pasek adresu, visualViewport przy ~175%), wiec logujemy tez w chwili tapu. function geoMigawka() { var czesci = []; czesci.push("inner=" + Math.round(window.innerWidth) + "x" + Math.round(window.innerHeight)); var de = document.documentElement; if (de) czesci.push("docEl=" + de.clientWidth + "x" + de.clientHeight); if (window.visualViewport) { var vv = window.visualViewport; czesci.push( "vv=" + Math.round(vv.width) + "x" + Math.round(vv.height) + " off=" + Math.round(vv.offsetTop) + "/" + Math.round(vv.offsetLeft) + " scale=" + Math.round(vv.scale * 100) / 100, ); } var b = znajdzPrzyciskZasad(); if (b) { var kursor = b.parentElement; while (kursor && kursor !== document.documentElement) { try { var st = getComputedStyle(kursor); if (st.overflowY === "auto" || st.overflowY === "scroll") { var rs = kursor.getBoundingClientRect(); czesci.push( "scroller(" + Math.round(rs.top) + "," + Math.round(rs.bottom) + ", " + Math.round(kursor.scrollTop) + "/" + Math.round(kursor.scrollHeight) + "/" + Math.round(kursor.clientHeight) + ")", ); break; } } catch (e) {} kursor = kursor.parentElement; } } var main = znajdzMain(); if (main) { var rm = main.getBoundingClientRect(); czesci.push("main(" + Math.round(rm.top) + "," + Math.round(rm.bottom) + ")"); } var karta = znajdzKarte(); if (karta) { var rk = karta.getBoundingClientRect(); czesci.push("karta(" + Math.round(rk.top) + "," + Math.round(rk.bottom) + ")"); } if (b) { var rp = b.getBoundingClientRect(); czesci.push( "przycisk(" + Math.round(rp.top) + "," + Math.round(rp.left) + "," + Math.round(rp.bottom) + "," + Math.round(rp.right) + ")", ); } return czesci.join(" | "); } // Lancuch przodkow przycisku do z flagami mogacymi „zjesc" dotyk — LOGOWANY RAZ po // montazu panelu (struktura statyczna), NIE per tap (oszczedza ring). function przodkowieDoHtml() { var b = znajdzPrzyciskZasad(); if (!b) return "brak przycisku"; var czesci = []; var kursor = b; for (var i = 0; i < 12 && kursor && kursor.tagName; i++) { var opis = celZdarzenia(kursor); try { var st = getComputedStyle(kursor); var flagi = []; if (st.pointerEvents === "none") flagi.push("pe:none"); if (kursor.hasAttribute && kursor.hasAttribute("inert")) flagi.push("inert"); if (st.visibility !== "visible") flagi.push("vis:" + st.visibility); if (st.display === "none") flagi.push("display:none"); if (st.transform && st.transform !== "none") flagi.push("transform"); if (flagi.length > 0) opis += "{" + flagi.join(",") + "}"; } catch (e) {} czesci.push(opis); kursor = kursor.parentElement; } return czesci.join(String.fromCharCode(8250)); } // Linie diagnozy dopisywane pod KAZDYM touchstart/pointerdown (cel/rect + sonda warstwy iter6). function dopiszDiagnoze(x, y, target) { dopisz(" cel: " + lancuchPrzodkow(target) + " | elementFromPoint(" + Math.round(x) + "," + Math.round(y) + "): " + opiszElementZPunktu(x, y)); dopisz(" przycisk[zaczynamy]: " + rectPrzycisku() + " | " + stanScrolla()); dopisz(" stos: " + stosZPunktu(x, y)); dopisz(" trafienie: " + trafienieWWarstwy(x, y)); dopisz(" geoTap: " + geoMigawka()); } // WIZUALNY DOWOD: czerwony obrys (fixed, pointer-events:none, z-index max-1 — POD panelem) // rysowany dokladnie na getBoundingClientRect przycisku "zaczynamy"; odswiezany po montazu // panelu i co 2 s. Jesli obrys stoi GDZIE INDZIEJ niz namalowany przycisk, rozjazd // malowanie/hit-test jest widoczny golym okiem (do zdjecia) i zmierzony liczbami z logu. var obrys = null; function odswiezObrys() { var b = znajdzPrzyciskZasad(); if (!b) { if (obrys) obrys.style.display = "none"; return; } if (!obrys) { obrys = document.createElement("div"); obrys.setAttribute("id", "nl-dotyk-obrys"); obrys.style.cssText = "position:fixed;border:3px solid red;pointer-events:none;z-index:2147483646;" + "box-sizing:border-box;margin:0;padding:0;background:transparent;"; } if (!obrys.isConnected && document.body) document.body.appendChild(obrys); var r = b.getBoundingClientRect(); obrys.style.display = "block"; obrys.style.top = r.top + "px"; obrys.style.left = r.left + "px"; obrys.style.width = r.width + "px"; obrys.style.height = r.height + "px"; } function kopiujFallback(pelnyTekst) { try { var ta = document.createElement("textarea"); ta.value = pelnyTekst; ta.style.position = "fixed"; ta.style.opacity = "0"; document.body.appendChild(ta); ta.focus(); ta.select(); document.execCommand("copy"); document.body.removeChild(ta); } catch (e) {} } function zbudujPanel() { // v3 (frustracja Pawla 07-16): przycisk "zaczynamy" to OSTATNI element strony — nie da // sie go przewinac ponad panel, a panel na dole (pointer-events:auto) ZASLANIAL go // i zjadal tapy. Dlatego: panel NA GORZE ekranu (top:0), nizszy (30vh), i NA STALE // pointer-events:none — dotyk przelatuje przez niego do strony; TYLKO przyciski // Kopiuj/Wylacz maja wlasne pointer-events:auto. Instrument nie zaklamuje ani realnych // tapow, ani elementFromPoint (zadnego chwilowego zdejmowania z hit-testu nie trzeba). var panel = document.createElement("div"); panel.setAttribute("id", "nl-dotyk-rejestrator"); panel.style.cssText = "position:fixed;left:0;right:0;top:0;z-index:2147483647;" + "max-height:30vh;overflow:auto;background:rgba(10,10,10,0.85);color:#7CFC9A;" + "font-family:monospace;font-size:11px;line-height:1.4;padding:6px 8px;" + "white-space:pre-wrap;word-break:break-all;pointer-events:none;"; var przycisk = document.createElement("button"); przycisk.type = "button"; przycisk.textContent = "Kopiuj"; przycisk.style.cssText = "position:sticky;top:0;float:right;margin-left:8px;background:#222;color:#fff;" + "border:1px solid #555;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;" + "pointer-events:auto;"; przycisk.addEventListener( "click", function (e) { e.stopPropagation(); var pelnyTekst = historia.join("\n"); try { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(pelnyTekst).catch(function () { kopiujFallback(pelnyTekst); }); } else { kopiujFallback(pelnyTekst); } } catch (err) { kopiujFallback(pelnyTekst); } }, { passive: true }, ); // "Wylacz" (prosba Pawla): pelne zgaszenie rejestratora w tej karcie bez jej zamykania — // czysci klucz aktywacji w sessionStorage, zdejmuje panel i obrys, odpina obserwator // i interwal (patrz wylacz()). var przyciskWylacz = document.createElement("button"); przyciskWylacz.type = "button"; przyciskWylacz.textContent = "Wyłącz"; przyciskWylacz.style.cssText = "position:sticky;top:0;float:right;margin-left:8px;background:#5a1a1a;color:#fff;" + "border:1px solid #955;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;" + "pointer-events:auto;"; przyciskWylacz.addEventListener( "click", function (e) { e.stopPropagation(); wylacz(); }, { passive: true }, ); tresc = document.createElement("div"); panel.appendChild(przycisk); panel.appendChild(przyciskWylacz); panel.appendChild(tresc); return panel; } // Pelne zgaszenie w tej karcie: NAJPIERW odpinamy obserwator (inaczej przywrocilby panel // po removeChild) i interwal, potem czyscimy klucz aktywacji i zdejmujemy panel + obrys. // Nasluchiwacze zdarzen zostaja podpiete (passive, bez skutkow), ale dopisz() jest // wyciszone flaga wylaczony — zero dalszych zapisow i zero widocznych elementow. function wylacz(wyslijResztki, zachowajAktywacje) { if (wyslijResztki !== false) wyslijLogi(); else kolejkaWysylki = []; wylaczony = true; if (obserwator) { obserwator.disconnect(); obserwator = null; } if (interwal !== null) { clearInterval(interwal); interwal = null; } try { if (magazyn && zachowajAktywacje !== true) magazyn.removeItem("nl-debug-dotyk"); } catch (e) {} if (obrys && obrys.parentNode) obrys.parentNode.removeChild(obrys); obrys = null; if (panel && panel.parentNode) panel.parentNode.removeChild(panel); panel = null; tresc = null; } // KONIEC-WYLACZ zatrzymajPoZgodzie = function () { wylacz(false, true); // Kolejne ON uruchomi swieza, aktywna instancje. Stare nasluchiwacze zostaja // podpiete, ale ich dopisz() jest trwale wyciszone flaga wylaczony. uruchomiono = false; }; // ---- MONTAZ PANELU — dwie warstwy odpornosci na hydratacje Reacta (diagnoza empiryczna // na zywym podgladzie 07-16: panel doklejony do NATYCHMIAST byl USUWANY przez // hydratacje Next App Router — React przy hydratacji sprzata obce wezly z body; ten sam // element dolozony PO ustabilizowaniu strony przezywa) ---- // // WARSTWA 1 — OPOZNIONY PIERWSZY MONTAZ: czekamy na zdarzenie "load" (albo readyState // "complete"), potem jeszcze OPOZNIENIE_MONTAZU_MS — to omija typowe okno hydratacji. // WARSTWA 2 — ODPORNOSC ZAMIAST NADZIEI: MutationObserver na document.body (childList); // gdy panel ZNIKNIE z DOM (React go usunal), doklejamy TEN SAM element z powrotem (max // MAX_PRZYWROCEN razy — potem wpis do historii i koniec prob). Observer NIE petli na // wlasnym re-append: callback wychodzi od razu, gdy panel JEST w DOM (isConnected), a // mutacja wywolana naszym appendChild widzi panel juz podlaczony. Historia logow zyje // w zmiennej "historia" (nie w DOM) — po ponownym montazu panel pokazuje pelna historie, // nic nie ginie (odswiez() renderuje z historii). var OPOZNIENIE_MONTAZU_MS = 1500; var MAX_PRZYWROCEN = 20; var panel = null; var przywrocenia = 0; var obserwator = null; function dolaczPanel() { if (!document.body) return false; if (!panel) panel = zbudujPanel(); document.body.appendChild(panel); odswiez(); // sonda iter6: lancuch przodkow przycisku do — RAZ po (re)montazu, nie per tap. dopisz("przodkowie[zaczynamy]: " + przodkowieDoHtml()); return true; } function uruchomObserwatora() { if (obserwator || typeof MutationObserver === "undefined") return; obserwator = new MutationObserver(function () { // Panel w DOM = nic do roboty (w tym mutacja od NASZEGO wlasnego re-append — panel // jest juz wtedy podlaczony, wiec nie ma petli). if (!panel || panel.isConnected) return; if (przywrocenia >= MAX_PRZYWROCEN) return; przywrocenia++; dopisz("panel usuniety z DOM (hydratacja/rerender) - przywracam " + przywrocenia + "/" + MAX_PRZYWROCEN); if (przywrocenia === MAX_PRZYWROCEN) { dopisz("OSTATNIA proba przywrocenia - jesli panel znow zniknie, historia zyje dalej w pamieci (Kopiuj niedostepny)"); } dolaczPanel(); }); obserwator.observe(document.body, { childList: true }); } function zamontuj() { if (wylaczony) return; if (!document.body) { setTimeout(zamontuj, 50); return; } dolaczPanel(); uruchomObserwatora(); odswiezObrys(); dopisz("REJESTRATOR DOTYKU aktywny (diagnoza R-065)"); } function zaplanujMontaz() { var poLoad = function () { setTimeout(zamontuj, OPOZNIENIE_MONTAZU_MS); }; if (document.readyState === "complete") { poLoad(); } else { window.addEventListener("load", poLoad, { once: true }); } } zaplanujMontaz(); // ---- zdarzenia dotyku/wskaznika/kliku — CAPTURE na document, passive:true (nie // zmieniamy zachowania strony — tylko podgladamy) ---- document.addEventListener("touchstart", function (e) { ostatniTouchStart = Date.now(); var p = pierwszyPunkt(e); dopisz( "touchstart " + celZdarzenia(e.target) + " x=" + Math.round(p.clientX) + " y=" + Math.round(p.clientY) + " prevented=" + e.defaultPrevented + " cancelable=" + e.cancelable, ); dopiszDiagnoze(p.clientX, p.clientY, e.target); }, { capture: true, passive: true }, ); document.addEventListener( "touchend", function (e) { var p = pierwszyPunkt(e); var delta = ostatniTouchStart !== null ? Date.now() - ostatniTouchStart : -1; dopisz( "touchend " + celZdarzenia(e.target) + " x=" + Math.round(p.clientX || 0) + " y=" + Math.round(p.clientY || 0) + " deltaMs=" + delta + " prevented=" + e.defaultPrevented + " cancelable=" + e.cancelable, ); // sonda iter6: jesli w 700 ms nie przyjdzie click — tap byl sklasyfikowany jako scroll/ // pointercancel (odroznia „scroll ukradl tap" od problemu warstwy). Click ponizej czysci timer. if (oczekiwanyClickTimer !== null) clearTimeout(oczekiwanyClickTimer); oczekiwanyClickTimer = setTimeout(function () { dopisz(" brak-click-po-touchend (700ms) - tap sklasyfikowany jako scroll/cancel?"); oczekiwanyClickTimer = null; }, 700); }, { capture: true, passive: true }, ); document.addEventListener( "pointerdown", function (e) { ostatniPointerDown = Date.now(); dopisz( "pointerdown " + celZdarzenia(e.target) + " x=" + Math.round(e.clientX) + " y=" + Math.round(e.clientY) + " prevented=" + e.defaultPrevented + " cancelable=" + e.cancelable, ); dopiszDiagnoze(e.clientX, e.clientY, e.target); }, { capture: true, passive: true }, ); document.addEventListener( "pointerup", function (e) { var delta = ostatniPointerDown !== null ? Date.now() - ostatniPointerDown : -1; dopisz( "pointerup " + celZdarzenia(e.target) + " x=" + Math.round(e.clientX) + " y=" + Math.round(e.clientY) + " deltaMs=" + delta + " prevented=" + e.defaultPrevented + " cancelable=" + e.cancelable, ); }, { capture: true, passive: true }, ); document.addEventListener( "click", function (e) { // click nadszedl -> tap NIE byl scrollem: czysc timer „brak-click-po-touchend" (sonda iter6). if (oczekiwanyClickTimer !== null) { clearTimeout(oczekiwanyClickTimer); oczekiwanyClickTimer = null; } dopisz( "click " + celZdarzenia(e.target) + " x=" + Math.round(e.clientX) + " y=" + Math.round(e.clientY) + " prevented=" + e.defaultPrevented + " cancelable=" + e.cancelable, ); }, { capture: true, passive: true }, ); // pointercancel (sonda iter6): Samsung Chrome bywa klasyfikuje tap jako mikro-scroll -> anuluje // wskaznik (pointercancel) i NIE generuje click/pointerup. Nasluch capture+passive, tylko log. document.addEventListener( "pointercancel", function (e) { dopisz( "pointercancel " + celZdarzenia(e.target) + " x=" + Math.round(e.clientX || 0) + " y=" + Math.round(e.clientY || 0) + " pointerType=" + (e.pointerType || "?"), ); }, { capture: true, passive: true }, ); window.addEventListener("error", function (e) { var wiadomosc = e && e.message ? e.message : String(e); var plik = e && e.filename ? e.filename : "?"; var linia = e && e.lineno ? e.lineno : "?"; dopisz("BLAD window.onerror: " + wiadomosc + " @" + plik + ":" + linia); }); window.addEventListener("unhandledrejection", function (e) { var powod = "?"; try { powod = e.reason && e.reason.message ? e.reason.message : JSON.stringify(e.reason); } catch (err) { powod = String(e.reason); } dopisz("BLAD unhandledrejection: " + powod); }); // Beacon przy chowaniu/zamykaniu strony: fetch keepalive przezywa pagehide — resztka // kolejki (ponizej progu 10) nie ginie przy nawigacji/zamknieciu karty. window.addEventListener("pagehide", function () { wyslijLogi(); }); // „React zyje" + geo SCALONE w JEDNA linie interwalu; emisja TYLKO przy zmianie wartosci (poza // pierwsza) — staly interwal co 2 s wypchnalby dowody tapow z ringu (senior gra 5-8 min). var poprzedniaMigawka = null; var interwal = setInterval(function () { var migawka = "React zyje: " + (reactZyje() ? "TAK" : "NIE") + " | geo: " + geoMigawka(); if (migawka !== poprzedniaMigawka) { dopisz(migawka + (poprzedniaMigawka === null ? " (" + (Date.now() - poczatek) + "ms od startu)" : "")); poprzedniaMigawka = migawka; } odswiezObrys(); }, 2000); } })();