@vue/language-service 3.0.7-alpha.0 → 3.0.7

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@volar/language-service';
 export * from '@volar/language-service/lib/utils/featureWorkers';
-export declare function createVueLanguageServicePlugins(ts: typeof import('typescript'), tsPluginClient?: import('@vue/typescript-plugin/lib/requests').Requests): import("@volar/language-service").LanguageServicePlugin<any>[];
+import type { Requests } from '@vue/typescript-plugin/lib/requests';
+export declare function createVueLanguageServicePlugins(ts: typeof import('typescript'), client?: Requests): import("@volar/language-service").LanguageServicePlugin<any>[];

package/index.js

@@ -43,12 +43,12 @@ const vue_suggest_define_assignment_1 = require("./lib/plugins/vue-suggest-defin
 const vue_template_1 = require("./lib/plugins/vue-template");
 const vue_template_ref_links_1 = require("./lib/plugins/vue-template-ref-links");
 const vue_twoslash_queries_1 = require("./lib/plugins/vue-twoslash-queries");
-function createVueLanguageServicePlugins(ts, tsPluginClient) {
-    tsPluginClient ??= new Proxy({}, {
-        get() {
-            return () => undefined;
-        },
-    });
+const noop = () => { };
+function createVueLanguageServicePlugins(ts, client = new Proxy({}, {
+    get() {
+        return noop;
+    },
+})) {
     return [
         (0, css_1.create)(),
         (0, volar_service_json_1.create)(),
@@ -72,16 +72,16 @@ function createVueLanguageServicePlugins(ts, tsPluginClient) {
         (0, syntactic_1.create)(ts),
         (0, vue_inlayhints_1.create)(ts),
         // type aware plugins
-        (0, typescript_semantic_tokens_1.create)(tsPluginClient),
-        (0, vue_autoinsert_dotvalue_1.create)(ts, tsPluginClient),
-        (0, vue_component_semantic_tokens_1.create)(tsPluginClient),
-        (0, vue_document_drop_1.create)(ts, tsPluginClient),
-        (0, vue_document_highlights_1.create)(tsPluginClient),
-        (0, vue_extract_file_1.create)(ts, tsPluginClient),
-        (0, vue_missing_props_hints_1.create)(tsPluginClient),
-        (0, vue_template_1.create)('html', tsPluginClient),
-        (0, vue_template_1.create)('jade', tsPluginClient),
-        (0, vue_twoslash_queries_1.create)(tsPluginClient),
+        (0, typescript_semantic_tokens_1.create)(client),
+        (0, vue_autoinsert_dotvalue_1.create)(ts, client),
+        (0, vue_component_semantic_tokens_1.create)(client),
+        (0, vue_document_drop_1.create)(ts, client),
+        (0, vue_document_highlights_1.create)(client),
+        (0, vue_extract_file_1.create)(ts, client),
+        (0, vue_missing_props_hints_1.create)(client),
+        (0, vue_template_1.create)('html', client),
+        (0, vue_template_1.create)('jade', client),
+        (0, vue_twoslash_queries_1.create)(client),
     ];
 }
 //# sourceMappingURL=index.js.map

package/lib/nameCasing.d.ts

@@ -9,6 +9,6 @@ export declare enum AttrNameCasing {
     Camel = 1
 }
 export declare function checkCasing(context: LanguageServiceContext, uri: URI): Promise<{
-    tag: TagNameCasing;
-    attr: AttrNameCasing;
+    tag: TagNameCasing | undefined;
+    attr: AttrNameCasing | undefined;
 }>;

package/lib/plugins/css.js

@@ -44,17 +44,16 @@ function create() {
                 },
             };
             function isWithinNavigationVirtualCode(document, position) {
-                const info = (0, utils_1.getEmbeddedInfo)(context, document, id => id.startsWith('style_'));
-                if (!info) {
+                const info = (0, utils_1.resolveEmbeddedCode)(context, document.uri);
+                if (!info?.code.id.startsWith('style_')) {
                     return false;
                 }
-                const { sourceScript, virtualCode, root } = info;
-                const block = root.sfc.styles.find(style => style.name === virtualCode.id);
+                const block = info.root.sfc.styles.find(style => style.name === info.code.id);
                 if (!block) {
                     return false;
                 }
                 let script;
-                for (const [key, value] of sourceScript.generated.embeddedCodes) {
+                for (const [key, value] of info.script.generated.embeddedCodes) {
                     if (key.startsWith('script_')) {
                         script = value;
                         break;

package/lib/plugins/data.d.ts

@@ -0,0 +1,4 @@
+import type * as html from 'vscode-html-languageservice';
+export declare function loadTemplateData(lang: string): html.HTMLDataV1;
+export declare function loadLanguageBlocks(lang: string): html.HTMLDataV1;
+export declare function loadModelModifiersData(lang: string): html.HTMLDataV1;

package/lib/plugins/data.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadTemplateData = loadTemplateData;
+exports.loadLanguageBlocks = loadLanguageBlocks;
+exports.loadModelModifiersData = loadModelModifiersData;
+let locale;
+function loadTemplateData(lang) {
+    lang = lang.toLowerCase();
+    let data;
+    if (lang === 'ja') {
+        data = require('../../data/template/ja.json');
+    }
+    else if (lang === 'fr') {
+        data = require('../../data/template/fr.json');
+    }
+    else if (lang === 'ko') {
+        data = require('../../data/template/ko.json');
+    }
+    else if (lang === 'pt-br') {
+        data = require('../../data/template/pt.json');
+    }
+    else if (lang === 'zh-cn') {
+        data = require('../../data/template/zh-cn.json');
+    }
+    else if (lang === 'zh-tw') {
+        data = require('../../data/template/zh-hk.json');
+    }
+    else if (lang === 'it') {
+        data = require('../../data/template/it.json');
+    }
+    else if (lang === 'cs') {
+        data = require('../../data/template/cs.json');
+    }
+    else if (lang === 'ru') {
+        data = require('../../data/template/ru.json');
+    }
+    else {
+        data = require('../../data/template/en.json');
+    }
+    resolveReferences(data);
+    // oxlint-disable-next-line no-useless-spread
+    for (const attr of [...data.globalAttributes ?? []]) {
+        if (!attr.name.startsWith('v-')) {
+            data.globalAttributes?.push({ ...attr, name: `:${attr.name}` }, { ...attr, name: `v-bind:${attr.name}` });
+        }
+    }
+    const vOn = data.globalAttributes?.find(d => d.name === 'v-on');
+    const vSlot = data.globalAttributes?.find(d => d.name === 'v-slot');
+    const vBind = data.globalAttributes?.find(d => d.name === 'v-bind');
+    if (vOn) {
+        data.globalAttributes?.push({ ...vOn, name: '@' });
+    }
+    if (vSlot) {
+        data.globalAttributes?.push({ ...vSlot, name: '#' });
+    }
+    if (vBind) {
+        data.globalAttributes?.push({ ...vBind, name: ':' });
+    }
+    return data;
+}
+function loadLanguageBlocks(lang) {
+    lang = lang.toLowerCase();
+    let data;
+    if (lang === 'ja') {
+        data = require('../../data/language-blocks/ja.json');
+    }
+    else if (lang === 'fr') {
+        data = require('../../data/language-blocks/fr.json');
+    }
+    else if (lang === 'ko') {
+        data = require('../../data/language-blocks/ko.json');
+    }
+    else if (lang === 'pt-br') {
+        data = require('../../data/language-blocks/pt.json');
+    }
+    else if (lang === 'zh-cn') {
+        data = require('../../data/language-blocks/zh-cn.json');
+    }
+    else if (lang === 'zh-tw') {
+        data = require('../../data/language-blocks/zh-hk.json');
+    }
+    else if (lang === 'it') {
+        data = require('../../data/language-blocks/it.json');
+    }
+    else if (lang === 'cs') {
+        data = require('../../data/language-blocks/cs.json');
+    }
+    else if (lang === 'ru') {
+        data = require('../../data/language-blocks/ru.json');
+    }
+    else {
+        data = require('../../data/language-blocks/en.json');
+    }
+    resolveReferences(data);
+    return data;
+}
+function loadModelModifiersData(lang) {
+    lang = lang.toLowerCase();
+    let data;
+    if (lang === 'ja') {
+        data = require('../../data/model-modifiers/ja.json');
+    }
+    else if (lang === 'fr') {
+        data = require('../../data/model-modifiers/fr.json');
+    }
+    else if (lang === 'ko') {
+        data = require('../../data/model-modifiers/ko.json');
+    }
+    else if (lang === 'pt-br') {
+        data = require('../../data/model-modifiers/pt.json');
+    }
+    else if (lang === 'zh-cn') {
+        data = require('../../data/model-modifiers/zh-cn.json');
+    }
+    else if (lang === 'zh-tw') {
+        data = require('../../data/model-modifiers/zh-hk.json');
+    }
+    else if (lang === 'it') {
+        data = require('../../data/model-modifiers/it.json');
+    }
+    else if (lang === 'cs') {
+        data = require('../../data/model-modifiers/cs.json');
+    }
+    else if (lang === 'ru') {
+        data = require('../../data/model-modifiers/ru.json');
+    }
+    else {
+        data = require('../../data/model-modifiers/en.json');
+    }
+    resolveReferences(data);
+    return data;
+}
+function resolveReferences(data) {
+    locale ??= require('../../data/locale.json');
+    for (const item of [
+        ...data.globalAttributes ?? [],
+        ...data.tags?.flatMap(tag => [tag, ...tag.attributes]) ?? [],
+    ]) {
+        if (typeof item.references === 'string') {
+            const relativeUrl = item.references;
+            item.references = locale.map(({ name, url }) => ({
+                name,
+                url: url + relativeUrl,
+            }));
+        }
+    }
+}
+//# sourceMappingURL=data.js.map

package/lib/plugins/typescript-semantic-tokens.js

@@ -37,18 +37,17 @@ function create({ getEncodedSemanticClassifications }) {
         create(context) {
             return {
                 async provideDocumentSemanticTokens(document, range, legend) {
-                    const info = (0, utils_1.getEmbeddedInfo)(context, document, 'main');
-                    if (!info) {
+                    const info = (0, utils_1.resolveEmbeddedCode)(context, document.uri);
+                    if (info?.code.id !== 'main') {
                         return;
                     }
-                    const { root } = info;
                     const start = document.offsetAt(range.start);
                     const end = document.offsetAt(range.end);
                     const span = {
                         start: start,
                         length: end - start,
                     };
-                    const classifications = await getEncodedSemanticClassifications(root.fileName, span);
+                    const classifications = await getEncodedSemanticClassifications(info.root.fileName, span);
                     if (classifications) {
                         return (0, semanticTokens_1.convertClassificationsToSemanticTokens)(document, span, legend, classifications);
                     }

package/lib/plugins/vue-autoinsert-dotvalue.d copy.d.ts

@@ -0,0 +1,2 @@
+import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/language-service';
+export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => import('@vue/typescript-plugin/lib/requests').Requests | undefined): LanguageServicePlugin;

package/lib/plugins/vue-autoinsert-dotvalue.d copy.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=vue-autoinsert-dotvalue.d%20copy.js.map

package/lib/plugins/vue-autoinsert-dotvalue.d.ts

@@ -1,2 +1,2 @@
 import type { LanguageServicePlugin } from '@volar/language-service';
-export declare function create(ts: typeof import('typescript'), { getPropertiesAtLocation }: import('@vue/typescript-plugin/lib/requests').Requests): LanguageServicePlugin;
+export declare function create(ts: typeof import('typescript'), { isRefAtPosition }: import('@vue/typescript-plugin/lib/requests').Requests): LanguageServicePlugin;

package/lib/plugins/vue-autoinsert-dotvalue.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.create = create;
 const language_core_1 = require("@vue/language-core");
 const utils_1 = require("../utils");
-function create(ts, { getPropertiesAtLocation }) {
+function create(ts, { isRefAtPosition }) {
     return {
         name: 'vue-autoinsert-dotvalue',
         capabilities: {
@@ -15,8 +15,8 @@ function create(ts, { getPropertiesAtLocation }) {
         create(context) {
             return {
                 async provideAutoInsertSnippet(document, selection, change) {
-                    const info = (0, utils_1.getEmbeddedInfo)(context, document, id => id.startsWith('script_'));
-                    if (!info) {
+                    const info = (0, utils_1.resolveEmbeddedCode)(context, document.uri);
+                    if (!info?.code.id.startsWith('script_')) {
                         return;
                     }
                     // selection must at end of change
@@ -27,10 +27,9 @@ function create(ts, { getPropertiesAtLocation }) {
                         return;
                     }
                     let sourceOffset;
-                    const { sourceScript, virtualCode, root } = info;
-                    const { sfc } = root;
+                    const { sfc } = info.root;
                     const scriptBlocks = [sfc.script, sfc.scriptSetup].filter(block => !!block);
-                    const map = context.language.maps.get(virtualCode, sourceScript);
+                    const map = context.language.maps.get(info.code, info.script);
                     if (!scriptBlocks.length) {
                         return;
                     }
@@ -49,8 +48,7 @@ function create(ts, { getPropertiesAtLocation }) {
                             return;
                         }
                     }
-                    const props = await getPropertiesAtLocation(root.fileName, sourceOffset) ?? [];
-                    if (props.some(prop => prop === 'value')) {
+                    if (await isRefAtPosition(info.root.fileName, sourceOffset)) {
                         return '${1:.value}';
                     }
                 },

package/lib/plugins/vue-compiler-dom-errors.js

@@ -14,12 +14,11 @@ function create() {
         create(context) {
             return {
                 provideDiagnostics(document) {
-                    const info = (0, utils_1.getEmbeddedInfo)(context, document, 'template');
-                    if (!info) {
+                    const info = (0, utils_1.resolveEmbeddedCode)(context, document.uri);
+                    if (info?.code.id !== 'template') {
                         return;
                     }
-                    const { root } = info;
-                    const { template } = root.sfc;
+                    const { template } = info.root.sfc;
                     if (!template) {
                         return;
                     }

package/lib/plugins/vue-complete-define-assignment.d.ts

@@ -0,0 +1,2 @@
+import type { LanguageServicePlugin } from '@volar/language-service';
+export declare function create(): LanguageServicePlugin;

package/lib/plugins/vue-complete-define-assignment.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = create;
+const language_core_1 = require("@vue/language-core");
+const vscode_uri_1 = require("vscode-uri");
+const utils_1 = require("./utils");
+function create() {
+    return {
+        name: 'vue-complete-define-assignment',
+        capabilities: {
+            completionProvider: {},
+        },
+        create(context) {
+            return {
+                isAdditionalCompletion: true,
+                async provideCompletionItems(document) {
+                    if (!(0, utils_1.isTsDocument)(document)) {
+                        return;
+                    }
+                    const enabled = await context.env.getConfiguration?.('vue.suggest.defineAssignment') ?? true;
+                    if (!enabled) {
+                        return;
+                    }
+                    const uri = vscode_uri_1.URI.parse(document.uri);
+                    const decoded = context.decodeEmbeddedDocumentUri(uri);
+                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
+                    const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
+                    if (!sourceScript?.generated || !virtualCode) {
+                        return;
+                    }
+                    const root = sourceScript.generated.root;
+                    if (!(root instanceof language_core_1.VueVirtualCode)) {
+                        return;
+                    }
+                    const { sfc } = root;
+                    const codegen = language_core_1.tsCodegen.get(sfc);
+                    const scriptSetup = sfc.scriptSetup;
+                    const scriptSetupRanges = codegen?.getScriptSetupRanges();
+                    if (!scriptSetup || !scriptSetupRanges) {
+                        return;
+                    }
+                    const result = [];
+                    const mappings = [...context.language.maps.forEach(virtualCode)];
+                    addDefineCompletionItem(scriptSetupRanges.defineProps?.statement, scriptSetupRanges.withDefaults?.exp ?? scriptSetupRanges.defineProps?.exp, 'props');
+                    addDefineCompletionItem(scriptSetupRanges.defineEmits?.statement, scriptSetupRanges.defineEmits?.exp, 'emit');
+                    addDefineCompletionItem(scriptSetupRanges.defineSlots?.statement, scriptSetupRanges.defineSlots?.exp, 'slots');
+                    return {
+                        isIncomplete: false,
+                        items: result,
+                    };
+                    function addDefineCompletionItem(statement, exp, name) {
+                        if (!exp || exp.start !== statement?.start) {
+                            return;
+                        }
+                        let offset;
+                        for (const [, map] of mappings) {
+                            for (const [generatedOffset] of map.toGeneratedLocation(scriptSetup.startTagEnd + exp.start)) {
+                                offset = generatedOffset;
+                                break;
+                            }
+                        }
+                        if (offset === undefined) {
+                            return;
+                        }
+                        const pos = document.positionAt(offset);
+                        result.push({
+                            label: name,
+                            kind: 6,
+                            commitCharacters: ['.', ',', ';'],
+                            additionalTextEdits: [{
+                                    newText: `const ${name} = `,
+                                    range: {
+                                        start: pos,
+                                        end: pos,
+                                    },
+                                }],
+                        });
+                    }
+                },
+            };
+        },
+    };
+}
+//# sourceMappingURL=vue-complete-define-assignment.js.map

package/lib/plugins/vue-component-semantic-tokens.js

@@ -17,20 +17,19 @@ function create({ getComponentNames, getElementNames }) {
         create(context) {
             return {
                 async provideDocumentSemanticTokens(document, range, legend) {
-                    const info = (0, utils_1.getEmbeddedInfo)(context, document, 'template');
-                    if (!info) {
+                    const info = (0, utils_1.resolveEmbeddedCode)(context, document.uri);
+                    if (info?.code.id !== 'template') {
                         return;
                     }
-                    const { root } = info;
-                    const { template } = root.sfc;
+                    const { template } = info.root.sfc;
                     if (!template?.ast) {
                         return;
                     }
                     const componentSpans = [];
                     const start = document.offsetAt(range.start);
                     const end = document.offsetAt(range.end);
-                    const validComponentNames = await getComponentNames(root.fileName) ?? [];
-                    const elements = new Set(await getElementNames(root.fileName) ?? []);
+                    const validComponentNames = await getComponentNames(info.root.fileName) ?? [];
+                    const elements = new Set(await getElementNames(info.root.fileName) ?? []);
                     const components = new Set([
                         ...validComponentNames,
                         ...validComponentNames.map(language_core_1.hyphenateTag),

package/lib/plugins/vue-destructured-props-hints.d.ts

@@ -0,0 +1,7 @@
+import type { LanguageServicePlugin } from '@volar/language-service';
+import type * as ts from 'typescript';
+export declare function create(ts: typeof import('typescript')): LanguageServicePlugin;
+/**
+ * Refactored from https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/definePropsDestructure.ts
+ */
+export declare function findDestructuredProps(ts: typeof import('typescript'), ast: ts.SourceFile, props: MapIterator<string>): [ts.Identifier, boolean][];