@vizejs/vite-plugin 0.101.0 → 0.103.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { createRequire } from "node:module";
-import fs from "node:fs";
 import { createHash } from "node:crypto";
 import * as native from "@vizejs/native";
-import { applyViteDefineReplacements, classifyVitePluginRequest, createViteBareImportBases, createViteBareImportCandidates, createViteVirtualId, detectViteHmrUpdateType, generateViteHmrCode, hasViteHmrChanges, isViteBareSpecifier, normalizeViteRequireBase, normalizeViteResolvedVuePath, resolveViteAliasRequest, resolveViteCssImports, resolveViteRelativeImport, resolveViteVuePath, rewriteViteDynamicTemplateImports, rewriteViteStaticAssetUrls, scopeViteCssForPipeline, shouldApplyViteDefineInVirtualModule, splitViteIdQuery, toViteBrowserImportPrefix } 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 } from "@vizejs/native";
 import { CONFIG_FILE_NAMES, defineConfig, loadConfig } from "vize";
+import fs from "node:fs";
 import { glob } from "tinyglobby";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
@@ -266,6 +266,19 @@ function buildCompileBatchOptions(options) {
 //#endregion
 //#region src/compiler.ts
 const { compileSfc, compileSfcBatchWithResults } = native;
+var VizeSfcCompileError = class extends Error {
+	filePath;
+	diagnostics;
+	constructor(filePath, diagnostics) {
+		super(formatCompileErrorMessage(filePath, diagnostics));
+		this.name = "VizeSfcCompileError";
+		this.filePath = filePath;
+		this.diagnostics = diagnostics;
+	}
+};
+function formatCompileErrorMessage(filePath, diagnostics) {
+	return `[vize] Compilation failed in ${filePath}:\n${diagnostics.map((diagnostic) => `  - ${diagnostic}`).join("\n")}`;
+}
 function normalizeStyleBlocks(styles) {
 	if (!styles) return [];
 	return styles.map((block) => ({
@@ -280,10 +293,7 @@ function compileFile(filePath, cache, options, source) {
 	const content = source ?? fs.readFileSync(filePath, "utf-8");
 	const scopeId = generateScopeId(filePath);
 	const result = compileSfc(content, buildCompileFileOptions(filePath, options));
-	if (result.errors.length > 0) {
-		const errorMsg = result.errors.join("\n");
-		console.error(`[vize] Compilation error in ${filePath}:\n${errorMsg}`);
-	}
+	if (result.errors.length > 0) throw new VizeSfcCompileError(filePath, result.errors);
 	if (result.warnings.length > 0) result.warnings.forEach((warning) => {
 		console.warn(`[vize] Warning in ${filePath}: ${warning}`);
 	});
@@ -319,13 +329,15 @@ function compileBatch(files, cache, options) {
 			macroArtifacts: fileResult.macroArtifacts ?? [],
 			styles: normalizeStyleBlocks(fileResult.styles)
 		});
-		if (fileResult.errors.length > 0) console.error(`[vize] Compilation error in ${fileResult.path}:\n${fileResult.errors.join("\n")}`);
+		if (fileResult.errors.length > 0) console.error(formatCompileErrorMessage(fileResult.path, fileResult.errors));
 		if (fileResult.warnings.length > 0) fileResult.warnings.forEach((warning) => {
 			console.warn(`[vize] Warning in ${fileResult.path}: ${warning}`);
 		});
 	}
 	return result;
 }
+//#endregion
+//#region src/plugin/precompile.ts
 const DEFAULT_PRECOMPILE_IGNORE_PATTERNS = [
 	"node_modules/**",
 	"dist/**",
@@ -335,46 +347,29 @@ const DEFAULT_PRECOMPILE_IGNORE_PATTERNS = [
 	".nitro/**",
 	"coverage/**"
 ];
-function hasFileMetadataChanged(previous, next) {
-	return previous === void 0 || previous.mtimeMs !== next.mtimeMs || previous.size !== next.size;
-}
 function diffPrecompileFiles(files, currentMetadata, previousMetadata) {
-	const changedFiles = [];
-	const seenFiles = new Set(files);
-	for (const file of files) {
-		const metadata = currentMetadata.get(file);
-		if (!metadata || hasFileMetadataChanged(previousMetadata.get(file), metadata)) changedFiles.push(file);
-	}
-	const deletedFiles = [];
-	for (const file of previousMetadata.keys()) if (!seenFiles.has(file)) deletedFiles.push(file);
-	return {
-		changedFiles,
-		deletedFiles
-	};
+	return diffVitePrecompileFiles([...files], toNativePrecompileMetadataEntries(currentMetadata), toNativePrecompileMetadataEntries(previousMetadata));
 }
 function normalizePrecompileBatchSize(value) {
-	if (value === void 0 || !Number.isFinite(value) || value <= 0) return 128;
-	return Math.max(1, Math.floor(value));
+	return normalizeVitePrecompileBatchSize(value);
 }
 function chunkPrecompileFiles(files, batchSize, options = {}) {
-	const normalizedBatchSize = normalizePrecompileBatchSize(batchSize);
-	const maxBytes = Math.max(1, Math.floor(options.maxBytes ?? 33554432));
-	const chunks = [];
-	let current = [];
-	let currentBytes = 0;
-	for (const file of files) {
-		const fileBytes = Math.max(0, options.metadata?.get(file)?.size ?? 0);
-		if (current.length > 0 && (current.length >= normalizedBatchSize || currentBytes + fileBytes > maxBytes)) {
-			chunks.push(current);
-			current = [];
-			currentBytes = 0;
-		}
-		current.push(file);
-		currentBytes += fileBytes;
-	}
-	if (current.length > 0) chunks.push(current);
-	return chunks;
+	return chunkVitePrecompileFiles([...files], batchSize, {
+		maxBytes: options.maxBytes,
+		metadata: options.metadata ? toNativePrecompileMetadataEntries(options.metadata) : void 0
+	});
 }
+function toNativePrecompileMetadataEntries(metadata) {
+	const entries = [];
+	for (const [path, value] of metadata) entries.push({
+		path,
+		mtimeMs: value.mtimeMs,
+		size: value.size
+	});
+	return entries;
+}
+//#endregion
+//#region src/plugin/state.ts
 function getEnvironmentCache(state, ssr) {
 	return ssr ? state.ssrCache : state.cache;
 }
@@ -433,6 +428,7 @@ async function compileAll(state) {
 	let successCount = 0;
 	let failedCount = 0;
 	let nativeTimeMs = 0;
+	const precompileFailures = [];
 	const chunks = chunkPrecompileFiles(changedFiles, state.precompileBatchSize, { metadata: currentMetadata });
 	for (const chunk of chunks) {
 		const fileContents = [];
@@ -447,6 +443,7 @@ async function compileAll(state) {
 			state.cache.delete(file);
 			state.collectedCss.delete(file);
 			state.precompileMetadata.delete(file);
+			precompileFailures.push(`[vize] Failed to read ${file}: ${formatUnknownError$1(e)}`);
 			state.logger.error(`Failed to read ${file}:`, e);
 		}
 		if (fileContents.length === 0) continue;
@@ -455,8 +452,9 @@ async function compileAll(state) {
 			vapor: state.mergedOptions.vapor ?? false,
 			customRenderer: state.mergedOptions.customRenderer ?? false
 		});
-		successCount += result.successCount;
-		failedCount += result.failedCount;
+		const chunkFailedCount = result.results.filter((fileResult) => fileResult.errors.length > 0).length;
+		failedCount += chunkFailedCount;
+		successCount += result.results.length - chunkFailedCount;
 		nativeTimeMs += result.timeMs;
 		for (const fileResult of result.results) {
 			const metadata = currentMetadata.get(fileResult.path);
@@ -464,6 +462,7 @@ async function compileAll(state) {
 				state.cache.delete(fileResult.path);
 				state.collectedCss.delete(fileResult.path);
 				state.precompileMetadata.delete(fileResult.path);
+				precompileFailures.push(formatCompileErrorMessage(fileResult.path, fileResult.errors));
 				continue;
 			}
 			if (metadata) state.precompileMetadata.set(fileResult.path, metadata);
@@ -473,6 +472,13 @@ async function compileAll(state) {
 	const elapsed = (performance.now() - startTime).toFixed(2);
 	const batchLabel = chunks.length === 1 ? "batch" : "batches";
 	state.logger.info(`Pre-compilation complete: ${successCount} recompiled, ${cachedFileCount} reused, ${failedCount} failed (${elapsed}ms, native ${batchLabel}: ${nativeTimeMs.toFixed(2)}ms)`);
+	if (failedCount > 0) {
+		const details = precompileFailures.length > 0 ? `\n\n${precompileFailures.join("\n\n")}` : "";
+		throw new Error(`[vize] Pre-compilation failed for ${failedCount} file(s).${details}`);
+	}
+}
+function formatUnknownError$1(error) {
+	return error instanceof Error ? error.message : String(error);
 }
 //#endregion
 //#region src/plugin/resolve.ts
@@ -503,6 +509,12 @@ function normalizeResolvedVuePath(id) {
 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");
+}
+function isPotentialVizeImporter(importer) {
+	return importer !== void 0 && (importer.startsWith("\0") || importer.startsWith("vize:"));
+}
 async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules) {
 	if (path.isAbsolute(id)) return null;
 	const viteImporter = normalizeViteRequireBase(importer) ?? importer;
@@ -525,6 +537,7 @@ async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, h
 	return null;
 }
 async function resolveIdHook(ctx, state, id, importer, options) {
+	if (!isPotentialVizeResolveId(id) && !isPotentialVizeImporter(importer)) return null;
 	const isBuild = state.server === null;
 	const importerRequest = importer ? classifyVitePluginRequest(importer) : null;
 	const isSsrRequest = !!options?.ssr || (importerRequest?.isVizeSsrVirtual ?? false);
@@ -599,12 +612,14 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 							...resolved,
 							id: normalizedFsId
 						};
-						const nodeResolved = resolveBareImportCandidatesWithNode(state, id, cleanImporter, resolved.id);
-						if (nodeResolved) {
-							state.logger.log(`resolveId: normalized bare ${id} to ${nodeResolved} via Node fallback`);
-							return nodeResolved;
+						if (isViteBareSpecifier(resolved.id)) {
+							const nodeResolved = resolveBareImportCandidatesWithNode(state, id, cleanImporter, resolved.id);
+							if (nodeResolved) {
+								state.logger.log(`resolveId: normalized bare ${id} to ${nodeResolved} via Node fallback`);
+								return nodeResolved;
+							}
+							return null;
 						}
-						if (isViteBareSpecifier(resolved.id)) return null;
 						return resolved;
 					}
 				} catch {}
@@ -623,12 +638,14 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 								...resolved,
 								id: normalizedFsId
 							};
-							const nodeResolved = resolveBareImportCandidatesWithNode(state, id, cleanImporter, resolved.id);
-							if (nodeResolved) {
-								state.logger.log(`resolveId: normalized aliased bare ${id} to ${nodeResolved} via Node fallback`);
-								return nodeResolved;
+							if (isViteBareSpecifier(resolved.id)) {
+								const nodeResolved = resolveBareImportCandidatesWithNode(state, id, cleanImporter, resolved.id);
+								if (nodeResolved) {
+									state.logger.log(`resolveId: normalized aliased bare ${id} to ${nodeResolved} via Node fallback`);
+									return nodeResolved;
+								}
+								return null;
 							}
-							if (isViteBareSpecifier(resolved.id)) return null;
 							return resolved;
 						}
 					} catch {}
@@ -745,6 +762,7 @@ function loadDefinePageMetaArtifact(state, realPath, ssr) {
 	} : null;
 }
 function loadHook(state, id, loadOptions) {
+	if (id !== "\0vize:all-styles.css" && !id.startsWith("\0")) return null;
 	const currentBase = loadOptions?.ssr ? state.serverViteBase : state.clientViteBase;
 	const request = classifyVitePluginRequest(id);
 	if (id === "\0vize:all-styles.css") {
@@ -866,6 +884,7 @@ function loadHook(state, id, loadOptions) {
 	return null;
 }
 async function transformHook(state, code, id, options) {
+	if (!id.startsWith("\0")) return null;
 	const request = classifyVitePluginRequest(id);
 	if (request.isVizeVirtual || request.isMacroVirtualId) {
 		const realPath = request.isMacroVirtualId ? request.strippedVirtualPath ?? "" : request.vizeVirtualPath ?? "";
@@ -883,17 +902,23 @@ async function transformHook(state, code, id, options) {
 			};
 		} catch (e) {
 			state.logger.error(`transformWithOxc failed for ${realPath}:`, e);
-			const dumpPath = getOxcDumpPath(state.root, realPath);
-			fs.writeFileSync(dumpPath, code, "utf-8");
-			state.logger.error(`Dumped failing code to ${dumpPath}`);
-			return {
-				code: "export default {}",
-				map: null
-			};
+			let dumpPath = null;
+			try {
+				dumpPath = getOxcDumpPath(state.root, realPath);
+				fs.writeFileSync(dumpPath, code, "utf-8");
+				state.logger.error(`Dumped failing code to ${dumpPath}`);
+			} 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");
+			throw new Error(message);
 		}
 	}
 	return null;
 }
+function formatUnknownError(error) {
+	return error instanceof Error ? error.message : String(error);
+}
 //#endregion
 //#region src/plugin/hmr.ts
 async function handleHotUpdateHook(state, ctx) {
@@ -1086,6 +1111,28 @@ function patchUnoCssBridge(plugins) {
 	}
 }
 //#endregion
+//#region src/plugin/css-modules.ts
+function patchCssModuleGenerateScopedName(userConfig) {
+	const cssModules = userConfig.css?.modules;
+	if (!cssModules || typeof cssModules.generateScopedName !== "function") return;
+	const origFn = cssModules.generateScopedName;
+	cssModules.generateScopedName = function(name, filename, css) {
+		return origFn.call(this, name, normalizeViteCssModuleFilename(filename), css);
+	};
+}
+//#endregion
+//#region src/plugin/dev-middleware.ts
+function installVirtualAssetMiddleware(devServer, state) {
+	devServer.middlewares.use((req, _res, next) => {
+		const rewrite = req.url ? normalizeViteDevMiddlewareUrl(req.url) : null;
+		if (rewrite && fs.existsSync(rewrite.fsPath) && fs.statSync(rewrite.fsPath).isFile()) {
+			state.logger.log(`middleware: rewriting ${req.url} -> ${rewrite.cleanedUrl}`);
+			req.url = rewrite.cleanedUrl;
+		}
+		next();
+	});
+}
+//#endregion
 //#region src/plugin/index.ts
 function aliasSortKey(find) {
 	return typeof find === "string" ? find.length : find.source.length;
@@ -1121,18 +1168,7 @@ function vize(options = {}) {
 			name: "vite-plugin-vize",
 			enforce: "pre",
 			config(userConfig, env) {
-				const cssModules = userConfig.css?.modules;
-				if (cssModules && typeof cssModules.generateScopedName === "function") {
-					const origFn = cssModules.generateScopedName;
-					cssModules.generateScopedName = function(name, filename, css) {
-						let clean = filename;
-						const nulIdx = clean.indexOf("\0");
-						if (nulIdx >= 0) clean = clean.slice(nulIdx + 1);
-						clean = clean.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
-						if (clean.includes("?")) clean = clean.split("?")[0];
-						return origFn.call(this, name, clean, css);
-					};
-				}
+				patchCssModuleGenerateScopedName(userConfig);
 				return {
 					// @vitejs/plugin-vue normally provides them; vize must do so as its replacement.
 					define: {
@@ -1223,24 +1259,7 @@ function vize(options = {}) {
 			},
 			configureServer(devServer) {
 				state.server = devServer;
-				devServer.middlewares.use((req, _res, next) => {
-					if (req.url && req.url.includes("__x00__")) {
-						const [urlPath, queryPart] = req.url.split("?");
-						let cleanedPath = urlPath.replace(/__x00__/g, "");
-						cleanedPath = cleanedPath.replace(/^\/@id\/\//, "/@fs/");
-						if (cleanedPath.startsWith("/@fs/")) {
-							const fsPath = cleanedPath.slice(4);
-							if (fsPath.startsWith("/") && fs.existsSync(fsPath) && fs.statSync(fsPath).isFile() && !fsPath.endsWith(".vue.ts")) {
-								const cleaned = queryPart ? `${cleanedPath}?${queryPart}` : cleanedPath;
-								if (cleaned !== req.url) {
-									state.logger.log(`middleware: rewriting ${req.url} -> ${cleaned}`);
-									req.url = cleaned;
-								}
-							}
-						}
-					}
-					next();
-				});
+				installVirtualAssetMiddleware(devServer, state);
 			},
 			async buildStart() {
 				if (!state.scanPatterns || state.scanPatterns.length === 0) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.101.0",
+  "version": "0.103.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -33,9 +33,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.101.0",
+    "@vizejs/native": "0.103.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.101.0"
+    "vize": "0.103.0"
   },
   "devDependencies": {
     "@types/node": "25.7.0",
@@ -46,6 +46,9 @@
   "peerDependencies": {
     "vite": "^8.0.0"
   },
+  "engines": {
+    "node": ">=22"
+  },
   "scripts": {
     "build": "vp pack",
     "dev": "vp pack --watch",