@dxup/nuxt 0.1.1 → 0.2.1

package/README.md

@@ -6,13 +6,6 @@
 
 This is a TypeScript plugin that improves Nuxt DX.
 
-## Features
-
-- Update references when renaming auto imported component files
-- Go to definition for nitro routes in data fetching methods
-- Go to definition for runtime config
-- [@dxup/unimport](/packages/unimport)
-
 ## Installation
 
 ```bash
@@ -30,3 +23,47 @@ export default defineNuxtConfig({
   ],
 });
 ```
+
+## Features
+
+### components
+
+Update references when renaming auto imported component files.
+
+### importGlob
+
+Go to definition for dynamic imports with glob patterns.
+
+```ts
+import(`~/assets/${name}.webp`);
+//     ^^^^^^^^^^^^^^^^^^^^^^^
+import.meta.glob("~/assets/*.webp");
+//               ^^^^^^^^^^^^^^^^^
+```
+
+### nitroRoutes
+
+Go to definition for nitro routes in data fetching methods.
+
+```ts
+useFetch("/api/foo");
+//       ^^^^^^^^^^
+// Also `$fetch` and `useLazyFetch`.
+```
+
+It will fallback to resolve the URL from your `public` directory when no nitro routes match.
+
+### runtimeConfig
+
+Go to definition for runtime config.
+
+```vue
+<template>
+  {{ $config.public.domain }}
+  <!--              ^^^^^^ -->
+</template>
+```
+
+### unimport
+
+Please refer to the [@dxup/unimport](/packages/unimport) package for more details.

package/dist/module.d.ts

@@ -2,26 +2,33 @@ import * as _nuxt_schema0 from "@nuxt/schema";
 
 //#region src/module/index.d.ts
 interface ModuleOptions {
-  /**
-   * Whether to update references when renaming auto imported component files.
-   * @default true
-   */
-  components?: boolean;
-  /**
-   * Whether to enable Go to Definition for nitro routes in data fetching methods.
-   * @default true
-   */
-  nitroRoutes?: boolean;
-  /**
-   * Whether to enable Go to Definition for runtime config.
-   * @default true
-   */
-  runtimeConfig?: boolean;
-  /**
-   * Whether to enable enhanced navigation for auto imported APIs.
-   * @default true
-   */
-  unimport?: boolean;
+  features?: {
+    /**
+     * Whether to update references when renaming auto imported component files.
+     * @default true
+     */
+    components?: boolean;
+    /**
+     * Whether to enable Go to Definition for dynamic imports with glob patterns.
+     * @default true
+     */
+    importGlob?: boolean;
+    /**
+     * Whether to enable Go to Definition for nitro routes in data fetching methods.
+     * @default true
+     */
+    nitroRoutes?: boolean;
+    /**
+     * Whether to enable Go to Definition for runtime config.
+     * @default true
+     */
+    runtimeConfig?: boolean;
+    /**
+     * Whether to enable enhanced navigation for auto imported APIs.
+     * @default true
+     */
+    unimport?: boolean;
+  };
 }
 declare const _default: _nuxt_schema0.NuxtModule<ModuleOptions, ModuleOptions, false>;
 //#endregion

package/dist/module.js

@@ -69,15 +69,16 @@ var module_default = defineNuxtModule({
 		name,
 		configKey: "dxup"
 	},
-	defaults: {
+	defaults: { features: {
 		components: true,
+		importGlob: true,
 		nitroRoutes: true,
 		runtimeConfig: true,
 		unimport: true
-	},
+	} },
 	async setup(options, nuxt) {
 		const pluginsTs = [{ name: "@dxup/nuxt" }];
-		if (options.unimport) pluginsTs.unshift({ name: "@dxup/unimport" });
+		if (options.features?.unimport) pluginsTs.unshift({ name: "@dxup/unimport" });
 		append(pluginsTs, nuxt.options, "typescript", "tsConfig", "compilerOptions");
 		append(pluginsTs, nuxt.options.nitro, "typescript", "tsConfig", "compilerOptions");
 		append(pluginsTs, nuxt.options, "typescript", "sharedTsConfig", "compilerOptions");
@@ -87,13 +88,12 @@ var module_default = defineNuxtModule({
 			write: true,
 			getContents({ nuxt: nuxt$1 }) {
 				const nitro = useNitro();
-				const nitroRoutes = options.nitroRoutes && Object.fromEntries(nitro.scannedHandlers.filter((item) => item.route).map((item) => [`${item.route}+${item.method ?? "get"}`, item.handler]));
 				const data = {
 					buildDir: nuxt$1.options.buildDir,
+					publicDir: nuxt$1.options.dir.public,
 					configFiles: [...nuxt$1.options._nuxtConfigFiles, ...nuxt$1.options._layers.map((layer) => layer._configFile).filter(Boolean)],
-					components: options.components,
-					nitroRoutes,
-					runtimeConfig: options.runtimeConfig
+					nitroRoutes: Object.fromEntries(nitro.scannedHandlers.filter((item) => item.route).map((item) => [`${item.route}+${item.method ?? "get"}`, item.handler])),
+					features: options.features
 				};
 				return JSON.stringify(data, null, 2);
 			}

package/dist/typescript.cjs

@@ -25,6 +25,8 @@ let pathe = require("pathe");
 pathe = __toESM(pathe);
 let node_fs_promises = require("node:fs/promises");
 node_fs_promises = __toESM(node_fs_promises);
+let tinyglobby = require("tinyglobby");
+tinyglobby = __toESM(tinyglobby);
 
 //#region src/event/server.ts
 function createEventServer(info) {
@@ -72,8 +74,8 @@ function* binaryVisit(ts, sourceFile, node, position) {
 		}
 	}
 }
-function isTextSpanEqual(node, textSpan, sourceFile) {
-	return textSpan.start + textSpan.length === node.getEnd() && textSpan.start === node.getStart(sourceFile);
+function isTextSpanWithin(node, textSpan, sourceFile) {
+	return textSpan.start + textSpan.length <= node.getEnd() && textSpan.start >= node.getStart(sourceFile);
 }
 
 //#endregion
@@ -87,54 +89,17 @@ function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 	const { ts, info, data } = context;
 	return (...args) => {
 		const result = getDefinitionAndBoundSpan$1(...args);
-		if (!result && data.nitroRoutes) {
+		if (!result) {
 			const program$1 = info.languageService.getProgram();
 			const sourceFile = program$1.getSourceFile(args[0]);
 			if (!sourceFile) return;
 			const checker = program$1.getTypeChecker();
+			let res;
 			for (const node of forEachTouchingNode(ts, sourceFile, args[1])) {
-				if (!ts.isCallExpression(node) || !ts.isIdentifier(node.expression) || !fetchFunctions.has(node.expression.text) || !node.arguments.length) continue;
-				const firstArg = node.arguments[0];
-				const start = firstArg.getStart(sourceFile);
-				const end = firstArg.getEnd();
-				if (args[1] < start || args[1] > end) continue;
-				const resolvedSignature = checker.getResolvedSignature(node);
-				if (!resolvedSignature) continue;
-				const typeArguments = checker.getTypeArgumentsForResolvedSignature(resolvedSignature);
-				let routeType;
-				let methodType;
-				if (node.expression.text === "$fetch") {
-					routeType = typeArguments?.[1];
-					const symbol = typeArguments?.[2].getProperty("method");
-					methodType = symbol ? checker.getTypeOfSymbol(symbol) : void 0;
-				} else {
-					routeType = typeArguments?.[2];
-					methodType = typeArguments?.[3];
-				}
-				if (!routeType?.isStringLiteral()) continue;
-				const paths = [];
-				for (const type of methodType?.isUnion() ? methodType.types : [methodType]) if (type?.isStringLiteral()) {
-					const path = data.nitroRoutes[`${routeType.value}+${type.value}`];
-					if (path !== void 0) paths.push(path);
-				}
-				return {
-					textSpan: {
-						start,
-						length: end - start
-					},
-					definitions: paths.map((path) => ({
-						fileName: path,
-						textSpan: {
-							start: 0,
-							length: 0
-						},
-						kind: ts.ScriptElementKind.scriptElement,
-						name: path,
-						containerKind: ts.ScriptElementKind.unknown,
-						containerName: ""
-					}))
-				};
+				if (data.features.importGlob) res ??= visitImportGlob(ts, info, sourceFile, node, args[1]);
+				if (data.features.nitroRoutes) res ??= visitNitroRoutes(ts, data, checker, sourceFile, node, args[1]);
 			}
+			if (res) return res;
 		}
 		if (!result?.definitions?.length) return result;
 		const program = info.languageService.getProgram();
@@ -143,7 +108,7 @@ function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 			const sourceFile = program.getSourceFile(definition.fileName);
 			if (!sourceFile) continue;
 			let result$1 = [];
-			if (data.runtimeConfig && definition.fileName.endsWith("runtime-config.d.ts")) result$1 = visitRuntimeConfig(context, sourceFile, definition);
+			if (data.features.runtimeConfig && definition.fileName.endsWith("runtime-config.d.ts")) result$1 = visitRuntimeConfig(context, sourceFile, definition);
 			if (result$1?.length) {
 				for (const definition$1 of result$1) definitions.add(definition$1);
 				definitions.delete(definition);
@@ -155,6 +120,93 @@ function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 		};
 	};
 }
+function visitImportGlob(ts, info, sourceFile, node, position) {
+	if (!ts.isCallExpression(node) || !node.arguments.length) return;
+	const firstArg = node.arguments[0];
+	const start = firstArg.getStart(sourceFile);
+	const end = firstArg.getEnd();
+	if (position < start || position > end) return;
+	let pattern;
+	const callText = node.expression.getText(sourceFile);
+	if (callText === "import" && ts.isTemplateExpression(firstArg)) pattern = [firstArg.head.text, ...firstArg.templateSpans.map((span) => span.literal.text)].join("*");
+	else if (callText === "import.meta.glob" && ts.isStringLiteral(firstArg)) pattern = firstArg.text;
+	if (pattern === void 0) return;
+	const resolved = ts.resolveModuleName(pattern, sourceFile.fileName, info.languageServiceHost.getCompilationSettings(), {
+		fileExists: () => true,
+		readFile: () => ""
+	});
+	if (!resolved?.resolvedModule) return;
+	const extension = (0, pathe.extname)(pattern);
+	const arbitrary = `.d${extension}.ts`;
+	pattern = resolved.resolvedModule.resolvedFileName;
+	if (resolved.resolvedModule.extension === arbitrary) pattern = pattern.slice(0, -arbitrary.length) + extension;
+	const fileNames = (0, tinyglobby.globSync)(pattern, { absolute: true });
+	return {
+		textSpan: {
+			start,
+			length: end - start
+		},
+		definitions: fileNames.map((fileName) => ({
+			fileName,
+			textSpan: {
+				start: 0,
+				length: 0
+			},
+			kind: ts.ScriptElementKind.unknown,
+			name: fileName,
+			containerKind: ts.ScriptElementKind.unknown,
+			containerName: ""
+		}))
+	};
+}
+function visitNitroRoutes(ts, data, checker, sourceFile, node, position) {
+	if (!ts.isCallExpression(node) || !ts.isIdentifier(node.expression) || !fetchFunctions.has(node.expression.text) || !node.arguments.length || !ts.isStringLiteralLike(node.arguments[0])) return;
+	const firstArg = node.arguments[0];
+	const start = firstArg.getStart(sourceFile);
+	const end = firstArg.getEnd();
+	if (position < start || position > end) return;
+	const resolvedSignature = checker.getResolvedSignature(node);
+	if (!resolvedSignature) return;
+	const typeArguments = checker.getTypeArgumentsForResolvedSignature(resolvedSignature);
+	let routeType;
+	let methodType;
+	if (node.expression.text === "$fetch") {
+		routeType = typeArguments?.[1];
+		const symbol = typeArguments?.[2].getProperty("method");
+		methodType = symbol ? checker.getTypeOfSymbol(symbol) : void 0;
+	} else {
+		routeType = typeArguments?.[2];
+		methodType = typeArguments?.[3];
+	}
+	const paths = [];
+	if (routeType?.isStringLiteral()) {
+		for (const type of methodType?.isUnion() ? methodType.types : [methodType]) if (type?.isStringLiteral()) {
+			const path = data.nitroRoutes[`${routeType.value}+${type.value}`];
+			if (path !== void 0) paths.push(path);
+		}
+	}
+	if (!paths.length && firstArg.text.startsWith("/")) {
+		const fallback = (0, pathe.join)(data.publicDir, firstArg.text);
+		if (ts.sys.fileExists(fallback)) paths.push(fallback);
+	}
+	return {
+		textSpan: {
+			start,
+			length: end - start
+		},
+		definitions: paths.map((path) => ({
+			fileName: path,
+			textSpan: {
+				start: 0,
+				length: 0
+			},
+			kind: ts.ScriptElementKind.scriptElement,
+			name: path,
+			containerKind: ts.ScriptElementKind.unknown,
+			containerName: ""
+		}))
+	};
+}
 function visitRuntimeConfig(context, sourceFile, definition) {
 	const { ts } = context;
 	let definitions = [];
@@ -164,7 +216,7 @@ function visitRuntimeConfig(context, sourceFile, definition) {
 		if (ts.isInterfaceDeclaration(node) && ts.isIdentifier(node.name)) key = node.name.text;
 		else if (ts.isPropertySignature(node) && ts.isIdentifier(node.name)) {
 			key = node.name.text;
-			if (isTextSpanEqual(node.name, definition.textSpan, sourceFile)) {
+			if (isTextSpanWithin(node.name, definition.textSpan, sourceFile)) {
 				path.push(key);
 				definitions = [...forwardRuntimeConfig(context, definition, path)];
 				break;
@@ -256,7 +308,7 @@ function getEditsForFileRename(context, getEditsForFileRename$1) {
 		const references = {};
 		for (const change of result) {
 			const { fileName, textChanges } = change;
-			if (data.components && fileName.endsWith("components.d.ts")) {
+			if (data.features.components && fileName.endsWith("components.d.ts")) {
 				const sourceFile = program.getSourceFile(fileName);
 				if (!sourceFile) continue;
 				for (const { span } of textChanges) for (const node of forEachTouchingNode(ts, sourceFile, span.start)) {
@@ -297,12 +349,12 @@ const plugin = (module$1) => {
 			context.language = (info.project.__vue__ ?? info.project["program"]?.__vue__)?.language;
 		}, 500);
 		for (const [key, method] of [
-			["findRenameLocations", findRenameLocations.bind(null, context)],
-			["getDefinitionAndBoundSpan", getDefinitionAndBoundSpan.bind(null, context)],
-			["getEditsForFileRename", getEditsForFileRename.bind(null, context)]
+			["findRenameLocations", findRenameLocations],
+			["getDefinitionAndBoundSpan", getDefinitionAndBoundSpan],
+			["getEditsForFileRename", getEditsForFileRename]
 		]) {
 			const original = info.languageService[key];
-			info.languageService[key] = method(original);
+			info.languageService[key] = method(context, original);
 		}
 		return info.languageService;
 	} };
@@ -311,10 +363,15 @@ var typescript_default = plugin;
 function createData(ts, info) {
 	const initialValue = {
 		buildDir: "",
+		publicDir: "",
 		configFiles: [],
-		components: true,
 		nitroRoutes: {},
-		runtimeConfig: true
+		features: {
+			components: true,
+			importGlob: true,
+			nitroRoutes: true,
+			runtimeConfig: true
+		}
 	};
 	const path = (0, pathe.join)(info.languageServiceHost.getCurrentDirectory(), "dxup/data.json");
 	const data = {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxup/nuxt",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "TypeScript plugin for Nuxt",
   "author": "KazariEX",
   "license": "MIT",
@@ -16,17 +16,18 @@
     "dist"
   ],
   "dependencies": {
-    "@nuxt/kit": "^4.1.3",
+    "@nuxt/kit": "^4.2.0",
     "chokidar": "^4.0.3",
-    "pathe": "2.0.3",
-    "@dxup/unimport": "^0.1.0"
+    "pathe": "^2.0.3",
+    "tinyglobby": "^0.2.15",
+    "@dxup/unimport": "^0.1.1"
   },
   "devDependencies": {
     "@dxup/shared": "",
     "@volar/language-core": "^2.4.23",
     "@volar/typescript": "^2.4.23",
-    "@vue/language-core": "^3.1.1",
-    "nuxt": "^4.1.3",
+    "@vue/language-core": "^3.1.3",
+    "nuxt": "^4.2.0",
     "typescript": "^5.9.3"
   },
   "scripts": {