How to control what IDE the code is opened in?

[Rigel772]

When Ctrl+Shift+Click component, the code is opened in vscode on my linux arch system
How can I make it open Windsurf instead?
Thanks

[Rigel772]

Tested various settings but no effect...

export EDITOR="windsurf"
export VISUAL="windsurf"
export LAUNCH_EDITOR="windsurf"

[AlemTuzlak]

You can use the editor config for the vite plugin to override the default.

You can find the reference implementation for VS Code here:
https://github.com/TanStack/devtools/blob/main/packages%2Fdevtools-vite%2Fsrc%2Feditor.ts#L29

IIRC it should be a matter of changing "code" for "windsurf"

[dominikjasek]

How can I override it specifically?

[AlemTuzlak]

Provide it to the vite plugin via the config. So, pass in the editor config into the vite plugin:

devtools({
  editor: {
    name: "editor",
    open(file, row, column){
       // the implementation here
    }
  }
})

[Rigel772]

And could you show what the implementation should look like?

[Rigel772]

 devtools({
      injectSource: { enabled: true },
      editor: {
        name: 'Windsurf',
        open: async (filePath, lineNumber, columnNumber) => {
          const { exec } = await import('node:child_process')
          exec(
            `windsurf --goto "${path.normalize(filePath)}${lineNumber ? `:${lineNumber}` : ''}${columnNumber ? `:${columnNumber}` : ''}"`,
          )
        },
      }
    }),

this seems to be working for Windsurf, in case someone else needs it.

[Rigel772]

Thank you @AlemTuzlak