feat(ide): add vscode-web (code serve-web) browser IDE

.golangci.yaml

@@ -37,6 +37,11 @@ linters:
           - gosec
         text: "G101"
         path: "pkg/telemetry/analytics/client.go"
+      # Per-IDE async commands and setup functions are intentionally parallel
+      # (one package per browser IDE), so dupl across them is by design.
+      - linters:
+          - dupl
+        path: "cmd/internal/agentcontainer/(codeserver|vscodeweb|openvscode)_async.go"
       - path: "hack/"
         linters:
           - forbidigo

SECURITY.md

@@ -8,4 +8,4 @@ See the [install instructions for Devsy](https://devsy.sh/docs/getting-started/i
 
 
 ## Reporting a Vulnerability
-Please report vulnerabilities to: [security@devsy.sh](mailto:security@devsy.sh)
+Please report vulnerabilities to: [dev@devsy.sh](mailto:dev@devsy.sh)

cmd/internal/agentcontainer/container.go

@@ -25,6 +25,7 @@ func NewContainerCmd(flags *flags.GlobalFlags) *cobra.Command {
 	containerCmd.AddCommand(NewVSCodeAsyncCmd())
 	containerCmd.AddCommand(NewOpenVSCodeAsyncCmd())
 	containerCmd.AddCommand(NewCodeServerAsyncCmd())
+	containerCmd.AddCommand(NewVSCodeWebAsyncCmd())
 	containerCmd.AddCommand(NewCredentialsServerCmd(flags))
 	containerCmd.AddCommand(NewSetupDevsyPlatformAccessCmd(flags))
 	containerCmd.AddCommand(NewSSHServerCmd(flags))

cmd/internal/agentcontainer/setup.go

@@ -39,6 +39,7 @@ import (
 	"github.com/devsy-org/devsy/pkg/ide/openvscode"
 	"github.com/devsy-org/devsy/pkg/ide/rstudio"
 	"github.com/devsy-org/devsy/pkg/ide/vscode"
+	"github.com/devsy-org/devsy/pkg/ide/vscodeweb"
 	"github.com/devsy-org/devsy/pkg/log"
 	provider2 "github.com/devsy-org/devsy/pkg/provider"
 	"github.com/devsy-org/devsy/pkg/ts"
@@ -595,6 +596,8 @@ func (cmd *SetupContainerCmd) installIDE(
 		return cmd.setupOpenVSCode(setupInfo, ide.Options)
 	case string(config2.IDECodeServer):
 		return cmd.setupCodeServer(setupInfo, ide.Options)
+	case string(config2.IDEVSCodeWeb):
+		return cmd.setupVSCodeWeb(setupInfo, ide.Options)
 	case string(config2.IDEGoland):
 		return jetbrains.NewGolandServer(config.GetRemoteUser(setupInfo), ide.Options).
 			Install(setupInfo)
@@ -773,6 +776,7 @@ func (cmd *SetupContainerCmd) setupOpenVSCode(
 	return openVSCode.Start()
 }
 
+//nolint:dupl // mirrored by setupVSCodeWeb by design (one package per browser IDE).
 func (cmd *SetupContainerCmd) setupCodeServer(
 	setupInfo *config.Result,
 	ideOptions map[string]config2.OptionValue,
@@ -831,6 +835,68 @@ func (cmd *SetupContainerCmd) setupCodeServer(
 	return cs.Start()
 }
 
+// setupVSCodeWeb intentionally mirrors setupCodeServer; the per-IDE browser
+// setup functions are parallel by design (one package per browser IDE).
+//
+//nolint:dupl // mirrors setupCodeServer by design.
+func (cmd *SetupContainerCmd) setupVSCodeWeb(
+	setupInfo *config.Result,
+	ideOptions map[string]config2.OptionValue,
+) error {
+	log.Debugf("setup vscode-web")
+	vsCodeConfiguration := config.GetVSCodeConfiguration(setupInfo.MergedConfig)
+	settings := ""
+	if len(vsCodeConfiguration.Settings) > 0 {
+		out, err := json.Marshal(vsCodeConfiguration.Settings)
+		if err != nil {
+			return err
+		}
+		settings = string(out)
+	}
+
+	user := config.GetRemoteUser(setupInfo)
+	vw := vscodeweb.NewVSCodeWeb(vscodeweb.ServerOptions{
+		Extensions: vsCodeConfiguration.Extensions,
+		Settings:   settings,
+		UserName:   user,
+		Host:       "0.0.0.0",
+		Port:       strconv.Itoa(vscodeweb.DefaultVSCodeWebPort),
+		Values:     ideOptions,
+	})
+
+	if err := vw.Install(); err != nil {
+		return err
+	}
+
+	if len(vsCodeConfiguration.Extensions) > 0 {
+		err := command.StartBackgroundOnce("vscode-web-async", func() (*exec.Cmd, error) {
+			log.Infof(
+				"installing extensions in the background: %s",
+				strings.Join(vsCodeConfiguration.Extensions, ","),
+			)
+			binaryPath, err := os.Executable()
+			if err != nil {
+				return nil, err
+			}
+			//nolint:gosec // binaryPath is from os.Executable(), not user input
+			return exec.Command(
+				binaryPath,
+				cmdInternal,
+				cmdAgent,
+				cmdContainer,
+				"vscode-web-async",
+				"--setup-info",
+				cmd.SetupInfo,
+			), nil
+		})
+		if err != nil {
+			return fmt.Errorf("install extensions: %w", err)
+		}
+	}
+
+	return vw.Start()
+}
+
 func configureSystemGitCredentials(
 	ctx context.Context,
 	client tunnel.TunnelClient,

cmd/internal/agentcontainer/vscodeweb_async.go

@@ -0,0 +1,59 @@
+package agentcontainer
+
+import (
+	"encoding/json"
+
+	"github.com/devsy-org/devsy/cmd/flags"
+	"github.com/devsy-org/devsy/pkg/compress"
+	"github.com/devsy-org/devsy/pkg/devcontainer/config"
+	"github.com/devsy-org/devsy/pkg/ide/vscodeweb"
+	"github.com/devsy-org/devsy/pkg/log"
+	"github.com/spf13/cobra"
+)
+
+// VSCodeWebAsyncCmd holds the cmd flags.
+type VSCodeWebAsyncCmd struct {
+	*flags.GlobalFlags
+
+	SetupInfo string
+}
+
+// NewVSCodeWebAsyncCmd creates a new command.
+func NewVSCodeWebAsyncCmd() *cobra.Command {
+	cmd := &VSCodeWebAsyncCmd{}
+	vsCodeWebAsyncCmd := &cobra.Command{
+		Use:   "vscode-web-async",
+		Short: "Starts VS Code Web",
+		Args:  cobra.NoArgs,
+		RunE:  cmd.Run,
+	}
+	vsCodeWebAsyncCmd.Flags().
+		StringVar(&cmd.SetupInfo, "setup-info", "", "The container setup info")
+	_ = vsCodeWebAsyncCmd.MarkFlagRequired("setup-info")
+	return vsCodeWebAsyncCmd
+}
+
+// Run runs the command logic.
+func (cmd *VSCodeWebAsyncCmd) Run(_ *cobra.Command, _ []string) error {
+	log.Debugf("Start setting up container")
+	decompressed, err := compress.Decompress(cmd.SetupInfo)
+	if err != nil {
+		return err
+	}
+
+	setupInfo := &config.Result{}
+	if err := json.Unmarshal([]byte(decompressed), setupInfo); err != nil {
+		return err
+	}
+
+	return setupVSCodeWebExtensions(setupInfo)
+}
+
+func setupVSCodeWebExtensions(setupInfo *config.Result) error {
+	vsCodeConfiguration := config.GetVSCodeConfiguration(setupInfo.MergedConfig)
+	user := config.GetRemoteUser(setupInfo)
+	return vscodeweb.NewVSCodeWeb(vscodeweb.ServerOptions{
+		Extensions: vsCodeConfiguration.Extensions,
+		UserName:   user,
+	}).InstallExtensions()
+}

cmd/pro/start.go

@@ -327,7 +327,7 @@ func (cmd *StartCmd) retryUpgradeAfterPurge(
 					"- via Online Chat: %s\n- via Email: %s\n",
 				greenBold("https://slack.devsy.sh/"),
 				greenBold("https://devsy.sh/"),
-				greenBold("support@devsy.sh"),
+				greenBold("dev@devsy.sh"),
 			),
 		)
 	}

desktop/package.json

@@ -5,7 +5,7 @@
   "homepage": "https://devsy.sh",
   "author": {
     "name": "Devsy",
-    "email": "support@devsy.sh"
+    "email": "dev@devsy.sh"
   },
   "type": "module",
   "main": "dist/main/index.js",

desktop/src/renderer/src/lib/components/workspace/WorkspaceWizard.svelte

@@ -82,6 +82,7 @@ const IDE_GROUPS = [
       { value: "none", label: "None", iconName: "none" },
       { value: "vscode", label: "VS Code", iconName: "vscode" },
       { value: "openvscode", label: "VS Code Browser", iconName: "vscodebrowser" },
+      { value: "vscode-web", label: "VS Code Web", iconName: "vscode-web" },
       { value: "code-server", label: "code-server", iconName: "code-server" },
       { value: "cursor", label: "Cursor", iconName: "cursor" },
       { value: "zed", label: "Zed", iconName: "zed" },

desktop/src/renderer/src/pages/SettingsPage.svelte

@@ -76,6 +76,7 @@ const IDE_OPTIONS = [
   { value: "none", label: "None" },
   { value: "vscode", label: "VS Code" },
   { value: "openvscode", label: "VS Code Browser" },
+  { value: "vscode-web", label: "VS Code Web" },
   { value: "cursor", label: "Cursor" },
   { value: "zed", label: "Zed" },
   { value: "codium", label: "VSCodium" },

desktop/src/renderer/src/pages/WorkspaceDetailPage.svelte

@@ -62,6 +62,7 @@ const IDE_OPTIONS = [
   { value: "none", label: "None" },
   { value: "vscode", label: "VS Code" },
   { value: "openvscode", label: "VS Code Browser" },
+  { value: "vscode-web", label: "VS Code Web" },
   { value: "code-server", label: "code-server" },
   { value: "cursor", label: "Cursor" },
   { value: "zed", label: "Zed" },

e2e/tests/ide/ide.go

@@ -43,6 +43,9 @@ var _ = ginkgo.Describe("devsy ide test suite", ginkgo.Label("ide"), ginkgo.Orde
 			err = f.DevsyUpWithIDE(ctx, tempDir, "--ide-launch=skip", "--ide=jupyternotebook")
 			framework.ExpectNoError(err)
 
+			err = f.DevsyUpWithIDE(ctx, tempDir, "--ide-launch=skip", "--ide=vscode-web")
+			framework.ExpectNoError(err)
+
 			// TODO: Fix broken IDE
 			// err = f.DevsyUpWithIDE(ctx, tempDir, "--ide-launch=skip", "--ide=fleet")
 			// framework.ExpectNoError(err)

pkg/config/ide.go

@@ -8,6 +8,7 @@ const (
 	IDEVSCodeInsiders  IDE = "vscode-insiders"
 	IDEOpenVSCode      IDE = "openvscode"
 	IDECodeServer      IDE = "code-server"
+	IDEVSCodeWeb       IDE = "vscode-web"
 	IDEIntellij        IDE = "intellij"
 	IDEGoland          IDE = "goland"
 	IDERustRover       IDE = "rustrover"

pkg/driver/kubernetes/pullsecrets.go

@@ -119,7 +119,7 @@ func (k *KubernetesDriver) createPullSecret(
 	dockerCredentials *dockercredentials.Credentials,
 ) error {
 	authToken := dockerCredentials.AuthToken()
-	email := "noreply@devsy.sh"
+	email := "dev@devsy.sh"
 
 	encodedSecretData, err := PreparePullSecretData(dockerCredentials.ServerURL, authToken, email)
 	if err != nil {

pkg/ide/ideparse/parse.go

@@ -19,6 +19,7 @@ import (
 	"github.com/devsy-org/devsy/pkg/ide/openvscode"
 	"github.com/devsy-org/devsy/pkg/ide/rstudio"
 	"github.com/devsy-org/devsy/pkg/ide/vscode"
+	"github.com/devsy-org/devsy/pkg/ide/vscodeweb"
 	"github.com/devsy-org/devsy/pkg/provider"
 )
 
@@ -67,6 +68,13 @@ var AllowedIDEs = []AllowedIDE{
 		Icon:        "https://raw.githubusercontent.com/coder/code-server/main/src/browser/media/favicon.svg",
 		Group:       config.IDEGroupPrimary,
 	},
+	{
+		Name:        config.IDEVSCodeWeb,
+		DisplayName: "VS Code Web",
+		Options:     vscodeweb.Options,
+		Icon:        config.WebsiteAssetsURL + "/vscode-web.svg",
+		Group:       config.IDEGroupPrimary,
+	},
 	{
 		Name:        config.IDECursor,
 		DisplayName: "Cursor",

pkg/ide/opener/browser_tunnel_state.go

@@ -34,6 +34,10 @@ const LabelVSCodeBrowser = "vscode"
 // (coder.com) browser-IDE tunnel.
 const LabelCodeServer = "code-server"
 
+// LabelVSCodeWeb is the TunnelState.Label value used for the official VS Code
+// (code serve-web) browser-IDE tunnel.
+const LabelVSCodeWeb = "vscode-web"
+
 // TunnelState describes a running browser tunnel for a workspace.
 //
 // CreateTime is the helper process's creation timestamp in milliseconds

pkg/ide/opener/opener.go

@@ -5,6 +5,7 @@ import (
 	"context"
 	"fmt"
 	"net"
+	"net/url"
 	"strconv"
 	"strings"
 
@@ -22,6 +23,7 @@ import (
 	"github.com/devsy-org/devsy/pkg/ide/openvscode"
 	"github.com/devsy-org/devsy/pkg/ide/rstudio"
 	"github.com/devsy-org/devsy/pkg/ide/vscode"
+	"github.com/devsy-org/devsy/pkg/ide/vscodeweb"
 	"github.com/devsy-org/devsy/pkg/ide/zed"
 	pkglog "github.com/devsy-org/devsy/pkg/log"
 	open2 "github.com/devsy-org/devsy/pkg/open"
@@ -97,6 +99,8 @@ func browserIDEOpener(
 		return openVSCodeBrowser, true
 	case string(config.IDECodeServer):
 		return openCodeServerBrowser, true
+	case string(config.IDEVSCodeWeb):
+		return openVSCodeWebBrowser, true
 	case string(config.IDEJupyterNotebook):
 		return openJupyterBrowser, true
 	case string(config.IDEMarimo):
@@ -417,7 +421,7 @@ func openVSCodeBrowser(
 		Label:   LabelVSCodeBrowser,
 		LogName: "vscode",
 		TargetURLFn: func(port int, folder string) string {
-			return fmt.Sprintf("http://localhost:%d/?folder=%s", port, folder)
+			return fmt.Sprintf("http://localhost:%d/?folder=%s", port, url.QueryEscape(folder))
 		},
 	})
 }
@@ -436,7 +440,26 @@ func openCodeServerBrowser(
 		Label:   LabelCodeServer,
 		LogName: "code-server",
 		TargetURLFn: func(port int, folder string) string {
-			return fmt.Sprintf("http://localhost:%d/?folder=%s", port, folder)
+			return fmt.Sprintf("http://localhost:%d/?folder=%s", port, url.QueryEscape(folder))
+		},
+	})
+}
+
+func openVSCodeWebBrowser(
+	ctx context.Context,
+	ideOptions map[string]config.OptionValue,
+	params IDEParams,
+) (string, error) {
+	return openBrowserIDE(ctx, params, browserIDESpec{
+		BindAddrOption: vscodeweb.Options.GetValue(ideOptions, vscodeweb.BindAddressOption),
+		DefaultPort:    vscodeweb.DefaultVSCodeWebPort,
+		ForwardPorts: vscodeweb.Options.GetValue(
+			ideOptions, vscodeweb.ForwardPortsOption,
+		) == config.BoolTrue,
+		Label:   LabelVSCodeWeb,
+		LogName: "vscode-web",
+		TargetURLFn: func(port int, folder string) string {
+			return fmt.Sprintf("http://localhost:%d/?folder=%s", port, url.QueryEscape(folder))
 		},
 	})
 }

pkg/ide/types.go

@@ -75,6 +75,8 @@ func ReusesAuthSock(ide string) bool {
 		return true
 	case string(config.IDECodeServer):
 		return true
+	case string(config.IDEVSCodeWeb):
+		return true
 	case string(config.IDEJupyterNotebook):
 		return true
 	case string(config.IDEMarimo):