feat: ✨ establish communication between VS Code extension and language server

Author: yuzheng14

.vscode/launch.json

@@ -16,6 +16,15 @@
       ],
       "outFiles": ["${workspaceFolder}/extensions/vscode/dist/*.js"],
       "sourceMaps": true
+    },
+    {
+      "name": "Attach to Server",
+      "type": "node",
+      "request": "attach",
+      "port": 6009,
+      "restart": true,
+      "outFiles": ["${workspaceRoot}/*/*/dist/**/*.js"],
+      "skipFiles": ["<node_internals>/**"]
     }
   ]
 }

bun.lock

@@ -35,6 +35,7 @@
     "reactive-vscode": "^0.3.0"
   },
   "scripts": {
-    "build": "tsdown"
+    "build": "tsdown",
+    "link-server": "mkdir node_modules/@valype && ln -s ../../../../language-tools/language-server node_modules/@valype/language-server"
   }
 }

extensions/vscode/package.json

@@ -1,4 +1,4 @@
-import { createLabsInfo } from '@volar/vscode'
+import { createLabsInfo, getTsdk } from '@volar/vscode'
 import {
   defineExtension,
   onDeactivate,
@@ -16,14 +16,18 @@ import * as serverProtocol from '@volar/language-server/protocol'
 
 let client: BaseLanguageClient
 
+interface InitializationOptions {
+  tsdk?: string
+}
+
 const LANGUAGE_SERVER_NAME = 'Valype Language Server'
 export const { activate, deactivate } = defineExtension(async (context) => {
   const serverModule = Uri.joinPath(
     context.extensionUri,
     'node_modules',
     '@valype/language-server',
     'dist',
-    'server.js',
+    'index.js',
   )
 
   const serverOptions: ServerOptions = {
@@ -39,9 +43,15 @@ export const { activate, deactivate } = defineExtension(async (context) => {
     },
   }
 
+  const tsdk = (await getTsdk(context))?.tsdk
+
+  console.log(`tsdk ==>`, tsdk)
+
   const clientOptions: LanguageClientOptions = {
     documentSelector: [{ language: 'valype' }],
-    initializationOptions: {},
+    initializationOptions: {
+      tsdk,
+    } satisfies InitializationOptions,
     outputChannel: useOutputChannel(LANGUAGE_SERVER_NAME),
   }
 

extensions/vscode/src/extension.ts

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+import { readFileSync } from 'fs'
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+if (process.argv.includes('--version')) {
+  const pkgJSON = JSON.parse(
+    readFileSync(join(__dirname, '../package.json'), 'utf8'),
+  )
+  console.log(`${pkgJSON['version']}`)
+} else {
+  await import('../dist/index.js')
+}

language-tools/language-server/bin/valype-language-server.js

@@ -1,11 +1,22 @@
 {
   "name": "@valype/language-server",
-  "module": "src/index.ts",
+  "bin": {
+    "valype-language-server": "./bin/valype-language-server.js"
+  },
+  "dependencies": {
+    "@valype/language-core": "workspace:*",
+    "@volar/language-server": "^2.4.17"
+  },
   "devDependencies": {
-    "@types/bun": "latest"
+    "@types/bun": "latest",
+    "vscode-uri": "^3.1.0"
   },
   "peerDependencies": {
     "typescript": "^5"
   },
-  "type": "module"
+  "type": "module",
+  "scripts": {
+    "build": "tsdown",
+    "dev": "bun run --watch src/index.ts"
+  }
 }

language-tools/language-server/package.json

@@ -1 +1,37 @@
-console.log("Hello via Bun!");
+import { createPlugin } from '@valype/language-core'
+import {
+  createConnection,
+  createServer,
+  createTypeScriptProject,
+  loadTsdkByPath,
+} from '@volar/language-server/node.js'
+import { URI } from 'vscode-uri'
+
+const connection = createConnection()
+const server = createServer(connection)
+
+connection.listen()
+
+connection.onInitialize((params) => {
+  const tsdk = params.initializationOptions.tsdk
+
+  if (!tsdk) {
+    throw new Error(
+      'The `tsdk` init option is required. It should point ot a directory containing a `js` or `tsserverlibrary.js` file, such as `node_modules/typescript/lib`.',
+    )
+  }
+
+  const { typescript, diagnosticMessages } = loadTsdkByPath(tsdk, params.locale)
+
+  return server.initialize(
+    params,
+    createTypeScriptProject(typescript, diagnosticMessages, () => ({
+      languagePlugins: [createPlugin<URI>((scriptId) => scriptId.fsPath)],
+    })),
+    [],
+  )
+})
+
+connection.onInitialized(server.initialized)
+
+connection.onShutdown(server.shutdown)

language-tools/language-server/src/index.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'tsdown'
+
+export default defineConfig({
+  dts: true,
+  sourcemap: true,
+})