Construisez plus rapidement avec une journalisation complète, un suivi des performances, des types TypeScript complets, des frontières d'erreur, un rechargement à chaud et une excellente couverture de test. Le mode débogage expose des journaux détaillés et des données de timing. Les types exportés garantissent la sécurité des types pour les intégrateurs.
Une excellente expérience développeur n'est pas un luxe — elle impacte directement la vitesse d'itération, le temps de résolution des bogues et la productivité de l'équipe. Notre widget fournit des outils complets pour le débogage, le suivi, la sécurité des types et les tests.
Le journaliseur s'adapte automatiquement au contexte :
Les journaux sont codés par couleur selon la gravité : gris pour le débogage, bleu pour l'information, jaune pour les avertissements, rouge pour les erreurs.
Toutes les API publiques, options de configuration, gestionnaires d'événements et structures de données ont des types TypeScript complets. Les intégrateurs bénéficient de l'autocomplétion, de la documentation en ligne et de la vérification de type à la compilation. Les types sont exportés depuis le package principal :
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
Cela élimine toute une classe de bogues qui atteindraient autrement la production.
Les frontières d'erreur React capturent les erreurs de rendu et affichent des interfaces utilisateur de secours :
Les erreurs sont automatiquement enregistrées dans les systèmes de suivi avec un contexte complet.
Le widget inclut une infrastructure de test complète utilisant Jest et React Testing Library :
Au lieu d'erreurs techniques cryptiques, le widget fournit des conseils exploitables :
Champ requis manquant : apiKey. Ajoutez apiKey : "votre-clé" à la configuration du widget.Position invalide : "top-center". Options valides : "bottom-right", "bottom-left", "top-right", "top-left".Les workflows GitHub Actions s'exécutent à chaque push :