@vizejs/vite-plugin 0.277.0 → 0.278.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createRequire } from "node:module";
 import { createHash } from "node:crypto";
 import * as native from "@vizejs/native";
-import { applyViteDefineReplacements, chunkVitePrecompileFiles, classifyVitePluginRequest, createViteBareImportBases, createViteBareImportCandidates, createViteVirtualId, detectViteHmrUpdateType, diffVitePrecompileFiles, generateViteHmrCode, hasViteHmrChanges, isViteBareSpecifier, normalizeViteCssModuleFilename, normalizeViteDevMiddlewareUrl, normalizeVitePrecompileBatchSize, normalizeViteRequireBase, normalizeViteResolvedVuePath, resolveViteAliasRequest, resolveViteCssImports, resolveViteRelativeImport, resolveViteVuePath, rewriteViteDynamicTemplateImports, rewriteViteImportMetaGlobBase, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix, transformViteCssVarsForPipeline } from "@vizejs/native";
+import { applyViteDefineReplacements, buildInspectorGraph, chunkVitePrecompileFiles, classifyVitePluginRequest, createViteBareImportBases, createViteBareImportCandidates, createViteVirtualId, detectViteHmrUpdateType, diffVitePrecompileFiles, generateViteHmrCode, hasViteHmrChanges, isViteBareSpecifier, normalizeViteCssModuleFilename, normalizeViteDevMiddlewareUrl, normalizeVitePrecompileBatchSize, normalizeViteRequireBase, normalizeViteResolvedVuePath, resolveViteAliasRequest, resolveViteCssImports, resolveViteRelativeImport, resolveViteVuePath, rewriteViteDynamicTemplateImports, rewriteViteImportMetaGlobBase, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix, transformViteCssVarsForPipeline } from "@vizejs/native";
 import fs from "node:fs";
 import { glob } from "tinyglobby";
 import path from "node:path";
@@ -261,10 +261,17 @@ function toPluginVisibleVirtualId(realPath, ssr = false, querySuffix = "") {
 function fromPluginVisibleVirtualId(id) {
 	if (id.startsWith("\0")) return null;
 	const request = classifyVitePluginRequest(id);
-	if (!request.path.endsWith(".vue.ts") || !request.querySuffix) return null;
+	if (!isPluginVisibleVueVirtualPath(request.path) || !request.querySuffix) return null;
 	const params = new URLSearchParams(request.querySuffix.slice(1));
 	if (!params.has("vue") || !params.has("vize") && !params.has("vize-ssr")) return null;
-	return classifyVitePluginRequest(request.normalizedFsId ?? id).normalizedVuePath;
+	return stripPluginVisibleVueVirtualSuffix(classifyVitePluginRequest(request.normalizedFsId ?? id).path);
+}
+function isPluginVisibleVueVirtualPath(path) {
+	return path.endsWith(".vue.ts") || path.endsWith(".vue.tsx");
+}
+function stripPluginVisibleVueVirtualSuffix(path) {
+	if (path.endsWith(".vue.tsx")) return path.slice(0, -4);
+	return path.endsWith(".vue.ts") ? path.slice(0, -3) : path;
 }
 function isPluginVisibleSsrVirtualId(id) {
 	const request = classifyVitePluginRequest(id);
@@ -680,7 +687,7 @@ async function compileAll(state) {
 			state.cache.delete(file);
 			if (state.extractCss) state.collectedCss.delete(file);
 			state.precompileMetadata.delete(file);
-			precompileFailures.push(`[vize] Failed to read ${file}: ${formatUnknownError$1(e)}`);
+			precompileFailures.push(`[vize] Failed to read ${file}: ${formatUnknownError$2(e)}`);
 			state.logger.error(`Failed to read ${file}:`, e);
 		}
 		if (fileContents.length === 0) continue;
@@ -719,7 +726,7 @@ async function compileAll(state) {
 		throw new Error(`[vize] Pre-compilation failed for ${failedCount} file(s).${details}`);
 	}
 }
-function formatUnknownError$1(error) {
+function formatUnknownError$2(error) {
 	return error instanceof Error ? error.message : String(error);
 }
 //#endregion
@@ -760,6 +767,26 @@ function isProjectSourceImporter(root, importer) {
 	}
 }
 //#endregion
+//#region src/plugin/resolve-relative-vue.ts
+function cleanVueSfcImporter(importer, request) {
+	let cleanImporter = request?.normalizedFsId ?? request?.normalizedVuePath ?? importer;
+	if (cleanImporter.startsWith("/@id/__x00__")) cleanImporter = cleanImporter.slice(12);
+	else if (cleanImporter.startsWith("__x00__")) cleanImporter = cleanImporter.slice(7);
+	return classifyVitePluginRequest(cleanImporter).normalizedVuePath;
+}
+async function resolveRelativeVueSfcImport(ctx, state, id, cleanImporter, isSsrRequest, isDependencyScan, resolveWithVite) {
+	if (!id.startsWith("./") && !id.startsWith("../")) return null;
+	const { request, querySuffix } = splitViteIdQuery(id);
+	if (!request.endsWith(".vue")) return null;
+	const resolved = await resolveWithVite(ctx, state, id, cleanImporter, { skipSelf: true });
+	if (!resolved) return null;
+	const resolvedRequest = classifyVitePluginRequest(resolved.id);
+	const resolvedPath = resolvedRequest.normalizedFsId ?? resolvedRequest.normalizedVuePath;
+	if (!resolvedPath || !resolvedPath.endsWith(".vue")) return resolved;
+	const effectiveQuery = resolvedRequest.querySuffix || querySuffix;
+	return isDependencyScan ? toVirtualId(resolvedPath, isSsrRequest) : toPluginVisibleVirtualId(resolvedPath, isSsrRequest, effectiveQuery);
+}
+//#endregion
 //#region src/plugin/resolve.ts
 function resolveVuePath(state, id, importer) {
 	return resolveViteVuePath(state.root, id, importer);
@@ -1093,7 +1120,7 @@ function nativeCssAliasRules(state) {
 	return state.cssAliasRules.length === 0 ? EMPTY_NATIVE_ALIAS_RULES : state.cssAliasRules.map(toNativeCssAliasRule);
 }
 function isPotentialVizeResolveId(id) {
-	return id.startsWith("\0") || id.startsWith("vize:") || id.startsWith("/@fs") || isProjectVueRuntimeRequest(id) || id === "virtual:vize-styles" || id.endsWith(".vue") || id.includes(".vue?") || id.includes(".vue.ts?") || id.includes("?macro=true") || id.includes("?definePage");
+	return id.startsWith("\0") || id.startsWith("vize:") || id.startsWith("/@fs") || isProjectVueRuntimeRequest(id) || id === "virtual:vize-styles" || id.endsWith(".vue") || id.includes(".vue?") || /\.vue\.tsx?\?/.test(id) || id.includes("?macro=true") || id.includes("?definePage");
 }
 function classifyImporterRequest(importer) {
 	return importer ? classifyVitePluginRequest(importer) : null;
@@ -1114,12 +1141,6 @@ function hasNuxtComponentQuery(request) {
 	if (!request.querySuffix) return false;
 	return new URLSearchParams(request.querySuffix.slice(1)).has("nuxt_component");
 }
-function cleanVueSfcImporter(importer, request) {
-	let cleanImporter = request?.normalizedFsId ?? request?.normalizedVuePath ?? importer;
-	if (cleanImporter.startsWith("/@id/__x00__")) cleanImporter = cleanImporter.slice(12);
-	else if (cleanImporter.startsWith("__x00__")) cleanImporter = cleanImporter.slice(7);
-	return cleanImporter.endsWith(".vue.ts") ? cleanImporter.slice(0, -3) : cleanImporter;
-}
 async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules, querySuffix, preserveQueryAsPath, isDependencyScan) {
 	if (path.isAbsolute(id)) return null;
 	const viteResolved = await resolveWithVite(ctx, state, id, normalizeViteRequireBase(importer) ?? importer, { skipSelf: true });
@@ -1207,6 +1228,8 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 	if (importer && (isVizeVirtualImporter || isMacroImporter || isVueSfcImporter)) {
 		const cleanImporter = isMacroImporter ? importerRequest?.strippedVirtualPath ?? "" : isVizeVirtualImporter ? importerRequest?.vizeVirtualPath ?? "" : cleanVueSfcImporter(importer, importerRequest);
 		state.logger.log(`resolveId from virtual: id=${id}, cleanImporter=${cleanImporter}`);
+		const relativeVueResolved = await resolveRelativeVueSfcImport(ctx, state, id, cleanImporter, isSsrRequest, isDependencyScan, resolveWithVite);
+		if (relativeVueResolved) return relativeVueResolved;
 		if (id.startsWith("#")) try {
 			return await resolveWithVite(ctx, state, id, cleanImporter, { skipSelf: true });
 		} catch {
@@ -1705,13 +1728,13 @@ async function transformHook(state, code, id, options) {
 			} catch (dumpError) {
 				state.logger.error(`Failed to dump failing virtual module for ${realPath}:`, dumpError);
 			}
-			const message = [`[vize] Virtual module transform failed for ${realPath}: ${formatUnknownError(e)}`, dumpPath ? `Dumped failing code to ${dumpPath}` : null].filter(Boolean).join("\n");
+			const message = [`[vize] Virtual module transform failed for ${realPath}: ${formatUnknownError$1(e)}`, dumpPath ? `Dumped failing code to ${dumpPath}` : null].filter(Boolean).join("\n");
 			throw new Error(message);
 		}
 	}
 	return null;
 }
-function formatUnknownError(error) {
+function formatUnknownError$1(error) {
 	return error instanceof Error ? error.message : String(error);
 }
 //#endregion
@@ -1932,7 +1955,7 @@ function isSfcLikeSource(code) {
 }
 function shouldPostTransformSfcLikeModule(state, id) {
 	const filename = stripQuery(id);
-	if (filename.endsWith(".vue") || filename.endsWith(".vue.ts") || filename.includes("node_modules")) return false;
+	if (filename.endsWith(".vue") || filename.endsWith(".vue.ts") || filename.endsWith(".vue.tsx") || filename.includes("node_modules")) return false;
 	if (filename.endsWith(".setup.ts")) return true;
 	if (state.filter(filename) || state.filter(id)) return true;
 	return /\.(?:md|markdown)$/i.test(filename);
@@ -1986,10 +2009,10 @@ function stripBridgePrefix$1(id) {
 	return id;
 }
 function isUnoCssBridgeModuleId(id) {
-	return /\.vue\.ts(?:\?|$)/.test(stripBridgePrefix$1(id));
+	return /\.vue\.tsx?(?:\?|$)/.test(stripBridgePrefix$1(id));
 }
 function normalizeUnoCssBridgeModuleId(id) {
-	return stripBridgePrefix$1(id).replace(/\.ts(?=\?|$)/, "");
+	return stripBridgePrefix$1(id).replace(/\.tsx?(?=\?|$)/, "");
 }
 function appendOriginalVueSourceForUnoCss(code, normalizedId) {
 	const sourcePath = normalizedId.split("?")[0];
@@ -2036,10 +2059,10 @@ function stripBridgePrefix(id) {
 	return id;
 }
 function isQuasarBridgeModuleId(id) {
-	return /\.vue\.ts(?:[?#]|$)/.test(stripBridgePrefix(id));
+	return /\.vue\.tsx?(?:[?#]|$)/.test(stripBridgePrefix(id));
 }
 function normalizeQuasarBridgeModuleId(id) {
-	return stripBridgePrefix(id).replace(/\.vue\.ts(?=[?#]|$)/, ".vue");
+	return stripBridgePrefix(id).replace(/\.vue\.tsx?(?=[?#]|$)/, ".vue");
 }
 function patchQuasarBridge(plugins) {
 	for (const plugin of plugins) {
@@ -2069,6 +2092,14 @@ function normalizeCssModuleFilename(filename) {
 }
 //#endregion
 //#region src/plugin/dev-middleware.ts
+const VIZE_INSPECTOR_GRAPH_ENDPOINT = "/__vize/inspector/graph";
+const INSPECTOR_SCRIPT_PATTERNS = ["**/*.{js,jsx,ts,tsx}"];
+const INSPECTOR_EXTRA_IGNORE_PATTERNS = ["**/*.d.ts"];
+const INSPECTOR_FILE_EXTENSION_RE = /\.(?:vue|[jt]sx?)$/;
+function installDevMiddleware(devServer, state) {
+	installVirtualAssetMiddleware(devServer, state);
+	installInspectorGraphMiddleware(devServer, state);
+}
 function installVirtualAssetMiddleware(devServer, state) {
 	devServer.middlewares.use((req, _res, next) => {
 		const rewrite = req.url ? normalizeViteDevMiddlewareUrl(req.url) : null;
@@ -2079,6 +2110,90 @@ function installVirtualAssetMiddleware(devServer, state) {
 		next();
 	});
 }
+function installInspectorGraphMiddleware(devServer, state) {
+	devServer.middlewares.use((req, res, next) => {
+		if (!isInspectorGraphRequest(req.url)) {
+			next();
+			return;
+		}
+		handleInspectorGraphRequest(req, res, state);
+	});
+}
+async function createInspectorGraphPayload(state) {
+	const files = await collectInspectorSourceFiles(state);
+	return {
+		schema: "vize.inspector.graph",
+		version: 1,
+		root: state.root,
+		fileCount: files.length,
+		graph: buildInspectorGraph(files)
+	};
+}
+async function collectInspectorSourceFiles(state) {
+	const paths = await glob(resolveInspectorScanPatterns(state.scanPatterns), {
+		cwd: state.root,
+		absolute: true,
+		ignore: [...state.ignorePatterns, ...INSPECTOR_EXTRA_IGNORE_PATTERNS]
+	});
+	const files = [];
+	for (const filePath of [...new Set(paths)].sort()) {
+		if (!INSPECTOR_FILE_EXTENSION_RE.test(filePath)) continue;
+		const stat = statFile(filePath);
+		if (!stat) continue;
+		if (!stat.isFile()) continue;
+		files.push({
+			path: normalizeInspectorPath(state.root, filePath),
+			source: fs.readFileSync(filePath, "utf-8")
+		});
+	}
+	return files;
+}
+function isInspectorGraphRequest(reqUrl) {
+	if (!reqUrl) return false;
+	try {
+		return new URL(reqUrl, "http://localhost").pathname === VIZE_INSPECTOR_GRAPH_ENDPOINT;
+	} catch {
+		return false;
+	}
+}
+function resolveInspectorScanPatterns(scanPatterns) {
+	return [...scanPatterns && scanPatterns.length > 0 ? scanPatterns : ["**/*.vue"], ...INSPECTOR_SCRIPT_PATTERNS];
+}
+function normalizeInspectorPath(root, filePath) {
+	return path.relative(root, filePath).split(path.sep).join("/");
+}
+function statFile(filePath) {
+	try {
+		return fs.statSync(filePath);
+	} catch {
+		return null;
+	}
+}
+async function handleInspectorGraphRequest(req, res, state) {
+	if (req.method !== "GET" && req.method !== "HEAD") {
+		sendJson(res, 405, { error: "method_not_allowed" });
+		return;
+	}
+	try {
+		sendJson(res, 200, await createInspectorGraphPayload(state), req.method === "HEAD");
+	} catch (error) {
+		state.logger.error("Failed to build inspector graph:", error);
+		sendJson(res, 500, {
+			error: "inspector_graph_failed",
+			message: formatUnknownError(error)
+		});
+	}
+}
+function sendJson(res, statusCode, payload, headOnly = false) {
+	const body = JSON.stringify(payload);
+	res.statusCode = statusCode;
+	res.setHeader("content-type", "application/json; charset=utf-8");
+	res.setHeader("content-length", Buffer.byteLength(body));
+	res.end(headOnly ? void 0 : body);
+}
+function formatUnknownError(error) {
+	return error instanceof Error ? error.message : String(error);
+}
 //#endregion
 //#region src/plugin/vue-version.ts
 function isLegacyVueVersion(version) {
@@ -2319,7 +2434,7 @@ function vize(options = {}) {
 			},
 			configureServer(devServer) {
 				state.server = devServer;
-				installVirtualAssetMiddleware(devServer, state);
+				installDevMiddleware(devServer, state);
 			},
 			async buildStart() {
 				state.viteResolveCache?.clear();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.277.0",
+  "version": "0.278.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -40,9 +40,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.277.0",
+    "@vizejs/native": "0.278.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.277.0"
+    "vize": "0.278.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",