Rejestr zastosowań i produkcja

Zależność, której pilnujemy

Token → element → komponent → wzorzec/szablon → wdrożenie konsumenta.

Na przykład LP zawodu korzysta z wspólnego buttona. Zmiana buttona lub jego tokenu trafia do renderu każdej korzystającej strony po przebudowie. Na działającą produkcję trafia po wydaniu właściwego konsumenta.

Kontrakt rejestru zastosowań

Dla szablonu zapisujemy jego stabilne ID, źródło implementacji, komponenty, wymagane stany i zestaw testów. Zastosowanie produkcyjne dodaje URL, konsumenta, wersję wydania, datę ostatniego sprawdzenia oraz wynik.

Docelowo pokazujemy do pięciu reprezentatywnych adresów produkcyjnych na rodzinę. Wybór obejmuje różne dane i trudne przypadki, nie pięć niemal identycznych stron. Gdy istnieją dwa wdrożenia, zapisujemy dwa. Przed migracją pokazujemy brak wdrożeń.

Sam link nie dowodzi, że produkcja używa aktualnego szablonu. Potrzebne jest powiązanie z wersją wydania i testem. Danych klienta nie używamy jako fixture.

Przebieg kontroli

1. Zmiana tokenu lub komponentu wyznacza zależne szablony.
2. Lokalnie: wszystkie wymagane stany, warianty i reprezentatywne dane.
3. Po wydaniu: test przypisanych zastosowań produkcyjnych i porównanie wersji.
4. Brak dostępnej strony, niezgodna wersja i nieobjęty testem stan mają osobne wyniki. Żaden nie jest „zaliczony”.

Brief do wykonania

@todo(usage-registry): zaimplementować maszynowy rejestr zależności i wersji wraz z renderem przykładów; dołączyć konsumentów i prawdziwe adresy przy migracji. Nie oznaczać obecnej listy demo jako pokrycia produkcji.

Implementacja ma czytać manifest/eksporty kodu, nie ręcznie kopiować listę komponentów na każdej stronie. Test musi wykryć konsumenta odciętego lokalną kopią i pusty zestaw zadeklarowanych testów produkcji.

Weryfikacja

Zmień kontrolnie token w fixture, potwierdź zmianę zależnego szablonu oraz czerwień oczekiwanej regresji. Następnie sprawdź odtworzenie. Zapisz brak pokrycia produkcji do momentu rzeczywistego włączenia konsumentów.

Źródła

Spec DS — FR-17 — źródło w repo: company/specs/design/design-system.md.