@vue/language-service 2.1.8 → 2.1.10

package/index.js

@@ -30,6 +30,7 @@ const volar_service_typescript_twoslash_queries_1 = require("volar-service-types
 const docCommentTemplate_1 = require("volar-service-typescript/lib/plugins/docCommentTemplate");
 const syntactic_1 = require("volar-service-typescript/lib/plugins/syntactic");
 const css_1 = require("./lib/plugins/css");
+const vue_complete_define_assignment_1 = require("./lib/plugins/vue-complete-define-assignment");
 const vue_autoinsert_dotvalue_1 = require("./lib/plugins/vue-autoinsert-dotvalue");
 const vue_autoinsert_space_1 = require("./lib/plugins/vue-autoinsert-space");
 const vue_directive_comments_1 = require("./lib/plugins/vue-directive-comments");
@@ -179,6 +180,7 @@ function getCommonLanguageServicePlugins(ts, getTsPluginClient) {
         (0, vue_twoslash_queries_1.create)(getTsPluginClient),
         (0, vue_document_links_1.create)(),
         (0, vue_document_drop_1.create)(ts, getTsPluginClient),
+        (0, vue_complete_define_assignment_1.create)(),
         (0, vue_autoinsert_dotvalue_1.create)(ts, getTsPluginClient),
         (0, vue_autoinsert_space_1.create)(),
         (0, vue_inlayhints_1.create)(ts),

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

@@ -2,6 +2,7 @@ import type { LanguageServiceContext, LanguageServicePlugin } from '@volar/langu
 import type * as ts from 'typescript';
 import type { TextDocument } from 'vscode-languageserver-textdocument';
 export declare function create(ts: typeof import('typescript'), getTsPluginClient?: (context: LanguageServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined): LanguageServicePlugin;
+export declare function isTsDocument(document: TextDocument): boolean;
 export declare function isCharacterTyping(document: TextDocument, change: {
     text: string;
     rangeOffset: number;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.create = create;
+exports.isTsDocument = isTsDocument;
 exports.isCharacterTyping = isCharacterTyping;
 exports.isBlacklistNode = isBlacklistNode;
 const language_core_1 = require("@vue/language-core");

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,85 @@
+"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 vue_autoinsert_dotvalue_1 = require("./vue-autoinsert-dotvalue");
+function create() {
+    return {
+        name: 'vue-complete-define-assignment',
+        capabilities: {
+            completionProvider: {},
+        },
+        create(context) {
+            return {
+                isAdditionalCompletion: true,
+                async provideCompletionItems(document) {
+                    if (!(0, vue_autoinsert_dotvalue_1.isTsDocument)(document)) {
+                        return;
+                    }
+                    const enabled = await context.env.getConfiguration?.('vue.complete.defineAssignment') ?? true;
+                    if (!enabled) {
+                        return;
+                    }
+                    const result = [];
+                    const decoded = context.decodeEmbeddedDocumentUri(vscode_uri_1.URI.parse(document.uri));
+                    const sourceScript = decoded && context.language.scripts.get(decoded[0]);
+                    const virtualCode = decoded && sourceScript?.generated?.embeddedCodes.get(decoded[1]);
+                    if (!sourceScript || !virtualCode) {
+                        return;
+                    }
+                    const root = sourceScript?.generated?.root;
+                    if (!(root instanceof language_core_1.VueVirtualCode)) {
+                        return;
+                    }
+                    const codegen = language_core_1.tsCodegen.get(root._sfc);
+                    const scriptSetup = root._sfc.scriptSetup;
+                    const scriptSetupRanges = codegen?.scriptSetupRanges.get();
+                    if (!scriptSetup || !scriptSetupRanges) {
+                        return;
+                    }
+                    const mappings = [...context.language.maps.forEach(virtualCode)];
+                    addDefineCompletionItem(scriptSetupRanges.props.define && {
+                        exp: scriptSetupRanges.props.withDefaults ?? scriptSetupRanges.props.define.exp,
+                        statement: scriptSetupRanges.props.define.statement
+                    }, 'props');
+                    addDefineCompletionItem(scriptSetupRanges.emits.define, 'emit');
+                    addDefineCompletionItem(scriptSetupRanges.slots.define, 'slots');
+                    return {
+                        isIncomplete: false,
+                        items: result
+                    };
+                    function addDefineCompletionItem(define, name) {
+                        if (!define || define.exp.start !== define.statement.start) {
+                            return;
+                        }
+                        let offset;
+                        for (const [, map] of mappings) {
+                            for (const [generatedOffset] of map.toGeneratedLocation(scriptSetup.startTagEnd + define.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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "2.1.8",
+	"version": "2.1.10",
 	"license": "MIT",
 	"files": [
 		"data",
@@ -21,9 +21,9 @@
 		"@volar/language-service": "~2.4.8",
 		"@volar/typescript": "~2.4.8",
 		"@vue/compiler-dom": "^3.5.0",
-		"@vue/language-core": "2.1.8",
+		"@vue/language-core": "2.1.10",
 		"@vue/shared": "^3.5.0",
-		"@vue/typescript-plugin": "2.1.8",
+		"@vue/typescript-plugin": "2.1.10",
 		"alien-signals": "^0.2.0",
 		"path-browserify": "^1.0.1",
 		"volar-service-css": "0.0.62",
@@ -43,6 +43,5 @@
 		"@types/path-browserify": "latest",
 		"@volar/kit": "~2.4.8",
 		"vscode-languageserver-protocol": "^3.17.5"
-	},
-	"gitHead": "25cccedc53e7361ed4e34296d6ecd43d7de2a095"
+	}
 }