@vue/typescript-plugin 2.2.0 → 2.2.4

package/lib/client.d.ts

@@ -1,17 +1,13 @@
-export declare function collectExtractProps(...args: Parameters<typeof import('./requests/collectExtractProps.js')['collectExtractProps']>): Promise<{
+export declare const collectExtractProps: (fileName: string, templateCodeRange: [number, number]) => Promise<{
     name: string;
     type: string;
     model: boolean;
 }[] | null | undefined>;
-export declare function getImportPathForFile(...args: Parameters<typeof import('./requests/getImportPathForFile.js')['getImportPathForFile']>): Promise<string | null | undefined>;
-export declare function getPropertiesAtLocation(...args: Parameters<typeof import('./requests/getPropertiesAtLocation.js')['getPropertiesAtLocation']>): Promise<string[] | null | undefined>;
-export declare function getQuickInfoAtPosition(...args: Parameters<typeof import('./requests/getQuickInfoAtPosition.js')['getQuickInfoAtPosition']>): Promise<string | null | undefined>;
-export declare function getComponentProps(fileName: string, componentName: string): Promise<{
-    name: string;
-    required?: true;
-    commentMarkdown?: string;
-}[] | null | undefined>;
-export declare function getComponentEvents(...args: Parameters<typeof import('./requests/componentInfos.js')['getComponentEvents']>): Promise<string[] | null | undefined>;
-export declare function getTemplateContextProps(...args: Parameters<typeof import('./requests/componentInfos.js')['getTemplateContextProps']>): Promise<string[] | null | undefined>;
+export declare const getImportPathForFile: (fileName: string, incomingFileName: string, preferences: import("typescript").UserPreferences) => Promise<string | null | undefined>;
+export declare const getPropertiesAtLocation: (fileName: string, position: number) => Promise<string[] | null | undefined>;
+export declare const getQuickInfoAtPosition: (fileName: string, position: number) => Promise<string | null | undefined>;
+export declare function getComponentProps(fileName: string, componentName: string): Promise<import("./requests/getComponentProps").ComponentPropInfo[] | null | undefined>;
+export declare const getComponentEvents: (fileName: string, tag: string) => Promise<string[] | null | undefined>;
+export declare const getComponentDirectives: (fileName: string) => Promise<string[] | null | undefined>;
 export declare function getComponentNames(fileName: string): Promise<string[] | undefined>;
-export declare function getElementAttrs(...args: Parameters<typeof import('./requests/componentInfos.js')['getElementAttrs']>): Promise<string[] | null | undefined>;
+export declare const getElementAttrs: (fileName: string, tagName: string) => Promise<string[] | null | undefined>;

package/lib/client.js

@@ -1,27 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collectExtractProps = collectExtractProps;
-exports.getImportPathForFile = getImportPathForFile;
-exports.getPropertiesAtLocation = getPropertiesAtLocation;
-exports.getQuickInfoAtPosition = getQuickInfoAtPosition;
+exports.getElementAttrs = exports.getComponentDirectives = exports.getComponentEvents = exports.getQuickInfoAtPosition = exports.getPropertiesAtLocation = exports.getImportPathForFile = exports.collectExtractProps = void 0;
 exports.getComponentProps = getComponentProps;
-exports.getComponentEvents = getComponentEvents;
-exports.getTemplateContextProps = getTemplateContextProps;
 exports.getComponentNames = getComponentNames;
-exports.getElementAttrs = getElementAttrs;
 const utils_1 = require("./utils");
-function collectExtractProps(...args) {
-    return sendRequest('collectExtractProps', ...args);
-}
-async function getImportPathForFile(...args) {
-    return await sendRequest('getImportPathForFile', ...args);
-}
-async function getPropertiesAtLocation(...args) {
-    return await sendRequest('getPropertiesAtLocation', ...args);
-}
-function getQuickInfoAtPosition(...args) {
-    return sendRequest('getQuickInfoAtPosition', ...args);
-}
+exports.collectExtractProps = createRequest('collectExtractProps');
+exports.getImportPathForFile = createRequest('getImportPathForFile');
+exports.getPropertiesAtLocation = createRequest('getPropertiesAtLocation');
+exports.getQuickInfoAtPosition = createRequest('getQuickInfoAtPosition');
 // Component Infos
 async function getComponentProps(fileName, componentName) {
     const server = await (0, utils_1.getBestServer)(fileName);
@@ -30,12 +16,8 @@ async function getComponentProps(fileName, componentName) {
     }
     return await server.getComponentProps(fileName, componentName);
 }
-function getComponentEvents(...args) {
-    return sendRequest('getComponentEvents', ...args);
-}
-function getTemplateContextProps(...args) {
-    return sendRequest('getTemplateContextProps', ...args);
-}
+exports.getComponentEvents = createRequest('getComponentEvents');
+exports.getComponentDirectives = createRequest('getComponentDirectives');
 async function getComponentNames(fileName) {
     const server = await (0, utils_1.getBestServer)(fileName);
     if (!server) {
@@ -47,14 +29,14 @@ async function getComponentNames(fileName) {
     }
     return Object.keys(componentAndProps);
 }
-function getElementAttrs(...args) {
-    return sendRequest('getElementAttrs', ...args);
-}
-async function sendRequest(requestType, fileName, ...rest) {
-    const server = await (0, utils_1.getBestServer)(fileName);
-    if (!server) {
-        return;
-    }
-    return server.sendRequest(requestType, fileName, ...rest);
+exports.getElementAttrs = createRequest('getElementAttrs');
+function createRequest(requestType) {
+    return async function (...[fileName, ...rest]) {
+        const server = await (0, utils_1.getBestServer)(fileName);
+        if (!server) {
+            return;
+        }
+        return server.sendRequest(requestType, fileName, ...rest);
+    };
 }
 //# sourceMappingURL=client.js.map

package/lib/common.js

@@ -4,7 +4,7 @@ exports.proxyLanguageServiceForVue = proxyLanguageServiceForVue;
 exports.getComponentSpans = getComponentSpans;
 const language_core_1 = require("@vue/language-core");
 const shared_1 = require("@vue/shared");
-const componentInfos_1 = require("./requests/componentInfos");
+const getComponentNames_1 = require("./requests/getComponentNames");
 const windowsPathReg = /\\/g;
 function proxyLanguageServiceForVue(ts, language, languageService, vueOptions, asScriptId) {
     const proxyCache = new Map();
@@ -102,7 +102,7 @@ function getCompletionEntryDetails(language, asScriptId, getCompletionEntryDetai
             const { fileName } = args[6]?.__isAutoImport;
             const sourceScript = language.scripts.get(asScriptId(fileName));
             if (sourceScript?.generated?.root instanceof language_core_1.VueVirtualCode) {
-                const sfc = sourceScript.generated.root._vueSfc.get();
+                const sfc = sourceScript.generated.root.vueSfc;
                 if (!sfc?.descriptor.script && !sfc?.descriptor.scriptSetup) {
                     for (const codeAction of details?.codeActions ?? []) {
                         for (const change of codeAction.changes) {
@@ -173,7 +173,7 @@ function getEncodedSemanticClassifications(ts, language, languageService, asScri
         const sourceScript = language.scripts.get(asScriptId(fileName));
         const root = sourceScript?.generated?.root;
         if (root instanceof language_core_1.VueVirtualCode) {
-            const { template } = root._sfc;
+            const { template } = root.sfc;
             if (template) {
                 for (const componentSpan of getComponentSpans.call({ typescript: ts, languageService }, root, template, {
                     start: span.start - template.startTagEnd,
@@ -190,7 +190,7 @@ function getEncodedSemanticClassifications(ts, language, languageService, asScri
 function getComponentSpans(vueCode, template, spanTemplateRange) {
     const { typescript: ts, languageService } = this;
     const result = [];
-    const validComponentNames = (0, componentInfos_1._getComponentNames)(ts, languageService, vueCode);
+    const validComponentNames = (0, getComponentNames_1._getComponentNames)(ts, languageService, vueCode);
     const components = new Set([
         ...validComponentNames,
         ...validComponentNames.map(language_core_1.hyphenateTag),

package/lib/requests/collectExtractProps.js

@@ -18,7 +18,7 @@ function collectExtractProps(fileName, templateCodeRange) {
     const checker = program.getTypeChecker();
     const script = sourceScript.generated?.languagePlugin.typescript?.getServiceScript(root);
     const maps = script ? [...language.maps.forEach(script.code)].map(([_sourceScript, map]) => map) : [];
-    const sfc = root._sfc;
+    const { sfc } = root;
     sourceFile.forEachChild(function visit(node) {
         if (ts.isPropertyAccessExpression(node)
             && ts.isIdentifier(node.expression)

package/lib/requests/getComponentDirectives.d.ts

@@ -0,0 +1,2 @@
+import type { RequestContext } from './types';
+export declare function getComponentDirectives(this: RequestContext, fileName: string): string[] | undefined;

package/lib/requests/getComponentDirectives.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentDirectives = getComponentDirectives;
+const language_core_1 = require("@vue/language-core");
+const utils_1 = require("./utils");
+function getComponentDirectives(fileName) {
+    const { typescript: ts, language, languageService, getFileId } = this;
+    const volarFile = language.scripts.get(getFileId(fileName));
+    if (!(volarFile?.generated?.root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const vueCode = volarFile.generated.root;
+    const directives = (0, utils_1.getVariableType)(ts, languageService, vueCode, '__VLS_directives');
+    if (!directives) {
+        return [];
+    }
+    return directives.type.getProperties()
+        .map(({ name }) => name)
+        .filter(name => name.startsWith('v') && name.length >= 2 && name[1] === name[1].toUpperCase())
+        .filter(name => !['vBind', 'vIf', 'vOn', 'VOnce', 'vShow', 'VSlot'].includes(name));
+}
+//# sourceMappingURL=getComponentDirectives.js.map

package/lib/requests/getComponentEvents.d.ts

@@ -0,0 +1,2 @@
+import type { RequestContext } from './types';
+export declare function getComponentEvents(this: RequestContext, fileName: string, tag: string): string[] | undefined;

package/lib/requests/getComponentEvents.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentEvents = getComponentEvents;
+const language_core_1 = require("@vue/language-core");
+const utils_1 = require("./utils");
+function getComponentEvents(fileName, tag) {
+    const { typescript: ts, language, languageService, getFileId } = this;
+    const volarFile = language.scripts.get(getFileId(fileName));
+    if (!(volarFile?.generated?.root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const vueCode = volarFile.generated.root;
+    const program = languageService.getProgram();
+    const checker = program.getTypeChecker();
+    const components = (0, utils_1.getVariableType)(ts, languageService, vueCode, '__VLS_components');
+    if (!components) {
+        return [];
+    }
+    const componentType = (0, utils_1.getComponentType)(ts, languageService, vueCode, components, fileName, tag);
+    if (!componentType) {
+        return [];
+    }
+    const result = new Set();
+    // for (const sig of componentType.getCallSignatures()) {
+    // 	const emitParam = sig.parameters[1];
+    // 	if (emitParam) {
+    // 		// TODO
+    // 	}
+    // }
+    for (const sig of componentType.getConstructSignatures()) {
+        const instanceType = sig.getReturnType();
+        const emitSymbol = instanceType.getProperty('$emit');
+        if (emitSymbol) {
+            const emitType = checker.getTypeOfSymbolAtLocation(emitSymbol, components.node);
+            for (const call of emitType.getCallSignatures()) {
+                const eventNameParamSymbol = call.parameters[0];
+                if (eventNameParamSymbol) {
+                    const eventNameParamType = checker.getTypeOfSymbolAtLocation(eventNameParamSymbol, components.node);
+                    if (eventNameParamType.isStringLiteral()) {
+                        result.add(eventNameParamType.value);
+                    }
+                }
+            }
+        }
+    }
+    return [...result];
+}
+//# sourceMappingURL=getComponentEvents.js.map

package/lib/requests/getComponentNames.d.ts

@@ -0,0 +1,5 @@
+import { VueVirtualCode } from '@vue/language-core';
+import type * as ts from 'typescript';
+import type { RequestContext } from './types';
+export declare function getComponentNames(this: RequestContext, fileName: string): string[] | undefined;
+export declare function _getComponentNames(ts: typeof import('typescript'), tsLs: ts.LanguageService, vueCode: VueVirtualCode): string[];

package/lib/requests/getComponentNames.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentNames = getComponentNames;
+exports._getComponentNames = _getComponentNames;
+const language_core_1 = require("@vue/language-core");
+const utils_1 = require("./utils");
+function getComponentNames(fileName) {
+    const { typescript: ts, language, languageService, getFileId } = this;
+    const volarFile = language.scripts.get(getFileId(fileName));
+    if (!(volarFile?.generated?.root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const vueCode = volarFile.generated.root;
+    return _getComponentNames(ts, languageService, vueCode);
+}
+function _getComponentNames(ts, tsLs, vueCode) {
+    const names = (0, utils_1.getVariableType)(ts, tsLs, vueCode, '__VLS_components')
+        ?.type
+        ?.getProperties()
+        .map(c => c.name)
+        .filter(entry => !entry.includes('$') && !entry.startsWith('_'))
+        ?? [];
+    names.push((0, utils_1.getSelfComponentName)(vueCode.fileName));
+    return names;
+}
+//# sourceMappingURL=getComponentNames.js.map

package/lib/requests/getComponentProps.d.ts

@@ -0,0 +1,9 @@
+import type { RequestContext } from './types';
+export interface ComponentPropInfo {
+    name: string;
+    required?: boolean;
+    deprecated?: boolean;
+    commentMarkdown?: string;
+    values?: string[];
+}
+export declare function getComponentProps(this: RequestContext, fileName: string, tag: string): ComponentPropInfo[] | undefined;

package/lib/requests/getComponentProps.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentProps = getComponentProps;
+const language_core_1 = require("@vue/language-core");
+const utils_1 = require("./utils");
+function getComponentProps(fileName, tag) {
+    const { typescript: ts, language, languageService, getFileId } = this;
+    const volarFile = language.scripts.get(getFileId(fileName));
+    if (!(volarFile?.generated?.root instanceof language_core_1.VueVirtualCode)) {
+        return;
+    }
+    const vueCode = volarFile.generated.root;
+    const program = languageService.getProgram();
+    const checker = program.getTypeChecker();
+    const components = (0, utils_1.getVariableType)(ts, languageService, vueCode, '__VLS_components');
+    if (!components) {
+        return [];
+    }
+    const componentType = (0, utils_1.getComponentType)(ts, languageService, vueCode, components, fileName, tag);
+    if (!componentType) {
+        return [];
+    }
+    const result = new Map();
+    for (const sig of componentType.getCallSignatures()) {
+        const propParam = sig.parameters[0];
+        if (propParam) {
+            const propsType = checker.getTypeOfSymbolAtLocation(propParam, components.node);
+            const props = propsType.getProperties();
+            for (const prop of props) {
+                const name = prop.name;
+                const required = !(prop.flags & ts.SymbolFlags.Optional) || undefined;
+                const { content: commentMarkdown, deprecated } = generateCommentMarkdown(prop.getDocumentationComment(checker), prop.getJsDocTags());
+                result.set(name, {
+                    name,
+                    required,
+                    deprecated,
+                    commentMarkdown
+                });
+            }
+        }
+    }
+    for (const sig of componentType.getConstructSignatures()) {
+        const instanceType = sig.getReturnType();
+        const propsSymbol = instanceType.getProperty('$props');
+        if (propsSymbol) {
+            const propsType = checker.getTypeOfSymbolAtLocation(propsSymbol, components.node);
+            const props = propsType.getProperties();
+            for (const prop of props) {
+                if (prop.flags & ts.SymbolFlags.Method) { // #2443
+                    continue;
+                }
+                const name = prop.name;
+                const required = !(prop.flags & ts.SymbolFlags.Optional) || undefined;
+                const { content: commentMarkdown, deprecated } = generateCommentMarkdown(prop.getDocumentationComment(checker), prop.getJsDocTags());
+                result.set(name, {
+                    name,
+                    required,
+                    deprecated,
+                    commentMarkdown
+                });
+            }
+        }
+    }
+    return [...result.values()];
+}
+function generateCommentMarkdown(parts, jsDocTags) {
+    const parsedComment = _symbolDisplayPartsToMarkdown(parts);
+    const parsedJsDoc = _jsDocTagInfoToMarkdown(jsDocTags);
+    const content = [parsedComment, parsedJsDoc].filter(str => !!str).join('\n\n');
+    const deprecated = jsDocTags.some(tag => tag.name === 'deprecated');
+    return {
+        content,
+        deprecated
+    };
+}
+function _symbolDisplayPartsToMarkdown(parts) {
+    return parts.map(part => {
+        switch (part.kind) {
+            case 'keyword':
+                return `\`${part.text}\``;
+            case 'functionName':
+                return `**${part.text}**`;
+            default:
+                return part.text;
+        }
+    }).join('');
+}
+function _jsDocTagInfoToMarkdown(jsDocTags) {
+    return jsDocTags.map(tag => {
+        const tagName = `*@${tag.name}*`;
+        const tagText = tag.text?.map(t => {
+            if (t.kind === 'parameterName') {
+                return `\`${t.text}\``;
+            }
+            else {
+                return t.text;
+            }
+        }).join('') || '';
+        return `${tagName} ${tagText}`;
+    }).join('\n\n');
+}
+//# sourceMappingURL=getComponentProps.js.map

package/lib/requests/getElementAttrs.d.ts

@@ -0,0 +1,2 @@
+import type { RequestContext } from './types';
+export declare function getElementAttrs(this: RequestContext, fileName: string, tagName: string): string[] | undefined;

package/lib/requests/getElementAttrs.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getElementAttrs = getElementAttrs;
+const vue = require("@vue/language-core");
+function getElementAttrs(fileName, tagName) {
+    const { typescript: ts, language, languageService, getFileId } = this;
+    const volarFile = language.scripts.get(getFileId(fileName));
+    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
+        return;
+    }
+    const program = languageService.getProgram();
+    let tsSourceFile;
+    if (tsSourceFile = program.getSourceFile(fileName)) {
+        const checker = program.getTypeChecker();
+        const typeNode = tsSourceFile.statements
+            .filter(ts.isTypeAliasDeclaration)
+            .find(node => node.name.getText() === '__VLS_IntrinsicElementsCompletion');
+        if (checker && typeNode) {
+            const type = checker.getTypeFromTypeNode(typeNode.type);
+            const el = type.getProperty(tagName);
+            if (el) {
+                const attrs = checker.getTypeOfSymbolAtLocation(el, typeNode).getProperties();
+                return attrs.map(c => c.name);
+            }
+        }
+    }
+    return [];
+}
+//# sourceMappingURL=getElementAttrs.js.map

package/lib/requests/utils.d.ts

@@ -0,0 +1,8 @@
+import type { VueVirtualCode } from '@vue/language-core';
+import type * as ts from 'typescript';
+export declare function getComponentType(ts: typeof import('typescript'), languageService: ts.LanguageService, vueCode: VueVirtualCode, components: NonNullable<ReturnType<typeof getVariableType>>, fileName: string, tag: string): ts.Type | undefined;
+export declare function getSelfComponentName(fileName: string): Capitalize<string>;
+export declare function getVariableType(ts: typeof import('typescript'), languageService: ts.LanguageService, vueCode: VueVirtualCode, name: string): {
+    node: ts.Node;
+    type: ts.Type;
+} | undefined;

package/lib/requests/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentType = getComponentType;
+exports.getSelfComponentName = getSelfComponentName;
+exports.getVariableType = getVariableType;
+const shared_1 = require("@vue/shared");
+const path = require("node:path");
+function getComponentType(ts, languageService, vueCode, components, fileName, tag) {
+    const program = languageService.getProgram();
+    const checker = program.getTypeChecker();
+    const name = tag.split('.');
+    let componentSymbol = components.type.getProperty(name[0])
+        ?? components.type.getProperty((0, shared_1.camelize)(name[0]))
+        ?? components.type.getProperty((0, shared_1.capitalize)((0, shared_1.camelize)(name[0])));
+    let componentType;
+    if (!componentSymbol) {
+        const name = getSelfComponentName(fileName);
+        if (name === (0, shared_1.capitalize)((0, shared_1.camelize)(tag))) {
+            componentType = getVariableType(ts, languageService, vueCode, '__VLS_self')?.type;
+        }
+    }
+    else {
+        componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
+        for (let i = 1; i < name.length; i++) {
+            componentSymbol = componentType.getProperty(name[i]);
+            if (componentSymbol) {
+                componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
+            }
+        }
+    }
+    return componentType;
+}
+function getSelfComponentName(fileName) {
+    const baseName = path.basename(fileName);
+    return (0, shared_1.capitalize)((0, shared_1.camelize)(baseName.slice(0, baseName.lastIndexOf('.'))));
+}
+function getVariableType(ts, languageService, vueCode, name) {
+    const program = languageService.getProgram();
+    let tsSourceFile;
+    if (tsSourceFile = program.getSourceFile(vueCode.fileName)) {
+        const node = searchVariableDeclarationNode(ts, tsSourceFile, name);
+        const checker = program.getTypeChecker();
+        if (checker && node) {
+            return {
+                node: node,
+                type: checker.getTypeAtLocation(node),
+            };
+        }
+    }
+}
+function searchVariableDeclarationNode(ts, sourceFile, name) {
+    let componentsNode;
+    walk(sourceFile);
+    return componentsNode;
+    function walk(node) {
+        if (componentsNode) {
+            return;
+        }
+        else if (ts.isVariableDeclaration(node) && node.name.getText() === name) {
+            componentsNode = node;
+        }
+        else {
+            node.forEachChild(walk);
+        }
+    }
+}
+//# sourceMappingURL=utils.js.map

package/lib/server.d.ts

@@ -1,6 +1,6 @@
 import { Language } from '@vue/language-core';
 import type * as ts from 'typescript';
-export type RequestType = 'containsFile' | 'projectInfo' | 'collectExtractProps' | 'getImportPathForFile' | 'getPropertiesAtLocation' | 'getQuickInfoAtPosition' | 'subscribeComponentProps' | 'getComponentEvents' | 'getTemplateContextProps' | 'getElementAttrs';
+export type RequestType = 'containsFile' | 'projectInfo' | 'collectExtractProps' | 'getImportPathForFile' | 'getPropertiesAtLocation' | 'getQuickInfoAtPosition' | 'subscribeComponentProps' | 'getComponentEvents' | 'getComponentDirectives' | 'getElementAttrs';
 export type NotificationType = 'componentNamesUpdated' | 'componentPropsUpdated';
 export type RequestData = [
     seq: number,

package/lib/server.js

@@ -5,7 +5,11 @@ const language_core_1 = require("@vue/language-core");
 const fs = require("node:fs");
 const net = require("node:net");
 const collectExtractProps_1 = require("./requests/collectExtractProps");
-const componentInfos_1 = require("./requests/componentInfos");
+const getComponentDirectives_1 = require("./requests/getComponentDirectives");
+const getComponentEvents_1 = require("./requests/getComponentEvents");
+const getComponentNames_1 = require("./requests/getComponentNames");
+const getComponentProps_1 = require("./requests/getComponentProps");
+const getElementAttrs_1 = require("./requests/getElementAttrs");
 const getImportPathForFile_1 = require("./requests/getImportPathForFile");
 const getPropertiesAtLocation_1 = require("./requests/getPropertiesAtLocation");
 const getQuickInfoAtPosition_1 = require("./requests/getQuickInfoAtPosition");
@@ -51,7 +55,7 @@ async function startNamedPipeServer(ts, info, language, projectKind) {
         });
         connection.on('error', err => console.error('[Vue Named Pipe Server]', err.message));
         for (const [fileName, [componentNames, componentProps]] of currentData) {
-            notify(connection, 'componentNamesUpdated', fileName, Object.keys(componentNames));
+            notify(connection, 'componentNamesUpdated', fileName, componentNames);
             for (const [name, props] of Object.entries(componentProps)) {
                 notify(connection, 'componentPropsUpdated', fileName, [name, props]);
             }
@@ -100,7 +104,7 @@ async function startNamedPipeServer(ts, info, language, projectKind) {
                     currentData.set(scriptInfo.fileName, data);
                 }
                 const [oldComponentNames, componentProps] = data;
-                const newComponentNames = componentInfos_1.getComponentNames.apply(requestContext, [scriptInfo.fileName]) ?? [];
+                const newComponentNames = getComponentNames_1.getComponentNames.apply(requestContext, [scriptInfo.fileName]) ?? [];
                 if (JSON.stringify(oldComponentNames) !== JSON.stringify(newComponentNames)) {
                     data[0] = newComponentNames;
                     for (const connection of connections) {
@@ -112,7 +116,7 @@ async function startNamedPipeServer(ts, info, language, projectKind) {
                     if (token?.isCancellationRequested()) {
                         break;
                     }
-                    const newProps = componentInfos_1.getComponentProps.apply(requestContext, [scriptInfo.fileName, name]) ?? [];
+                    const newProps = getComponentProps_1.getComponentProps.apply(requestContext, [scriptInfo.fileName, name]) ?? [];
                     if (JSON.stringify(props) !== JSON.stringify(newProps)) {
                         componentProps[name] = newProps;
                         for (const connection of connections) {
@@ -171,7 +175,7 @@ async function startNamedPipeServer(ts, info, language, projectKind) {
         }
         else if (requestType === 'subscribeComponentProps') {
             const tag = args[1];
-            const props = componentInfos_1.getComponentProps.apply(requestContext, [fileName, tag]) ?? [];
+            const props = getComponentProps_1.getComponentProps.apply(requestContext, [fileName, tag]) ?? [];
             let data = currentData.get(fileName);
             if (!data) {
                 data = [[], {}];
@@ -181,13 +185,13 @@ async function startNamedPipeServer(ts, info, language, projectKind) {
             return props;
         }
         else if (requestType === 'getComponentEvents') {
-            return componentInfos_1.getComponentEvents.apply(requestContext, args);
+            return getComponentEvents_1.getComponentEvents.apply(requestContext, args);
         }
-        else if (requestType === 'getTemplateContextProps') {
-            return componentInfos_1.getTemplateContextProps.apply(requestContext, args);
+        else if (requestType === 'getComponentDirectives') {
+            return getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
         }
         else if (requestType === 'getElementAttrs') {
-            return componentInfos_1.getElementAttrs.apply(requestContext, args);
+            return getElementAttrs_1.getElementAttrs.apply(requestContext, args);
         }
         console.warn('[Vue Named Pipe Server] Unknown request:', requestType);
         debugger;

package/lib/utils.d.ts

@@ -1,6 +1,7 @@
 import { FileMap } from '@vue/language-core';
 import * as net from 'node:net';
 import type * as ts from 'typescript';
+import type { ComponentPropInfo } from './requests/getComponentProps';
 import type { NotificationData, ProjectInfo, RequestData } from './server';
 export { TypeScriptProjectHost } from '@volar/typescript';
 export declare function getServerPath(kind: ts.server.ProjectKind, id: number): string;
@@ -9,18 +10,10 @@ declare class NamedPipeServer {
     connecting: boolean;
     projectInfo?: ProjectInfo;
     containsFileCache: Map<string, Promise<boolean | null | undefined>>;
-    componentNamesAndProps: FileMap<Record<string, {
-        name: string;
-        required?: true;
-        commentMarkdown?: string;
-    }[] | null>>;
+    componentNamesAndProps: FileMap<Record<string, ComponentPropInfo[] | null>>;
     constructor(kind: ts.server.ProjectKind, id: number);
     containsFile(fileName: string): Promise<boolean | null | undefined> | undefined;
-    getComponentProps(fileName: string, tag: string): Promise<{
-        name: string;
-        required?: true;
-        commentMarkdown?: string;
-    }[] | null | undefined>;
+    getComponentProps(fileName: string, tag: string): Promise<ComponentPropInfo[] | null | undefined>;
     update(): void;
     connect(): void;
     close(): void;

package/lib/utils.js

@@ -153,7 +153,9 @@ class NamedPipeServer {
         else if (type === 'componentPropsUpdated') {
             const components = this.componentNamesAndProps.get(fileName) ?? {};
             const [name, props] = data;
-            components[name] = props;
+            if (name in components) {
+                components[name] = props;
+            }
         }
         else {
             console.error('Unknown notification type:', type);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/typescript-plugin",
-	"version": "2.2.0",
+	"version": "2.2.4",
 	"license": "MIT",
 	"files": [
 		"**/*.js",
@@ -14,11 +14,11 @@
 	},
 	"dependencies": {
 		"@volar/typescript": "~2.4.11",
-		"@vue/language-core": "2.2.0",
+		"@vue/language-core": "2.2.4",
 		"@vue/shared": "^3.5.0"
 	},
 	"devDependencies": {
-		"@types/node": "latest"
+		"@types/node": "^22.10.4"
 	},
-	"gitHead": "5babca774658d4b9afbe877ac7c8cafdaecf2c3e"
+	"gitHead": "c28986596935cb43979c9d437c25f292bdb36cef"
 }

package/lib/requests/componentInfos.d.ts

@@ -1,13 +0,0 @@
-import * as vue from '@vue/language-core';
-import type * as ts from 'typescript';
-import type { RequestContext } from './types';
-export declare function getComponentProps(this: RequestContext, fileName: string, tag: string): {
-    name: string;
-    required?: true;
-    commentMarkdown?: string;
-}[] | undefined;
-export declare function getComponentEvents(this: RequestContext, fileName: string, tag: string): string[] | undefined;
-export declare function getTemplateContextProps(this: RequestContext, fileName: string): string[] | undefined;
-export declare function getComponentNames(this: RequestContext, fileName: string): string[] | undefined;
-export declare function _getComponentNames(ts: typeof import('typescript'), tsLs: ts.LanguageService, vueCode: vue.VueVirtualCode): string[];
-export declare function getElementAttrs(this: RequestContext, fileName: string, tagName: string): string[] | undefined;

package/lib/requests/componentInfos.js

@@ -1,249 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponentProps = getComponentProps;
-exports.getComponentEvents = getComponentEvents;
-exports.getTemplateContextProps = getTemplateContextProps;
-exports.getComponentNames = getComponentNames;
-exports._getComponentNames = _getComponentNames;
-exports.getElementAttrs = getElementAttrs;
-const vue = require("@vue/language-core");
-const shared_1 = require("@vue/shared");
-function getComponentProps(fileName, tag) {
-    const { typescript: ts, language, languageService, getFileId } = this;
-    const volarFile = language.scripts.get(getFileId(fileName));
-    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
-        return;
-    }
-    const vueCode = volarFile.generated.root;
-    const program = languageService.getProgram();
-    const checker = program.getTypeChecker();
-    const components = getVariableType(ts, languageService, vueCode, '__VLS_components');
-    if (!components) {
-        return [];
-    }
-    const name = tag.split('.');
-    let componentSymbol = components.type.getProperty(name[0])
-        ?? components.type.getProperty((0, shared_1.camelize)(name[0]))
-        ?? components.type.getProperty((0, shared_1.capitalize)((0, shared_1.camelize)(name[0])));
-    if (!componentSymbol) {
-        return [];
-    }
-    let componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
-    for (let i = 1; i < name.length; i++) {
-        componentSymbol = componentType.getProperty(name[i]);
-        if (componentSymbol) {
-            componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
-        }
-        else {
-            return [];
-        }
-    }
-    const result = new Map();
-    for (const sig of componentType.getCallSignatures()) {
-        const propParam = sig.parameters[0];
-        if (propParam) {
-            const propsType = checker.getTypeOfSymbolAtLocation(propParam, components.node);
-            const props = propsType.getProperties();
-            for (const prop of props) {
-                const name = prop.name;
-                const required = !(prop.flags & ts.SymbolFlags.Optional) || undefined;
-                const commentMarkdown = generateCommentMarkdown(prop.getDocumentationComment(checker), prop.getJsDocTags()) || undefined;
-                result.set(name, { name, required, commentMarkdown });
-            }
-        }
-    }
-    for (const sig of componentType.getConstructSignatures()) {
-        const instanceType = sig.getReturnType();
-        const propsSymbol = instanceType.getProperty('$props');
-        if (propsSymbol) {
-            const propsType = checker.getTypeOfSymbolAtLocation(propsSymbol, components.node);
-            const props = propsType.getProperties();
-            for (const prop of props) {
-                if (prop.flags & ts.SymbolFlags.Method) { // #2443
-                    continue;
-                }
-                const name = prop.name;
-                const required = !(prop.flags & ts.SymbolFlags.Optional) || undefined;
-                const commentMarkdown = generateCommentMarkdown(prop.getDocumentationComment(checker), prop.getJsDocTags()) || undefined;
-                result.set(name, { name, required, commentMarkdown });
-            }
-        }
-    }
-    return [...result.values()];
-}
-function getComponentEvents(fileName, tag) {
-    const { typescript: ts, language, languageService, getFileId } = this;
-    const volarFile = language.scripts.get(getFileId(fileName));
-    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
-        return;
-    }
-    const vueCode = volarFile.generated.root;
-    const program = languageService.getProgram();
-    const checker = program.getTypeChecker();
-    const components = getVariableType(ts, languageService, vueCode, '__VLS_components');
-    if (!components) {
-        return [];
-    }
-    const name = tag.split('.');
-    let componentSymbol = components.type.getProperty(name[0]);
-    if (!componentSymbol) {
-        componentSymbol = components.type.getProperty((0, shared_1.camelize)(name[0]))
-            ?? components.type.getProperty((0, shared_1.capitalize)((0, shared_1.camelize)(name[0])));
-    }
-    if (!componentSymbol) {
-        return [];
-    }
-    let componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
-    for (let i = 1; i < name.length; i++) {
-        componentSymbol = componentType.getProperty(name[i]);
-        if (componentSymbol) {
-            componentType = checker.getTypeOfSymbolAtLocation(componentSymbol, components.node);
-        }
-        else {
-            return [];
-        }
-    }
-    const result = new Set();
-    // for (const sig of componentType.getCallSignatures()) {
-    // 	const emitParam = sig.parameters[1];
-    // 	if (emitParam) {
-    // 		// TODO
-    // 	}
-    // }
-    for (const sig of componentType.getConstructSignatures()) {
-        const instanceType = sig.getReturnType();
-        const emitSymbol = instanceType.getProperty('$emit');
-        if (emitSymbol) {
-            const emitType = checker.getTypeOfSymbolAtLocation(emitSymbol, components.node);
-            for (const call of emitType.getCallSignatures()) {
-                const eventNameParamSymbol = call.parameters[0];
-                if (eventNameParamSymbol) {
-                    const eventNameParamType = checker.getTypeOfSymbolAtLocation(eventNameParamSymbol, components.node);
-                    if (eventNameParamType.isStringLiteral()) {
-                        result.add(eventNameParamType.value);
-                    }
-                }
-            }
-        }
-    }
-    return [...result];
-}
-function getTemplateContextProps(fileName) {
-    const { typescript: ts, language, languageService, getFileId } = this;
-    const volarFile = language.scripts.get(getFileId(fileName));
-    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
-        return;
-    }
-    const vueCode = volarFile.generated.root;
-    return getVariableType(ts, languageService, vueCode, '__VLS_ctx')
-        ?.type
-        ?.getProperties()
-        .map(c => c.name);
-}
-function getComponentNames(fileName) {
-    const { typescript: ts, language, languageService, getFileId } = this;
-    const volarFile = language.scripts.get(getFileId(fileName));
-    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
-        return;
-    }
-    const vueCode = volarFile.generated.root;
-    return getVariableType(ts, languageService, vueCode, '__VLS_components')
-        ?.type
-        ?.getProperties()
-        .map(c => c.name)
-        .filter(entry => !entry.includes('$') && !entry.startsWith('_'))
-        ?? [];
-}
-function _getComponentNames(ts, tsLs, vueCode) {
-    return getVariableType(ts, tsLs, vueCode, '__VLS_components')
-        ?.type
-        ?.getProperties()
-        .map(c => c.name)
-        .filter(entry => !entry.includes('$') && !entry.startsWith('_'))
-        ?? [];
-}
-function getElementAttrs(fileName, tagName) {
-    const { typescript: ts, language, languageService, getFileId } = this;
-    const volarFile = language.scripts.get(getFileId(fileName));
-    if (!(volarFile?.generated?.root instanceof vue.VueVirtualCode)) {
-        return;
-    }
-    const program = languageService.getProgram();
-    let tsSourceFile;
-    if (tsSourceFile = program.getSourceFile(fileName)) {
-        const typeNode = tsSourceFile.statements.find((node) => ts.isTypeAliasDeclaration(node) && node.name.getText() === '__VLS_IntrinsicElementsCompletion');
-        const checker = program.getTypeChecker();
-        if (checker && typeNode) {
-            const type = checker.getTypeFromTypeNode(typeNode.type);
-            const el = type.getProperty(tagName);
-            if (el) {
-                const attrs = checker.getTypeOfSymbolAtLocation(el, typeNode).getProperties();
-                return attrs.map(c => c.name);
-            }
-        }
-    }
-    return [];
-}
-function getVariableType(ts, languageService, vueCode, name) {
-    const program = languageService.getProgram();
-    let tsSourceFile;
-    if (tsSourceFile = program.getSourceFile(vueCode.fileName)) {
-        const node = searchVariableDeclarationNode(ts, tsSourceFile, name);
-        const checker = program.getTypeChecker();
-        if (checker && node) {
-            return {
-                node: node,
-                type: checker.getTypeAtLocation(node),
-            };
-        }
-    }
-}
-function searchVariableDeclarationNode(ts, sourceFile, name) {
-    let componentsNode;
-    walk(sourceFile);
-    return componentsNode;
-    function walk(node) {
-        if (componentsNode) {
-            return;
-        }
-        else if (ts.isVariableDeclaration(node) && node.name.getText() === name) {
-            componentsNode = node;
-        }
-        else {
-            node.forEachChild(walk);
-        }
-    }
-}
-function generateCommentMarkdown(parts, jsDocTags) {
-    const parsedComment = _symbolDisplayPartsToMarkdown(parts);
-    const parsedJsDoc = _jsDocTagInfoToMarkdown(jsDocTags);
-    let result = [parsedComment, parsedJsDoc].filter(str => !!str).join('\n\n');
-    return result;
-}
-function _symbolDisplayPartsToMarkdown(parts) {
-    return parts.map(part => {
-        switch (part.kind) {
-            case 'keyword':
-                return `\`${part.text}\``;
-            case 'functionName':
-                return `**${part.text}**`;
-            default:
-                return part.text;
-        }
-    }).join('');
-}
-function _jsDocTagInfoToMarkdown(jsDocTags) {
-    return jsDocTags.map(tag => {
-        const tagName = `*@${tag.name}*`;
-        const tagText = tag.text?.map(t => {
-            if (t.kind === 'parameterName') {
-                return `\`${t.text}\``;
-            }
-            else {
-                return t.text;
-            }
-        }).join('') || '';
-        return `${tagName} ${tagText}`;
-    }).join('\n\n');
-}
-//# sourceMappingURL=componentInfos.js.map