@vue/language-service 3.0.0-alpha.6 → 3.0.0-beta.1

package/index.d.ts

@@ -1,9 +1,8 @@
 export * from '@volar/language-service';
-export * from '@vue/language-core';
-export * from './lib/nameCasing';
-export * from './lib/types';
+export * from '@volar/language-service/lib/utils/featureWorkers';
 import type { LanguageServicePlugin } from '@volar/language-service';
-import { type VueCompilerOptions } from '@vue/language-core';
+import type { VueCompilerOptions } from '@vue/language-core';
+import type * as ts from 'typescript';
 declare module '@volar/language-service' {
     interface ProjectContext {
         vue?: {
@@ -11,8 +10,6 @@ declare module '@volar/language-service' {
         };
     }
 }
-export declare function getFullLanguageServicePlugins(ts: typeof import('typescript')): LanguageServicePlugin<any>[];
-import type * as ts from 'typescript';
-export declare function getHybridModeLanguageServicePlugins(ts: typeof import('typescript'), tsPluginClient: (import('@vue/typescript-plugin/lib/requests').Requests & {
+export declare function createVueLanguageServicePlugins(ts: typeof import('typescript'), tsPluginClient: (import('@vue/typescript-plugin/lib/requests').Requests & {
     getDocumentHighlights: (fileName: string, position: number) => Promise<ts.DocumentHighlights[] | null>;
 }) | undefined): LanguageServicePlugin<any>[];

package/index.js

@@ -15,17 +15,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFullLanguageServicePlugins = getFullLanguageServicePlugins;
-exports.getHybridModeLanguageServicePlugins = getHybridModeLanguageServicePlugins;
+exports.createVueLanguageServicePlugins = createVueLanguageServicePlugins;
 __exportStar(require("@volar/language-service"), exports);
-__exportStar(require("@vue/language-core"), exports);
-__exportStar(require("./lib/nameCasing"), exports);
-__exportStar(require("./lib/types"), exports);
-const types_1 = require("./lib/types");
+// for @vue/language-server usage
+__exportStar(require("@volar/language-service/lib/utils/featureWorkers"), exports);
 const volar_service_emmet_1 = require("volar-service-emmet");
 const volar_service_json_1 = require("volar-service-json");
 const volar_service_pug_beautify_1 = require("volar-service-pug-beautify");
-const volar_service_typescript_1 = require("volar-service-typescript");
 const volar_service_typescript_twoslash_queries_1 = require("volar-service-typescript-twoslash-queries");
 const docCommentTemplate_1 = require("volar-service-typescript/lib/plugins/docCommentTemplate");
 const syntactic_1 = require("volar-service-typescript/lib/plugins/syntactic");
@@ -44,130 +40,7 @@ const vue_missing_props_hints_1 = require("./lib/plugins/vue-missing-props-hints
 const vue_sfc_1 = require("./lib/plugins/vue-sfc");
 const vue_template_1 = require("./lib/plugins/vue-template");
 const vue_twoslash_queries_1 = require("./lib/plugins/vue-twoslash-queries");
-const language_core_1 = require("@vue/language-core");
-const common_1 = require("@vue/typescript-plugin/lib/common");
-const collectExtractProps_1 = require("@vue/typescript-plugin/lib/requests/collectExtractProps");
-const getComponentDirectives_1 = require("@vue/typescript-plugin/lib/requests/getComponentDirectives");
-const getComponentEvents_1 = require("@vue/typescript-plugin/lib/requests/getComponentEvents");
-const getComponentNames_1 = require("@vue/typescript-plugin/lib/requests/getComponentNames");
-const getComponentProps_1 = require("@vue/typescript-plugin/lib/requests/getComponentProps");
-const getElementAttrs_1 = require("@vue/typescript-plugin/lib/requests/getElementAttrs");
-const getElementNames_1 = require("@vue/typescript-plugin/lib/requests/getElementNames");
-const getImportPathForFile_1 = require("@vue/typescript-plugin/lib/requests/getImportPathForFile");
-const getPropertiesAtLocation_1 = require("@vue/typescript-plugin/lib/requests/getPropertiesAtLocation");
-const vscode_uri_1 = require("vscode-uri");
-const nameCasing_1 = require("./lib/nameCasing");
-function getFullLanguageServicePlugins(ts) {
-    const plugins = [
-        ...(0, volar_service_typescript_1.create)(ts),
-        ...getCommonLanguageServicePlugins(ts, getTsPluginClientForLSP),
-    ];
-    for (let i = 0; i < plugins.length; i++) {
-        const plugin = plugins[i];
-        if (plugin.name === 'typescript-semantic') {
-            plugins[i] = {
-                ...plugin,
-                create(context) {
-                    const created = plugin.create(context);
-                    if (!context.project.typescript) {
-                        return created;
-                    }
-                    const languageService = created.provide['typescript/languageService']();
-                    if (context.project.vue) {
-                        const proxy = (0, common_1.proxyLanguageServiceForVue)(ts, context.language, languageService, context.project.vue.compilerOptions, s => context.project.typescript?.uriConverter.asUri(s));
-                        languageService.getCompletionsAtPosition = proxy.getCompletionsAtPosition;
-                        languageService.getCompletionEntryDetails = proxy.getCompletionEntryDetails;
-                        languageService.getCodeFixesAtPosition = proxy.getCodeFixesAtPosition;
-                        languageService.getDefinitionAndBoundSpan = proxy.getDefinitionAndBoundSpan;
-                        languageService.getQuickInfoAtPosition = proxy.getQuickInfoAtPosition;
-                    }
-                    return created;
-                },
-            };
-            break;
-        }
-    }
-    return plugins;
-    function getTsPluginClientForLSP(context) {
-        if (!context.project.typescript) {
-            return;
-        }
-        const languageService = context.inject('typescript/languageService');
-        if (!languageService) {
-            return;
-        }
-        const requestContext = {
-            typescript: ts,
-            language: context.language,
-            languageService,
-            languageServiceHost: context.project.typescript.languageServiceHost,
-            isTsPlugin: false,
-            getFileId: s => context.project.typescript.uriConverter.asUri(s),
-        };
-        return {
-            async collectExtractProps(...args) {
-                return collectExtractProps_1.collectExtractProps.apply(requestContext, args);
-            },
-            async getPropertiesAtLocation(...args) {
-                return getPropertiesAtLocation_1.getPropertiesAtLocation.apply(requestContext, args);
-            },
-            async getImportPathForFile(...args) {
-                return getImportPathForFile_1.getImportPathForFile.apply(requestContext, args);
-            },
-            async getComponentEvents(...args) {
-                return getComponentEvents_1.getComponentEvents.apply(requestContext, args);
-            },
-            async getComponentDirectives(...args) {
-                return getComponentDirectives_1.getComponentDirectives.apply(requestContext, args);
-            },
-            async getComponentNames(...args) {
-                return getComponentNames_1.getComponentNames.apply(requestContext, args);
-            },
-            async getComponentProps(...args) {
-                return getComponentProps_1.getComponentProps.apply(requestContext, args);
-            },
-            async getElementAttrs(...args) {
-                return getElementAttrs_1.getElementAttrs.apply(requestContext, args);
-            },
-            async getElementNames(...args) {
-                return getElementNames_1.getElementNames.apply(requestContext, args);
-            },
-            async getQuickInfoAtPosition(fileName, position) {
-                const languageService = context.getLanguageService();
-                const uri = context.project.typescript.uriConverter.asUri(fileName);
-                const sourceScript = context.language.scripts.get(uri);
-                if (!sourceScript) {
-                    return;
-                }
-                const hover = await languageService.getHover(uri, position);
-                let text = '';
-                if (typeof hover?.contents === 'string') {
-                    text = hover.contents;
-                }
-                else if (Array.isArray(hover?.contents)) {
-                    text = hover.contents.map(c => typeof c === 'string' ? c : c.value).join('\n');
-                }
-                else if (hover) {
-                    text = hover.contents.value;
-                }
-                text = text.replace(/```typescript/g, '');
-                text = text.replace(/```/g, '');
-                text = text.replace(/---/g, '');
-                text = text.trim();
-                while (true) {
-                    const newText = text.replace(/\n\n/g, '\n');
-                    if (newText === text) {
-                        break;
-                    }
-                    text = newText;
-                }
-                text = text.replace(/\n/g, ' | ');
-                return text;
-            },
-        };
-    }
-}
-function getHybridModeLanguageServicePlugins(ts, tsPluginClient) {
+function createVueLanguageServicePlugins(ts, tsPluginClient) {
     const plugins = [
         (0, syntactic_1.create)(ts),
         (0, docCommentTemplate_1.create)(ts),
@@ -208,56 +81,6 @@ function getCommonLanguageServicePlugins(ts, getTsPluginClient) {
                 'postcss': 'scss',
             },
         }),
-        {
-            name: 'vue-parse-sfc',
-            capabilities: {
-                executeCommandProvider: {
-                    commands: [types_1.commands.parseSfc],
-                },
-            },
-            create() {
-                return {
-                    executeCommand(_command, [source]) {
-                        return (0, language_core_1.parse)(source);
-                    },
-                };
-            },
-        },
-        {
-            name: 'vue-name-casing',
-            capabilities: {
-                executeCommandProvider: {
-                    commands: [
-                        types_1.commands.detectNameCasing,
-                        types_1.commands.convertTagsToKebabCase,
-                        types_1.commands.convertTagsToPascalCase,
-                        types_1.commands.convertPropsToKebabCase,
-                        types_1.commands.convertPropsToCamelCase,
-                    ],
-                }
-            },
-            create(context) {
-                return {
-                    executeCommand(command, [uri]) {
-                        if (command === types_1.commands.detectNameCasing) {
-                            return (0, nameCasing_1.detect)(context, vscode_uri_1.URI.parse(uri));
-                        }
-                        else if (command === types_1.commands.convertTagsToKebabCase) {
-                            return (0, nameCasing_1.convertTagName)(context, vscode_uri_1.URI.parse(uri), types_1.TagNameCasing.Kebab, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertTagsToPascalCase) {
-                            return (0, nameCasing_1.convertTagName)(context, vscode_uri_1.URI.parse(uri), types_1.TagNameCasing.Pascal, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertPropsToKebabCase) {
-                            return (0, nameCasing_1.convertAttrName)(context, vscode_uri_1.URI.parse(uri), types_1.AttrNameCasing.Kebab, getTsPluginClient(context));
-                        }
-                        else if (command === types_1.commands.convertPropsToCamelCase) {
-                            return (0, nameCasing_1.convertAttrName)(context, vscode_uri_1.URI.parse(uri), types_1.AttrNameCasing.Camel, getTsPluginClient(context));
-                        }
-                    },
-                };
-            },
-        }
     ];
 }
 //# sourceMappingURL=index.js.map

package/lib/nameCasing.d.ts

@@ -1,14 +1,14 @@
 import type { LanguageServiceContext } from '@volar/language-service';
-import type * as vscode from 'vscode-languageserver-protocol';
 import type { URI } from 'vscode-uri';
-import { AttrNameCasing, TagNameCasing } from './types';
-export declare function convertTagName(context: LanguageServiceContext, uri: URI, casing: TagNameCasing, tsPluginClient: import('@vue/typescript-plugin/lib/requests').Requests | undefined): Promise<vscode.TextEdit[] | undefined>;
-export declare function convertAttrName(context: LanguageServiceContext, uri: URI, casing: AttrNameCasing, tsPluginClient?: import('@vue/typescript-plugin/lib/requests').Requests): Promise<vscode.TextEdit[] | undefined>;
-export declare function getNameCasing(context: LanguageServiceContext, uri: URI): Promise<{
+export declare enum TagNameCasing {
+    Kebab = 0,
+    Pascal = 1
+}
+export declare enum AttrNameCasing {
+    Kebab = 0,
+    Camel = 1
+}
+export declare function checkCasing(context: LanguageServiceContext, uri: URI): Promise<{
     tag: TagNameCasing;
     attr: AttrNameCasing;
 }>;
-export declare function detect(context: LanguageServiceContext, uri: URI): Promise<{
-    tag: TagNameCasing[];
-    attr: AttrNameCasing[];
-}>;

package/lib/nameCasing.js

@@ -1,201 +1,127 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertTagName = convertTagName;
-exports.convertAttrName = convertAttrName;
-exports.getNameCasing = getNameCasing;
-exports.detect = detect;
+exports.AttrNameCasing = exports.TagNameCasing = void 0;
+exports.checkCasing = checkCasing;
 const language_core_1 = require("@vue/language-core");
-const alien_signals_1 = require("alien-signals");
-const types_1 = require("./types");
-async function convertTagName(context, uri, casing, tsPluginClient) {
-    const sourceFile = context.language.scripts.get(uri);
-    if (!sourceFile) {
-        return;
-    }
-    const root = sourceFile?.generated?.root;
-    if (!(root instanceof language_core_1.VueVirtualCode)) {
-        return;
-    }
-    const { template } = root.sfc;
-    if (!template) {
-        return;
-    }
-    const document = context.documents.get(sourceFile.id, sourceFile.languageId, sourceFile.snapshot);
-    const edits = [];
-    const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
-    const tags = getTemplateTagsAndAttrs(root);
-    for (const [tagName, { offsets }] of tags) {
-        const componentName = components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
-        if (componentName) {
-            for (const offset of offsets) {
-                const start = document.positionAt(template.startTagEnd + offset);
-                const end = document.positionAt(template.startTagEnd + offset + tagName.length);
-                const range = { start, end };
-                if (casing === types_1.TagNameCasing.Kebab && tagName !== (0, language_core_1.hyphenateTag)(componentName)) {
-                    edits.push({ range, newText: (0, language_core_1.hyphenateTag)(componentName) });
-                }
-                if (casing === types_1.TagNameCasing.Pascal && tagName !== componentName) {
-                    edits.push({ range, newText: componentName });
-                }
-            }
-        }
-    }
-    return edits;
-}
-async function convertAttrName(context, uri, casing, tsPluginClient) {
-    const sourceFile = context.language.scripts.get(uri);
-    if (!sourceFile) {
-        return;
-    }
-    const root = sourceFile?.generated?.root;
-    if (!(root instanceof language_core_1.VueVirtualCode)) {
-        return;
-    }
-    const { template } = root.sfc;
-    if (!template) {
-        return;
-    }
-    const document = context.documents.get(uri, sourceFile.languageId, sourceFile.snapshot);
-    const edits = [];
-    const components = await tsPluginClient?.getComponentNames(root.fileName) ?? [];
-    const tags = getTemplateTagsAndAttrs(root);
-    for (const [tagName, { attrs }] of tags) {
-        const componentName = components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
-        if (componentName) {
-            const props = (await tsPluginClient?.getComponentProps(root.fileName, componentName) ?? []).map(prop => prop.name);
-            for (const [attrName, { offsets }] of attrs) {
-                const propName = props.find(prop => prop === attrName || (0, language_core_1.hyphenateAttr)(prop) === attrName);
-                if (propName) {
-                    for (const offset of offsets) {
-                        const start = document.positionAt(template.startTagEnd + offset);
-                        const end = document.positionAt(template.startTagEnd + offset + attrName.length);
-                        const range = { start, end };
-                        if (casing === types_1.AttrNameCasing.Kebab && attrName !== (0, language_core_1.hyphenateAttr)(propName)) {
-                            edits.push({ range, newText: (0, language_core_1.hyphenateAttr)(propName) });
-                        }
-                        if (casing === types_1.AttrNameCasing.Camel && attrName !== propName) {
-                            edits.push({ range, newText: propName });
-                        }
-                    }
-                }
-            }
-        }
-    }
-    return edits;
-}
-async function getNameCasing(context, uri) {
-    const detected = await detect(context, uri);
+var TagNameCasing;
+(function (TagNameCasing) {
+    TagNameCasing[TagNameCasing["Kebab"] = 0] = "Kebab";
+    TagNameCasing[TagNameCasing["Pascal"] = 1] = "Pascal";
+})(TagNameCasing || (exports.TagNameCasing = TagNameCasing = {}));
+var AttrNameCasing;
+(function (AttrNameCasing) {
+    AttrNameCasing[AttrNameCasing["Kebab"] = 0] = "Kebab";
+    AttrNameCasing[AttrNameCasing["Camel"] = 1] = "Camel";
+})(AttrNameCasing || (exports.AttrNameCasing = AttrNameCasing = {}));
+async function checkCasing(context, uri) {
+    const detected = detect(context, uri);
     const [attr, tag] = await Promise.all([
         context.env.getConfiguration?.('vue.complete.casing.props', uri.toString()),
         context.env.getConfiguration?.('vue.complete.casing.tags', uri.toString()),
     ]);
-    const tagNameCasing = detected.tag.length === 1 && (tag === 'autoPascal' || tag === 'autoKebab') ? detected.tag[0] : (tag === 'autoKebab' || tag === 'kebab') ? types_1.TagNameCasing.Kebab : types_1.TagNameCasing.Pascal;
-    const attrNameCasing = detected.attr.length === 1 && (attr === 'autoCamel' || attr === 'autoKebab') ? detected.attr[0] : (attr === 'autoCamel' || attr === 'camel') ? types_1.AttrNameCasing.Camel : types_1.AttrNameCasing.Kebab;
+    const tagNameCasing = detected.tag.length === 1 && (tag === 'autoPascal' || tag === 'autoKebab')
+        ? detected.tag[0]
+        : (tag === 'autoKebab' || tag === 'kebab')
+            ? TagNameCasing.Kebab
+            : TagNameCasing.Pascal;
+    const attrNameCasing = detected.attr.length === 1 && (attr === 'autoCamel' || attr === 'autoKebab')
+        ? detected.attr[0]
+        : (attr === 'autoCamel' || attr === 'camel')
+            ? AttrNameCasing.Camel
+            : AttrNameCasing.Kebab;
     return {
         tag: tagNameCasing,
         attr: attrNameCasing,
     };
 }
-async function detect(context, uri) {
-    const rootFile = context.language.scripts.get(uri)?.generated?.root;
-    if (!(rootFile instanceof language_core_1.VueVirtualCode)) {
-        return {
-            tag: [],
-            attr: [],
-        };
+const cache = new WeakMap();
+function detect(context, uri) {
+    const root = context.language.scripts.get(uri)?.generated?.root;
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return { tag: [], attr: [] };
     }
     return {
-        tag: await getTagNameCase(rootFile),
-        attr: getAttrNameCase(rootFile),
+        tag: detectTagCasing(root),
+        attr: detectAttrCasing(root),
     };
-    function getAttrNameCase(file) {
-        const tags = getTemplateTagsAndAttrs(file);
-        const result = [];
-        for (const [_, { attrs }] of tags) {
-            for (const [tagName] of attrs) {
-                // attrName
-                if (tagName !== (0, language_core_1.hyphenateTag)(tagName)) {
-                    result.push(types_1.AttrNameCasing.Camel);
-                    break;
-                }
+}
+function detectAttrCasing(code) {
+    let tags;
+    if (cache.has(code)) {
+        tags = cache.get(code);
+    }
+    else {
+        cache.set(code, tags = collectTags(code));
+    }
+    const result = new Set();
+    for (const [, attrs] of tags ?? []) {
+        for (const attr of attrs) {
+            // attrName
+            if (attr !== (0, language_core_1.hyphenateTag)(attr)) {
+                result.add(AttrNameCasing.Camel);
+                break;
             }
-            for (const [tagName] of attrs) {
-                // attr-name
-                if (tagName.includes('-')) {
-                    result.push(types_1.AttrNameCasing.Kebab);
-                    break;
-                }
+        }
+        for (const attr of attrs) {
+            // attr-name
+            if (attr.includes('-')) {
+                result.add(AttrNameCasing.Kebab);
+                break;
             }
         }
-        return result;
     }
-    function getTagNameCase(file) {
-        const result = new Set();
-        if (file.sfc.template?.ast) {
-            for (const element of (0, language_core_1.forEachElementNode)(file.sfc.template.ast)) {
-                if (element.tagType === 1) {
-                    if (element.tag !== (0, language_core_1.hyphenateTag)(element.tag)) {
-                        // TagName
-                        result.add(types_1.TagNameCasing.Pascal);
-                    }
-                    else {
-                        // Tagname -> tagname
-                        // TagName -> tag-name
-                        result.add(types_1.TagNameCasing.Kebab);
-                    }
-                }
-            }
+    return [...result];
+}
+function detectTagCasing(code) {
+    let tags;
+    if (cache.has(code)) {
+        tags = cache.get(code);
+    }
+    else {
+        cache.set(code, tags = collectTags(code));
+    }
+    const result = new Set();
+    for (const [tag] of tags ?? []) {
+        if (tag !== (0, language_core_1.hyphenateTag)(tag)) {
+            // TagName
+            result.add(TagNameCasing.Pascal);
+        }
+        else {
+            // tag-name
+            result.add(TagNameCasing.Kebab);
         }
-        return [...result];
     }
+    return [...result];
 }
-const map = new WeakMap();
-function getTemplateTagsAndAttrs(sourceFile) {
-    if (!map.has(sourceFile)) {
-        const getter = (0, alien_signals_1.computed)(() => {
-            if (!(sourceFile instanceof language_core_1.VueVirtualCode)) {
-                return;
+function collectTags(root) {
+    if (!(root instanceof language_core_1.VueVirtualCode)) {
+        return undefined;
+    }
+    const ast = root.sfc.template?.ast;
+    if (!ast) {
+        return undefined;
+    }
+    const tags = new Map();
+    for (const node of (0, language_core_1.forEachElementNode)(ast)) {
+        let tag = tags.get(node.tag);
+        if (!tag) {
+            tags.set(node.tag, tag = []);
+        }
+        for (const prop of node.props) {
+            let name;
+            if (prop.type === 7
+                && prop.arg?.type === 4
+                && prop.arg.isStatic) {
+                name = prop.arg.content;
             }
-            const ast = sourceFile.sfc.template?.ast;
-            const tags = new Map();
-            if (ast) {
-                for (const node of (0, language_core_1.forEachElementNode)(ast)) {
-                    if (!tags.has(node.tag)) {
-                        tags.set(node.tag, { offsets: [], attrs: new Map() });
-                    }
-                    const tag = tags.get(node.tag);
-                    const startTagHtmlOffset = node.loc.start.offset + node.loc.source.indexOf(node.tag);
-                    const endTagHtmlOffset = node.loc.start.offset + node.loc.source.lastIndexOf(node.tag);
-                    tag.offsets.push(startTagHtmlOffset);
-                    if (!node.isSelfClosing) {
-                        tag.offsets.push(endTagHtmlOffset);
-                    }
-                    for (const prop of node.props) {
-                        let name;
-                        let offset;
-                        if (prop.type === 7
-                            && prop.arg?.type === 4
-                            && prop.arg.isStatic) {
-                            name = prop.arg.content;
-                            offset = prop.arg.loc.start.offset;
-                        }
-                        else if (prop.type === 6) {
-                            name = prop.name;
-                            offset = prop.loc.start.offset;
-                        }
-                        if (name !== undefined && offset !== undefined) {
-                            if (!tag.attrs.has(name)) {
-                                tag.attrs.set(name, { offsets: [] });
-                            }
-                            tag.attrs.get(name).offsets.push(offset);
-                        }
-                    }
-                }
+            else if (prop.type === 6) {
+                name = prop.name;
             }
-            return tags;
-        });
-        map.set(sourceFile, getter);
+            if (name !== undefined) {
+                tag.push(name);
+            }
+        }
     }
-    return map.get(sourceFile)() ?? new Map();
+    return tags;
 }
 //# sourceMappingURL=nameCasing.js.map