Construisez plus rapidement avec une journalisation complète, un suivi des performances, des types TypeScript complets, des limites d'erreur, un rechargement à chaud et une excellente couverture de tests. 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 bugs et la productivité de l'équipe. Notre widget fournit des outils complets pour le débogage, la surveillance, 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 des types à la compilation. Les types sont exportés depuis le package principal :
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
Cela élimine des classes entières de bugs qui atteindraient autrement la production.
Les limites 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 surveillance avec un contexte complet.
Le widget comprend 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 :