runespect: Svelte 5 DevTools

Svelte 5 devtools: the component tree and live runes state. Full with the runespect Vite plugin, names only without it.

Svelte 5 DevTools: runespect adds a tab to Chrome DevTools that shows the component tree of your Svelte 5 app. Works right away on any development build. Add the runespect Vite plugin to see and edit live derived and $props. With the runespect Vite plugin in your app's development build, the tab shows: the component tree, and every component's props, state, derived values, stores and context state kept in .svelte.ts modules editing of bindable values, nested fields included the history of what changed, flush by flush, with values before and after an element picker, highlight on hover, and open in editor Without the plugin, on any development build of a Svelte 5 app, the tab still shows the component tree, without values. The same panel also runs without the extension: the plugin serves it at /__runespect/ on your development server, and as an overlay inside the page. runespect is open source (MIT). It is for development and test builds, not production. It sends nothing anywhere.