search

sveltejs / svelte-devtools

A browser extension to inspect Svelte application by extending your browser devtools capabilities
https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
MIT License
1.44k stars 78 forks source link

[Feature request] Additional button that opens the item in VSCode in the source file #79

Open lukaszpolowczyk opened 2 years ago

lukaszpolowczyk commented 2 years ago

Can you add a function that works like this: https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md#inspector

Meaning in the DevTools panel an additional button that opens the item in VSCode in the source file?

Inspector in vite-plugin-svelte is based on a very simple url, such as: http://localhost:5173/__open-in-editor?file=src/lib/Views.svelte:56:3 Such url works, even if the inspector is not enabled.

So all you have to do is svelte-devtools to include this relative url and line number in the element, add a button that opens such a link, and that's all the work.

unikitty37 commented 1 year ago

That works for VSCode users, but it would be better to have an option where the user could select their editor.

Hard-coding the link to work with VSCode means no opportunity to have a link that will open the source file in JetBrains IDEs, for example.

ignatiusmb commented 11 months ago

We'll be adding this exclusively to app built with the vite plugin because only vite exposes such functionality to open editors from the browser, at least for now. @dominikg also mentions that vite can open other editors as well, so the extension will be working closely with v-p-s in this manner.