oslabs-beta / svelte-sight

A Svelte dev tool for visualizing component hierarchy, state, and props of your application
http://www.sveltesight.com
MIT License
216 stars 16 forks source link

Does Svelte Sight work in the Svelte REPL? #51

Closed Danny-Engelman closed 4 years ago

Danny-Engelman commented 4 years ago

The F12 console for the Svelte Sight Tab shows:

kennethtrang commented 4 years ago

Svelte Sight does not currently work in the Svelte REPL. Instead, try creating your own Svelte app and running it on localhost in the browser in development mode, then open up Chrome DevTools (F12) and navigate to the "Svelte Sight" panel.

*Currently the Svelte Sight extension is down due to a bug, but it should be resolved within the next few days. I'll update you when it is back online. Thank you for your interest!

Danny-Engelman commented 4 years ago

tnx,

Your code reads the contents of a Browser Tab (I presume). The REPL has the same content in an IFrame:

I am using the REPL as my main Svelte IDE,
Because it is great for rapid prototyping and sharing UIs with (end)users often.
Have developed an extension to add some extra IDE features like autosave and search