Slyte Inspector

Tool for debugging Slyte applications.

Slyte Inspector – Dev Tools for Slyte Applications Slyte Inspector adds a dedicated Slyte tab to Chrome Developer Tools, giving you deep visibility into your Slyte application — without cluttering your app code with debug statements. What you can do with Slyte Inspector: Components — Browse the full component tree with search, expand/collapse, and reload controls. Inspect DOM info, data, actions, methods, functions, scope data, and live traces per component. Highlight live Slyte components on the page by hovering entries in the panel. Data/Schemas — Explore all data schemas and their records, including belongs-to and has-many relationships. Routes — Switch between current-route view and all-routes view to understand your application's navigation structure at a glance. Helpers — View every registered helper in your application with a searchable, detail-rich panel. Services — Inspect all instantiated services and their state in one place. Performance Logs — Fetch, browse, and clear performance logs per module by enabling performance tracking in your app config. Debug Mode — Access your application's objects directly in the Dev Tools console via the $S variable (available in debug mode). Tracing — Enable DOM mutation traces (attributes, child list, subtree) and set debugger points on functions, actions, and methods — all from the UI.