@dxup/nuxt 0.0.3 → 0.0.4

package/README.md

@@ -8,6 +8,7 @@ This is a collection of TypeScript and Vue plugins that improves Nuxt DX.
 
 ## Features
 
+- Update references when renaming auto imported component files
 - Go to definition for nitro routes in data fetching methods within Vue files
 - 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,6 +70,7 @@ var module_default = defineNuxtModule({
 		configKey: "dxup"
 	},
 	defaults: {
+		components: true,
 		nitroRoutes: true,
 		runtimeConfig: true,
 		unimport: true
@@ -19,24 +79,27 @@ var module_default = defineNuxtModule({
 		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,
+					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/{ast-DJW3KREB.cjs → src-BfXMgjZD.cjs}

@@ -1,17 +1,17 @@
 
-//#region src/utils/ast.ts
-function* forEachNode(node) {
+//#region ../shared/src/index.ts
+function* forEachNode(ts, node) {
 	yield node;
 	const children = [];
-	node.forEachChild((child) => {
+	ts.forEachChild(node, (child) => {
 		children.push(child);
 	});
-	for (const child of children) yield* forEachNode(child);
+	for (const child of children) yield* forEachNode(ts, child);
 }
-function walkNodes(node, callback) {
+function walkNodes(ts, node, callback) {
 	callback(node, () => {
-		node.forEachChild((child) => {
-			walkNodes(child, callback);
+		ts.forEachChild(node, (child) => {
+			walkNodes(ts, child, callback);
 		});
 	});
 }

package/dist/typescript.cjs

@@ -21,27 +21,51 @@ 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);
+const require_src = require('./src-BfXMgjZD.cjs');
+let pathe = require("pathe");
+pathe = __toESM(pathe);
+let node_fs_promises = require("node:fs/promises");
+node_fs_promises = __toESM(node_fs_promises);
 
+//#region src/event/server.ts
+function createEventServer(info) {
+	const path = (0, pathe.join)(info.project.getCurrentDirectory(), "dxup/events.md");
+	function write(key, data) {
+		return (0, node_fs_promises.appendFile)(path, `\`\`\`json {${key}}\n${JSON.stringify(data, null, 2)}\n\`\`\`\n`).catch();
+	}
+	return { write };
+}
+
+//#endregion
 //#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 currentDirectory = info.languageServiceHost.getCurrentDirectory();
+		const path = (0, pathe.join)(currentDirectory, "dxup/data.json");
 		const data = {
+			buildDir: currentDirectory,
+			configFiles: [],
+			components: true,
 			nitroRoutes: true,
 			runtimeConfig: true,
-			configFiles: [],
 			...JSON.parse(ts.sys.readFile(path) ?? "{}")
 		};
+		const server = createEventServer(info);
 		const context = {
 			ts,
 			info,
-			data
+			data,
+			server
 		};
-		for (const [key, method] of [["getDefinitionAndBoundSpan", getDefinitionAndBoundSpan.bind(null, context)]]) {
+		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);
 		}
@@ -49,10 +73,18 @@ const plugin = (module$1) => {
 	} };
 };
 var typescript_default = plugin;
+function findRenameLocations(context, findRenameLocations$1) {
+	const { data } = context;
+	return (...args) => {
+		return findRenameLocations$1(...args)?.filter((edit) => {
+			return !edit.fileName.startsWith(data.buildDir);
+		});
+	};
+}
 function getDefinitionAndBoundSpan(context, getDefinitionAndBoundSpan$1) {
 	const { info, data } = context;
-	return (fileName, position) => {
-		const result = getDefinitionAndBoundSpan$1(fileName, position);
+	return (...args) => {
+		const result = getDefinitionAndBoundSpan$1(...args);
 		if (!result?.definitions?.length) return result;
 		const program = info.languageService.getProgram();
 		const definitions = new Set(result.definitions);
@@ -78,7 +110,7 @@ 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)) {
+	for (const node of require_src.forEachNode(ts, sourceFile)) {
 		if (!ts.isPropertySignature(node) || !node.type || !ts.isTypeLiteralNode(node.type)) continue;
 		const { textSpan } = definition;
 		const start = node.name.getStart(sourceFile);
@@ -100,7 +132,7 @@ function visitRuntimeConfig(context, sourceFile, definition) {
 	const { ts } = context;
 	let definitions = [];
 	const path = [];
-	require_ast.walkNodes(sourceFile, (node, next) => {
+	require_src.walkNodes(ts, sourceFile, (node, next) => {
 		let key;
 		if (ts.isInterfaceDeclaration(node) && ts.isIdentifier(node.name)) key = node.name.text;
 		else if (ts.isPropertySignature(node) && ts.isIdentifier(node.name)) {
@@ -175,6 +207,60 @@ function* proxyRuntimeConfig(context, definition, path) {
 		}
 	}
 }
+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;
+				const nodes = [];
+				if (fileName.endsWith("types/components.d.ts")) {
+					for (const node of require_src.forEachNode(ts, sourceFile)) if (ts.isPropertySignature(node)) nodes.push(node);
+				} else for (const node of require_src.forEachNode(ts, sourceFile)) if (ts.isVariableDeclaration(node)) nodes.push(node);
+				for (const node of nodes) {
+					const start = node.getStart(sourceFile);
+					const end = node.getEnd();
+					if (textChanges.every(({ span }) => span.start < start || span.start + span.length > end)) continue;
+					const symbols = info.languageService.findReferences(fileName, start);
+					const lazy = node.type && ts.isTypeReferenceNode(node.type) && ts.isIdentifier(node.type.typeName) && node.type.typeName.text === "LazyComponent";
+					for (const reference of symbols?.flatMap(({ references: references$1 }) => references$1) ?? []) {
+						if (reference.isDefinition) continue;
+						const { fileName: fileName$1, textSpan } = reference;
+						(references[fileName$1] ??= []).push({
+							textSpan: toSourceSpan(context.language, fileName$1, textSpan) ?? textSpan,
+							lazy: lazy || void 0
+						});
+					}
+				}
+			}
+			if (!fileName.startsWith(data.buildDir)) changes.push(change);
+		}
+		if (Object.keys(references).length) server.write("components:rename", {
+			fileName: args[1],
+			references
+		});
+		return changes;
+	};
+}
+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
 module.exports = typescript_default;

package/dist/vue/nitro-routes.cjs

@@ -1,4 +1,4 @@
-const require_ast = require('../ast-DJW3KREB.cjs');
+const require_src = require('../src-BfXMgjZD.cjs');
 
 //#region src/vue/nitro-routes.ts
 const functionNames = new Set([
@@ -14,7 +14,7 @@ const plugin = ({ modules: { typescript: ts } }) => {
 			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])) {
+			for (const node of require_src.forEachNode(ts, 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),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxup/nuxt",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "TypeScript and Vue plugins for Nuxt",
   "author": "KazariEX",
   "license": "MIT",
@@ -18,9 +18,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 +33,6 @@
   "scripts": {
     "build": "tsdown",
     "dev": "tsdown -w --sourcemap",
-    "release": "bumpp"
+    "release": "node ../../scripts/release.ts"
   }
 }