angular-modernization
Modernizes Angular code such as components and directives to follow best practices using both automatic CLI migrations and Bitwarden-specific patterns. YOU must use this skill when someone requests modernizing Angular code. DO NOT invoke for general Angular discussions unrelated
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Modernizes Angular code such as components and directives to follow best practices using both automatic CLI migrations and Bitwarden-specific patterns. YOU must use this skill when someone requests modernizing Angular code. DO NOT invoke for general Angular discussions unrelated to modernization.
How to use
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.