Costruisci più velocemente con registrazione completa, monitoraggio delle prestazioni, tipi TypeScript completi, confini di errore, ricarica calda e ottima copertura dei test. La modalità debug espone registri dettagliati e dati temporali. I tipi esportati garantiscono la sicurezza dei tipi per gli integratori.
Una grande esperienza per gli sviluppatori non è un lusso — influisce direttamente sulla velocità di iterazione, tempo di risoluzione dei bug e produttività del team. Il nostro widget fornisce strumenti completi per il debug, il monitoraggio, la sicurezza dei tipi e i test.
Il logger si adatta automaticamente al contesto:
I registri sono codificati a colori in base alla gravità: grigio per debug, blu per informazioni, giallo per avvisi, rosso per errori.
Tutte le API pubbliche, le opzioni di configurazione, i gestori di eventi e le strutture dati hanno tipi TypeScript completi. Gli integratori ottengono completamento automatico, documentazione inline e controllo dei tipi a tempo di compilazione. I tipi sono esportati dal pacchetto principale:
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
Questo elimina intere classi di bug che altrimenti raggiungerebbero la produzione.
I confini di errore di React catturano errori di rendering e visualizzano interfacce utente di fallback:
Gli errori vengono automaticamente registrati nei sistemi di monitoraggio con contesto completo.
Il widget include un'infrastruttura di test completa utilizzando Jest e React Testing Library:
Invece di errori tecnici criptici, il widget fornisce indicazioni pratiche:
Campo richiesto mancante: apiKey. Aggiungi apiKey: "your-key" alla configurazione del widget.Posizione non valida: "top-center". Opzioni valide: "bottom-right", "bottom-left", "top-right", "top-left".I flussi di lavoro di GitHub Actions vengono eseguiti a ogni push: