chore(vscode): use rolldown for bundling

.github/workflows/extension-release.yml

@@ -21,11 +21,7 @@ jobs:
 
       - run: pnpm install -g ovsx
       - run: pnpm install --frozen-lockfile
-      - run: pnpm run build:minify && pnpm ovsx publish
+      - run: pnpm run build:prod && pnpm ovsx publish
         working-directory: extensions/vscode
         env:
           OVSX_PAT: ${{ secrets.OVSX_PAT }}
-    #   - run: pnpm ovsx publish
-    #     working-directory: extensions/vscode-typescript-plugin
-    #     env:
-    #       OVSX_PAT: ${{ secrets.OVSX_PAT }}

.vscode/tasks.json

@@ -25,9 +25,16 @@
 				"panel": "dedicated",
 				"reveal": "never"
 			},
-			"problemMatcher": [
-				"$tsc-watch"
-			]
+			"problemMatcher": {
+				"pattern": {
+					"regexp": "__________"
+				},
+				"background": {
+					"activeOnStart": true,
+					"beginsPattern": " ",
+					"endsPattern": "Waiting for changes..."
+				}
+			}
 		}
 	]
 }

extensions/vscode/package.json

@@ -26,7 +26,7 @@
 		"onLanguage:markdown",
 		"onLanguage:html"
 	],
-	"main": "./client.js",
+	"main": "./dist/client.js",
 	"browser": "./web.js",
 	"capabilities": {
 		"virtualWorkspaces": {
@@ -485,28 +485,24 @@
 		]
 	},
 	"scripts": {
-		"prebuild": "pnpm run postinstall && pnpm -C ../.. run build",
-		"build": "node scripts/build",
-		"build:minify": "pnpm run build -- --minify",
-		"watch": "pnpm run build -- --watch",
-		"pack": "pnpm run build:minify && vsce package",
-		"pack:next": "pnpm run build && vsce package",
-		"release": "pnpm run build:minify && vsce publish",
-		"release:next": "pnpm run build && vsce publish --pre-release",
-		"size": "pnpm run build:minify -- --metafile && esbuild-visualizer --metadata ./meta.json && open ./stats.html",
+		"build:dev": "rolldown --config",
+		"build:prod": "rolldown --minify --config",
+		"watch": "rolldown --watch --config",
+		"pack": "pnpm run build:prod && vsce package",
+		"release": "pnpm run build:prod && vsce publish",
 		"postinstall": "vscode-ext-gen --scope vue"
 	},
 	"devDependencies": {
+		"@types/node": "^22.10.4",
 		"@types/semver": "^7.5.3",
 		"@types/vscode": "^1.82.0",
 		"@volar/vscode": "~2.4.13",
 		"@vscode/vsce": "^3.2.1",
 		"@vue/language-core": "3.0.0-alpha.4",
 		"@vue/language-server": "3.0.0-alpha.4",
 		"@vue/typescript-plugin": "3.0.0-alpha.4",
-		"esbuild": "^0.25.0",
-		"esbuild-visualizer": "^0.7.0",
 		"reactive-vscode": "^0.2.9",
+		"rolldown": "1.0.0-beta.8",
 		"semver": "^7.5.4",
 		"vscode-ext-gen": "^0.5.0",
 		"vscode-tmlanguage-snapshot": "^0.1.3"

extensions/vscode/rolldown.config.ts

@@ -0,0 +1,61 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { defineConfig } from 'rolldown';
+
+const resolve = (...paths: string[]) => path.resolve(__dirname, ...paths);
+
+export default defineConfig({
+	input: {
+		'client': './src/nodeClientMain.ts',
+		'server': './node_modules/@vue/language-server/node.ts',
+		'plugin': './node_modules/@vue/typescript-plugin/index.ts',
+	},
+	output: {
+		format: 'cjs',
+		sourcemap: !process.argv.includes('--minify'),
+	},
+	define: {
+		'process.env.NODE_ENV': '"production"',
+	},
+	external: ['vscode'],
+	plugins: [
+		{
+			name: 'umd2esm',
+			resolveId: {
+				filter: {
+					id: /^(vscode-.*-languageservice|vscode-languageserver-types|jsonc-parser)$/,
+				},
+				handler(source, importer) {
+					const pathUmdMay = require.resolve(source, { paths: [importer!] });
+					// Call twice the replace is to solve the problem of the path in Windows
+					const pathEsm = pathUmdMay.replace('/umd/', '/esm/').replace('\\umd\\', '\\esm\\');
+					return { id: pathEsm };
+				},
+			},
+		},
+		{
+			name: 'clean',
+			buildStart() {
+				fs.rmSync(resolve('./dist'), { recursive: true, force: true });
+			},
+		},
+		{
+			name: 'schemas',
+			buildEnd() {
+				fs.cpSync(
+					resolve('./node_modules/@vue/language-core/schemas/vue-tsconfig.schema.json'),
+					resolve('./dist/schemas/vue-tsconfig.schema.json'),
+					{ recursive: true }
+				);
+			},
+		},
+		{
+			name: 'typescript-plugin',
+			buildEnd() {
+				const dir = './node_modules/vue-typescript-plugin-pack';
+				fs.mkdirSync(resolve(dir), { recursive: true });
+				fs.writeFileSync(resolve(dir, 'index.js'), `module.exports = require('../../dist/plugin.js');`);
+			},
+		},
+	],
+});

extensions/vscode/src/nodeClientMain.ts

@@ -1,7 +1,6 @@
 import { createLabsInfo } from '@volar/vscode';
 import * as lsp from '@volar/vscode/node';
 import * as protocol from '@vue/language-server/protocol';
-import * as fs from 'node:fs';
 import { defineExtension, executeCommand, extensionContext, onDeactivate } from 'reactive-vscode';
 import * as vscode from 'vscode';
 import { config } from './config';
@@ -50,7 +49,7 @@ export const { activate, deactivate } = defineExtension(async () => {
 				}
 			}
 
-			let serverModule = vscode.Uri.joinPath(context.extensionUri, 'server.js');
+			let serverModule = vscode.Uri.joinPath(context.extensionUri, 'dist', 'server.js');
 
 			const serverOptions: lsp.ServerOptions = {
 				run: {
@@ -134,6 +133,7 @@ function updateProviders(client: lsp.LanguageClient) {
 }
 
 try {
+	const fs = require('node:fs');
 	const tsExtension = vscode.extensions.getExtension('vscode.typescript-language-features')!;
 	const readFileSync = fs.readFileSync;
 	const extensionJsPath = require.resolve('./dist/extension.js', {
@@ -143,7 +143,6 @@ try {
 	// @ts-expect-error
 	fs.readFileSync = (...args) => {
 		if (args[0] === extensionJsPath) {
-			// @ts-expect-error
 			let text = readFileSync(...args) as string;
 
 			// patch readPlugins
@@ -196,7 +195,6 @@ try {
 
 			return text;
 		}
-		// @ts-expect-error
 		return readFileSync(...args);
 	};
 

extensions/vscode/tsconfig.json

@@ -1,14 +1,9 @@
 {
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
-		"outDir": "out",
-		"rootDir": "src",
+		"noEmit": true,
 		"module": "CommonJS",
 		"moduleResolution": "Node"
 	},
-	"include": [ "src" ],
-	"references": [
-		{ "path": "../../packages/language-server/tsconfig.json" },
-		{ "path": "../../packages/typescript-plugin/tsconfig.json" },
-	],
+	"include": [ "src", "rolldown.config.ts" ]
 }

package.json

@@ -3,9 +3,7 @@
 	"packageManager": "[email protected]",
 	"scripts": {
 		"build": "tsc -b",
-		"watch": "pnpm run build && pnpm run \"/^watch:.*/\"",
-		"watch:base": "tsc -b -w",
-		"watch:vue": "cd ./extensions/vscode && pnpm run watch",
+		"watch": "cd ./extensions/vscode && pnpm run watch",
 		"prerelease": "pnpm run build && pnpm run test",
 		"release": "pnpm run release:base && pnpm run release:vue",
 		"release:base": "lerna publish --exact --force-publish --yes --sync-workspace-lock --no-git-tag-version",
@@ -34,7 +32,8 @@
 			"@tsslint/core",
 			"@vscode/vsce-sign",
 			"esbuild",
-			"keytar"
+			"keytar",
+			"rolldown"
 		]
 	}
 }

packages/language-server/tsconfig.json

@@ -3,8 +3,8 @@
 	"include": [ "*", "lib/**/*" ],
 	"exclude": [ "tests" ],
 	"references": [
+		{ "path": "../component-meta/tsconfig.json" },
 		{ "path": "../language-core/tsconfig.json" },
 		{ "path": "../language-service/tsconfig.json" },
-		{ "path": "../component-meta/tsconfig.json" },
 	],
 }