@vue/language-service 1.9.0-alpha.2 → 2.0.0

package/out/helpers.js

@@ -1,235 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTemplateTagsAndAttrs = exports.getElementAttrs = exports.getComponentNames = exports.getTemplateCtx = exports.getEventsOfTag = exports.getPropsByTag = void 0;
-const vue = require("@vue/language-core");
-const embedded = require("@volar/language-core");
-const computeds_1 = require("computeds");
-const language_core_1 = require("@vue/language-core");
-const shared_1 = require("@vue/shared");
-function getPropsByTag(ts, tsLs, sourceFile, tag, vueCompilerOptions, requiredOnly = false) {
-    const checker = tsLs.getProgram().getTypeChecker();
-    const components = getVariableType(ts, tsLs, sourceFile, '__VLS_components');
-    if (!components)
-        return [];
-    const name = tag.split('.');
-    let componentSymbol = components.type.getProperty(name[0]);
-    if (!componentSymbol && !vueCompilerOptions.nativeTags.includes(name[0])) {
-        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 propParam = sig.parameters[0];
-        if (propParam) {
-            const propsType = checker.getTypeOfSymbolAtLocation(propParam, components.node);
-            const props = propsType.getProperties();
-            for (const prop of props) {
-                if (!requiredOnly || !(prop.flags & ts.SymbolFlags.Optional)) {
-                    result.add(prop.name);
-                }
-            }
-        }
-    }
-    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;
-                }
-                if (!requiredOnly || !(prop.flags & ts.SymbolFlags.Optional)) {
-                    result.add(prop.name);
-                }
-            }
-        }
-    }
-    return [...result];
-}
-exports.getPropsByTag = getPropsByTag;
-function getEventsOfTag(ts, tsLs, sourceFile, tag, vueCompilerOptions) {
-    const checker = tsLs.getProgram().getTypeChecker();
-    const components = getVariableType(ts, tsLs, sourceFile, '__VLS_components');
-    if (!components)
-        return [];
-    const name = tag.split('.');
-    let componentSymbol = components.type.getProperty(name[0]);
-    if (!componentSymbol && !vueCompilerOptions.nativeTags.includes(name[0])) {
-        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];
-}
-exports.getEventsOfTag = getEventsOfTag;
-function getTemplateCtx(ts, tsLs, sourceFile) {
-    return getVariableType(ts, tsLs, sourceFile, '__VLS_ctx')
-        ?.type
-        ?.getProperties()
-        .map(c => c.name);
-}
-exports.getTemplateCtx = getTemplateCtx;
-function getComponentNames(ts, tsLs, sourceFile, vueCompilerOptions) {
-    return getVariableType(ts, tsLs, sourceFile, '__VLS_components')
-        ?.type
-        ?.getProperties()
-        .map(c => c.name)
-        .filter(entry => entry.indexOf('$') === -1 && !entry.startsWith('_'))
-        .filter(entry => !vueCompilerOptions.nativeTags.includes(entry))
-        ?? [];
-}
-exports.getComponentNames = getComponentNames;
-function getElementAttrs(ts, tsLs, tsLsHost, tagName) {
-    const sharedTypesFileName = tsLsHost.getCurrentDirectory() + '/' + language_core_1.sharedTypes.baseName;
-    let tsSourceFile;
-    if (tsSourceFile = tsLs.getProgram()?.getSourceFile(sharedTypesFileName)) {
-        const typeNode = tsSourceFile.statements.find((node) => ts.isTypeAliasDeclaration(node) && node.name.getText() === '__VLS_IntrinsicElements');
-        const checker = tsLs.getProgram()?.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 [];
-}
-exports.getElementAttrs = getElementAttrs;
-function getVariableType(ts, tsLs, sourceFile, name) {
-    if (!(sourceFile instanceof vue.VueFile)) {
-        return;
-    }
-    let file;
-    let tsSourceFile;
-    embedded.forEachEmbeddedFile(sourceFile, embedded => {
-        if (embedded.fileName === sourceFile.mainScriptName) {
-            file = embedded;
-        }
-    });
-    if (file && (tsSourceFile = tsLs.getProgram()?.getSourceFile(file.fileName))) {
-        const node = searchVariableDeclarationNode(ts, tsSourceFile, name);
-        const checker = tsLs.getProgram()?.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);
-        }
-    }
-}
-const map = new WeakMap();
-function getTemplateTagsAndAttrs(sourceFile) {
-    if (!map.has(sourceFile)) {
-        const getter = (0, computeds_1.computed)(() => {
-            if (!(sourceFile instanceof vue.VueFile))
-                return;
-            const ast = sourceFile.sfc.template?.ast;
-            const tags = new Map();
-            if (ast) {
-                vue.walkElementNodes(ast, node => {
-                    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);
-                        }
-                    }
-                });
-            }
-            return tags;
-        });
-        map.set(sourceFile, getter);
-    }
-    return map.get(sourceFile)() ?? new Map();
-}
-exports.getTemplateTagsAndAttrs = getTemplateTagsAndAttrs;
-//# sourceMappingURL=helpers.js.map

package/out/ideFeatures/dragImport.d.ts

@@ -1,9 +0,0 @@
-import { ServiceContext } from '@volar/language-service';
-import type * as vscode from 'vscode-languageserver-protocol';
-import { TagNameCasing } from '../types';
-export declare function getDragImportEdits(ts: typeof import('typescript/lib/tsserverlibrary'), ctx: ServiceContext, uri: string, importUri: string, casing: TagNameCasing): {
-    insertText: string;
-    insertTextFormat: vscode.InsertTextFormat;
-    additionalEdits: vscode.TextEdit[];
-} | undefined;
-//# sourceMappingURL=dragImport.d.ts.map

package/out/ideFeatures/dragImport.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDragImportEdits = void 0;
-const shared_1 = require("@vue/shared");
-const path = require("path-browserify");
-const vue_extract_file_1 = require("../plugins/vue-extract-file");
-const types_1 = require("../types");
-function getDragImportEdits(ts, ctx, uri, importUri, casing) {
-    let baseName = importUri.substring(importUri.lastIndexOf('/') + 1);
-    baseName = baseName.substring(0, baseName.lastIndexOf('.'));
-    const newName = (0, shared_1.capitalize)((0, shared_1.camelize)(baseName));
-    const document = ctx.getTextDocument(uri);
-    const [vueFile] = ctx.documents.getVirtualFileByUri(document.uri);
-    const { sfc } = vueFile;
-    const script = sfc.scriptSetup ?? sfc.script;
-    if (!sfc.template || !script)
-        return;
-    const lastImportNode = (0, vue_extract_file_1.getLastImportNode)(ts, script.ast);
-    const edits = [
-        {
-            range: lastImportNode ? {
-                start: document.positionAt(script.startTagEnd + lastImportNode.end),
-                end: document.positionAt(script.startTagEnd + lastImportNode.end),
-            } : {
-                start: document.positionAt(script.startTagEnd),
-                end: document.positionAt(script.startTagEnd),
-            },
-            newText: `\nimport ${newName} from './${path.relative(path.dirname(uri), importUri) || importUri.substring(importUri.lastIndexOf('/') + 1)}'`,
-        },
-    ];
-    if (sfc.script) {
-        const edit = (0, vue_extract_file_1.createAddComponentToOptionEdit)(ts, sfc.script.ast, newName);
-        if (edit) {
-            edits.push({
-                range: {
-                    start: document.positionAt(sfc.script.startTagEnd + edit.range.start),
-                    end: document.positionAt(sfc.script.startTagEnd + edit.range.end),
-                },
-                newText: edit.newText,
-            });
-        }
-    }
-    return {
-        insertText: `<${casing === types_1.TagNameCasing.Kebab ? (0, shared_1.hyphenate)(newName) : newName}$0 />`,
-        insertTextFormat: 2,
-        additionalEdits: edits,
-    };
-}
-exports.getDragImportEdits = getDragImportEdits;
-//# sourceMappingURL=dragImport.js.map

package/out/ideFeatures/nameCasing.d.ts

@@ -1,16 +0,0 @@
-import { ServiceContext } from '@volar/language-service';
-import { VueCompilerOptions } from '@vue/language-core';
-import type { Provide } from 'volar-service-typescript';
-import type * as vscode from 'vscode-languageserver-protocol';
-import { AttrNameCasing, TagNameCasing } from '../types';
-export declare function convertTagName(ts: typeof import('typescript/lib/tsserverlibrary'), context: ServiceContext<Provide>, uri: string, casing: TagNameCasing, vueCompilerOptions: VueCompilerOptions): Promise<vscode.TextEdit[] | undefined>;
-export declare function convertAttrName(ts: typeof import('typescript/lib/tsserverlibrary'), context: ServiceContext, uri: string, casing: AttrNameCasing, vueCompilerOptions: VueCompilerOptions): Promise<vscode.TextEdit[] | undefined>;
-export declare function getNameCasing(ts: typeof import('typescript/lib/tsserverlibrary'), context: ServiceContext, uri: string, vueCompilerOptions: VueCompilerOptions): Promise<{
-    tag: TagNameCasing;
-    attr: AttrNameCasing;
-}>;
-export declare function detect(ts: typeof import('typescript/lib/tsserverlibrary'), context: ServiceContext, uri: string, vueCompilerOptions: VueCompilerOptions): {
-    tag: TagNameCasing[];
-    attr: AttrNameCasing[];
-};
-//# sourceMappingURL=nameCasing.d.ts.map

package/out/ideFeatures/nameCasing.js

@@ -1,158 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detect = exports.getNameCasing = exports.convertAttrName = exports.convertTagName = void 0;
-const language_core_1 = require("@vue/language-core");
-const helpers_1 = require("../helpers");
-const types_1 = require("../types");
-async function convertTagName(ts, context, uri, casing, vueCompilerOptions) {
-    const rootFile = context.documents.getSourceByUri(uri)?.root;
-    if (!(rootFile instanceof language_core_1.VueFile))
-        return;
-    const desc = rootFile.sfc;
-    if (!desc.template)
-        return;
-    const languageService = context.inject('typescript/languageService');
-    const template = desc.template;
-    const document = context.documents.getDocumentByFileName(rootFile.snapshot, rootFile.fileName);
-    const edits = [];
-    const components = (0, helpers_1.getComponentNames)(ts, languageService, rootFile, vueCompilerOptions);
-    const tags = (0, helpers_1.getTemplateTagsAndAttrs)(rootFile);
-    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;
-}
-exports.convertTagName = convertTagName;
-async function convertAttrName(ts, context, uri, casing, vueCompilerOptions) {
-    const rootFile = context.documents.getSourceByUri(uri)?.root;
-    if (!(rootFile instanceof language_core_1.VueFile))
-        return;
-    const desc = rootFile.sfc;
-    if (!desc.template)
-        return;
-    const languageService = context.inject('typescript/languageService');
-    const template = desc.template;
-    const document = context.documents.getDocumentByFileName(rootFile.snapshot, rootFile.fileName);
-    const edits = [];
-    const components = (0, helpers_1.getComponentNames)(ts, languageService, rootFile, vueCompilerOptions);
-    const tags = (0, helpers_1.getTemplateTagsAndAttrs)(rootFile);
-    for (const [tagName, { attrs }] of tags) {
-        const componentName = components.find(component => component === tagName || (0, language_core_1.hyphenateTag)(component) === tagName);
-        if (componentName) {
-            const props = (0, helpers_1.getPropsByTag)(ts, languageService, rootFile, componentName, vueCompilerOptions);
-            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;
-}
-exports.convertAttrName = convertAttrName;
-async function getNameCasing(ts, context, uri, vueCompilerOptions) {
-    const detected = detect(ts, context, uri, vueCompilerOptions);
-    const [attr, tag] = await Promise.all([
-        context.env.getConfiguration?.('vue.complete.casing.props', uri),
-        context.env.getConfiguration?.('vue.complete.casing.tags', uri),
-    ]);
-    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;
-    return {
-        tag: tagNameCasing,
-        attr: attrNameCasing,
-    };
-}
-exports.getNameCasing = getNameCasing;
-function detect(ts, context, uri, vueCompilerOptions) {
-    const rootFile = context.documents.getSourceByUri(uri)?.root;
-    if (!(rootFile instanceof language_core_1.VueFile)) {
-        return {
-            tag: [],
-            attr: [],
-        };
-    }
-    const languageService = context.inject('typescript/languageService');
-    return {
-        tag: getTagNameCase(rootFile),
-        attr: getAttrNameCase(rootFile),
-    };
-    function getAttrNameCase(file) {
-        const tags = (0, helpers_1.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;
-                }
-            }
-            for (const [tagName] of attrs) {
-                // attr-name
-                if (tagName.indexOf('-') >= 0) {
-                    result.push(types_1.AttrNameCasing.Kebab);
-                    break;
-                }
-            }
-        }
-        return result;
-    }
-    function getTagNameCase(file) {
-        const components = (0, helpers_1.getComponentNames)(ts, languageService, file, vueCompilerOptions);
-        const tagNames = (0, helpers_1.getTemplateTagsAndAttrs)(file);
-        const result = [];
-        let anyComponentUsed = false;
-        for (const component of components) {
-            if (tagNames.has(component) || tagNames.has((0, language_core_1.hyphenateTag)(component))) {
-                anyComponentUsed = true;
-                break;
-            }
-        }
-        if (!anyComponentUsed) {
-            return []; // not sure component style, because do not have any component using in <template> for check
-        }
-        for (const [tagName] of tagNames) {
-            // TagName
-            if (tagName !== (0, language_core_1.hyphenateTag)(tagName)) {
-                result.push(types_1.TagNameCasing.Pascal);
-                break;
-            }
-        }
-        for (const component of components) {
-            // Tagname -> tagname
-            // TagName -> tag-name
-            if (component !== (0, language_core_1.hyphenateTag)(component) && tagNames.has((0, language_core_1.hyphenateTag)(component))) {
-                result.push(types_1.TagNameCasing.Kebab);
-                break;
-            }
-        }
-        return result;
-    }
-}
-exports.detect = detect;
-//# sourceMappingURL=nameCasing.js.map

package/out/index.d.ts

@@ -1,8 +0,0 @@
-export * from '@volar/language-service';
-export * from '@vue/language-core';
-export * from './ideFeatures/nameCasing';
-export * from './ideFeatures/dragImport';
-export * from './languageService';
-export { TagNameCasing, AttrNameCasing } from './types';
-export { Provide } from './plugins/vue';
-//# sourceMappingURL=index.d.ts.map

package/out/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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.AttrNameCasing = exports.TagNameCasing = void 0;
-__exportStar(require("@volar/language-service"), exports);
-__exportStar(require("@vue/language-core"), exports);
-__exportStar(require("./ideFeatures/nameCasing"), exports);
-__exportStar(require("./ideFeatures/dragImport"), exports);
-__exportStar(require("./languageService"), exports);
-var types_1 = require("./types");
-Object.defineProperty(exports, "TagNameCasing", { enumerable: true, get: function () { return types_1.TagNameCasing; } });
-Object.defineProperty(exports, "AttrNameCasing", { enumerable: true, get: function () { return types_1.AttrNameCasing; } });
-//# sourceMappingURL=index.js.map

package/out/languageService.d.ts

@@ -1,9 +0,0 @@
-import { Config } from '@volar/language-service';
-import type * as ts from 'typescript/lib/tsserverlibrary';
-import { VueCompilerOptions } from './types';
-import * as JsonService from 'volar-service-json';
-export interface Settings {
-    json?: Parameters<typeof JsonService['create']>[0];
-}
-export declare function resolveConfig(ts: typeof import('typescript/lib/tsserverlibrary'), config: Config, compilerOptions?: ts.CompilerOptions, vueCompilerOptions?: Partial<VueCompilerOptions>, codegenStack?: boolean): Config;
-//# sourceMappingURL=languageService.d.ts.map