Beautifier TypeScript - sformatuj TS w przeglądarce
TypeScript to JS z typami - i więcej składni do sformatowania: generic types (`<T>`), interfaces, type aliases, decorators, enums. Beautifier używa Prettier z parserem TypeScript (oficjalny, wspierany przez zespół TS).
W trybie Grzecznym Prettier robi to samo, co `npx prettier --write src/**/*.ts`. W Agresywnym (js-beautify) tracisz wsparcie dla niektórych konstrukcji typów - js-beautify nie zna AST TS-a, więc czasem łamie deklaracje typów w dziwnych miejscach. Dla TS-a trzymaj się Grzecznego.
Akceptuje `.ts`, `.mts`, `.cts`. Dla `.tsx` mamy osobny landing - tsx wymaga parsera z JSX-em włączonym. Domyślnie 100 znaków, pojedyncze cudzysłowy, średniki, przecinki na końcu (`trailingComma: 'all'` - działa z type parameters: `function f<T,>(x: T)`).
Jak to działa
- Wybierz tryb (Grzeczny / Agresywny / Tylko wcięcia) lub zostaw domyślny.
- Wklej kod w lewy panel albo użyj "Wczytaj plik".
- Dostosuj ustawienia (koło zębate): wcięcie, szerokość, cudzysłowy, średniki.
- Kliknij Sformatuj - pierwszy raz potrwa chwilę (libki ładują się leniwie).
- Po prawej dostajesz wynik z syntax highlightingiem - kopiuj, pobierz albo otwórz w nowej karcie.
Kiedy się przydaje
Pięć sytuacji dla TS-a:
- Migracja JS → TS. Dopisałeś typy do pliku, formatowanie się rozjechało. Wklej, Grzeczny, pełna spójność.
- Generated types. Coś z `openapi-typescript` albo `drizzle` generuje TS bez wcięć. Beautifuj.
- Decorator-heavy kod. NestJS, Angular, TypeORM - dekoratory na każdej linii. Prettier daje spójny styl.
- Refactor przed PR. Po `Find & Replace` masz pomieszane wcięcia w plikach TS.
- Demo dla bloga. Robisz snippet do posta - wklej, Grzeczny, copy z pełną kolorystyką.