feat(devbox): support trae and windsurf (#5356)

* feat: feat

* fix: trae bug

* chore: adjust some text

* feat: web support trae

* chore: some chore

extensions/ide/vscode/devbox/CHANGELOG.md

@@ -6,6 +6,12 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 
 ## [Unreleased]
 
+## [1.3.1] - 2025-01-21
+
+### Added
+
+- Support Windsurf and Trae.
+
 ## [1.3.0] - 2024-12-24
 
 ### Fixed

extensions/ide/vscode/devbox/package.json

@@ -2,7 +2,7 @@
   "name": "devbox-aio",
   "displayName": "%displayName%",
   "description": "%description%",
-  "version": "1.3.0",
+  "version": "1.3.3",
   "keywords": [
     "devbox",
     "remote development",

extensions/ide/vscode/devbox/src/commands/remoteConnector.ts

@@ -256,13 +256,19 @@ export class RemoteSSHConnector extends Disposable {
       vscode.env.uriScheme === 'vscode' ||
       vscode.env.uriScheme === 'vscode-insiders' ||
       vscode.env.uriScheme === 'cursor'
-    if (!isOfficialVscode) {
+    const isTrae = vscode.env.uriScheme === 'trae'
+
+    // windsurf has remote-ssh inside already
+    if (!isOfficialVscode && !isTrae) {
       return true
     }
 
-    const msVscodeRemoteExt = vscode.extensions.getExtension(
-      'ms-vscode-remote.remote-ssh'
-    )
+    const remoteSSHId = isOfficialVscode
+      ? 'ms-vscode-remote.remote-ssh'
+      : 'labring.open-remote-ssh-for-trae'
+
+    const msVscodeRemoteExt = vscode.extensions.getExtension(remoteSSHId)
+
     if (msVscodeRemoteExt) {
       return true
     }
@@ -281,16 +287,13 @@ export class RemoteSSHConnector extends Disposable {
       return false
     }
 
-    await vscode.commands.executeCommand(
-      'extension.open',
-      'ms-vscode-remote.remote-ssh'
-    )
+    await vscode.commands.executeCommand('extension.open', remoteSSHId)
     await vscode.commands.executeCommand(
       'workbench.extensions.installExtension',
-      'ms-vscode-remote.remote-ssh'
+      remoteSSHId
     )
 
-    Logger.info('"ms-vscode-remote.remote-ssh" extension is installed')
+    Logger.info(`"${remoteSSHId}" extension is installed`)
 
     return true
   }

extensions/ide/vscode/devbox/src/providers/DBViewProvider.ts

@@ -123,7 +123,6 @@ export class DBViewProvider
     await this.refreshDatabases()
   }
   private async openWebTerminal(dbInfo: Database) {
-    console.log('dbInfo', dbInfo)
     const commandMap = {
       postgresql: `psql '${dbInfo.connection}'`,
       mongodb: `mongosh '${dbInfo.connection}'`,

extensions/ide/vscode/devbox/src/providers/DevboxListViewProvider.ts

@@ -237,30 +237,33 @@ class ProjectTreeDataProvider
     }
 
     try {
+      const appName = vscode.env.appName
+
       // 1. remove global state
       GlobalStateManager.remove(deletedHost)
 
-      // 2. remove remote-ssh config
-      const existingSSHHostPlatforms = vscode.workspace
-        .getConfiguration('remote.SSH')
-        .get<{ [host: string]: string }>('remotePlatform', {})
-      const newSSHHostPlatforms = Object.keys(existingSSHHostPlatforms).reduce(
-        (acc: { [host: string]: string }, host: string) => {
+      // 2. remove remote-ssh config if app is not windsurf or Trae
+      if (appName !== 'Windsurf' && appName !== 'Trae') {
+        const existingSSHHostPlatforms = vscode.workspace
+          .getConfiguration('remote.SSH')
+          .get<{ [host: string]: string }>('remotePlatform', {})
+        const newSSHHostPlatforms = Object.keys(
+          existingSSHHostPlatforms
+        ).reduce((acc: { [host: string]: string }, host: string) => {
           if (host.startsWith(deletedHost)) {
             return acc
           }
           acc[host] = existingSSHHostPlatforms[host]
           return acc
-        },
-        {}
-      )
-      await vscode.workspace
-        .getConfiguration('remote.SSH')
-        .update(
-          'remotePlatform',
-          newSSHHostPlatforms,
-          vscode.ConfigurationTarget.Global
-        )
+        }, {})
+        await vscode.workspace
+          .getConfiguration('remote.SSH')
+          .update(
+            'remotePlatform',
+            newSSHHostPlatforms,
+            vscode.ConfigurationTarget.Global
+          )
+      }
 
       // 3. remove ssh config
       const content = await fs.promises.readFile(

extensions/ide/vscode/devbox/src/utils/handleUri.ts

@@ -20,7 +20,8 @@ export class UriHandler {
       uri.scheme !== 'vscode' &&
       uri.scheme !== 'cursor' &&
       uri.scheme !== 'vscode-insiders' &&
-      uri.scheme !== 'windsurf'
+      uri.scheme !== 'windsurf' &&
+      uri.scheme !== 'trae'
     ) {
       return
     }

frontend/providers/devbox/components/IDEButton.tsx

@@ -254,6 +254,14 @@ export const ideObj = {
     value: 'windsurf',
     sortId: 3
   },
+  trae: {
+    label: 'Trae',
+    menuLabel: 'Trae',
+    icon: 'trae',
+    prefix: 'trae://',
+    value: 'trae',
+    sortId: 4
+  },
   jetbrains: {
     label: 'JetBrains',
     icon: 'jetbrains',

frontend/providers/devbox/components/Icon/index.tsx

@@ -83,7 +83,8 @@ const map = {
   rustover: require('./icons/jetbrains/rustover.svg').default,
   webstorm: require('./icons/jetbrains/webstorm.svg').default,
   gift: require('./icons/gift.svg').default,
-  fileConfig: require('./icons/fileConfig.svg').default
+  fileConfig: require('./icons/fileConfig.svg').default,
+  trae: require('./icons/trae.svg').default
 };
 
 const MyIcon = ({