Svelte Inspector 5

Das Tool analysiert Svelte 5-Komponenten, indem es ein strukturiertes Modell des Codebasis erstellt. Es zeigt die Komponentenhierarchie, die Props, Slots, Events und die Stores, denen es abonniert. Es identifiziert auch reaktive Deklarationen und deren Abhängigkeiten und bietet eine Karte des Zustandsflusses durch die Benutzeroberfläche. Dieses Modell hilft Entwicklern, Kopplungen schnell zu verstehen, schwere reaktive Pfade zu identifizieren und architektonische Grenzen zu validieren.
Der Kern-Engine führt statische Analysen mittels des Svelte 5 AST durch, löst Dateiverknüpfungen auf und erstellt einen Abhängigkeitsgraphen reaktiver Aussagen und Store-Lesungen. Es liefert eine maschinenlesbare Darstellung und eine reichhaltigere Ansicht für IDE-Plugins. Optionale Prüfungen erkennen Anti-Pattern wie zu viele reaktive Anweisungen, unnötige Store-Abonnements und Prop-Drilling jenseits der beabsichtigten Grenzen.
Da das Tool in Build- und Entwicklungs-Workflows integriert ist, unterstützt es den Export in CI-Pipelines und IDE-Erweiterungen. Es kann aktuelle Ergebnisse mit früheren Builds vergleichen, um Regressionen aufzudecken, und lässt sich erweitern, um Leistungskennzahlen wie geschätzte Aktualisierungskosten anzuzeigen. Hauptnutznießer sind Entwickler, die Verhalten debuggen, Performance-Ingenieure, die Reaktivität profilieren, und Teams, die große Codebasen auf Version 5 migrieren.