Buduj szybciej dzięki kompleksowemu logowaniu, monitorowaniu wydajności, pełnym typom TypeScript, granicom błędów, gorącemu ładowaniu i doskonałemu pokryciu testami. Tryb debugowania ujawnia szczegółowe logi i dane czasowe. Eksportowane typy zapewniają bezpieczeństwo typów dla integratorów.
Doskonałe doświadczenie dewelopera nie jest luksusem — bezpośrednio wpływa na szybkość iteracji, czas rozwiązywania błędów i produktywność zespołu. Nasz widget zapewnia kompleksowe narzędzia do debugowania, monitorowania, bezpieczeństwa typów i testowania.
Logger dostosowuje się automatycznie do kontekstu:
Logi są kolorowane według poziomu: szary dla debugowania, niebieski dla informacji, żółty dla ostrzeżeń, czerwony dla błędów.
Wszystkie publiczne API, opcje konfiguracyjne, obsługiwacze zdarzeń i struktury danych mają kompletne typy TypeScript. Integratorzy otrzymują autouzupełnianie, dokumentację inline i sprawdzanie typów w czasie kompilacji. Typy są eksportowane z głównego pakietu:
import type { WidgetConfig, MessageEvent } from '@yourcompany/widget';
To eliminuje całe klasy błędów, które w przeciwnym razie dotarłyby do produkcji.
Granice błędów Reacta wychwytują błędy renderowania i wyświetlają zapasowe interfejsy użytkownika:
Błędy są automatycznie rejestrowane w systemach monitorowania z pełnym kontekstem.
Widget zawiera kompleksową infrastrukturę testową przy użyciu Jest i React Testing Library:
Zamiast enigmatycznych błędów technicznych, widget zapewnia praktyczne wskazówki:
Brak wymaganego pola: apiKey. Dodaj apiKey: "twoj-klucz" do konfiguracji widgetu.Nieprawidłowa pozycja: "top-center". Prawidłowe opcje: "bottom-right", "bottom-left", "top-right", "top-left".Workflow GitHub Actions uruchamia się przy każdym pushu: