@vizejs/vite-plugin 0.163.0 → 0.165.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, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix, transformViteCssVarsForPipeline } 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 { CONFIG_FILE_NAMES, defineConfig, loadConfig, resolveConfigExport } from "vize";
 import fs from "node:fs";
 import { glob } from "tinyglobby";
@@ -200,6 +200,26 @@ const RESOLVED_CSS_MODULE = "\0vize:all-styles.css";
 function toVirtualId(realPath, ssr = false) {
 	return createViteVirtualId(realPath, ssr);
 }
+function toPluginVisibleVirtualId(realPath, ssr = false, querySuffix = "") {
+	const params = new URLSearchParams(querySuffix.startsWith("?") ? querySuffix.slice(1) : "");
+	params.delete("vue");
+	params.delete("vize");
+	params.delete("vize-ssr");
+	const rest = params.toString();
+	return `${realPath}.ts?vue&${ssr ? "vize-ssr" : "vize"}${rest ? `&${rest}` : ""}`;
+}
+function fromPluginVisibleVirtualId(id) {
+	if (id.startsWith("\0")) return null;
+	const request = classifyVitePluginRequest(id);
+	if (!request.path.endsWith(".vue.ts") || !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;
+}
+function isPluginVisibleSsrVirtualId(id) {
+	const request = classifyVitePluginRequest(id);
+	return request.querySuffix ? new URLSearchParams(request.querySuffix.slice(1)).has("vize-ssr") : false;
+}
 function toBrowserImportPrefix(replacement) {
 	return toViteBrowserImportPrefix(replacement);
 }
@@ -224,6 +244,10 @@ function rewriteDynamicTemplateImports(code, aliasRules) {
 function rewriteStaticAssetUrls(code, aliasRules) {
 	return rewriteViteStaticAssetUrls(code, aliasRules);
 }
+function rewriteImportMetaGlobBase(code, importer, root) {
+	if (!code.includes("import.meta.glob")) return code;
+	return rewriteViteImportMetaGlobBase(code, importer, root);
+}
 function shouldApplyDefineInVirtualModule(key) {
 	return shouldApplyViteDefineInVirtualModule(key);
 }
@@ -654,7 +678,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") || id === "virtual:vize-styles" || id.endsWith(".vue") || id.includes(".vue?") || id.includes("?macro=true") || id.includes("?definePage");
+	return id.startsWith("\0") || id.startsWith("vize:") || id.startsWith("/@fs") || id === "virtual:vize-styles" || id.endsWith(".vue") || id.includes(".vue?") || id.includes(".vue.ts?") || id.includes("?macro=true") || id.includes("?definePage");
 }
 function isPotentialVizeImporter(importer) {
 	if (importer === void 0) return false;
@@ -668,17 +692,17 @@ function shouldCompileVueSfcRequest(request) {
 	if (params.has("raw") || params.has("url") || params.has("worker") || params.has("sharedworker")) return false;
 	return params.has("nuxt_component");
 }
-function hasNuxtComponentQuery$1(request) {
+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 ?? importer;
+	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) {
+async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules, querySuffix, preserveQueryAsPath, isDependencyScan) {
 	if (path.isAbsolute(id)) return null;
 	const viteImporter = normalizeViteRequireBase(importer) ?? importer;
 	const viteResolved = await ctx.resolve(id, viteImporter, { skipSelf: true });
@@ -695,19 +719,25 @@ async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, h
 	}
 	if (state.cache.has(realPath) || fs.existsSync(realPath)) {
 		state.logger.log(`resolveId: resolved via Vite fallback ${id} to ${realPath}`);
-		return preserveQueryAsPath ? `${realPath}${querySuffix}` : `${toVirtualId(realPath, isSsrRequest)}${querySuffix}`;
+		return preserveQueryAsPath ? `${realPath}${querySuffix}` : isDependencyScan ? toVirtualId(realPath, isSsrRequest) : toPluginVisibleVirtualId(realPath, isSsrRequest, querySuffix);
 	}
 	return null;
 }
 async function resolveIdHook(ctx, state, id, importer, options) {
 	if (!isPotentialVizeResolveId(id) && !isPotentialVizeImporter(importer)) return null;
 	const isBuild = state.server === null;
+	const isDependencyScan = !!options?.scan;
 	const importerRequest = importer ? classifyVitePluginRequest(importer) : null;
-	const isSsrRequest = !!options?.ssr || (importerRequest?.isVizeSsrVirtual ?? false);
+	const isSsrRequest = !!options?.ssr || (importerRequest?.isVizeSsrVirtual ?? false) || (importer ? isPluginVisibleSsrVirtualId(importer) : false);
 	const request = classifyVitePluginRequest(id);
+	const pluginVisibleVirtualPath = fromPluginVisibleVirtualId(id);
+	if (pluginVisibleVirtualPath) {
+		if (isDependencyScan) return toVirtualId(pluginVisibleVirtualPath, isSsrRequest);
+		return isSsrRequest ? toPluginVisibleVirtualId(pluginVisibleVirtualPath, true, request.querySuffix) : id;
+	}
 	if (id.startsWith("\0")) {
 		if (request.isVizeVirtual) {
-			if (isSsrRequest && !request.isVizeSsrVirtual && request.vizeVirtualPath) return `${toVirtualId(request.vizeVirtualPath, true)}${request.querySuffix}`;
+			if (isSsrRequest && !request.isVizeSsrVirtual && request.vizeVirtualPath) return isDependencyScan ? toVirtualId(request.vizeVirtualPath, true) : toPluginVisibleVirtualId(request.vizeVirtualPath, true, request.querySuffix);
 			return id;
 		}
 		if (id.startsWith("\0vize:")) {
@@ -912,7 +942,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 	}
 	if (shouldCompileVueSfcRequest(request)) {
 		const handleNodeModules = state.mergedOptions.handleNodeModulesVue ?? true;
-		const preserveQueryAsPath = hasNuxtComponentQuery$1(request);
+		const preserveQueryAsPath = hasNuxtComponentQuery(request);
 		const vueRequestPath = request.path;
 		if (!handleNodeModules && vueRequestPath.includes("node_modules")) {
 			state.logger.log(`resolveId: skipping node_modules import ${id}`);
@@ -921,7 +951,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 		const resolved = resolveVuePath(state, vueRequestPath, importer);
 		const fileExists = fs.existsSync(resolved);
 		if (!fileExists) {
-			const aliased = await resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules, request.querySuffix, preserveQueryAsPath);
+			const aliased = await resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules, request.querySuffix, preserveQueryAsPath, isDependencyScan);
 			if (aliased) return aliased;
 		}
 		const isNodeModulesPath = resolved.includes("node_modules");
@@ -937,7 +967,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 		state.logger.log(`resolveId: id=${id}, resolved=${resolved}, hasCache=${hasCache}, fileExists=${fileExists}, importer=${importer ?? "none"}`);
 		if (hasCache || fileExists) {
 			if (preserveQueryAsPath) return `${resolved}${request.querySuffix}`;
-			return `${toVirtualId(resolved, isSsrRequest)}${request.querySuffix}`;
+			return isDependencyScan ? toVirtualId(resolved, isSsrRequest) : toPluginVisibleVirtualId(resolved, isSsrRequest, request.querySuffix);
 		}
 	}
 	return null;
@@ -991,9 +1021,16 @@ function findMacroArtifactModule(state, realPath, ssr, kind) {
 	}, realPath, compiled);
 	return compiled?.macroArtifacts?.find((artifact) => artifact.kind === kind)?.moduleCode ?? null;
 }
-function hasNuxtComponentQuery(request) {
-	if (!request.querySuffix) return false;
-	return new URLSearchParams(request.querySuffix.slice(1)).has("nuxt_component");
+function shouldLoadVueSfcRequest(request) {
+	if (!request.isVueSfcPath || request.isVueStyleQuery || request.hasMacroQuery || request.hasDefinePageQuery) return false;
+	if (!request.querySuffix) return true;
+	const params = new URLSearchParams(request.querySuffix.slice(1));
+	if (params.has("raw") || params.has("url") || params.has("worker") || params.has("sharedworker")) return false;
+	return params.has("nuxt_component");
+}
+function getLoadableVueSfcPath(request) {
+	if (!shouldLoadVueSfcRequest(request)) return null;
+	return classifyVitePluginRequest(request.normalizedFsId ?? request.path).normalizedVuePath;
 }
 function normalizeStyleVirtualId(id) {
 	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
@@ -1035,10 +1072,10 @@ function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions)
 		extractCss,
 		filePath: realPath
 	});
-	const output = rewriteStaticAssetUrls(rewriteDynamicTemplateImports(isSsr ? normalizeVueServerRendererImport(generatedOutput) : generatedOutput, state.dynamicImportAliasRules), state.dynamicImportAliasRules);
+	const normalizedOutput = rewriteImportMetaGlobBase(rewriteStaticAssetUrls(rewriteDynamicTemplateImports(isSsr ? normalizeVueServerRendererImport(generatedOutput) : generatedOutput, state.dynamicImportAliasRules), state.dynamicImportAliasRules), realPath, state.root);
 	if (!loadOptions?.ssr) state.pendingHmrUpdateTypes.delete(realPath);
 	return {
-		code: output,
+		code: normalizedOutput,
 		map: null
 	};
 }
@@ -1057,6 +1094,8 @@ function loadDefinePageMetaArtifact(state, realPath, ssr) {
 }
 function loadHook(state, id, loadOptions) {
 	const request = classifyVitePluginRequest(id);
+	const pluginVisibleVirtualPath = fromPluginVisibleVirtualId(id);
+	const loadableVueSfcPath = getLoadableVueSfcPath(request);
 	const currentBase = loadOptions?.ssr ? state.serverViteBase : state.clientViteBase;
 	if (id === "\0vize:all-styles.css") {
 		let allCss = "";
@@ -1084,9 +1123,7 @@ function loadHook(state, id, loadOptions) {
 		if (fallbackCompiled?.css) return resolveCssImports(fallbackCompiled.css, realPath, state.cssAliasRules, state.server !== null, currentBase);
 		return "";
 	}
-	if (id !== "\0vize:all-styles.css" && !id.startsWith("\0")) {
-		if (!request.isVueSfcPath || !hasNuxtComponentQuery(request)) return null;
-	}
+	if (id !== "\0vize:all-styles.css" && !id.startsWith("\0") && !pluginVisibleVirtualPath && !loadableVueSfcPath) return null;
 	if (id.startsWith("\0") && request.hasDefinePageQuery) {
 		const realPath = request.strippedVirtualPath ?? "";
 		if (request.isVueSfcPath) return loadDefinePageArtifact(state, realPath, !!loadOptions?.ssr);
@@ -1102,19 +1139,16 @@ function loadHook(state, id, loadOptions) {
 			};
 		}
 	}
-	if (request.isVizeVirtual) {
-		const realPath = request.vizeVirtualPath ?? "";
-		const isSsr = request.isVizeSsrVirtual || !!loadOptions?.ssr;
+	if (request.isVizeVirtual || pluginVisibleVirtualPath) {
+		const realPath = request.vizeVirtualPath ?? pluginVisibleVirtualPath ?? "";
+		const isSsr = request.isVizeSsrVirtual || isPluginVisibleSsrVirtualId(id) || !!loadOptions?.ssr;
 		if (!realPath.endsWith(".vue")) {
 			state.logger.log(`load: skipping non-vue virtual module ${realPath}`);
 			return null;
 		}
 		return loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions);
 	}
-	if (request.isVueSfcPath && hasNuxtComponentQuery(request)) {
-		const realPath = classifyVitePluginRequest(request.normalizedFsId ?? request.path).normalizedVuePath;
-		return loadCompiledSfcModule(state, realPath, !!loadOptions?.ssr, currentBase, loadOptions);
-	}
+	if (loadableVueSfcPath) return loadCompiledSfcModule(state, loadableVueSfcPath, !!loadOptions?.ssr, currentBase, loadOptions);
 	if (id.startsWith("\0")) {
 		const afterPrefix = id.startsWith("\0vize:") ? id.slice(6) : id.slice(1);
 		if (afterPrefix.includes("?commonjs-")) return null;
@@ -1130,10 +1164,11 @@ function loadHook(state, id, loadOptions) {
 	return null;
 }
 async function transformHook(state, code, id, options) {
-	if (!id.startsWith("\0")) return null;
+	const pluginVisibleVirtualPath = fromPluginVisibleVirtualId(id);
+	if (!id.startsWith("\0") && !pluginVisibleVirtualPath) return null;
 	const request = classifyVitePluginRequest(id);
-	if (request.isVizeVirtual || request.isMacroVirtualId) {
-		const realPath = request.isMacroVirtualId ? request.strippedVirtualPath ?? "" : request.vizeVirtualPath ?? "";
+	if (request.isVizeVirtual || request.isMacroVirtualId || pluginVisibleVirtualPath) {
+		const realPath = request.isMacroVirtualId ? request.strippedVirtualPath ?? "" : request.vizeVirtualPath ?? pluginVisibleVirtualPath ?? "";
 		try {
 			const result = await transformWithOxc(code, realPath, {
 				lang: "ts",
@@ -1313,12 +1348,26 @@ function createStylePostTransformPlugin() {
 		}
 	};
 }
+function stripQuery(id) {
+	const queryStart = id.search(/[?#]/);
+	return queryStart === -1 ? id : id.slice(0, queryStart);
+}
+function isSfcLikeSource(code) {
+	return /^<(?:template|script|style)(?:\s|>|\/)/.test(code.trimStart());
+}
+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(".setup.ts")) return true;
+	if (state.filter(filename) || state.filter(id)) return true;
+	return /\.(?:md|markdown)$/i.test(filename);
+}
 function createPostTransformPlugin(state) {
 	return {
 		name: "vize:post-transform",
 		enforce: "post",
 		async transform(code, id, transformOptions) {
-			if (!id.endsWith(".vue") && !id.endsWith(".vue.ts") && !id.includes("node_modules") && id.endsWith(".setup.ts") && /<script\s+setup[\s>]/.test(code)) {
+			if (shouldPostTransformSfcLikeModule(state, id) && isSfcLikeSource(code)) {
 				state.logger.log(`post-transform: compiling virtual SFC content from ${id}`);
 				try {
 					const isSsr = !!transformOptions?.ssr;

package/package.json

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