@vue/typescript-plugin 2.0.4 → 2.0.5

package/README.md

@@ -0,0 +1,33 @@
+# typescript plugin
+
+This is a plug-in for `tsserver` or `typescript-language-server`. It must be
+installed in a file-system location accessible by the language server or in the
+`node_modules` directory of projects being edited.
+
+The LSP client must be configured to explicitly enable this plug-in. This is
+done by passing `initializationOptions` with the appropriate [`plugins`]
+configuration to the language server:
+
+[`plugins`]: https://github.com/typescript-language-server/typescript-language-server/blob/b224b878652438bcdd639137a6b1d1a6630129e4/docs/configuration.md?plain=1#L27-L31
+
+```json
+"initializationOptions":  {
+    "plugins": [
+        {
+          "name": "@vue/typescript-plugin",
+          "location": "/usr/local/lib/node_modules/@vue/typescript-plugin",
+          "languages": ["javascript", "typescript", "vue"],
+        },
+    ],
+  },
+```
+
+The `languages` field must specify file-types for which the plug-in will be
+enabled. If the plug-in package is installed in the local `node_modules`, the
+`location` field may contain any arbitrary string, but MUST be present.
+
+## Client-specific configuration
+
+- For neovim, see the [details on configuring `tsserver`][nvim].
+
+[nvim]: https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#vue-support

package/index.js

@@ -22,13 +22,30 @@ function createLanguageServicePlugin() {
                     decoratedLanguageServices.add(info.languageService);
                     decoratedLanguageServiceHosts.add(info.languageServiceHost);
                     const vueOptions = vue.resolveVueCompilerOptions(getVueCompilerOptions());
-                    const languagePlugin = vue.createVueLanguagePlugin(ts, id => id, info.languageServiceHost.getCompilationSettings(), vueOptions);
+                    const languagePlugin = vue.createVueLanguagePlugin(ts, id => id, fileName => {
+                        if (info.languageServiceHost.useCaseSensitiveFileNames?.() ?? false) {
+                            return externalFiles.get(info.project)?.has(fileName) ?? false;
+                        }
+                        else {
+                            const lowerFileName = fileName.toLowerCase();
+                            for (const externalFile of externalFiles.get(info.project) ?? []) {
+                                if (externalFile.toLowerCase() === lowerFileName) {
+                                    return true;
+                                }
+                            }
+                            return false;
+                        }
+                    }, info.languageServiceHost.getCompilationSettings(), vueOptions);
                     const extensions = languagePlugin.typescript?.extraFileExtensions.map(ext => '.' + ext.extension) ?? [];
                     const getScriptSnapshot = info.languageServiceHost.getScriptSnapshot.bind(info.languageServiceHost);
                     const files = (0, language_core_1.createFileRegistry)([languagePlugin], ts.sys.useCaseSensitiveFileNames, fileName => {
                         const snapshot = getScriptSnapshot(fileName);
                         if (snapshot) {
-                            files.set(fileName, (0, language_core_1.resolveCommonLanguageId)(fileName), snapshot);
+                            let languageId = (0, language_core_1.resolveCommonLanguageId)(fileName);
+                            if (extensions.some(ext => fileName.endsWith(ext))) {
+                                languageId = 'vue';
+                            }
+                            files.set(fileName, languageId, snapshot);
                         }
                         else {
                             files.delete(fileName);
@@ -168,25 +185,33 @@ function createLanguageServicePlugin() {
                 if (updateLevel >= (1)
                     || !externalFiles.has(project)) {
                     const oldFiles = externalFiles.get(project);
-                    const newFiles = (0, decorateLanguageServiceHost_1.searchExternalFiles)(ts, project, projectExternalFileExtensions.get(project));
+                    const newFiles = new Set((0, decorateLanguageServiceHost_1.searchExternalFiles)(ts, project, projectExternalFileExtensions.get(project)));
+                    console.log('volar-search vue files');
+                    for (const file of newFiles) {
+                        console.log(file);
+                    }
                     externalFiles.set(project, newFiles);
-                    if (oldFiles && !arrayItemsEqual(oldFiles, newFiles)) {
+                    if (oldFiles && !twoSetsEqual(oldFiles, newFiles)) {
+                        for (const oldFile of oldFiles) {
+                            if (!newFiles.has(oldFile)) {
+                                utils_1.projects.get(project)?.files.delete(oldFile);
+                            }
+                        }
                         project.refreshDiagnostics();
                     }
                 }
-                return externalFiles.get(project);
+                return [...externalFiles.get(project)];
             },
         };
         return pluginModule;
     };
 }
-function arrayItemsEqual(a, b) {
-    if (a.length !== b.length) {
+function twoSetsEqual(a, b) {
+    if (a.size !== b.size) {
         return false;
     }
-    const set = new Set(a);
-    for (const file of b) {
-        if (!set.has(file)) {
+    for (const file of a) {
+        if (!b.has(file)) {
             return false;
         }
     }

package/lib/client.js

@@ -110,9 +110,23 @@ function sendRequestWorker(request, client) {
             dataChunks.push(chunk);
         });
         client.on('end', () => {
+            if (!dataChunks.length) {
+                console.warn('[Vue Named Pipe Client] No response from server for request:', request.type);
+                resolve(undefined);
+                return;
+            }
             const data = Buffer.concat(dataChunks);
             const text = data.toString();
-            resolve(JSON.parse(text));
+            let json = null;
+            try {
+                json = JSON.parse(text);
+            }
+            catch (e) {
+                console.error('[Vue Named Pipe Client] Failed to parse response:', text);
+                resolve(undefined);
+                return;
+            }
+            resolve(json);
         });
         client.write(JSON.stringify(request));
     });

package/lib/server.js

@@ -60,7 +60,6 @@ function startNamedPipeServer(serverKind, currentDirectory) {
             }
             else {
                 console.warn('[Vue Named Pipe Server] Unknown request type:', request.type);
-                connection.write(JSON.stringify(null));
             }
             connection.end();
         });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/typescript-plugin",
-	"version": "2.0.4",
+	"version": "2.0.5",
 	"license": "MIT",
 	"files": [
 		"**/*.js",
@@ -12,12 +12,12 @@
 		"directory": "packages/typescript-plugin"
 	},
 	"dependencies": {
-		"@volar/typescript": "~2.1.0",
-		"@vue/language-core": "2.0.4",
+		"@volar/typescript": "~2.1.1",
+		"@vue/language-core": "2.0.5",
 		"@vue/shared": "^3.4.0"
 	},
 	"devDependencies": {
 		"@types/node": "latest"
 	},
-	"gitHead": "241300968fd3084c7c09139d05691a51a7800fdc"
+	"gitHead": "62b4fcb0d3f7153b5b2f5571af32f519117d8466"
 }