(function(){ try{ var F={"en":{"titulo":"This page didn't load","texto":"The connection may have dropped halfway. Tap below to try again.","botao":"Reload"},"zh-CN":{"titulo":"页面未能加载","texto":"网络可能在中途中断了。点击下方重试。","botao":"重新加载"},"es":{"titulo":"Esta página no cargó","texto":"Puede que la conexión se haya cortado a la mitad. Toca abajo para reintentar.","botao":"Recargar"},"pt-BR":{"titulo":"Esta página não carregou","texto":"A conexão pode ter caído no meio. Toque abaixo para tentar de novo.","botao":"Recarregar"}}; /* O idioma é lido NA HORA DE USAR, nunca agora. Este script roda no head, e as rotas /zh, /es e /pt só corrigem o atributo lang mais tarde, num script do corpo (o Next não deixa um layout aninhado reescrever a tag html do raiz). Resolvendo agora, a tela de falha sairia em inglês para o chinês — que é exatamente quem mais precisa dela. */ function idiomaAgora(){ try{ return (document.documentElement.lang||'en').toLowerCase(); }catch(e){ return 'en'; } } function frases(){ var l=idiomaAgora(); if(l.indexOf('zh')===0)return F['zh-CN']; if(l.indexOf('pt')===0)return F['pt-BR']; if(l.indexOf('es')===0)return F.es; return F.en; } /* ── O CAMINHO VAI CENSURADO, E ISSO NÃO É EXCESSO DE ZELO ───────────────────────────────── Este endpoint é PÚBLICO e grava no banco. As URLs do produto carregam credencial viva: /verify?token= é um link mágico que AUTENTICA quem o abrir, /shared/ é uma conversa inteira e /join/ é uma sala. Mandar a URL crua transformaria a captura de erro numa esteira de segredos para dentro do ErrorLog, alcançável por qualquer visitante. Passa só o que serve para diagnosticar: o caminho com os segmentos sensíveis trocados, e uma lista curta de parâmetros que não identificam ninguém. */ var PARAMS_OK={lang:1,checkout:1,de:1,quota:1,ok:1,plan:1,ciclo:1,motivo:1}; function caminhoSeguro(){ try{ var p=location.pathname.replace(/^\/(shared|join|s)\/[^/]+/,'/$1/CENSURADO'); var q=[],b=location.search.replace(/^\?/,'').split('&'); for(var i=0;i — já produziu um incidente aqui (03/08, NotFoundError: insertBefore na landing) e é o suspeito do #418 de 04/08 em /signin. Sem estes dois campos, cada ocorrência recomeça a investigação do zero; com eles, a próxima chega com a resposta anexada. O Chrome marca a página traduzida em html.translated-ltr / translated-rtl e enche o corpo de . */ try{ d.htmlClass=(document.documentElement.className||'').slice(0,80); }catch(e){} try{ d.fontes=document.getElementsByTagName('font').length; }catch(e){} d.ua=navigator.userAgent; d.tela=(window.innerWidth||0)+'x'+(window.innerHeight||0); d.idioma=idiomaAgora(); var corpo=JSON.stringify(d); /* text/plain evita o preflight, que não acontece com a aba fechando. */ if(navigator.sendBeacon){navigator.sendBeacon('/api/erro-cliente',new Blob([corpo],{type:'text/plain;charset=UTF-8'}));} else{var x=new XMLHttpRequest();x.open('POST','/api/erro-cliente',true);x.setRequestHeader('Content-Type','text/plain;charset=UTF-8');x.send(corpo);} }catch(e){} } function ehChunk(m,n){ var s=((n||'')+' '+(m||'')).toLowerCase(); return s.indexOf('chunkloaderror')>=0||s.indexOf('loading chunk')>=0|| s.indexOf('loading css chunk')>=0||s.indexOf('dynamically imported module')>=0|| s.indexOf('importing a module script failed')>=0; } /* Recarrega UMA vez: o HTML antigo pede um arquivo que o deploy trocou, e o HTML novo resolve. A marca em sessionStorage impede o laço — se recarregar não resolveu, a tela de erro fica. */ function recarregarUmaVez(){ try{ if(sessionStorage.getItem('df:recarga'))return false; sessionStorage.setItem('df:recarga','1'); location.reload(); return true; }catch(e){return false;} } window.addEventListener('error',function(ev){ try{ /* Falha de script, de folha de estilo ou de imagem: o alvo é o elemento e não há mensagem. */ /* ── imageSrcset NÃO É PRECIOSISMO: ERA A LINHA ANÔNIMA DO PAINEL ────────────────────── Um — que o Next gera sozinho para a imagem prioritária da landing — não tem src NEM href. A condição antiga dava falso, o evento caía no ramo genérico lá embaixo, chegava ao servidor sem mensagem e virava "erro de cliente sem mensagem", impossível de diagnosticar. Pior: por não ser ramo de recurso, ele escapava do filtro de mesma origem logo abaixo — o mesmo ruído de terceiro que aquele filtro foi escrito para remover voltava por esta porta. */ /* ── currentSrc PRIMEIRO: O src DE UM next/image NOMEIA A VARIANTE ERRADA ─────────────── SEM CRASE NESTE COMENTÁRIO, como em todos os outros deste arquivo: ele vive dentro de um TEMPLATE LITERAL, e uma crase aqui fecharia a string no meio do script. Num gerado pelo next/image, o atributo src é sempre o ÚLTIMO candidato do srcset (a maior largura) — o Next o emite como fallback para quem não entende srcset. Com deviceSizes terminando em 3840, TODO incidente de imagem chegava ao painel nomeando w=3840, em qualquer aparelho, enquanto o navegador carregou o candidato escolhido pelo sizes (w=1200 num celular, w=384 nas miniaturas). Conferido no HTML publicado: dos 23 da landing, 18 têm src em w=3840. Não é detalhe de log: uma auditoria inteira foi atrás de "o otimizador está devolvendo o arquivo gigante", testou a URL relatada, recebeu 200, e quase concluiu que não havia nada. A visita real que originou o relato tinha pedido OUTRAS larguras — está no access.log, no mesmo segundo e no mesmo IP. currentSrc é o campo que nomeia a URL efetivamente buscada. Existe desde Chrome 45 / Safari 9 e devolve string vazia quando não se aplica, então o OU preserva o cuidado com WebView antiga que o comentário do location.host logo abaixo também toma. EFEITO COLATERAL A NÃO ESTRANHAR: currentSrc devolve URL ABSOLUTA resolvida, então a mensagem passa de /_next/image?... para https://digfone.com/_next/image?... Os dois consumidores a jusante aguentam: o filtro de hospedagem aceita absoluta de mesmo host, e a busca por /_next/static/chunks/ continua casando. */ var alvo=ev.target; var bruto=alvo&&alvo!==window&&(alvo.currentSrc||alvo.src||alvo.href||alvo.imageSrcset||alvo.srcset); if(bruto){ /* Um srcset é "url 640w, url 1080w": fica o primeiro candidato, sem o descritor. ── SEM REGEX DE PROPÓSITO. Este arquivo é um TEMPLATE LITERAL: dentro dele uma barra invertida simples é consumida, e a classe de espaço viraria a letra s. O script chegaria ao navegador cortando a URL no primeiro "http" — o filtro de hospedagem abaixo recusaria TUDO, e nem o relato de recurso nem a recarga por chunk trocado voltariam a acontecer. Foi medido: a versão com regex passa VERDE no teste e morre em produção, porque o teste executa só o trecho da hospedagem e nunca esta extração. */ var url=String(bruto).split(',')[0]; while(url.charAt(0)===' ')url=url.slice(1); url=url.split(' ')[0]; /* ── SÓ O QUE É NOSSO ──────────────────────────────────────────────────────────────── Recurso de OUTRA origem que não carrega não é incidente nosso, e o log de produção virou prova disso: cinco das quatorze linhas eram o beacon de analytics que a Cloudflare INJETA na resposta e que a nossa própria CSP recusa (script-src 'self'). Nada quebra, ninguém tem o que consertar no código, e o painel de erros fica com mais ruído que sinal — que é como um erro de verdade passa despercebido. Um bloqueador de anúncios produz o mesmo em qualquer visita. Fica de fora; o que é nosso continua. Pela HOSPEDAGEM, e não por location.origin, que NAO existe em WebView antigo: ali a comparacao daria falso para TUDO e a rede pararia de relatar exatamente nos navegadores para os quais ela foi escrita, inclusive a recarga por chunk trocado. Com location.host, uma URL relativa produz string vazia e passa, que e o comportamento certo. */ var hosp=url.replace(/^[a-z]+:\/\//i,'').split('/')[0]; if(hosp&&hosp!==location.host){ return; } /* ── TETO DE TRÊS POR PÁGINA, E POR QUE ELE PRECISOU EXISTIR ───────────────────────── A deduplicação lá em cima é por MENSAGEM, e a mensagem do recurso contém a URL: vinte imagens são vinte chaves distintas, então ela não cobre este caso. Medido em produção: duas visitas de robô com imagens bloqueadas mandaram 35 relatos cada, e o teto de 20 por IP a cada 5 min (api/erro-cliente) gravou 20 e DESCARTOU 15 — de cada uma. Ou seja, uma única visita queimava o orçamento inteiro daquele endereço, e um erro de verdade na mesma janela sumia em silêncio. Num CGNAT, esse orçamento é de um prédio inteiro. Três URLs dizem o mesmo que vinte sobre o que está quebrado; a quarta vira um resumo. */ var estatico=url.indexOf('/_next/static/')>=0; if(nRec++<3){ relatar({tipo:'recurso',name:'ResourceError',message:'nao carregou: '+url,chunk:estatico}); }else if(nRec===4){ relatar({tipo:'recurso',name:'ResourceError',message:'mais de 3 recursos falharam nesta pagina',chunk:false}); } /* A RECARGA FICA FORA DO TETO. O teto governa quanto se RELATA, nunca a recuperação: numa página com 12 chunks e 23 imagens, três imagens falhando antes do primeiro chunk — que foi exatamente a ordem medida nas rajadas — desligariam a recarga que conserta um deploy com HTML velho. Foi por isso que o return não veio antes desta linha. */ if(url.indexOf('/_next/static/chunks/')>=0)recarregarUmaVez(); return; } var err=ev.error||{}; var chunk=ehChunk(ev.message,err.name); relatar({tipo:'error',name:err.name||'Error',message:ev.message||String(err.message||''),stack:err.stack,chunk:chunk}); if(chunk)recarregarUmaVez(); }catch(e){} },true); window.addEventListener('unhandledrejection',function(ev){ try{ var r=ev.reason||{}; var chunk=ehChunk(r.message,r.name); relatar({tipo:'promise',name:r.name||'UnhandledRejection',message:String(r.message||r),stack:r.stack,chunk:chunk}); if(chunk)recarregarUmaVez(); }catch(e){} }); /* A página pintou? A pergunta não é "o React montou", é "há algo legível na tela" — é isso que a pessoa vê. Verifica de novo depois de mostrar, porque numa rede lenta a página pode chegar atrasada, e a tela de erro não pode ficar por cima de um site que acabou de funcionar. */ /* ── AS ROTAS QUE NUNCA PINTAM NADA, E POR ISSO NÃO PODEM SER ACUSADAS ──────────────────── /start e /welcome não são páginas: elas decidem e redirecionam. Estar nelas com o corpo vazio é o comportamento CERTO, não uma falha — e o vigia abaixo acusava mesmo assim. Duas linhas de TelaVazia em /start?lang=zh-CN e /start?lang=es no ErrorLog vieram daí: a pessoa clicava em "Start a call", o router pintava a casca vazia do redirecionamento por um instante, e 12 s depois a tela dizia que a página não tinha carregado. A causa raiz foi tirar o desses botões; esta guarda é o cinto, para o dia em que outro caminho recriar a situação. */ var SO_REDIRECIONAM={'/start':1,'/welcome':1}; var aviso=null; function vazio(){ var b=document.body; if(!b)return true; try{ if(SO_REDIRECIONAM[location.pathname])return false; }catch(e){} return (b.innerText||'').trim().length<20; } function vigiar(){ try{ if(!vazio()){ if(aviso){aviso.style.display='none';aviso=null;} return; } if(aviso)return; relatar({tipo:'tela-vazia',name:'TelaVazia',message:'corpo sem conteudo 12s apos o carregamento',chunk:false}); var f=frases(); aviso=document.createElement('div'); aviso.setAttribute('style','position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;'+ 'align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;background:#fff;color:#0B1F33;'+ 'font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif'); var h=document.createElement('p'); h.setAttribute('style','margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em'); h.textContent=f.titulo; var p=document.createElement('p'); p.setAttribute('style','margin:0;max-width:30rem;color:#41627D'); p.textContent=f.texto; var b=document.createElement('button'); b.setAttribute('style','margin-top:6px;padding:12px 26px;border:2px solid #0B1F33;border-radius:999px;'+ 'background:#FFE81F;color:#0B1F33;font:700 15px/1 inherit;cursor:pointer'); b.textContent=f.botao; b.onclick=function(){try{sessionStorage.removeItem('df:recarga');}catch(e){}location.reload();}; aviso.appendChild(h);aviso.appendChild(p);aviso.appendChild(b); (document.body||document.documentElement).appendChild(aviso); }catch(e){} } setTimeout(vigiar,12000); setInterval(vigiar,4000); /* Carregou inteiro: solta a marca de recarga para que a PRÓXIMA falha também tenha a sua tentativa. Sem isto, uma recarga bem-sucedida gastaria a chance de todas as seguintes. */ window.addEventListener('load',function(){ setTimeout(function(){try{if(!vazio())sessionStorage.removeItem('df:recarga');}catch(e){}},3000); }); }catch(e){} })();

Videos