fix(language-core): reference global types file with relative path (#4966)

Author: johnsoncodehk

packages/language-core/lib/codegen/script/componentSelf.ts

@@ -1,3 +1,4 @@
+import * as path from 'path-browserify';
 import type { Code } from '../../types';
 import { endOfLine, generateSfcBlockSection, newLine } from '../common';
 import type { TemplateCodegenContext } from '../template/context';
@@ -61,7 +62,7 @@ export function* generateComponentSelf(
 		yield `})${endOfLine}`; // defineComponent {
 	}
 	else if (options.sfc.script) {
-		yield `let __VLS_self!: typeof import('./${options.fileBaseName}').default${endOfLine}`;
+		yield `let __VLS_self!: typeof import('./${path.basename(options.fileName)}').default${endOfLine}`;
 	}
 	else {
 		yield `const __VLS_self = (await import('${options.vueCompilerOptions.lib}')).defineComponent({})${endOfLine}`;

packages/language-core/lib/codegen/script/index.ts

@@ -1,4 +1,5 @@
 import type { Mapping } from '@volar/language-core';
+import * as path from 'path-browserify';
 import type * as ts from 'typescript';
 import type { ScriptRanges } from '../../parsers/scriptRanges';
 import type { ScriptSetupRanges } from '../../parsers/scriptSetupRanges';
@@ -37,7 +38,7 @@ export const codeFeatures = {
 };
 
 export interface ScriptCodegenOptions {
-	fileBaseName: string;
+	fileName: string;
 	ts: typeof ts;
 	compilerOptions: ts.CompilerOptions;
 	vueCompilerOptions: VueCompilerOptions;
@@ -58,7 +59,11 @@ export function* generateScript(options: ScriptCodegenOptions): Generator<Code,
 	if (options.vueCompilerOptions.__setupedGlobalTypes) {
 		const globalTypes = options.vueCompilerOptions.__setupedGlobalTypes;
 		if (typeof globalTypes === 'object') {
-			yield `/// <reference types="${globalTypes.absolutePath}" />${newLine}`;
+			let relativePath = path.relative(path.dirname(options.fileName), globalTypes.absolutePath);
+			if (relativePath !== globalTypes.absolutePath && !relativePath.startsWith('./') && !relativePath.startsWith('../')) {
+				relativePath = './' + relativePath;
+			}
+			yield `/// <reference types="${relativePath}" />${newLine}`;
 		}
 		else {
 			yield `/// <reference types=".vue-global-types/${options.vueCompilerOptions.lib}_${options.vueCompilerOptions.target}_${options.vueCompilerOptions.strictTemplates}.d.ts" />${newLine}`;

packages/language-core/lib/codegen/script/template.ts

@@ -1,3 +1,4 @@
+import * as path from 'path-browserify';
 import type * as ts from 'typescript';
 import type { Code } from '../../types';
 import { getSlotsPropertyName, hyphenateTag } from '../../utils/shared';
@@ -13,7 +14,7 @@ function* generateTemplateCtx(options: ScriptCodegenOptions): Generator<Code> {
 
 	exps.push(`{} as InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>`);
 
-	if (options.vueCompilerOptions.petiteVueExtensions.some(ext => options.fileBaseName.endsWith(ext))) {
+	if (options.vueCompilerOptions.petiteVueExtensions.some(ext => options.fileName.endsWith(ext))) {
 		exps.push(`globalThis`);
 	}
 	if (options.sfc.styles.some(style => style.module)) {
@@ -55,7 +56,8 @@ function* generateTemplateComponents(options: ScriptCodegenOptions): Generator<C
 		nameType = options.sfc.script.content.substring(nameOption.start, nameOption.end);
 	}
 	else if (options.sfc.scriptSetup) {
-		nameType = `'${options.scriptSetupRanges?.options.name ?? options.fileBaseName.substring(0, options.fileBaseName.lastIndexOf('.'))}'`;
+		const baseName = path.basename(options.fileName);
+		nameType = `'${options.scriptSetupRanges?.options.name ?? baseName.substring(0, baseName.lastIndexOf('.'))}'`;
 	}
 	if (nameType) {
 		exps.push(`{} as {

packages/language-core/lib/plugins/vue-tsx.ts

@@ -1,6 +1,5 @@
 import type { Mapping } from '@volar/language-core';
 import { computed } from 'alien-signals';
-import { posix as path } from 'path-browserify';
 import { generateScript } from '../codegen/script';
 import { generateTemplate } from '../codegen/template';
 import { parseScriptRanges } from '../parsers/scriptRanges';
@@ -180,7 +179,7 @@ function createTsx(
 		let generatedLength = 0;
 		const codegen = generateScript({
 			ts,
-			fileBaseName: path.basename(fileName),
+			fileName,
 			sfc: _sfc,
 			lang: lang.get(),
 			scriptRanges: scriptRanges.get(),