Ideas, tutoriales y novedades de nuestro equipo.
Pasé todos los portales de BugDump de bugdump.com/p/acme-store a acme-store.bugdump.com sin mover un solo archivo de rutas: TanStack Router reescribe la URL al entrar y al salir. Un rewrite de salida que modifica su propia URL manda los enlaces al host equivocado, navigate() no puede cambiar de origen y una ruta wildcard de Workers se ejecuta delante de cada Custom Domain de la zona.
El seguimiento de errores en una app web pequeña se reduce a cuatro cosas: registrar lo que falla, agrupar las repeticiones, leer el stack en tu propio código y conservar el minuto anterior al fallo. Cómo funciona cada una en el navegador, qué descartar y cuándo necesitas una herramienta de monitoreo completa.
Un widget embebido puede leer el html lang de la página, el navigator.languages del visitante o lo que le diga el sitio. A menudo no coinciden. El orden que elegí para el widget de BugDump, por qué la página va primero y las pequeñas cosas que se rompieron por el camino.
Le di a cada prioridad una clave estable para que las integraciones pudieran contar con ella. Sin que nadie lo notara, esa clave pasó a ser también el valor que se enviaba a los clientes, así que hacer editables las prioridades obligó a encontrar nueve lectores, cuatro switch que fallan en silencio y una suposición equivocada en el plan.
Tu app tiene un selector de modo oscuro. La burbuja de chat, el widget de feedback y el banner de cookies lo ignoran. Por qué prefers-color-scheme es la señal equivocada para los widgets embebidos y la pequeña API que lo resuelve.
Cómo funciona la repetición de sesión, qué captura y por qué, junto con los logs de consola y de red, convierte reportes de bugs vagos en reportes que se pueden diagnosticar.
Tres formas de añadir un botón de reporte de bugs a cualquier web (etiqueta script, paquete npm o inicialización por código), con consejos de configuración y errores que evitar.
Un widget de terceros que envía 450 KB a cada visitante tiene que justificarlo. El mío no podía. La medición, la solución y lo que creía sobre defer y resultó ser falso.
«No reproducible» no es una propiedad del bug. Es una afirmación sobre la diferencia entre dos máquinas. Solo hay unas ocho diferencias de ese tipo, y cada una deja una huella distinta.
DevTools está abierto en la máquina equivocada. Cómo instrumentar la consola, los errores, fetch y XHR para que el navegador de un usuario te cuente qué pasó de verdad, y las trampas que hacen que una implementación ingenua rompa la página que vigila.
La repetición de sesión tiene un problema de reputación, casi todo merecido. Así la uso en BugDump: limitada a un reporte, con datos que el propio usuario puede ocultar y desactivable con una línea.
Un recorrido por cada señal que recoge el widget de BugDump, por qué cada una se gana su sitio y cuáles resuelven bugs de verdad.