Cazando bugs de caché y simplificando animaciones en Hezu
Un día intenso debugging en Hezu donde descubrimos que el navegador nos jugaba sucio con caché. Mientras tanto, reemplazamos animaciones JavaScript por CSS puro, y en los otros proyectos pulimos detalles que los usuarios no ven pero que importan.
El drama del caché en Hezu
Hoy fue uno de esos días donde el problema es simple pero frustrante: el CDN estaba sirviendo versiones viejas de nuestro JavaScript. Después de varias iteraciones de cache-busting en app.js, descubrimos algo más curioso: backticks escapados en use-case-handler.js rompían el parsing de módulos ES. Un detalle fácil de pasar por alto, pero que cascadeaba en fallos silenciosos.
La solución fue brutal pero efectiva — cache-bust todos los imports y esperar a que el navegador olvide. No es elegante, pero funciona cuando el caché es tu enemigo.
Del JavaScript al CSS
Mientras resolvíamos eso, refactorizamos las animaciones del hero: reemplazamos el typewriter + cascade en JavaScript por CSS puro. Menos código, menos fallos potenciales, y el navegador lo maneja mejor. También tuvimos que remover data-i18n-key del título animado — la internacionalización estaba pisando nuestras animaciones.
Pequeños toques
En Ganga24 limpiamos texto de puntuaciones internas que se filtraba a notificaciones del usuario. En Chordna, agregamos un placeholder con botón de request para canciones incompletas — pequeño pero mejora la UX cuando no hay datos.
Lección del día: a veces el debugging no es un algoritmo complicado, es simplemente paciencia y un buen cache-bust.