Construye más rápido con un registro completo, monitoreo de rendimiento, tipos completos de TypeScript, límites de error, recarga en caliente y una excelente cobertura de pruebas. El modo de depuración expone registros detallados y datos de temporización. Los tipos exportados garantizan la seguridad de tipos para los integradores.
Una gran experiencia para desarrolladores no es un lujo: impacta directamente en la velocidad de iteración, el tiempo de resolución de errores y la productividad del equipo. Nuestro widget proporciona herramientas completas para depuración, monitoreo, seguridad de tipos y pruebas.
El registrador se adapta automáticamente al contexto:
Los registros están codificados por colores según la gravedad: gris para depuración, azul para información, amarillo para advertencias, rojo para errores.
Todas las API públicas, opciones de configuración, controladores de eventos y estructuras de datos tienen tipos de TypeScript completos. Los integradores obtienen autocompletado, documentación en línea y verificación de tipos en tiempo de compilación. Los tipos se exportan desde el paquete principal:
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
Esto elimina clases enteras de errores que de otro modo llegarían a producción.
Los límites de error de React capturan errores de renderizado y muestran interfaces de usuario de respaldo:
Los errores se registran automáticamente en sistemas de monitoreo con todo el contexto.
El widget incluye una infraestructura de pruebas completa utilizando Jest y React Testing Library:
En lugar de errores técnicos crípticos, el widget proporciona orientación accionable:
Campo requerido faltante: apiKey. Agrega apiKey: "tu-clave" a la configuración del widget.Posición no válida: "top-center". Opciones válidas: "bottom-right", "bottom-left", "top-right", "top-left".Los flujos de trabajo de GitHub Actions se ejecutan en cada push: