@dxup/nuxt 0.0.3 → 0.0.5

package/README.md

@@ -4,11 +4,12 @@
 [![downloads](https://img.shields.io/npm/dm/@dxup/nuxt?color=007EC7&label=downloads)](https://www.npmjs.com/package/@dxup/nuxt)
 [![license](https://img.shields.io/npm/l/@dxup/nuxt?color=007EC7&label=license)](/LICENSE)
 
-This is a collection of TypeScript and Vue plugins that improves Nuxt DX.
+This is a collection of TypeScript plugins that improves Nuxt DX.
 
 ## Features
 
-- Go to definition for nitro routes in data fetching methods within Vue files
+- 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)
 

package/dist/module.d.ts

@@ -2,6 +2,7 @@ import * as _nuxt_schema0 from "@nuxt/schema";
 
 //#region src/module/index.d.ts
 interface ModuleOptions {
+  components?: boolean;
   nitroRoutes?: boolean;
   runtimeConfig?: boolean;
   unimport?: boolean;

package/dist/module.js

@@ -1,8 +1,67 @@
 import { addTemplate, defineNuxtModule } from "@nuxt/kit";
+import { Buffer } from "node:buffer";
+import EventEmitter from "node:events";
+import { mkdir, open, readFile, writeFile } from "node:fs/promises";
+import { watch } from "chokidar";
+import { dirname, join } from "pathe";
 
 //#region package.json
 var name = "@dxup/nuxt";
 
+//#endregion
+//#region src/event/client.ts
+const responseRE = /^```json \{(?<key>.*)\}\n(?<value>[\s\S]*?)\n```$/;
+async function createEventClient(nuxt) {
+	const path = join(nuxt.options.buildDir, "dxup/events.md");
+	await mkdir(dirname(path), { recursive: true });
+	await writeFile(path, "");
+	const fd = await open(path, "r");
+	const watcher = watch(path, { ignoreInitial: true });
+	nuxt.hook("close", async () => {
+		await fd.close();
+		await watcher.close();
+	});
+	const client = new EventEmitter();
+	let offset = 0;
+	watcher.on("change", async (path$1, stats) => {
+		if (!stats || stats.size <= offset) return;
+		const pos = offset;
+		offset = stats.size;
+		const buffer = Buffer.alloc(offset - pos);
+		await fd.read(buffer, 0, buffer.length, pos);
+		const match = buffer.toString("utf-8").trim().match(responseRE);
+		if (match) {
+			const { key, value } = match.groups;
+			client.emit(key, JSON.parse(value));
+		}
+	});
+	return client;
+}
+
+//#endregion
+//#region src/module/events.ts
+const uppercaseRE = /[A-Z]/;
+async function onComponentsRename(nuxt, { fileName, references }) {
+	const component = Object.values(nuxt.apps).flatMap((app) => app.components).find((c) => c.filePath === fileName);
+	if (!component) return;
+	const tasks = Object.entries(references).map(async ([fileName$1, references$1]) => {
+		const code = await readFile(fileName$1, "utf-8");
+		const chunks = [];
+		let offset = 0;
+		for (const { textSpan, lazy } of references$1) {
+			const start = textSpan.start;
+			const end = start + textSpan.length;
+			const oldName = code.slice(start, end);
+			const newName = uppercaseRE.test(oldName) ? lazy ? "Lazy" + component.pascalName : component.pascalName : lazy ? "lazy-" + component.kebabName : component.kebabName;
+			chunks.push(code.slice(offset, start), newName);
+			offset = end;
+		}
+		chunks.push(code.slice(offset));
+		await writeFile(fileName$1, chunks.join(""));
+	});
+	await Promise.all(tasks);
+}
+
 //#endregion
 //#region src/module/index.ts
 var module_default = defineNuxtModule({
@@ -11,32 +70,34 @@ var module_default = defineNuxtModule({
 		configKey: "dxup"
 	},
 	defaults: {
+		components: true,
 		nitroRoutes: true,
 		runtimeConfig: true,
 		unimport: true
 	},
 	async setup(options, nuxt) {
 		const pluginsTs = [{ name: "@dxup/nuxt" }];
-		const pluginsVue = [];
-		if (options.nitroRoutes) pluginsVue.push("@dxup/nuxt/vue/nitro-routes");
-		if (options.unimport) pluginsTs.push({ name: "@dxup/unimport" });
+		if (options.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");
 		append(pluginsTs, nuxt.options, "typescript", "nodeTsConfig", "compilerOptions");
-		append(pluginsVue, nuxt.options, "typescript", "tsConfig", "vueCompilerOptions");
 		addTemplate({
-			filename: "dxup.json",
+			filename: "dxup/data.json",
 			write: true,
 			getContents() {
 				const data = {
+					buildDir: nuxt.options.buildDir,
+					serverDir: nuxt.options.serverDir,
+					configFiles: [...nuxt.options._nuxtConfigFiles, ...nuxt.options._layers.map((layer) => layer._configFile).filter(Boolean)],
+					components: options.components,
 					nitroRoutes: options.nitroRoutes,
-					runtimeConfig: options.runtimeConfig,
-					configFiles: [...nuxt.options._nuxtConfigFiles, ...nuxt.options._layers.map((layer) => layer._configFile).filter(Boolean)]
+					runtimeConfig: options.runtimeConfig
 				};
 				return JSON.stringify(data, null, 2);
 			}
 		});
+		(await createEventClient(nuxt)).on("components:rename", (data) => onComponentsRename(nuxt, data));
 	}
 });
 function append(plugins, target, ...keys) {

package/dist/typescript.cjs

@@ -21,38 +21,112 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const require_ast = require('./ast-DJW3KREB.cjs');
-let node_path = require("node:path");
-node_path = __toESM(node_path);
+let pathe = require("pathe");
+pathe = __toESM(pathe);
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = __toESM(node_fs_promises);
 
-//#region src/typescript/index.ts
-const plugin = (module$1) => {
-	const { typescript: ts } = module$1;
-	return { create(info) {
-		const path = (0, node_path.join)(info.languageServiceHost.getCurrentDirectory(), "dxup.json");
-		const data = {
-			nitroRoutes: true,
-			runtimeConfig: true,
-			configFiles: [],
-			...JSON.parse(ts.sys.readFile(path) ?? "{}")
-		};
-		const context = {
-			ts,
-			info,
-			data
-		};
-		for (const [key, method] of [["getDefinitionAndBoundSpan", getDefinitionAndBoundSpan.bind(null, context)]]) {
-			const original = info.languageService[key];
-			info.languageService[key] = method(original);
+//#region src/event/server.ts
+function createEventServer(info) {
+	const path = (0, pathe.join)(info.project.getCurrentDirectory(), "dxup/events.md");
+	async function write(key, data) {
+		try {
+			await (0, node_fs_promises.appendFile)(path, `\`\`\`json {${key}}\n${JSON.stringify(data, null, 2)}\n\`\`\`\n`);
+		} catch {}
+	}
+	return { write };
+}
+
+//#endregion
+//#region src/typescript/features/findRenameLocations.ts
+function findRenameLocations(context, findRenameLocations$1) {
+	const { data } = context;
+	return (...args) => {
+		return findRenameLocations$1(...args)?.filter((edit) => {
+			return !edit.fileName.startsWith(data.buildDir);
+		});
+	};
+}
+
+//#endregion
+//#region ../shared/src/index.ts
+function* forEachTouchNode(ts, sourceFile, position) {
+	yield* binaryVisit(ts, sourceFile, sourceFile, position);
+}
+function* binaryVisit(ts, sourceFile, node, position) {
+	const nodes = [];
+	ts.forEachChild(node, (child) => {
+		nodes.push(child);
+	});
+	let left = 0;
+	let right = nodes.length - 1;
+	while (left <= right) {
+		const mid = Math.floor((left + right) / 2);
+		const node$1 = nodes[mid];
+		const start = node$1.getStart(sourceFile);
+		const end = node$1.getEnd();
+		if (position < start) right = mid - 1;
+		else if (position > end) left = mid + 1;
+		else {
+			yield node$1;
+			yield* binaryVisit(ts, sourceFile, node$1, position);
+			return;
 		}
-		return info.languageService;
-	} };
-};
-var typescript_default = plugin;
+	}
+}
+
+//#endregion
+//#region src/typescript/features/getDefinitionAndBoundSpan.ts
+const fetchFunctions = new Set([
+	"$fetch",
+	"useFetch",
+	"useLazyFetch"
+]);
+const nonApiRE = /^(?!\/api\/)/;
 function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
-	const { info, data } = context;
-	return (fileName, position) => {
-		const result = getDefinitionAndBoundSpan$1(fileName, position);
+	const { ts, info, data } = context;
+	return (...args) => {
+		const result = getDefinitionAndBoundSpan$1(...args);
+		if (!result && data.nitroRoutes) {
+			const program$1 = info.languageService.getProgram();
+			const sourceFile = program$1.getSourceFile(args[0]);
+			if (!sourceFile) return;
+			const checker = program$1.getTypeChecker();
+			for (const node of forEachTouchNode(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) break;
+				const typeArguments = checker.getTypeArgumentsForResolvedSignature(resolvedSignature);
+				const routeType = typeArguments?.[2];
+				const methodtype = typeArguments?.[3];
+				if (!routeType?.isStringLiteral() || !methodtype?.isStringLiteral()) break;
+				const route = routeType.value.replace(nonApiRE, "/routes");
+				const method = methodtype.value;
+				const path = (0, pathe.join)(data.serverDir, `${route}.${method}.ts`);
+				return {
+					textSpan: {
+						start,
+						length: end - start
+					},
+					definitions: [{
+						fileName: path,
+						textSpan: {
+							start: 0,
+							length: 0
+						},
+						kind: ts.ScriptElementKind.scriptElement,
+						name: path,
+						containerKind: ts.ScriptElementKind.unknown,
+						containerName: ""
+					}]
+				};
+			}
+			return;
+		}
 		if (!result?.definitions?.length) return result;
 		const program = info.languageService.getProgram();
 		const definitions = new Set(result.definitions);
@@ -61,8 +135,7 @@ function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 			const sourceFile = program.getSourceFile(definition.fileName);
 			if (!sourceFile) continue;
 			let result$1 = [];
-			if (data.nitroRoutes && definition.fileName.endsWith("nitro-routes.d.ts")) result$1 = visitNitroRoutes(context, sourceFile, definition, getDefinitionAndBoundSpan$1);
-			else if (data.runtimeConfig && definition.fileName.endsWith("runtime-config.d.ts")) result$1 = visitRuntimeConfig(context, sourceFile, definition);
+			if (data.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);
 				skippedDefinitions.push(definition);
@@ -75,32 +148,11 @@ function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 		};
 	};
 }
-function visitNitroRoutes(context, sourceFile, definition, getDefinitionAndBoundSpan$1) {
-	const { ts } = context;
-	const definitions = [];
-	for (const node of require_ast.forEachNode(sourceFile)) {
-		if (!ts.isPropertySignature(node) || !node.type || !ts.isTypeLiteralNode(node.type)) continue;
-		const { textSpan } = definition;
-		const start = node.name.getStart(sourceFile);
-		const end = node.name.getEnd();
-		if (start !== textSpan.start || end - start !== textSpan.length) continue;
-		for (const member of node.type.members) {
-			if (!ts.isPropertySignature(member)) continue;
-			const pos = (((((member.type?.typeArguments?.[0])?.typeArguments?.[0])?.typeArguments?.[0])?.typeArguments?.[0])?.qualifier)?.getStart(sourceFile);
-			if (pos !== void 0) {
-				const res = getDefinitionAndBoundSpan$1(definition.fileName, pos);
-				if (res?.definitions?.length) definitions.push(...res.definitions);
-			}
-		}
-		break;
-	}
-	return definitions;
-}
 function visitRuntimeConfig(context, sourceFile, definition) {
 	const { ts } = context;
 	let definitions = [];
 	const path = [];
-	require_ast.walkNodes(sourceFile, (node, next) => {
+	for (const node of forEachTouchNode(ts, sourceFile, definition.textSpan.start)) {
 		let key;
 		if (ts.isInterfaceDeclaration(node) && ts.isIdentifier(node.name)) key = node.name.text;
 		else if (ts.isPropertySignature(node) && ts.isIdentifier(node.name)) {
@@ -111,13 +163,11 @@ function visitRuntimeConfig(context, sourceFile, definition) {
 			if (start === textSpan.start && end - start === textSpan.length) {
 				path.push(key);
 				definitions = [...proxyRuntimeConfig(context, definition, path)];
-				return;
+				break;
 			}
 		}
 		if (key !== void 0) path.push(key);
-		next();
-		if (key !== void 0) path.pop();
-	});
+	}
 	return definitions;
 }
 function* proxyRuntimeConfig(context, definition, path) {
@@ -176,5 +226,95 @@ function* proxyRuntimeConfig(context, definition, path) {
 	}
 }
 
+//#endregion
+//#region src/typescript/utils.ts
+function toSourceSpan(language, fileName, textSpan) {
+	const sourceScript = language?.scripts.get(fileName);
+	if (!sourceScript?.generated) return;
+	const serviceScript = sourceScript.generated.languagePlugin.typescript?.getServiceScript(sourceScript.generated.root);
+	if (!serviceScript) return;
+	const map = language.maps.get(serviceScript.code, sourceScript);
+	const leadingOffset = sourceScript.snapshot.getLength();
+	for (const [start, end] of map.toSourceRange(textSpan.start - leadingOffset, textSpan.start + textSpan.length - leadingOffset, false)) return {
+		start,
+		length: end - start
+	};
+}
+
+//#endregion
+//#region src/typescript/features/getEditsForFileRename.ts
+function getEditsForFileRename(context, getEditsForFileRename$1) {
+	const { ts, info, data, server } = context;
+	return (...args) => {
+		const result = getEditsForFileRename$1(...args);
+		if (!result?.length) return result;
+		const program = info.languageService.getProgram();
+		const changes = [];
+		const references = {};
+		for (const change of result) {
+			const { fileName, textChanges } = change;
+			if (data.components && fileName.endsWith("components.d.ts")) {
+				const sourceFile = program.getSourceFile(fileName);
+				if (!sourceFile) continue;
+				for (const { span } of textChanges) for (const node of forEachTouchNode(ts, sourceFile, span.start)) {
+					if (!ts.isPropertySignature(node) && !ts.isVariableDeclaration(node)) continue;
+					const position = node.name.getStart(sourceFile);
+					const res = info.languageService.getReferencesAtPosition(fileName, position)?.filter((entry) => !entry.fileName.startsWith(data.buildDir));
+					const lazy = node.type && ts.isTypeReferenceNode(node.type) && ts.isIdentifier(node.type.typeName) && node.type.typeName.text === "LazyComponent";
+					for (const { fileName: fileName$1, textSpan } of res ?? []) (references[fileName$1] ??= []).push({
+						textSpan: toSourceSpan(context.language, fileName$1, textSpan) ?? textSpan,
+						lazy: lazy || void 0
+					});
+					break;
+				}
+			}
+			if (!fileName.startsWith(data.buildDir)) changes.push(change);
+		}
+		if (Object.keys(references).length) server.write("components:rename", {
+			fileName: args[1],
+			references
+		});
+		return changes;
+	};
+}
+
+//#endregion
+//#region src/typescript/index.ts
+const plugin = (module$1) => {
+	const { typescript: ts } = module$1;
+	return { create(info) {
+		const currentDirectory = info.languageServiceHost.getCurrentDirectory();
+		const path = (0, pathe.join)(currentDirectory, "dxup/data.json");
+		const data = {
+			buildDir: currentDirectory,
+			configFiles: [],
+			components: true,
+			nitroRoutes: true,
+			runtimeConfig: true,
+			...JSON.parse(ts.sys.readFile(path) ?? "{}")
+		};
+		const server = createEventServer(info);
+		const context = {
+			ts,
+			info,
+			data,
+			server
+		};
+		setTimeout(() => {
+			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)]
+		]) {
+			const original = info.languageService[key];
+			info.languageService[key] = method(original);
+		}
+		return info.languageService;
+	} };
+};
+var typescript_default = plugin;
+
 //#endregion
 module.exports = typescript_default;

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@dxup/nuxt",
   "type": "module",
-  "version": "0.0.3",
-  "description": "TypeScript and Vue plugins for Nuxt",
+  "version": "0.0.5",
+  "description": "TypeScript plugins for Nuxt",
   "author": "KazariEX",
   "license": "MIT",
   "repository": "KazariEX/dxup",
   "exports": {
     ".": "./dist/module.js",
-    "./vue/nitro-routes": "./dist/vue/nitro-routes.cjs",
     "./package.json": "./package.json"
   },
   "main": "./dist/typescript.cjs",
@@ -18,9 +17,14 @@
   ],
   "dependencies": {
     "@nuxt/kit": "^4.1.2",
+    "chokidar": "^4.0.3",
+    "pathe": "2.0.3",
     "@dxup/unimport": "^0.0.1"
   },
   "devDependencies": {
+    "@dxup/shared": "",
+    "@volar/language-core": "^2.4.23",
+    "@volar/typescript": "^2.4.23",
     "@vue/language-core": "^3.0.8",
     "nuxt": "^4.1.2",
     "typescript": "^5.9.2"
@@ -28,6 +32,6 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown -w --sourcemap",
-    "release": "bumpp"
+    "release": "node ../../scripts/release.ts"
   }
 }

package/dist/ast-DJW3KREB.cjs

@@ -1,31 +0,0 @@
-
-//#region src/utils/ast.ts
-function* forEachNode(node) {
-	yield node;
-	const children = [];
-	node.forEachChild((child) => {
-		children.push(child);
-	});
-	for (const child of children) yield* forEachNode(child);
-}
-function walkNodes(node, callback) {
-	callback(node, () => {
-		node.forEachChild((child) => {
-			walkNodes(child, callback);
-		});
-	});
-}
-
-//#endregion
-Object.defineProperty(exports, 'forEachNode', {
-  enumerable: true,
-  get: function () {
-    return forEachNode;
-  }
-});
-Object.defineProperty(exports, 'walkNodes', {
-  enumerable: true,
-  get: function () {
-    return walkNodes;
-  }
-});

package/dist/vue/nitro-routes.cjs

@@ -1,33 +0,0 @@
-const require_ast = require('../ast-DJW3KREB.cjs');
-
-//#region src/vue/nitro-routes.ts
-const functionNames = new Set([
-	"$fetch",
-	"useFetch",
-	"useLazyFetch"
-]);
-const plugin = ({ modules: { typescript: ts } }) => {
-	return {
-		version: 2.2,
-		resolveEmbeddedCode(fileName, sfc, embeddedFile) {
-			if (!embeddedFile.id.startsWith("script_")) return;
-			const { scriptSetup } = sfc;
-			if (!scriptSetup) return;
-			const codes = [];
-			for (const node of require_ast.forEachNode(scriptSetup.ast)) if (ts.isCallExpression(node) && ts.isIdentifier(node.expression) && functionNames.has(node.expression.text) && node.arguments.length && ts.isStringLiteralLike(node.arguments[0])) {
-				const arg = node.arguments[0];
-				codes.push(`/** @type {__VLS_InternalApi[`, [
-					arg.getText(scriptSetup.ast),
-					sfc.scriptSetup.name,
-					arg.getStart(scriptSetup.ast),
-					{ navigation: true }
-				], `]} */;\n`);
-			}
-			if (codes.length) embeddedFile.content.push(`import type { InternalApi as __VLS_InternalApi } from 'nitropack/types';\n`, ...codes);
-		}
-	};
-};
-var nitro_routes_default = plugin;
-
-//#endregion
-module.exports = nitro_routes_default;

package/dist/vue/nitro-routes.d.cts

@@ -1,5 +0,0 @@
-import { VueLanguagePlugin } from "@vue/language-core";
-
-//#region src/vue/nitro-routes.d.ts
-declare const plugin: VueLanguagePlugin;
-export = plugin;