feat: add vtsls and eslint lsp

Author: bajrangCoder

src/cm/lsp/clientManager.js

@@ -2,9 +2,17 @@ import { getIndentUnit, indentUnit } from "@codemirror/language";
 import {
 	LSPClient,
 	LSPPlugin,
-	languageServerExtensions,
+	findReferencesKeymap,
+	formatKeymap,
+	hoverTooltips,
+	jumpToDefinitionKeymap,
+	renameKeymap,
+	serverCompletion,
+	serverDiagnostics,
+	signatureHelp,
 } from "@codemirror/lsp-client";
 import { MapMode } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
 import Uri from "utils/Uri";
 import { ensureServerRunning } from "./serverLauncher";
 import serverRegistry from "./serverRegistry";
@@ -24,6 +32,35 @@ function safeString(value) {
 	return value != null ? String(value) : "";
 }
 
+const defaultKeymaps = keymap.of([
+	...formatKeymap,
+	...renameKeymap,
+	...jumpToDefinitionKeymap,
+	...findReferencesKeymap,
+]);
+
+function buildBuiltinExtensions({
+	includeHover = true,
+	includeCompletion = true,
+	includeSignature = true,
+	includeKeymaps = true,
+	includeDiagnostics = true,
+} = {}) {
+	const extensions = [];
+	let diagnosticsExtension = null;
+
+	if (includeCompletion) extensions.push(serverCompletion());
+	if (includeHover) extensions.push(hoverTooltips());
+	if (includeKeymaps) extensions.push(defaultKeymaps);
+	if (includeSignature) extensions.push(signatureHelp());
+	if (includeDiagnostics) {
+		diagnosticsExtension = serverDiagnostics();
+		extensions.push(diagnosticsExtension);
+	}
+
+	return { extensions, diagnosticsExtension };
+}
+
 export class LspClientManager {
 	constructor(options = {}) {
 		this.options = { ...options };
@@ -173,22 +210,35 @@ export class LspClientManager {
 		};
 
 		const clientConfig = { ...(server.clientConfig || {}) };
+		const builtinConfig = clientConfig.builtinExtensions || {};
+		const useDefaultExtensions = clientConfig.useDefaultExtensions !== false;
+		const { extensions: defaultExtensions, diagnosticsExtension } =
+			useDefaultExtensions
+				? buildBuiltinExtensions({
+						includeHover: builtinConfig.hover !== false,
+						includeCompletion: builtinConfig.completion !== false,
+						includeSignature: builtinConfig.signature !== false,
+						includeKeymaps: builtinConfig.keymaps !== false,
+						includeDiagnostics: builtinConfig.diagnostics !== false,
+					})
+				: { extensions: [], diagnosticsExtension: null };
 
 		const extraExtensions = asArray(this.options.clientExtensions);
 		const serverExtensions = asArray(clientConfig.extensions);
-		const builtinExtensions = languageServerExtensions();
 		const wantsCustomDiagnostics = [
 			...extraExtensions,
 			...serverExtensions,
 		].some(
 			(ext) => !!ext?.clientCapabilities?.textDocument?.publishDiagnostics,
 		);
+
+		const filteredBuiltins =
+			wantsCustomDiagnostics && diagnosticsExtension
+				? defaultExtensions.filter((ext) => ext !== diagnosticsExtension)
+				: defaultExtensions;
+
 		const mergedExtensions = [
-			...(wantsCustomDiagnostics
-				? builtinExtensions.filter(
-						(ext) => !ext?.clientCapabilities?.textDocument?.publishDiagnostics,
-					)
-				: builtinExtensions),
+			...filteredBuiltins,
 			...extraExtensions,
 			...serverExtensions,
 		];

src/cm/lsp/serverRegistry.js

@@ -179,6 +179,24 @@ function sanitizeDefinition(definition) {
 	return sanitized;
 }
 
+function resolveJsTsLanguageId(languageId, languageName) {
+	const lang = toKey(languageId || languageName);
+	switch (lang) {
+		case "tsx":
+		case "typescriptreact":
+			return "typescriptreact";
+		case "jsx":
+		case "javascriptreact":
+			return "javascriptreact";
+		case "ts":
+			return "typescript";
+		case "js":
+			return "javascript";
+		default:
+			return lang || null;
+	}
+}
+
 function notify(event, payload) {
 	listeners.forEach((fn) => {
 		try {
@@ -282,6 +300,40 @@ function registerBuiltinServers() {
 				},
 			},
 			enabled: false,
+			resolveLanguageId: ({ languageId, languageName }) =>
+				resolveJsTsLanguageId(languageId, languageName),
+		},
+		{
+			id: "vtsls",
+			label: "TypeScript / JavaScript (vtsls)",
+			languages: [
+				"javascript",
+				"javascriptreact",
+				"typescript",
+				"typescriptreact",
+				"tsx",
+				"jsx",
+			],
+			transport: {
+				kind: "websocket",
+				url: "ws://127.0.0.1:2095",
+			},
+			launcher: {
+				bridge: {
+					kind: "axs",
+					port: 2095,
+					command: "vtsls",
+					args: ["--stdio"],
+				},
+				checkCommand: "which vtsls",
+				install: {
+					command:
+						"apk add --no-cache nodejs npm && npm install -g @vtsls/language-server",
+				},
+			},
+			enabled: false,
+			resolveLanguageId: ({ languageId, languageName }) =>
+				resolveJsTsLanguageId(languageId, languageName),
 		},
 		{
 			id: "python",
@@ -311,6 +363,46 @@ function registerBuiltinServers() {
 			},
 			enabled: false,
 		},
+		{
+			id: "eslint",
+			label: "ESLint",
+			languages: [
+				"javascript",
+				"javascriptreact",
+				"typescript",
+				"typescriptreact",
+				"tsx",
+				"jsx",
+			],
+			transport: {
+				kind: "websocket",
+				url: "ws://127.0.0.1:2096",
+			},
+			launcher: {
+				bridge: {
+					kind: "axs",
+					port: 2096,
+					command: "vscode-eslint-language-server",
+					args: ["--stdio"],
+				},
+				checkCommand: "which vscode-eslint-language-server",
+				install: {
+					command:
+						"apk add --no-cache nodejs npm && npm install -g vscode-langservers-extracted",
+				},
+			},
+			enabled: false,
+			clientConfig: {
+				builtinExtensions: {
+					hover: false,
+					completion: false,
+					signature: false,
+					keymaps: false,
+				},
+			},
+			resolveLanguageId: ({ languageId, languageName }) =>
+				resolveJsTsLanguageId(languageId, languageName),
+		},
 		{
 			id: "clangd",
 			label: "C / C++ (clangd)",