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

[lukaszpolowczyk]

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]

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]

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.