(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}; /* De lib/caminho-com-credencial.ts: ver CENSURA, acima do script. */ var PREFIXOS=[["api","unsubscribe","u"],["api","unsubscribe"],["api","meetings"],["unsubscribe","u"],["unsubscribe"],["shared"],["join"],["s"],["m"]]; var SEM_REFERRER=["verify","keep","unsubscribe/u/","unsubscribe/","shared/","join/","s/","m/"]; var RE_SEG=new RegExp("/(api/unsubscribe/u|api/unsubscribe|api/meetings|unsubscribe/u|unsubscribe|shared|join|s|m)/[^\\s/?#\"'<>]+",'gi'); var RE_QUERY=new RegExp("([?&#](?:token|email)=)[^&#\\s\"'<>]*",'gi'); /* Com o colchete, ?constructor=x passaria pela lista. */ function tem(o,k){ return Object.prototype.hasOwnProperty.call(o,k); } function casa(seg,i,p){ for(var k=0;k=55296&&c<=56319&&i+1=56320&&d<=57343)t=4; } if(max>=0&&n+t>max)return i; n+=t; if(t===4)i++; } return max>=0?s.length:n; } function cortarBytes(s,max){ s=String(s==null?'':s); return s.slice(0,utf8(s,max)); } var TETO=19000; var jaMandou={}; /* Quantos recursos já foram relatados NESTA página. Ver o teto no ouvinte de erro. */ var nRec=0; function relatar(d){ try{ /* Uma mensagem repetida não vira dez linhas iguais na tabela. */ var chave=(d.name||'')+(d.message||'').slice(0,120); if(jaMandou[chave])return; jaMandou[chave]=1; d.path=cortarBytes(caminhoSeguro(),1000); /* Dois sinais que separam as causas entre si e que ninguém tem sem pedir: recarregou distingue falha transitória (some ao recarregar) de determinística (motor antigo), e bytes denuncia documento que chegou pela metade — o modo de falha em que o parser não acusa nada porque a borda não repassa o Content-Length. */ try{ d.recarregou=!!sessionStorage.getItem('df:recarga'); }catch(e){} try{ var nav=performance.getEntriesByType('navigation')[0]; if(nav)d.bytes=nav.decodedBodySize||0; }catch(e){} /* ── OS DOIS SINAIS QUE SEPARAM "O TRADUTOR MEXEU NO DOM" DE TUDO O MAIS ──────────────── Um erro de hidratação do React (o #418) tem meia dúzia de causas possíveis, e uma delas — o tradutor do Chrome no Android embrulhando os nós de texto em — 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=cortarBytes(navigator.userAgent,400); d.tela=(window.innerWidth||0)+'x'+(window.innerHeight||0); d.idioma=idiomaAgora(); /* Ver O RELATO DE ERRO, acima do script. */ try{ d.rs=document.readyState; }catch(e){} try{ d.t=Math.round(performance.now()); }catch(e){} d.wp=buildDaPagina(); d.message=cortarBytes(censurar(d.message==null?'':d.message),2000); if(d.stack)d.stack=cortarBytes(censurar(d.stack),8000); try{ if(/#41[89]|#42[35]|hydrat/i.test(d.message))d.hid=contextoDeHidratacao(); }catch(e){} var corpo=JSON.stringify(d); if(utf8(corpo)>TETO&&d.stack){ d.stack=cortarBytes(d.stack,1000); corpo=JSON.stringify(d); } if(utf8(corpo)>TETO){ delete d.stack; delete d.hid; d.message=cortarBytes(d.message,500); corpo=JSON.stringify(d); } if(utf8(corpo)>TETO)return; enviar(corpo); }catch(e){} } /* fetch SEM mode, e reserva uma vez: ver TRANSPORTE. text/plain evita o preflight. */ var URL_RELATO='/api/erro-cliente', TIPO='text/plain;charset=UTF-8'; function porXhr(corpo){ try{ var x=new XMLHttpRequest(); x.open('POST',URL_RELATO,true); x.setRequestHeader('Content-Type',TIPO); x.send(corpo); }catch(e){} } function reserva(corpo){ try{ if(!paginaSemReferrer()&&navigator.sendBeacon&&navigator.sendBeacon(URL_RELATO,new Blob([corpo],{type:TIPO})))return; }catch(e){} porXhr(corpo); } function enviar(corpo){ var pr=null; try{ if(typeof window.fetch==='function'){ pr=window.fetch(URL_RELATO,{method:'POST',body:corpo,keepalive:true,credentials:'omit',headers:{'Content-Type':TIPO}}); } }catch(e){ pr=null; } if(pr&&typeof pr.then==='function'){ pr.then(null,function(){ reserva(corpo); }); return; } reserva(corpo); } /* Ver BUILD, acima do script. */ function buildDaPagina(){ try{ var f=window.__next_f, re=/"b":"([A-Za-z0-9_-]{4,40})"/, m; for(var i=0;f&&i=0){ prontos[rs[i].name]=1; if(rs[i].responseEnd>ultimo)ultimo=rs[i].responseEnd; } } var ss=document.getElementsByTagName('script'), pedidos=0, chegaram=0; for(var j=0;j=0){ pedidos++; if(prontos[s])chegaram++; } } h.chunks=pedidos; h.chunksProntos=chegaram; h.desdeUltimoChunk=ultimo?Math.round(performance.now()-ultimo):-1; }catch(e){} try{ h.flight=(window.__next_f&&window.__next_f.length)||0; }catch(e){} try{ /* Só a contagem: ver HIDRATAÇÃO. */ var estranhos=0, els=[document.documentElement,document.body]; for(var k=0;k99?99:estranhos; }catch(e){} return h; } 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){} })();

和我们聊聊。

digfone 的运营方