@vue/language-service 1.8.22 → 1.8.25

package/data/template/ko.json

@@ -143,7 +143,7 @@
       "name": "Teleport",
       "description": {
         "kind": "markdown",
-        "value": "\n슬롯 컨텐츠를 DOM 내 다른 위치에서 렌더링합니다.\n\n- **Props**\n\n  ```ts\n  interface TeleportProps {\n    /**\n     * 필수. 대상이 될 컨테이너를 지정.\n     * 셀렉터 또는 실제 엘리먼트일 수 있음.\n     */\n    to: string | HTMLElement\n    /**\n     * `true`이면 컨텐츠가 대상이 될 컨테이너로\n     * 이동하지 않고 원래 위치에 남아 있음.\n     * 동적으로 변경할 수 있음.\n     */\n    disabled?: boolean\n  }\n  ```\n\n- **예제**\n\n  대상이 될 컨테이너 지정:\n\n  ```html\n  <teleport to=\"#some-id\" />\n  <teleport to=\".some-class\" />\n  <teleport to=\"[data-teleport]\" />\n  ```\n\n  조건부 비활성화:\n\n  ```html\n  <teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n    <video src=\"./my-movie.mp4\">\n  </teleport>\n  ```\n\n- **참고** [가이드 - Teleport](https://ko.vuejs.org/guide/built-ins/teleport.html)\n"
+        "value": "\n슬롯 컨텐츠를 DOM 내 다른 위치에서 렌더링합니다.\n\n- **Props**\n\n  ```ts\n  interface TeleportProps {\n    /**\n     * 필수. 대상이 될 컨테이너를 지정.\n     * 셀렉터 또는 실제 엘리먼트일 수 있음.\n     */\n    to: string | HTMLElement\n    /**\n     * `true`이면 컨텐츠가 대상이 될 컨테이너로\n     * 이동하지 않고 원래 위치에 남아 있음.\n     * 동적으로 변경할 수 있음.\n     */\n    disabled?: boolean\n  }\n  ```\n\n- **예제**\n\n  대상이 될 컨테이너 지정:\n\n  ```html\n  <Teleport to=\"#some-id\" />\n  <Teleport to=\".some-class\" />\n  <Teleport to=\"[data-teleport]\" />\n  ```\n\n  조건부 비활성화:\n\n  ```html\n  <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n    <video src=\"./my-movie.mp4\">\n  </Teleport>\n  ```\n\n- **참고** [가이드 - Teleport](https://ko.vuejs.org/guide/built-ins/teleport.html)\n"
       },
       "attributes": [],
       "references": [

package/data/template/zh-cn.json

@@ -143,7 +143,7 @@
       "name": "Teleport",
       "description": {
         "kind": "markdown",
-        "value": "\n将其插槽内容渲染到 DOM 中的另一个位置。\n\n- **Props**\n\n  ```ts\n  interface TeleportProps {\n    /**\n     * 必填项。指定目标容器。\n     * 可以是选择器或实际元素。\n     */\n    to: string | HTMLElement\n    /**\n     * 当值为 `true` 时，内容将保留在其原始位置\n     * 而不是移动到目标容器中。\n     * 可以动态更改。\n     */\n    disabled?: boolean\n  }\n  ```\n\n- **示例**\n\n  指定目标容器：\n\n  ```html\n  <teleport to=\"#some-id\" />\n  <teleport to=\".some-class\" />\n  <teleport to=\"[data-teleport]\" />\n  ```\n\n  有条件地禁用：\n\n  ```html\n  <teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n    <video src=\"./my-movie.mp4\">\n  </teleport>\n  ```\n\n- **参考**[指南 - Teleport](https://cn.vuejs.org/guide/built-ins/teleport.html)\n"
+        "value": "\n将其插槽内容渲染到 DOM 中的另一个位置。\n\n- **Props**\n\n  ```ts\n  interface TeleportProps {\n    /**\n     * 必填项。指定目标容器。\n     * 可以是选择器或实际元素。\n     */\n    to: string | HTMLElement\n    /**\n     * 当值为 `true` 时，内容将保留在其原始位置\n     * 而不是移动到目标容器中。\n     * 可以动态更改。\n     */\n    disabled?: boolean\n  }\n  ```\n\n- **示例**\n\n  指定目标容器：\n\n  ```html\n  <Teleport to=\"#some-id\" />\n  <Teleport to=\".some-class\" />\n  <Teleport to=\"[data-teleport]\" />\n  ```\n\n  有条件地禁用：\n\n  ```html\n  <Teleport to=\"#popup\" :disabled=\"displayVideoInline\">\n    <video src=\"./my-movie.mp4\">\n  </Teleport>\n  ```\n\n- **参考**[指南 - Teleport](https://cn.vuejs.org/guide/built-ins/teleport.html)\n"
       },
       "attributes": [],
       "references": [

package/out/ideFeatures/dragImport.d.ts

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,50 @@
+"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/index.d.ts

@@ -1,6 +1,7 @@
 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';

package/out/index.js

@@ -18,6 +18,7 @@ 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; } });

package/out/languageService.d.ts

@@ -5,5 +5,5 @@ import * as JsonService from 'volar-service-json';
 export interface Settings {
     json?: Parameters<typeof JsonService['create']>[0];
 }
-export declare function resolveConfig(config: Config, compilerOptions?: ts.CompilerOptions, vueCompilerOptions?: Partial<VueCompilerOptions>, ts?: typeof import('typescript/lib/tsserverlibrary'), codegenStack?: boolean): Config;
+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

package/out/languageService.js

@@ -26,9 +26,9 @@ const VueTemplateLanguageService = require("./plugins/vue-template");
 const ToggleVBindService = require("./plugins/vue-toggle-v-bind-codeaction");
 const VueTqService = require("./plugins/vue-twoslash-queries");
 const VisualizeHiddenCallbackParamService = require("./plugins/vue-visualize-hidden-callback-param");
-function resolveConfig(config, compilerOptions = {}, vueCompilerOptions = {}, ts = require('typescript'), codegenStack = false) {
+function resolveConfig(ts, config, compilerOptions = {}, vueCompilerOptions = {}, codegenStack = false) {
     const resolvedVueCompilerOptions = (0, language_core_1.resolveVueCompilerOptions)(vueCompilerOptions);
-    const vueLanguageModules = (0, language_core_1.createLanguages)(compilerOptions, resolvedVueCompilerOptions, ts, codegenStack);
+    const vueLanguageModules = (0, language_core_1.createLanguages)(ts, compilerOptions, resolvedVueCompilerOptions, codegenStack);
     config.languages = Object.assign({}, vueLanguageModules, config.languages);
     config.services = resolvePlugins(config.services, resolvedVueCompilerOptions);
     return config;

package/out/plugins/vue-document-drop.d.ts

@@ -0,0 +1,3 @@
+import { ServicePlugin } from '../types';
+export declare function create(ts: typeof import('typescript/lib/tsserverlibrary')): ServicePlugin;
+//# sourceMappingURL=vue-document-drop.d.ts.map

package/out/plugins/vue-document-drop.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = void 0;
+const language_core_1 = require("@vue/language-core");
+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 create(ts) {
+    return {
+        create(context) {
+            let casing = types_1.TagNameCasing.Pascal; // TODO
+            return {
+                async provideDocumentDropEdits(document, _position, dataTransfer) {
+                    if (document.languageId !== 'html')
+                        return;
+                    const [virtualFile, sourceFile] = context.language.files.getVirtualFile(document.uri);
+                    const vueFile = sourceFile?.virtualFile?.[0];
+                    if (!virtualFile || !(vueFile instanceof language_core_1.VueFile))
+                        return;
+                    let importUri;
+                    for (const [mimeType, item] of dataTransfer) {
+                        if (mimeType === 'text/uri-list') {
+                            importUri = item.value;
+                        }
+                    }
+                    if (!importUri?.endsWith('.vue'))
+                        return;
+                    let baseName = importUri.substring(importUri.lastIndexOf('/') + 1);
+                    baseName = baseName.substring(0, baseName.lastIndexOf('.'));
+                    const newName = (0, shared_1.capitalize)((0, shared_1.camelize)(baseName));
+                    let additionalEdit;
+                    for (const file of (0, language_core_1.forEachEmbeddedFile)(vueFile)) {
+                        if ((file.languageId === 'typescript'
+                            || file.languageId === 'javascript'
+                            || file.languageId === 'typescriptreact'
+                            || file.languageId === 'javascriptreact')
+                            && file.mappings.some(mapping => (0, language_core_1.isFoldingRangesEnabled)(mapping.data))) {
+                            additionalEdit ??= {};
+                            additionalEdit.changes ??= {};
+                            additionalEdit.changes[file.id] = [];
+                            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);
+                            additionalEdit.changes[file.id].push({
+                                range: lastImportNode ? {
+                                    start: document.positionAt(lastImportNode.end),
+                                    end: document.positionAt(lastImportNode.end),
+                                } : {
+                                    start: document.positionAt(0),
+                                    end: document.positionAt(0),
+                                },
+                                newText: `\nimport ${newName} from './${path.relative(path.dirname(document.uri), importUri) || importUri.substring(importUri.lastIndexOf('/') + 1)}'`
+                                    + (lastImportNode ? '' : '\n'),
+                            });
+                            if (sfc.script) {
+                                const edit = (0, vue_extract_file_1.createAddComponentToOptionEdit)(ts, sfc.script.ast, newName);
+                                if (edit) {
+                                    additionalEdit.changes[file.id].push({
+                                        range: {
+                                            start: document.positionAt(edit.range.start),
+                                            end: document.positionAt(edit.range.end),
+                                        },
+                                        newText: edit.newText,
+                                    });
+                                }
+                            }
+                        }
+                    }
+                    return {
+                        insertText: `<${casing === types_1.TagNameCasing.Kebab ? (0, shared_1.hyphenate)(newName) : newName}$0 />`,
+                        insertTextFormat: 2,
+                        additionalEdit,
+                    };
+                },
+            };
+        },
+    };
+}
+exports.create = create;
+//# sourceMappingURL=vue-document-drop.js.map

package/out/plugins/vue-extract-file.d.ts

@@ -1,6 +1,7 @@
 import { Service } from '@volar/language-service';
 import type * as ts from 'typescript/lib/tsserverlibrary';
 export declare const create: () => Service;
+export declare function getLastImportNode(ts: typeof import('typescript/lib/tsserverlibrary'), sourceFile: ts.SourceFile): ts.Node | undefined;
 export declare function createAddComponentToOptionEdit(ts: typeof import('typescript/lib/tsserverlibrary'), ast: ts.SourceFile, componentName: string): {
     range: import("@vue/language-core").TextRange;
     newText: string;

package/out/plugins/vue-extract-file.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAddComponentToOptionEdit = exports.create = void 0;
+exports.createAddComponentToOptionEdit = exports.getLastImportNode = exports.create = void 0;
 const language_core_1 = require("@vue/language-core");
 const unicodeReg = /\\u/g;
 const create = function () {
@@ -56,7 +56,7 @@ const create = function () {
                 const toExtract = collectExtractProps();
                 const initialIndentSetting = await ctx.env.getConfiguration('volar.format.initialIndent');
                 const newUri = document.uri.substring(0, document.uri.lastIndexOf('/') + 1) + `${newName}.vue`;
-                const lastImportNode = getLastImportNode(script.ast);
+                const lastImportNode = getLastImportNode(ts, script.ast);
                 let newFileTags = [];
                 newFileTags.push(constructTag('template', [], initialIndentSetting.html, sfc.template.content.substring(templateCodeRange[0], templateCodeRange[1])));
                 if (toExtract.length) {
@@ -131,18 +131,6 @@ const create = function () {
                         ],
                     },
                 };
-                function getLastImportNode(sourceFile) {
-                    let lastImportNode;
-                    for (const statement of sourceFile.statements) {
-                        if (ts.isImportDeclaration(statement)) {
-                            lastImportNode = statement;
-                        }
-                        else {
-                            break;
-                        }
-                    }
-                    return lastImportNode;
-                }
                 function collectExtractProps() {
                     const result = new Map();
                     const checker = languageService.getProgram().getTypeChecker();
@@ -253,6 +241,19 @@ function isInitialIndentNeeded(ts, languageKind, initialIndentSetting) {
     };
     return initialIndentSetting[languageKindIdMap[languageKind]] ?? false;
 }
+function getLastImportNode(ts, sourceFile) {
+    let lastImportNode;
+    for (const statement of sourceFile.statements) {
+        if (ts.isImportDeclaration(statement)) {
+            lastImportNode = statement;
+        }
+        else {
+            break;
+        }
+    }
+    return lastImportNode;
+}
+exports.getLastImportNode = getLastImportNode;
 function createAddComponentToOptionEdit(ts, ast, componentName) {
     const exportDefault = language_core_1.scriptRanges.parseScriptRanges(ts, ast, false, true).exportDefault;
     if (!exportDefault)

package/out/types.d.ts

@@ -6,6 +6,6 @@ export declare enum AttrNameCasing {
     Kebab = 0,
     Camel = 1
 }
-export * from '@volar/language-service/out/types';
+export * from '@volar/language-service/lib/types';
 export * from '@vue/language-core/out/types';
 //# sourceMappingURL=types.d.ts.map

package/out/types.js

@@ -26,6 +26,6 @@ var AttrNameCasing;
     AttrNameCasing[AttrNameCasing["Camel"] = 1] = "Camel";
 })(AttrNameCasing || (exports.AttrNameCasing = AttrNameCasing = {}));
 // only export types of depend packages
-__exportStar(require("@volar/language-service/out/types"), exports);
+__exportStar(require("@volar/language-service/lib/types"), exports);
 __exportStar(require("@vue/language-core/out/types"), exports);
 //# sourceMappingURL=types.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vue/language-service",
-	"version": "1.8.22",
+	"version": "1.8.25",
 	"main": "out/index.js",
 	"license": "MIT",
 	"files": [
@@ -17,28 +17,31 @@
 		"update-html-data": "node ./scripts/update-html-data.js"
 	},
 	"dependencies": {
-		"@volar/language-core": "~1.10.5",
-		"@volar/language-service": "~1.10.5",
-		"@volar/typescript": "~1.10.5",
+		"@volar/language-core": "~1.11.1",
+		"@volar/language-service": "~1.11.1",
+		"@volar/typescript": "~1.11.1",
 		"@vue/compiler-dom": "^3.3.0",
-		"@vue/language-core": "1.8.22",
+		"@vue/language-core": "1.8.25",
 		"@vue/shared": "^3.3.0",
 		"computeds": "^0.0.1",
-		"volar-service-css": "0.0.15",
-		"volar-service-emmet": "0.0.15",
-		"volar-service-html": "0.0.15",
-		"volar-service-json": "0.0.15",
-		"volar-service-pug": "0.0.15",
-		"volar-service-pug-beautify": "0.0.15",
-		"volar-service-typescript": "0.0.15",
-		"volar-service-typescript-twoslash-queries": "0.0.15",
+		"path-browserify": "^1.0.1",
+		"volar-service-css": "0.0.17",
+		"volar-service-emmet": "0.0.17",
+		"volar-service-html": "0.0.17",
+		"volar-service-json": "0.0.17",
+		"volar-service-pug": "0.0.17",
+		"volar-service-pug-beautify": "0.0.17",
+		"volar-service-typescript": "0.0.17",
+		"volar-service-typescript-twoslash-queries": "0.0.17",
 		"vscode-html-languageservice": "^5.1.0",
 		"vscode-languageserver-textdocument": "^1.0.11"
 	},
 	"devDependencies": {
-		"@volar/kit": "~1.10.5",
+		"@types/node": "latest",
+		"@types/path-browserify": "latest",
+		"@volar/kit": "~1.11.1",
 		"vscode-languageserver-protocol": "^3.17.5",
 		"vscode-uri": "^3.0.8"
 	},
-	"gitHead": "1e8d09af0282c42dd816671ffcd5a2321276e3c3"
+	"gitHead": "6f8ca45025b8e38a86f6946bbc294a6a2d88b063"
 }