Ideias, tutoriais e novidades da nossa equipe.
Mudei todos os portais do BugDump de bugdump.com/p/acme-store para acme-store.bugdump.com sem mover um arquivo de rota: o TanStack Router reescreve a URL na entrada e na saída. Uma reescrita de saída que altera a URL recebida manda os links para o host errado, navigate() não atravessa origens, e uma rota curinga do Workers roda na frente de todo Custom Domain da zona.
Para um app web pequeno, o rastreamento de erros se resume a quatro coisas: capturar o que quebra, agrupar as repetições, ler a stack trace no seu próprio código e guardar o minuto antes da falha. Como cada uma funciona no navegador, o que jogar fora e quando você precisa de uma ferramenta de monitoramento completa.
Um widget incorporado pode ler o html lang da página, o navigator.languages do visitante ou o que o site informa. Muitas vezes eles discordam. A ordem que escolhi para o widget do BugDump, por que a página vem primeiro e as pequenas coisas que quebraram no caminho.
Dei a cada prioridade uma chave estável para que as integrações pudessem contar com ela. Sem ninguém perceber, essa chave virou também o valor enviado aos clientes. Por isso, tornar as prioridades editáveis significou achar nove leitores, quatro switches que falham em silêncio e uma suposição errada no plano.
Seu app tem um seletor de modo escuro. O balão de chat, o widget de feedback e o banner de cookies ignoram esse seletor. Por que prefers-color-scheme é o sinal errado para widgets incorporados e a pequena API que resolve isso.
Como o replay de sessão funciona, o que ele captura e por que, junto com os logs de console e de rede, ele transforma relatórios de bug vagos em relatórios que dá para diagnosticar.
Três jeitos de adicionar um botão para reportar bugs a qualquer site (tag de script, pacote npm ou inicialização programática), com dicas de configuração e armadilhas.
Um widget de terceiros que entrega 450 KB a cada visitante precisa justificar esse peso. O meu não conseguia. A medição, a solução e o que eu pensava sobre o defer e se mostrou errado.
«Não reproduzível» não é uma propriedade do bug. É uma afirmação sobre a diferença entre duas máquinas. Existem só umas oito diferenças desse tipo, e cada uma deixa uma assinatura própria.
O DevTools está aberto na máquina errada. Como instrumentar o console, os erros, o fetch e o XHR para que o navegador do usuário conte o que de fato aconteceu — e as armadilhas que fazem implementações ingênuas quebrarem a página que deveriam monitorar.
O replay de sessão tem um problema de reputação, e em grande parte merecido. É assim que eu o uso: limitado a um relatório, com a ocultação de dados nas mãos do usuário e desligável com uma linha.
Um passeio por cada sinal que o widget do BugDump coleta, por que cada um merece o seu lugar e quais deles de fato resolvem bugs.