angular-modernization
Automatycznie modernizuj komponenty Angular do najnowszych wzorców i best practices
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do modernizacji kodu Angular, który automatycznie przekształca komponenty i dyrektywy na architekturę standalone, nową składnię kontroli przepływu i sygnały. Wykorzystuje migracje Angular CLI oraz wzorce Bitwarden — OnPush change detection, poprawną widoczność i cienkie komponenty. Uruchamia się na żądanie użytkownika, gdy prosi o modernizację kodu Angular.
Jak używać
Przygotuj projekt Angular z dostępem do katalogu, w którym znajdują się komponenty do modernizacji. Skill wymaga uprawnień do czytania, pisania plików i uruchamiania poleceń npx ng.
Poproś skill o modernizację konkretnego katalogu lub zestawu komponentów. Podaj ścieżkę do folderu zawierającego kod do transformacji.
Skill automatycznie uruchomi migracje Angular CLI w kolejności: najpierw konwersja na komponenty standalone, następnie zmiana składni kontroli przepływu (*ngIf na @if, *ngFor na @for), potem migracja @Input na sygnały, @Output na sygnały wyjściowe i wreszcie @ViewChild/@ContentChild na sygnałowe queries.
Każda migracja jest uruchamiana na całym katalogu za pomocą flagi --path, nigdy na pojedynczych plikach. Skill czeka na zakończenie każdego kroku przed przejściem do następnego.
Po zakończeniu wszystkich migracji sprawdź wyniki — komponenty powinny być standalone, używać nowej składni @if/@for, oraz sygnałów zamiast tradycyjnych dekoratorów @Input/@Output.
Jeśli napotkasz kod, który nie ma automatycznej migracji CLI, skill zastosuje wzorce Bitwarden: OnPush change detection, poprawną widoczność i architekturę cienkich komponentów.