Buduj szybciej dzięki kompleksowemu rejestrowaniu, monitorowaniu wydajności, pełnym typom TypeScript, granicom błędów, gorącemu przeł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 wydajność zespołu. Nasz widget zapewnia kompleksowe narzędzia do debugowania, monitorowania, bezpieczeństwa typów i testowania.
Logger automatycznie dostosowuje się do kontekstu:
Logi są kodowane kolorami według ciężkości: szary dla debugowania, niebieski dla informacji, żółty dla ostrzeżeń, czerwony dla błędów.
Wszystkie publiczne API, opcje konfiguracji, obsługujące zdarzenia 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 React przechwytują błędy renderowania i wyświetlają UI zapasowe:
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 dostarcza wykonalne 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: