@ripast/vue 0.0.0 → 0.1.0

package/dist/index.mjs

@@ -1,8 +1,7 @@
 import { existsSync, readFileSync, statSync } from "node:fs";
-import { join, resolve } from "node:path";
-import { extractTemplateExpressions, posToLineCol, rewriteTemplateReferences } from "@ripast/core/adapter";
+import { basename, join, relative, resolve } from "node:path";
+import { extractTemplateExpressions, hyphenateVueName, isGeneratedNuxtPath, isInsideNuxtAutoImportScope, loadNuxtPathAliases, posToLineCol, resolveBestImportSpecifier, rewriteTemplateReferences, rgFiles } from "@ripast/core/adapter";
 import { URI } from "vscode-uri";
-import { spawnSync } from "node:child_process";
 import process from "node:process";
 import { FileType, createLanguage, createLanguageService, createUriMap } from "@volar/language-service";
 import { createLanguageServiceHost, resolveFileLanguageId } from "@volar/typescript";
@@ -11,6 +10,7 @@ import { createVueLanguageServicePlugins } from "@vue/language-service";
 import ts from "typescript";
 import { create } from "volar-service-typescript";
 import { TextDocument } from "vscode-languageserver-textdocument";
+import { spawnSync } from "node:child_process";
 function createVueService(tsconfigPath, cwd) {
 	const commandLine = createParsedCommandLine(ts, ts.sys, tsconfigPath);
 	const vueExts = getAllExtensions(commandLine.vueOptions).map((ext) => {
@@ -119,7 +119,7 @@ function workspaceEditToChanges(edit, vue, cwd, filter) {
 		if (after === before) return;
 		out.push({
 			path: fileName,
-			rel: relPath$1(fileName, cwd),
+			rel: workspaceRelativePath(fileName, cwd),
 			before,
 			after
 		});
@@ -130,23 +130,37 @@ function workspaceEditToChanges(edit, vue, cwd, filter) {
 	}
 	return out;
 }
-function relPath$1(fileName, cwd) {
+function workspaceRelativePath(fileName, cwd) {
 	return fileName.startsWith(cwd) ? fileName.slice(cwd.length).replace(/^[/\\]/, "") : fileName;
 }
-function hasVueFilesContaining(cwd, pattern) {
-	return !!spawnSync("rg", [
+function hasVueFilesContaining$1(cwd, pattern) {
+	return listVueFilesContaining(cwd, pattern).length > 0;
+}
+function listVueFiles(cwd) {
+	return rgVueFiles(cwd, ["--files"]);
+}
+function listVueFilesContaining(cwd, pattern) {
+	return rgVueFiles(cwd, [
 		"--files-with-matches",
+		"--fixed-strings",
+		pattern
+	]);
+}
+function rgVueFiles(cwd, args) {
+	return spawnSync("rg", [
+		...args,
 		"--hidden",
 		"--no-messages",
-		"--fixed-strings",
 		"-g",
 		"*.vue",
-		pattern,
 		"."
 	], {
 		cwd,
 		encoding: "utf8"
-	}).stdout.trim();
+	}).stdout.split("\n").filter(Boolean).map((path) => resolve(cwd, path));
+}
+function hasVueFilesContaining(cwd, pattern) {
+	return hasVueFilesContaining$1(cwd, pattern);
 }
 async function applyVueRename(tsconfigPath, cwd, from, to, sites) {
 	const vue = createVueService(tsconfigPath, cwd);
@@ -173,11 +187,12 @@ async function applyVueRename(tsconfigPath, cwd, from, to, sites) {
 			const before = existing?.before ?? safeReadFile(path);
 			if (before === void 0) continue;
 			const baseAfter = existing?.after ?? before;
+			if (hasLocalScriptBinding(baseAfter, from)) continue;
 			const rewritten = rewriteTemplateReferences(baseAfter, from, to);
 			if (rewritten === baseAfter) continue;
 			byPath.set(path, {
 				path,
-				rel: existing?.rel ?? relPath(path, cwd),
+				rel: existing?.rel ?? workspaceRelativePath(path, cwd),
 				before,
 				after: rewritten
 			});
@@ -187,20 +202,15 @@ async function applyVueRename(tsconfigPath, cwd, from, to, sites) {
 		vue.dispose();
 	}
 }
-function listVueFilesContaining(cwd, pattern) {
-	return spawnSync("rg", [
-		"--files-with-matches",
-		"--hidden",
-		"--no-messages",
-		"--fixed-strings",
-		"-g",
-		"*.vue",
-		pattern,
-		"."
-	], {
-		cwd,
-		encoding: "utf8"
-	}).stdout.split("\n").filter(Boolean).map((p) => resolve(cwd, p));
+function hasLocalScriptBinding(source, name) {
+	const script = extractScript(source);
+	if (!script?.includes(name)) return false;
+	const escaped = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const withoutImports = script.replace(/^\s*import [^;\n]*;?$/gm, "");
+	return new RegExp(`\\b(?:const|let|var|function|class|interface|type|enum)\\s+${escaped}\\b`).test(withoutImports);
+}
+function extractScript(source) {
+	return /<script(?:\s[^>]*)?>([\s\S]*?)<\/script>/i.exec(source)?.[1] ?? null;
 }
 function safeReadFile(path) {
 	try {
@@ -209,9 +219,6 @@ function safeReadFile(path) {
 		return;
 	}
 }
-function relPath(fileName, cwd) {
-	return fileName.startsWith(cwd) ? fileName.slice(cwd.length).replace(/^[/\\]/, "") : fileName;
-}
 async function applyVueImportRewrite(tsconfigPath, cwd, fromAbs, toAbs) {
 	const vue = createVueService(tsconfigPath, cwd);
 	try {
@@ -266,18 +273,111 @@ async function getDiags(vue, fileName) {
 function diagKey(d) {
 	return `${d.range.start.line}:${d.range.start.character}:${d.code ?? ""}:${d.message}`;
 }
-function listVueFiles(cwd) {
-	return spawnSync("rg", [
-		"--files",
-		"--hidden",
-		"--no-messages",
-		"-g",
-		"*.vue",
-		"."
-	], {
+async function finalizeVueFileRename(cwd, oldAbs, newAbs, existingChanges, autoImportScopes) {
+	const changes = [];
+	const warnings = [];
+	if (!oldAbs.endsWith(".vue") || !newAbs.endsWith(".vue")) return {
+		changes,
+		warnings
+	};
+	const oldName = basename(oldAbs, ".vue");
+	const newName = basename(newAbs, ".vue");
+	mergeIntoChanges(changes, rewriteResolveComponentSites(cwd, oldName, newName, existingChanges, oldAbs, newAbs, warnings));
+	if (autoImportScopes.size && isInsideNuxtAutoImportScope(oldAbs, autoImportScopes) && !isInsideNuxtAutoImportScope(newAbs, autoImportScopes)) mergeIntoChanges(changes, addExplicitComponentImports(cwd, oldName, newName, newAbs, mergeView(existingChanges, changes), oldAbs));
+	return {
+		changes,
+		warnings
+	};
+}
+function mergeView(a, b) {
+	const map = /* @__PURE__ */ new Map();
+	for (const c of a) map.set(c.path, c);
+	for (const c of b) map.set(c.path, c);
+	return [...map.values()];
+}
+function mergeIntoChanges(target, incoming) {
+	for (const change of incoming) {
+		const existing = target.find((c) => c.path === change.path);
+		if (existing) existing.after = change.after;
+		else target.push(change);
+	}
+}
+function rewriteResolveComponentSites(cwd, oldName, newName, changes, oldAbs, newAbs, warnings) {
+	const candidates = new Set(rgFiles("resolveComponent", { cwd }));
+	if (!candidates.size) return [];
+	const byPath = new Map(changes.map((change) => [change.path, change]));
+	const escaped = escapeRe(oldName);
+	const literalRe = new RegExp(`resolveComponent\\s*\\(\\s*(['"\`])${escaped}\\1`, "g");
+	const out = [];
+	const warnFiles = [];
+	for (const path of candidates) {
+		if (path === oldAbs || path === newAbs || isGeneratedNuxtPath(cwd, path)) continue;
+		const before = byPath.get(path)?.before ?? readFileSync(path, "utf8");
+		const current = byPath.get(path)?.after ?? before;
+		literalRe.lastIndex = 0;
+		if (!literalRe.test(current)) continue;
+		warnFiles.push(relative(cwd, path));
+		if (oldName === newName) continue;
+		literalRe.lastIndex = 0;
+		const after = current.replace(literalRe, (match, quote) => match.replace(`${quote}${oldName}${quote}`, `${quote}${newName}${quote}`));
+		if (after === current) continue;
+		out.push({
+			path,
+			rel: relative(cwd, path),
+			before,
+			after
+		});
+	}
+	if (warnFiles.length) warnings.push(`rename-file: "${oldName}" is referenced via resolveComponent() in ${warnFiles.length} file(s) [${warnFiles.join(", ")}]. The component must stay globally registered for these sites to resolve (plugin app.component(...) or Nuxt components dir).`);
+	return out;
+}
+function addExplicitComponentImports(cwd, oldName, newName, newAbs, changes, oldAbs) {
+	const tokens = new Set([
+		oldName,
+		newName,
+		hyphenateVueName(oldName),
+		hyphenateVueName(newName)
+	]);
+	const candidates = /* @__PURE__ */ new Set();
+	for (const token of tokens) for (const path of rgFiles(token, {
 		cwd,
-		encoding: "utf8"
-	}).stdout.split("\n").filter(Boolean).map((p) => resolve(cwd, p));
+		glob: "*.vue"
+	})) candidates.add(path);
+	if (!candidates.size) return [];
+	const aliases = loadNuxtPathAliases(cwd);
+	const byPath = new Map(changes.map((change) => [change.path, change]));
+	const tagRe = new RegExp(`<\\/?(?:${escapeRe(newName)}|${escapeRe(hyphenateVueName(newName))})(?=[\\s/>])`);
+	const out = [];
+	for (const path of candidates) {
+		if (path === oldAbs || path === newAbs || isGeneratedNuxtPath(cwd, path)) continue;
+		const before = byPath.get(path)?.before ?? readFileSync(path, "utf8");
+		const current = byPath.get(path)?.after ?? before;
+		if (!tagRe.test(current)) continue;
+		if (hasDefaultImportFromVue(current, newName)) continue;
+		const after = insertVueComponentImport(current, newName, resolveBestImportSpecifier(path, newAbs, aliases, "./placeholder.vue"));
+		if (after === current) continue;
+		out.push({
+			path,
+			rel: relative(cwd, path),
+			before,
+			after
+		});
+	}
+	return out;
+}
+function escapeRe(s) {
+	return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function hasDefaultImportFromVue(source, name) {
+	return new RegExp(`\\bimport\\s+${escapeRe(name)}\\s+from\\s+['"\`][^'"\`]+\\.vue['"\`]`).test(source);
+}
+function insertVueComponentImport(source, name, specifier) {
+	const match = source.match(/<script(?:\s[^>]*)?>/);
+	if (!match || match.index === void 0) throw new Error(`ripast rename-file: "${name}" is auto-imported in Nuxt; the new path falls outside auto-import scope but a consumer has no <script> block to receive an explicit import. Add a <script setup> block first.`);
+	const insertAt = match.index + match[0].length;
+	const importLine = `\nimport ${name} from '${specifier}'`;
+	if (source.slice(insertAt, insertAt + 1) === "\n") return `${source.slice(0, insertAt)}${importLine}${source.slice(insertAt)}`;
+	return `${source.slice(0, insertAt)}${importLine}\n${source.slice(insertAt)}`;
 }
 const adapter = {
 	name: "vue",
@@ -298,6 +398,9 @@ const adapter = {
 	autoImportScopes(cwd) {
 		if (!isNuxtProject(cwd)) return /* @__PURE__ */ new Set();
 		return nuxtAutoImportScopes(cwd);
+	},
+	async finalizeFileRename(cwd, oldAbs, newAbs, existingChanges) {
+		return finalizeVueFileRename(cwd, oldAbs, newAbs, existingChanges, isNuxtProject(cwd) ? nuxtAutoImportScopes(cwd) : /* @__PURE__ */ new Set());
 	}
 };
 const DEFAULT_NUXT_AUTO_IMPORT_DIRS = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ripast/vue",
   "type": "module",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "description": "Vue (and Nuxt) framework adapter for ripast. Provides Volar/Vue Language Service-backed rename, move, and template rewriting for .vue SFCs.",
   "author": {
     "name": "Harlan Wilton",
@@ -42,7 +42,7 @@
   },
   "peerDependencies": {
     "typescript": ">=5.4",
-    "@ripast/core": "0.0.0"
+    "@ripast/core": "0.1.0"
   },
   "dependencies": {
     "@volar/language-service": "^2.4.28",
@@ -55,7 +55,7 @@
     "vscode-uri": "^3.1.0"
   },
   "devDependencies": {
-    "@ripast/core": "0.0.0"
+    "@ripast/core": "0.1.0"
   },
   "scripts": {
     "build": "obuild",