refactor: modernize build pipeline, fix module resolution, and upgrade dependencies (#837)

Parallelize the build pipeline to run webview and extension bundling
concurrently, reducing build time from ~3.3s to ~1s. Separate
type-checking into a dedicated `typecheck` script and remove unused
composite project references.

Switch TypeScript to Bundler module resolution for compatibility with
proxy-agent v7's `exports` field, and update the React Compiler setup
for @vitejs/plugin-react v6 using @rolldown/plugin-babel.

Upgrade proxy-agent to v7, @vitejs/plugin-react to v6, vite to v8,
electron to v41, vitest to v4.1, esbuild to v0.27.4, and various
linting/tooling dependencies.

Author: EhabY

.github/workflows/ci.yaml

@@ -118,6 +118,9 @@ jobs:
           PACKAGE_NAME="${EXTENSION_NAME}-${{ steps.version.outputs.version }}-${SHORT_SHA}.vsix"
           echo "packageName=$PACKAGE_NAME" >> $GITHUB_OUTPUT
 
+      - name: Build extension
+        run: pnpm build:production
+
       - name: Package extension
         run: pnpm vsce package --no-dependencies --out "${{ steps.setup.outputs.packageName }}"
 

.github/workflows/pre-release.yaml

@@ -57,6 +57,9 @@ jobs:
           PACKAGE_NAME="${EXTENSION_NAME}-${{ steps.version.outputs.version }}-pre.vsix"
           echo "packageName=$PACKAGE_NAME" >> $GITHUB_OUTPUT
 
+      - name: Build extension
+        run: pnpm build:production
+
       - name: Package extension
         run: pnpm vsce package --no-dependencies --pre-release --out "${{ steps.setup.outputs.packageName }}"
 

.github/workflows/release.yaml

@@ -57,6 +57,9 @@ jobs:
           PACKAGE_NAME="${EXTENSION_NAME}-${{ steps.version.outputs.version }}.vsix"
           echo "packageName=$PACKAGE_NAME" >> $GITHUB_OUTPUT
 
+      - name: Build extension
+        run: pnpm build:production
+
       - name: Package extension
         run: pnpm vsce package --no-dependencies --out "${{ steps.setup.outputs.packageName }}"
 

.gitignore

@@ -8,7 +8,5 @@
 pnpm-debug.log
 .eslintcache
 
-# Webview packages build artifacts
+# Workspace packages
 packages/*/node_modules/
-packages/*/dist/
-packages/*/*.tsbuildinfo

esbuild.mjs

@@ -1,7 +1,7 @@
 // @ts-check
 import { context, build } from "esbuild";
 
-const production = process.argv.includes("--production");
+const production = process.env.NODE_ENV === "production";
 const watch = process.argv.includes("--watch");
 
 /** @type {import("esbuild").Plugin} */

eslint.config.mjs

@@ -14,7 +14,6 @@ export default defineConfig(
 	globalIgnores([
 		"out/**",
 		"dist/**",
-		"packages/*/dist/**",
 		"**/*.d.ts",
 		"vitest.config.ts",
 		"**/vite.config*.ts",

package.json

@@ -18,22 +18,22 @@
 	"type": "commonjs",
 	"main": "./dist/extension.js",
 	"scripts": {
-		"build": "pnpm build:webviews && tsc --noEmit && node esbuild.mjs",
-		"build:production": "NODE_ENV=production pnpm build:webviews && tsc --noEmit && node esbuild.mjs --production",
-		"build:webviews": "pnpm -r --filter \"./packages/*\" build",
+		"build": "concurrently -g -n webviews,extension \"pnpm build:webviews\" \"node esbuild.mjs\"",
+		"build:production": "NODE_ENV=production pnpm build",
+		"build:webviews": "pnpm -r --filter \"./packages/*\" --parallel build",
 		"format": "prettier --write --cache --cache-strategy content .",
 		"format:check": "prettier --check --cache --cache-strategy content .",
 		"lint": "eslint --cache --cache-strategy content .",
 		"lint:fix": "pnpm lint --fix",
-		"package": "vsce package --no-dependencies",
-		"package:prerelease": "vsce package --pre-release --no-dependencies",
+		"package": "pnpm build:production && vsce package --no-dependencies",
+		"package:prerelease": "pnpm build:production && vsce package --pre-release --no-dependencies",
 		"test": "CI=true pnpm test:extension && CI=true pnpm test:webview",
 		"test:extension": "ELECTRON_RUN_AS_NODE=1 electron node_modules/vitest/vitest.mjs --project extension",
-		"test:integration": "tsc -p test --outDir out --noCheck && node esbuild.mjs && vscode-test",
+		"test:integration": "tsc -p test/integration --outDir out --noCheck && node esbuild.mjs && vscode-test",
 		"test:webview": "vitest --project webview",
-		"typecheck": "concurrently -g \"tsc --noEmit\" \"tsc --noEmit -p test\"",
-		"vscode:prepublish": "pnpm build:production",
-		"watch": "concurrently -n extension,webviews \"pnpm watch:extension\" \"pnpm watch:webviews\"",
+		"typecheck": "concurrently -g -n extension,tests,packages \"tsc --noEmit\" \"tsc --noEmit -p test\" \"pnpm typecheck:packages\"",
+		"typecheck:packages": "pnpm -r --filter \"./packages/*\" --parallel typecheck",
+		"watch": "concurrently -g -n extension,webviews \"pnpm watch:extension\" \"pnpm watch:webviews\"",
 		"watch:extension": "node esbuild.mjs --watch",
 		"watch:webviews": "pnpm -r --filter \"./packages/*\" --parallel dev"
 	},
@@ -478,7 +478,7 @@
 		"openpgp": "^6.3.0",
 		"pretty-bytes": "^7.1.0",
 		"proper-lockfile": "^4.1.2",
-		"proxy-agent": "^6.5.0",
+		"proxy-agent": "^7.0.0",
 		"semver": "^7.7.4",
 		"strip-ansi": "^7.2.0",
 		"ua-parser-js": "^1.0.41",
@@ -489,6 +489,7 @@
 		"@eslint-react/eslint-plugin": "^2.13.0",
 		"@eslint/js": "^10.0.1",
 		"@eslint/markdown": "^7.5.1",
+		"@rolldown/plugin-babel": "catalog:",
 		"@tanstack/react-query": "catalog:",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.2",
@@ -502,42 +503,42 @@
 		"@types/ua-parser-js": "0.7.39",
 		"@types/vscode": "^1.95.0",
 		"@types/ws": "^8.18.1",
-		"@typescript-eslint/eslint-plugin": "^8.56.1",
-		"@typescript-eslint/parser": "^8.56.1",
+		"@typescript-eslint/eslint-plugin": "^8.57.0",
+		"@typescript-eslint/parser": "^8.57.0",
 		"@vitejs/plugin-react": "catalog:",
-		"@vitest/coverage-v8": "^4.0.18",
+		"@vitest/coverage-v8": "^4.1.0",
 		"@vscode/test-cli": "^0.0.12",
 		"@vscode/test-electron": "^2.5.2",
 		"@vscode/vsce": "^3.7.1",
 		"babel-plugin-react-compiler": "catalog:",
 		"bufferutil": "^4.1.0",
 		"coder": "catalog:",
 		"concurrently": "^9.2.1",
-		"dayjs": "^1.11.19",
-		"electron": "^40.6.1",
-		"esbuild": "^0.27.3",
-		"eslint": "^10.0.2",
+		"dayjs": "^1.11.20",
+		"electron": "^41.0.0",
+		"esbuild": "^0.27.4",
+		"eslint": "^10.0.3",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-import-resolver-typescript": "^4.4.4",
-		"eslint-plugin-import-x": "^4.16.1",
-		"eslint-plugin-package-json": "^0.89.2",
+		"eslint-plugin-import-x": "^4.16.2",
+		"eslint-plugin-package-json": "^0.90.1",
 		"globals": "^17.4.0",
 		"jsdom": "^28.1.0",
 		"jsonc-eslint-parser": "^3.1.0",
-		"memfs": "^4.56.10",
+		"memfs": "^4.56.11",
 		"prettier": "^3.8.1",
 		"react": "catalog:",
 		"react-dom": "catalog:",
 		"typescript": "catalog:",
-		"typescript-eslint": "^8.56.1",
+		"typescript-eslint": "^8.57.0",
 		"utf-8-validate": "^6.0.6",
 		"vite": "catalog:",
-		"vitest": "^4.0.18"
+		"vitest": "^4.1.0"
 	},
 	"extensionPack": [
 		"ms-vscode-remote.remote-ssh"
 	],
-	"packageManager": "pnpm@10.30.3",
+	"packageManager": "pnpm@10.32.1",
 	"engines": {
 		"vscode": "^1.95.0",
 		"node": ">= 20"

packages/shared/package.json

@@ -10,6 +10,9 @@
 			"default": "./src/index.ts"
 		}
 	},
+	"scripts": {
+		"typecheck": "tsc --noEmit"
+	},
 	"devDependencies": {
 		"typescript": "catalog:"
 	}

packages/shared/tsconfig.json

@@ -1,12 +1,4 @@
 {
 	"extends": "../tsconfig.packages.json",
-	"compilerOptions": {
-		"composite": true,
-		"declaration": true,
-		"noEmit": false,
-		"outDir": "dist",
-		"rootDir": "src",
-		"tsBuildInfoFile": "dist/.tsbuildinfo"
-	},
 	"include": ["src"]
 }

packages/tasks/package.json

@@ -5,8 +5,9 @@
 	"private": true,
 	"type": "module",
 	"scripts": {
-		"build": "tsc -b && vite build",
-		"dev": "vite build --watch"
+		"build": "vite build",
+		"dev": "vite build --watch",
+		"typecheck": "tsc --noEmit"
 	},
 	"dependencies": {
 		"@repo/shared": "workspace:*",
@@ -19,6 +20,7 @@
 		"react-dom": "catalog:"
 	},
 	"devDependencies": {
+		"@rolldown/plugin-babel": "catalog:",
 		"@types/react": "catalog:",
 		"@types/react-dom": "catalog:",
 		"@vitejs/plugin-react": "catalog:",