@vue/typescript-plugin 3.0.0-alpha.0 → 3.0.0-alpha.10

package/index.js

@@ -11,7 +11,6 @@ const getElementAttrs_1 = require("./lib/requests/getElementAttrs");
 const getElementNames_1 = require("./lib/requests/getElementNames");
 const getImportPathForFile_1 = require("./lib/requests/getImportPathForFile");
 const getPropertiesAtLocation_1 = require("./lib/requests/getPropertiesAtLocation");
-const getQuickInfoAtPosition_1 = require("./lib/requests/getQuickInfoAtPosition");
 const windowsPathReg = /\\/g;
 const project2Service = new WeakMap();
 module.exports = (0, createLanguageServicePlugin_1.createLanguageServicePlugin)((ts, info) => {
@@ -74,11 +73,6 @@ module.exports = (0, createLanguageServicePlugin_1.createLanguageServicePlugin)(
                 response: getPropertiesAtLocation_1.getPropertiesAtLocation.apply(getRequestContext(args[0]), args),
             };
         });
-        session.addProtocolHandler('vue:getQuickInfoAtPosition', ({ arguments: args }) => {
-            return {
-                response: getQuickInfoAtPosition_1.getQuickInfoAtPosition.apply(getRequestContext(args[0]), args),
-            };
-        });
         session.addProtocolHandler('vue:getComponentNames', ({ arguments: args }) => {
             return {
                 response: getComponentNames_1.getComponentNames.apply(getRequestContext(args[0]), args) ?? [],

package/lib/client.d.ts

@@ -0,0 +1,13 @@
+export declare const collectExtractProps: (fileName: string, templateCodeRange: [number, number]) => Promise<{
+    name: string;
+    type: string;
+    model: boolean;
+}[] | 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 const getElementAttrs: (fileName: string, tagName: string) => Promise<string[] | null | undefined>;

package/lib/client.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getElementAttrs = exports.getComponentDirectives = exports.getComponentEvents = exports.getQuickInfoAtPosition = exports.getPropertiesAtLocation = exports.getImportPathForFile = exports.collectExtractProps = void 0;
+exports.getComponentProps = getComponentProps;
+exports.getComponentNames = getComponentNames;
+const utils_1 = require("./utils");
+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);
+    if (!server) {
+        return;
+    }
+    return await server.getComponentProps(fileName, componentName);
+}
+exports.getComponentEvents = createRequest('getComponentEvents');
+exports.getComponentDirectives = createRequest('getComponentDirectives');
+async function getComponentNames(fileName) {
+    const server = await (0, utils_1.getBestServer)(fileName);
+    if (!server) {
+        return;
+    }
+    const componentAndProps = server.componentNamesAndProps.get(fileName);
+    if (!componentAndProps) {
+        return;
+    }
+    return Object.keys(componentAndProps);
+}
+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.d.ts

@@ -1,3 +1,3 @@
-import { Language, VueCompilerOptions } from '@vue/language-core';
+import { type Language, type VueCompilerOptions } from '@vue/language-core';
 import type * as ts from 'typescript';
 export declare function proxyLanguageServiceForVue<T>(ts: typeof import('typescript'), language: Language<T>, languageService: ts.LanguageService, vueOptions: VueCompilerOptions, asScriptId: (fileName: string) => T): ts.LanguageService;

package/lib/common.js

@@ -151,6 +151,15 @@ function getDefinitionAndBoundSpan(ts, language, languageService, vueOptions, as
         }
         const definitions = new Set(result.definitions);
         const skippedDefinitions = [];
+        // #5275
+        if (result.definitions.length >= 2) {
+            for (const definition of result.definitions) {
+                if (root.sfc.content[definition.textSpan.start - 1] === '@'
+                    || root.sfc.content.slice(definition.textSpan.start - 5, definition.textSpan.start) === 'v-on:') {
+                    skippedDefinitions.push(definition);
+                }
+            }
+        }
         for (const definition of result.definitions) {
             if (vueOptions.extensions.some(ext => definition.fileName.endsWith(ext))) {
                 continue;

package/lib/requests/getComponentProps.d.ts

@@ -3,6 +3,7 @@ export interface ComponentPropInfo {
     name: string;
     required?: boolean;
     deprecated?: boolean;
+    isAttribute?: boolean;
     commentMarkdown?: string;
     values?: string[];
 }

package/lib/requests/getComponentProps.js

@@ -10,8 +10,6 @@ function getComponentProps(fileName, tag) {
         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 [];
@@ -21,21 +19,15 @@ function getComponentProps(fileName, tag) {
         return [];
     }
     const result = new Map();
+    const program = languageService.getProgram();
+    const checker = program.getTypeChecker();
     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
-                });
+                handlePropSymbol(prop);
             }
         }
     }
@@ -46,22 +38,51 @@ function getComponentProps(fileName, tag) {
             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
-                });
+                handlePropSymbol(prop);
             }
         }
     }
     return [...result.values()];
+    function handlePropSymbol(prop) {
+        if (prop.flags & ts.SymbolFlags.Method) { // #2443
+            return;
+        }
+        const name = prop.name;
+        const required = !(prop.flags & ts.SymbolFlags.Optional) || undefined;
+        const { content: commentMarkdown, deprecated, } = generateCommentMarkdown(prop.getDocumentationComment(checker), prop.getJsDocTags());
+        const values = [];
+        const type = checker.getTypeOfSymbol(prop);
+        const subTypes = type.types;
+        if (subTypes) {
+            for (const subType of subTypes) {
+                const value = subType.value;
+                if (value) {
+                    values.push(value);
+                }
+            }
+        }
+        let isAttribute;
+        for (const { parent } of checker.getRootSymbols(prop).flatMap(root => root.declarations ?? [])) {
+            if (!ts.isInterfaceDeclaration(parent)) {
+                continue;
+            }
+            const { text } = parent.name;
+            if (text.endsWith('HTMLAttributes')
+                || text === 'AriaAttributes'
+                || text === 'SVGAttributes') {
+                isAttribute = true;
+                break;
+            }
+        }
+        result.set(name, {
+            name,
+            required,
+            deprecated,
+            isAttribute,
+            commentMarkdown,
+            values,
+        });
+    }
 }
 function generateCommentMarkdown(parts, jsDocTags) {
     const parsedComment = _symbolDisplayPartsToMarkdown(parts);

package/lib/requests/getFileReferences.d.ts

@@ -0,0 +1,9 @@
+import type * as ts from "typescript";
+import type { RequestContext } from "./types";
+export declare function getFileReferences(this: RequestContext, fileName: string): {
+    fileName: string;
+    range: {
+        start: ts.LineAndCharacter;
+        end: ts.LineAndCharacter;
+    };
+}[];

package/lib/requests/getFileReferences.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileReferences = getFileReferences;
+function getFileReferences(fileName) {
+    const { typescript: ts, languageService } = this;
+    const program = languageService.getProgram();
+    const result = languageService.getFileReferences(fileName);
+    const references = new Set(result);
+    const skippedReferences = [];
+    for (const reference of result) {
+        if (reference.fileName.endsWith('.vue')) {
+            continue;
+        }
+        const sourceFile = program.getSourceFile(reference.fileName);
+        if (!sourceFile) {
+            continue;
+        }
+        visit(sourceFile, reference, sourceFile);
+    }
+    for (const reference of skippedReferences) {
+        references.delete(reference);
+    }
+    return [...references].map(({ fileName, textSpan }) => {
+        const sourceFile = program.getSourceFile(fileName);
+        const start = sourceFile.getLineAndCharacterOfPosition(textSpan.start);
+        const end = sourceFile.getLineAndCharacterOfPosition(textSpan.start + textSpan.length);
+        return {
+            fileName,
+            range: {
+                start,
+                end,
+            },
+        };
+    });
+    function visit(node, reference, sourceFile) {
+        if (ts.isPropertySignature(node) && node.type) {
+            proxy(node.name, node.type, reference, sourceFile);
+        }
+        else if (ts.isVariableDeclaration(node) && ts.isIdentifier(node.name) && node.type && !node.initializer) {
+            proxy(node.name, node.type, reference, sourceFile, true);
+        }
+        else {
+            ts.forEachChild(node, child => visit(child, reference, sourceFile));
+        }
+    }
+    function proxy(name, type, reference, sourceFile, skip = false) {
+        const { textSpan, fileName } = reference;
+        const start = type.getStart(sourceFile);
+        const end = type.getEnd();
+        if (start > textSpan.start || end < textSpan.start + textSpan.length) {
+            return;
+        }
+        if (skip) {
+            skippedReferences.push(reference);
+            return;
+        }
+        const pos = name.getStart(sourceFile);
+        const res = languageService.findReferences(fileName, pos) ?? [];
+        const items = res.flatMap(({ references }) => references);
+        if (items.length) {
+            for (const reference of items) {
+                if (reference.isDefinition) {
+                    continue;
+                }
+                references.add(reference);
+            }
+            skippedReferences.push(reference);
+        }
+    }
+}
+//# sourceMappingURL=getFileReferences.js.map

package/lib/requests/index.d.ts

@@ -3,12 +3,15 @@ export type Requests = {
     collectExtractProps: ToRequest<typeof import('./collectExtractProps.js')['collectExtractProps']>;
     getImportPathForFile: ToRequest<typeof import('./getImportPathForFile.js')['getImportPathForFile']>;
     getPropertiesAtLocation: ToRequest<typeof import('./getPropertiesAtLocation.js')['getPropertiesAtLocation']>;
-    getQuickInfoAtPosition: ToRequest<typeof import('./getQuickInfoAtPosition.js')['getQuickInfoAtPosition']>;
     getComponentNames: ToRequest<typeof import('./getComponentNames.js')['getComponentNames']>;
     getComponentProps: ToRequest<typeof import('./getComponentProps.js')['getComponentProps']>;
     getComponentEvents: ToRequest<typeof import('./getComponentEvents.js')['getComponentEvents']>;
     getComponentDirectives: ToRequest<typeof import('./getComponentDirectives.js')['getComponentDirectives']>;
     getElementAttrs: ToRequest<typeof import('./getElementAttrs.js')['getElementAttrs']>;
     getElementNames: ToRequest<typeof import('./getElementNames.js')['getElementNames']>;
+    getQuickInfoAtPosition: ToRequest<(fileName: string, position: {
+        line: number;
+        character: number;
+    }) => string>;
 };
 export {};

package/lib/requests/utils.js

@@ -4,7 +4,7 @@ exports.getComponentType = getComponentType;
 exports.getSelfComponentName = getSelfComponentName;
 exports.getVariableType = getVariableType;
 const shared_1 = require("@vue/shared");
-const path = require("node:path");
+const path = require("path-browserify");
 function getComponentType(ts, languageService, vueCode, components, fileName, tag) {
     const program = languageService.getProgram();
     const checker = program.getTypeChecker();

package/lib/server.d.ts

@@ -0,0 +1,25 @@
+import { Language } from '@vue/language-core';
+import type * as ts from 'typescript';
+export type RequestType = 'containsFile' | 'projectInfo' | 'collectExtractProps' | 'getImportPathForFile' | 'getPropertiesAtLocation' | 'getQuickInfoAtPosition' | 'subscribeComponentProps' | 'getComponentEvents' | 'getComponentDirectives' | 'getElementAttrs';
+export type NotificationType = 'componentNamesUpdated' | 'componentPropsUpdated';
+export type RequestData = [
+    seq: number,
+    type: RequestType,
+    fileName: string,
+    ...args: any[]
+];
+export type ResponseData = [
+    seq: number,
+    data: any
+];
+export type NotificationData = [
+    type: NotificationType,
+    fileName: string,
+    data: any
+];
+export interface ProjectInfo {
+    name: string;
+    kind: ts.server.ProjectKind;
+    currentDirectory: string;
+}
+export declare function startNamedPipeServer(ts: typeof import('typescript'), info: ts.server.PluginCreateInfo, language: Language<string>, projectKind: ts.server.ProjectKind.Inferred | ts.server.ProjectKind.Configured): Promise<void>;

package/lib/server.js

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startNamedPipeServer = startNamedPipeServer;
+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 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");
+const utils_1 = require("./utils");
+async function startNamedPipeServer(ts, info, language, projectKind) {
+    let lastProjectVersion;
+    const requestContext = {
+        typescript: ts,
+        languageService: info.languageService,
+        languageServiceHost: info.languageServiceHost,
+        language: language,
+        isTsPlugin: true,
+        getFileId: (fileName) => fileName,
+    };
+    const dataChunks = [];
+    const currentData = new language_core_1.FileMap(false);
+    const allConnections = new Set();
+    const pendingRequests = new Set();
+    const server = net.createServer(connection => {
+        allConnections.add(connection);
+        connection.on('end', () => {
+            allConnections.delete(connection);
+        });
+        connection.on('data', buffer => {
+            dataChunks.push(buffer);
+            const text = dataChunks.toString();
+            if (text.endsWith('\n\n')) {
+                dataChunks.length = 0;
+                const requests = text.split('\n\n');
+                for (let json of requests) {
+                    json = json.trim();
+                    if (!json) {
+                        continue;
+                    }
+                    try {
+                        onRequest(connection, JSON.parse(json));
+                    }
+                    catch (e) {
+                        console.error('[Vue Named Pipe Server] JSON parse error:', e);
+                    }
+                }
+            }
+        });
+        connection.on('error', err => console.error('[Vue Named Pipe Server]', err.message));
+        for (const [fileName, [componentNames, componentProps]] of currentData) {
+            notify(connection, 'componentNamesUpdated', fileName, componentNames);
+            for (const [name, props] of Object.entries(componentProps)) {
+                notify(connection, 'componentPropsUpdated', fileName, [name, props]);
+            }
+        }
+    });
+    for (let i = 0; i < 10; i++) {
+        const path = (0, utils_1.getServerPath)(projectKind, i);
+        const socket = await connect(path, 100);
+        if (typeof socket === 'object') {
+            socket.end();
+        }
+        const namedPipeOccupied = typeof socket === 'object' || socket === 'timeout';
+        if (namedPipeOccupied) {
+            continue;
+        }
+        const success = await tryListen(server, path);
+        if (success) {
+            break;
+        }
+    }
+    updateWhile();
+    async function updateWhile() {
+        while (true) {
+            await sleep(500);
+            const projectVersion = info.project.getProjectVersion();
+            if (lastProjectVersion === projectVersion) {
+                continue;
+            }
+            const connections = [...allConnections].filter(c => !c.destroyed);
+            if (!connections.length) {
+                continue;
+            }
+            const token = info.languageServiceHost.getCancellationToken?.();
+            const openedScriptInfos = info.project.getRootScriptInfos().filter(info => info.isScriptOpen());
+            if (!openedScriptInfos.length) {
+                continue;
+            }
+            for (const scriptInfo of openedScriptInfos) {
+                await sleep(10);
+                if (token?.isCancellationRequested()) {
+                    break;
+                }
+                let data = currentData.get(scriptInfo.fileName);
+                if (!data) {
+                    data = [[], {}];
+                    currentData.set(scriptInfo.fileName, data);
+                }
+                const [oldComponentNames, componentProps] = data;
+                const newComponentNames = getComponentNames_1.getComponentNames.apply(requestContext, [scriptInfo.fileName]) ?? [];
+                if (JSON.stringify(oldComponentNames) !== JSON.stringify(newComponentNames)) {
+                    data[0] = newComponentNames;
+                    for (const connection of connections) {
+                        notify(connection, 'componentNamesUpdated', scriptInfo.fileName, newComponentNames);
+                    }
+                }
+                for (const [name, props] of Object.entries(componentProps)) {
+                    await sleep(10);
+                    if (token?.isCancellationRequested()) {
+                        break;
+                    }
+                    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) {
+                            notify(connection, 'componentPropsUpdated', scriptInfo.fileName, [name, newProps]);
+                        }
+                    }
+                }
+            }
+            lastProjectVersion = projectVersion;
+        }
+    }
+    function sleep(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
+    function notify(connection, type, fileName, data) {
+        connection.write(JSON.stringify([type, fileName, data]) + '\n\n');
+    }
+    function onRequest(connection, [seq, requestType, ...args]) {
+        if (pendingRequests.has(seq)) {
+            return;
+        }
+        setTimeout(() => pendingRequests.delete(seq), 500);
+        pendingRequests.add(seq);
+        let data;
+        try {
+            data = handleRequest(requestType, ...args);
+        }
+        catch {
+            data = null;
+        }
+        connection.write(JSON.stringify([seq, data ?? null]) + '\n\n');
+    }
+    function handleRequest(requestType, ...args) {
+        const fileName = args[0];
+        if (requestType === 'projectInfo') {
+            return {
+                name: info.project.getProjectName(),
+                kind: info.project.projectKind,
+                currentDirectory: info.project.getCurrentDirectory(),
+            };
+        }
+        else if (requestType === 'containsFile') {
+            return info.project.containsFile(ts.server.toNormalizedPath(fileName));
+        }
+        else if (requestType === 'collectExtractProps') {
+            return collectExtractProps_1.collectExtractProps.apply(requestContext, args);
+        }
+        else if (requestType === 'getImportPathForFile') {
+            return getImportPathForFile_1.getImportPathForFile.apply(requestContext, args);
+        }
+        else if (requestType === 'getPropertiesAtLocation') {
+            return getPropertiesAtLocation_1.getPropertiesAtLocation.apply(requestContext, args);
+        }
+        else if (requestType === 'getQuickInfoAtPosition') {
+            return getQuickInfoAtPosition_1.getQuickInfoAtPosition.apply(requestContext, args);
+        }
+        else if (requestType === 'subscribeComponentProps') {
+            const tag = args[1];
+            const props = getComponentProps_1.getComponentProps.apply(requestContext, [fileName, tag]) ?? [];
+            let data = currentData.get(fileName);
+            if (!data) {
+                data = [[], {}];
+                currentData.set(fileName, data);
+            }
+            data[1][tag] = props;
+            return props;
+        }
+        else if (requestType === 'getComponentEvents') {
+            return getComponentEvents_1.getComponentEvents.apply(requestContext, args);
+        }
+        else if (requestType === 'getComponentDirectives') {
+            return getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
+        }
+        else if (requestType === 'getElementAttrs') {
+            return getElementAttrs_1.getElementAttrs.apply(requestContext, args);
+        }
+        console.warn('[Vue Named Pipe Server] Unknown request:', requestType);
+        debugger;
+        return undefined;
+    }
+}
+function connect(namedPipePath, timeout) {
+    return new Promise(resolve => {
+        const socket = net.connect(namedPipePath);
+        if (timeout) {
+            socket.setTimeout(timeout);
+        }
+        const onConnect = () => {
+            cleanup();
+            resolve(socket);
+        };
+        const onError = (err) => {
+            if (err.code === 'ECONNREFUSED') {
+                try {
+                    console.log('[Vue Named Pipe Client] Deleting:', namedPipePath);
+                    fs.promises.unlink(namedPipePath);
+                }
+                catch { }
+            }
+            cleanup();
+            resolve('error');
+            socket.end();
+        };
+        const onTimeout = () => {
+            cleanup();
+            resolve('timeout');
+            socket.end();
+        };
+        const cleanup = () => {
+            socket.off('connect', onConnect);
+            socket.off('error', onError);
+            socket.off('timeout', onTimeout);
+        };
+        socket.on('connect', onConnect);
+        socket.on('error', onError);
+        socket.on('timeout', onTimeout);
+    });
+}
+function tryListen(server, namedPipePath) {
+    return new Promise(resolve => {
+        const onSuccess = () => {
+            server.off('error', onError);
+            resolve(true);
+        };
+        const onError = (err) => {
+            if (err.code === 'ECONNREFUSED') {
+                try {
+                    console.log('[Vue Named Pipe Client] Deleting:', namedPipePath);
+                    fs.promises.unlink(namedPipePath);
+                }
+                catch { }
+            }
+            server.off('error', onError);
+            server.close();
+            resolve(false);
+        };
+        server.listen(namedPipePath, onSuccess);
+        server.on('error', onError);
+    });
+}
+//# sourceMappingURL=server.js.map

package/lib/utils.d.ts

@@ -0,0 +1,31 @@
+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;
+declare class NamedPipeServer {
+    path: string;
+    connecting: boolean;
+    projectInfo?: ProjectInfo;
+    containsFileCache: Map<string, Promise<boolean | null | undefined>>;
+    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<ComponentPropInfo[] | null | undefined>;
+    update(): void;
+    connect(): void;
+    close(): void;
+    socket?: net.Socket;
+    seq: number;
+    dataChunks: Buffer[];
+    requestHandlers: Map<number, (res: any) => void>;
+    onData(chunk: Buffer): void;
+    onNotification(type: NotificationData[0], fileName: string, data: any): void;
+    sendRequest<T>(requestType: RequestData[1], fileName: string, ...args: any[]): Promise<T | null | undefined>;
+}
+export declare const configuredServers: NamedPipeServer[];
+export declare const inferredServers: NamedPipeServer[];
+export declare const onServerReady: (() => void)[];
+export declare function getBestServer(fileName: string): Promise<NamedPipeServer | undefined>;

package/lib/utils.js

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onServerReady = exports.inferredServers = exports.configuredServers = void 0;
+exports.getServerPath = getServerPath;
+exports.getBestServer = getBestServer;
+const language_core_1 = require("@vue/language-core");
+const shared_1 = require("@vue/shared");
+const fs = require("node:fs");
+const net = require("node:net");
+const os = require("node:os");
+const path = require("node:path");
+const { version } = require('../package.json');
+const platform = os.platform();
+const pipeDir = platform === 'win32'
+    ? `\\\\.\\pipe\\`
+    : `/tmp/`;
+function getServerPath(kind, id) {
+    if (kind === 1) {
+        return `${pipeDir}vue-named-pipe-${version}-configured-${id}`;
+    }
+    else {
+        return `${pipeDir}vue-named-pipe-${version}-inferred-${id}`;
+    }
+}
+class NamedPipeServer {
+    constructor(kind, id) {
+        this.connecting = false;
+        this.containsFileCache = new Map();
+        this.componentNamesAndProps = new language_core_1.FileMap(false);
+        this.seq = 0;
+        this.dataChunks = [];
+        this.requestHandlers = new Map();
+        this.path = getServerPath(kind, id);
+    }
+    containsFile(fileName) {
+        if (this.projectInfo) {
+            if (!this.containsFileCache.has(fileName)) {
+                this.containsFileCache.set(fileName, (async () => {
+                    const res = await this.sendRequest('containsFile', fileName);
+                    if (typeof res !== 'boolean') {
+                        // If the request fails, delete the cache
+                        this.containsFileCache.delete(fileName);
+                    }
+                    return res;
+                })());
+            }
+            return this.containsFileCache.get(fileName);
+        }
+    }
+    async getComponentProps(fileName, tag) {
+        const componentAndProps = this.componentNamesAndProps.get(fileName);
+        if (!componentAndProps) {
+            return;
+        }
+        const props = componentAndProps[tag]
+            ?? componentAndProps[(0, shared_1.camelize)(tag)]
+            ?? componentAndProps[(0, shared_1.capitalize)((0, shared_1.camelize)(tag))];
+        if (props) {
+            return props;
+        }
+        return await this.sendRequest('subscribeComponentProps', fileName, tag);
+    }
+    update() {
+        if (!this.connecting && !this.projectInfo) {
+            this.connecting = true;
+            this.connect();
+        }
+    }
+    connect() {
+        this.socket = net.connect(this.path);
+        this.socket.on('data', this.onData.bind(this));
+        this.socket.on('connect', async () => {
+            const projectInfo = await this.sendRequest('projectInfo', '');
+            if (projectInfo) {
+                console.log('TSServer project ready:', projectInfo.name);
+                this.projectInfo = projectInfo;
+                this.containsFileCache.clear();
+                exports.onServerReady.forEach(cb => cb());
+            }
+            else {
+                this.close();
+            }
+        });
+        this.socket.on('error', err => {
+            if (err.code === 'ECONNREFUSED') {
+                try {
+                    console.log('Deleteing invalid named pipe file:', this.path);
+                    fs.promises.unlink(this.path);
+                }
+                catch { }
+            }
+            this.close();
+        });
+        this.socket.on('timeout', () => {
+            this.close();
+        });
+    }
+    close() {
+        this.connecting = false;
+        this.projectInfo = undefined;
+        this.socket?.end();
+    }
+    onData(chunk) {
+        this.dataChunks.push(chunk);
+        const data = Buffer.concat(this.dataChunks);
+        const text = data.toString();
+        if (text.endsWith('\n\n')) {
+            this.dataChunks.length = 0;
+            const results = text.split('\n\n');
+            for (let result of results) {
+                result = result.trim();
+                if (!result) {
+                    continue;
+                }
+                try {
+                    const data = JSON.parse(result.trim());
+                    if (typeof data[0] === 'number') {
+                        const [seq, res] = data;
+                        this.requestHandlers.get(seq)?.(res);
+                    }
+                    else {
+                        const [type, fileName, res] = data;
+                        this.onNotification(type, fileName, res);
+                    }
+                }
+                catch (e) {
+                    console.error('JSON parse error:', e);
+                }
+            }
+        }
+    }
+    onNotification(type, fileName, data) {
+        // console.log(`[${type}] ${fileName} ${JSON.stringify(data)}`);
+        if (type === 'componentNamesUpdated') {
+            let components = this.componentNamesAndProps.get(fileName);
+            if (!components) {
+                components = {};
+                this.componentNamesAndProps.set(fileName, components);
+            }
+            const newNames = data;
+            const newNameSet = new Set(newNames);
+            for (const name in components) {
+                if (!newNameSet.has(name)) {
+                    delete components[name];
+                }
+            }
+            for (const name of newNames) {
+                if (!components[name]) {
+                    components[name] = null;
+                }
+            }
+        }
+        else if (type === 'componentPropsUpdated') {
+            const components = this.componentNamesAndProps.get(fileName) ?? {};
+            const [name, props] = data;
+            if (name in components) {
+                components[name] = props;
+            }
+        }
+        else {
+            console.error('Unknown notification type:', type);
+            debugger;
+        }
+    }
+    sendRequest(requestType, fileName, ...args) {
+        return new Promise(resolve => {
+            const seq = this.seq++;
+            // console.time(`[${seq}] ${requestType} ${fileName}`);
+            this.requestHandlers.set(seq, data => {
+                // console.timeEnd(`[${seq}] ${requestType} ${fileName}`);
+                this.requestHandlers.delete(seq);
+                resolve(data);
+                clearInterval(retryTimer);
+            });
+            const retry = () => {
+                const data = [seq, requestType, fileName, ...args];
+                this.socket.write(JSON.stringify(data) + '\n\n');
+            };
+            retry();
+            const retryTimer = setInterval(retry, 1000);
+        });
+    }
+}
+exports.configuredServers = [];
+exports.inferredServers = [];
+exports.onServerReady = [];
+for (let i = 0; i < 10; i++) {
+    exports.configuredServers.push(new NamedPipeServer(1, i));
+    exports.inferredServers.push(new NamedPipeServer(0, i));
+}
+async function getBestServer(fileName) {
+    for (const server of exports.configuredServers) {
+        server.update();
+    }
+    let servers = (await Promise.all(exports.configuredServers.map(async (server) => {
+        const projectInfo = server.projectInfo;
+        if (!projectInfo) {
+            return;
+        }
+        const containsFile = await server.containsFile(fileName);
+        if (!containsFile) {
+            return;
+        }
+        return server;
+    }))).filter(server => !!server);
+    // Sort servers by tsconfig
+    servers.sort((a, b) => sortTSConfigs(fileName, a.projectInfo.name, b.projectInfo.name));
+    if (servers.length) {
+        // Return the first server
+        return servers[0];
+    }
+    for (const server of exports.inferredServers) {
+        server.update();
+    }
+    servers = (await Promise.all(exports.inferredServers.map(server => {
+        const projectInfo = server.projectInfo;
+        if (!projectInfo) {
+            return;
+        }
+        // Check if the file is in the project's directory
+        if (path.relative(projectInfo.currentDirectory, fileName).startsWith('..')) {
+            return;
+        }
+        return server;
+    }))).filter(server => !!server);
+    // Sort servers by directory
+    servers.sort((a, b) => b.projectInfo.currentDirectory.replace(/\\/g, '/').split('/').length
+        - a.projectInfo.currentDirectory.replace(/\\/g, '/').split('/').length);
+    if (servers.length) {
+        // Return the first server
+        return servers[0];
+    }
+}
+function sortTSConfigs(file, a, b) {
+    const inA = isFileInDir(file, path.dirname(a));
+    const inB = isFileInDir(file, path.dirname(b));
+    if (inA !== inB) {
+        const aWeight = inA ? 1 : 0;
+        const bWeight = inB ? 1 : 0;
+        return bWeight - aWeight;
+    }
+    const aLength = a.split('/').length;
+    const bLength = b.split('/').length;
+    return bLength - aLength;
+}
+function isFileInDir(fileName, dir) {
+    const relative = path.relative(dir, fileName);
+    return !!relative && !relative.startsWith('..') && !path.isAbsolute(relative);
+}
+//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/typescript-plugin",
-	"version": "3.0.0-alpha.0",
+	"version": "3.0.0-alpha.10",
 	"license": "MIT",
 	"files": [
 		"**/*.js",
@@ -13,12 +13,14 @@
 		"directory": "packages/typescript-plugin"
 	},
 	"dependencies": {
-		"@volar/typescript": "~2.4.11",
-		"@vue/language-core": "3.0.0-alpha.0",
-		"@vue/shared": "^3.5.0"
+		"@volar/typescript": "~2.4.13",
+		"@vue/language-core": "3.0.0-alpha.10",
+		"@vue/shared": "^3.5.0",
+		"path-browserify": "^1.0.1"
 	},
 	"devDependencies": {
-		"@types/node": "^22.10.4"
+		"@types/node": "^22.10.4",
+		"@types/path-browserify": "^1.0.1"
 	},
-	"gitHead": "4b49cbe09097e482def4603b90f6c3b93bb2e913"
+	"gitHead": "28308b4f76cc80c7632f39ae7e0944f1889661a2"
 }