@vizejs/vite-plugin 0.322.0 → 0.323.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as VizeVueVersion, c as VizeInspectorLintPlanRequest, d as LoadConfigOptions, f as ResolvedVizeConfig, i as VizeOptions, l as VizeInspectorOptions, m as VizeConfig, n as MacroArtifact, o as VizeVueFeatures, p as UserConfigExport, r as VizeCompatibilityOptions, s as VizeInspectorLintPlanProvider, t as CompiledModule, u as ConfigEnv } from "./types-dAZFEbN_.mjs";
+import { a as VizeVueVersion, c as VizeInspectorLintPlanRequest, d as LoadConfigOptions, f as ResolvedVizeConfig, i as VizeOptions, l as VizeInspectorOptions, m as VizeConfig, n as MacroArtifact, o as VizeVueFeatures, p as UserConfigExport, r as VizeCompatibilityOptions, s as VizeInspectorLintPlanProvider, t as CompiledModule, u as ConfigEnv } from "./types-DR5IFFd7.mjs";
 import { Plugin } from "vite";
 
 //#region src/virtual.d.ts

package/dist/index.mjs

@@ -597,6 +597,13 @@ function generateOutputWithMap(compiled, options) {
 	};
 }
 const RESOLVED_CSS_MODULE = "\0vize:all-styles.css";
+/** Check if a module ID is a vize-compiled virtual module */
+function isVizeVirtual(id) {
+	return classifyVitePluginRequest(id).isVizeVirtual;
+}
+function isVizeSsrVirtual(id) {
+	return classifyVitePluginRequest(id).isVizeSsrVirtual;
+}
 /** Create a virtual module ID from a real .vue file path */
 function toVirtualId(realPath, ssr = false) {
 	return createViteVirtualId(realPath, ssr);
@@ -2571,7 +2578,6 @@ function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions)
 	rewritten.edit(rewriteDynamicTemplateImports(rewritten.code, state.dynamicImportAliasRules));
 	rewritten.edit(rewriteStaticAssetUrls(rewritten.code, state.dynamicImportAliasRules));
 	rewritten.edit(rewriteImportMetaGlobBase(rewritten.code, realPath, state.root));
-	if (!loadOptions?.ssr) state.pendingHmrUpdateTypes.delete(realPath);
 	return {
 		code: rewritten.code,
 		map: rewritten.map
@@ -2765,30 +2771,46 @@ function getVueModuleFileCandidates(vueFile) {
 function getStyleModuleFileCandidates(styleId) {
 	return unique([styleId, `${styleId}.css`]);
 }
-function collectModulesByFile(server, fileIds) {
+async function collectModulesByFile(server, fileIds) {
 	const modules = /* @__PURE__ */ new Set();
+	const graph = server.moduleGraph;
 	for (const fileId of fileIds) {
-		const matched = server.moduleGraph.getModulesByFile(fileId);
-		if (!matched) continue;
-		for (const mod of matched) modules.add(mod);
+		const add = (module) => {
+			if (module) modules.add(module);
+		};
+		add(graph.getModuleById?.(fileId));
+		if (!fileId.startsWith("\0")) try {
+			add(await graph.getModuleByUrl?.(fileId));
+		} catch {}
+		for (const module of graph.getModulesByFile(fileId) ?? []) add(module);
 	}
 	return modules;
 }
+function preferAcceptingClientModules(modules, requireAcceptingClientModule = false) {
+	const accepting = [...modules].filter((module) => {
+		if (isVizeVirtual(module.url)) return !isVizeSsrVirtual(module.url);
+		return fromPluginVisibleVirtualId(module.url) !== null && !isPluginVisibleSsrVirtualId(module.url);
+	});
+	if (accepting.length > 0) return new Set(accepting);
+	return requireAcceptingClientModule ? /* @__PURE__ */ new Set() : modules;
+}
 function invalidateModules(server, modules) {
 	for (const module of modules) server.moduleGraph.invalidateModule(module);
 }
-async function handleHotUpdateHook(state, ctx) {
+async function handleHotUpdateHook(state, ctx, options = {}) {
 	const { file, server, read } = ctx;
 	const dependencyOwners = getVueFilesDependingOn(state, file);
 	if (dependencyOwners.length > 0) {
 		const affectedModules = /* @__PURE__ */ new Set();
 		for (const vueFile of dependencyOwners) {
+			const collectedModules = await collectModulesByFile(server, getVueModuleFileCandidates(vueFile));
+			const modules = options.requireAcceptingClientModule ? preferAcceptingClientModules(collectedModules, true) : collectedModules;
+			if (options.requireAcceptingClientModule && modules.size === 0) continue;
 			state.cache.delete(vueFile);
 			state.ssrCache.delete(vueFile);
 			state.collectedCss.delete(vueFile);
 			state.precompileMetadata.delete(vueFile);
 			state.pendingHmrUpdateTypes.set(vueFile, "full-reload");
-			const modules = collectModulesByFile(server, getVueModuleFileCandidates(vueFile));
 			for (const module of modules) {
 				server.moduleGraph.invalidateModule(module);
 				affectedModules.add(module);
@@ -2798,6 +2820,8 @@ async function handleHotUpdateHook(state, ctx) {
 		return [...affectedModules];
 	}
 	if (file.endsWith(".vue") && state.filter(file)) try {
+		const initialModules = options.requireAcceptingClientModule ? preferAcceptingClientModules(await collectModulesByFile(server, getVueModuleFileCandidates(file)), true) : void 0;
+		if (initialModules?.size === 0) return [];
 		const source = await read();
 		const prevCompiled = state.cache.get(file);
 		compileFile(file, state.cache, getCompileOptionsForRequest(state, false), source);
@@ -2819,7 +2843,7 @@ async function handleHotUpdateHook(state, ctx) {
 		}
 		const updateType = detectHmrUpdateType(prevCompiled, newCompiled);
 		state.logger.log(`Re-compiled: ${path.relative(state.root, file)} (${updateType})`);
-		const modules = collectModulesByFile(server, getVueModuleFileCandidates(file));
+		const modules = preferAcceptingClientModules(initialModules ?? await collectModulesByFile(server, getVueModuleFileCandidates(file)), options.requireAcceptingClientModule);
 		const hasDelegated = hasDelegatedStyles(newCompiled);
 		if (hasDelegated && updateType === "style-only") {
 			const affectedModules = /* @__PURE__ */ new Set();
@@ -2831,7 +2855,7 @@ async function handleHotUpdateHook(state, ctx) {
 				if (block.scoped) params.set("scoped", `data-v-${newCompiled.scopeId}`);
 				params.set("lang", block.lang ?? "css");
 				if (block.module !== false) params.set("module", typeof block.module === "string" ? block.module : "");
-				const styleMods = collectModulesByFile(server, getStyleModuleFileCandidates(`${file}?${params.toString()}`));
+				const styleMods = await collectModulesByFile(server, getStyleModuleFileCandidates(`${file}?${params.toString()}`));
 				for (const mod of styleMods) affectedModules.add(mod);
 			}
 			if (affectedModules.size > 0) return [...affectedModules];
@@ -2859,6 +2883,7 @@ async function handleHotUpdateHook(state, ctx) {
 		state.pendingHmrUpdateTypes.delete(file);
 	} catch (e) {
 		state.logger.error(`Re-compilation failed for ${file}:`, e);
+		options.onRecompileError?.(e);
 	}
 }
 function handleGenerateBundleHook(state, emitFile, bundle) {
@@ -2890,6 +2915,28 @@ function attachComponentsCssToEntryChunks(bundle, cssFileName) {
 	}
 }
 //#endregion
+//#region src/plugin/hot-update-environment.ts
+async function handleHotUpdateEnvironmentHook(state, environment, options) {
+	if (environment.name !== "client" && environment.name !== "browser") return options.modules;
+	const server = {
+		moduleGraph: environment.moduleGraph,
+		ws: { send: environment.hot.send.bind(environment.hot) }
+	};
+	let recompileFailed = false;
+	const modules = await handleHotUpdateHook(state, {
+		...options,
+		server
+	}, {
+		requireAcceptingClientModule: true,
+		onRecompileError: () => {
+			recompileFailed = true;
+		}
+	});
+	if (recompileFailed) return;
+	if (modules === void 0 && options.file.endsWith(".vue") && state.filter(options.file)) return [];
+	return modules;
+}
+//#endregion
 //#region src/plugin/compat.ts
 function createVueCompatPlugin(state) {
 	let compilerSfc = null;
@@ -3537,9 +3584,13 @@ function parseDefine(value) {
 		return value;
 	}
 }
-/** Resolve the Options API runtime define with plugin-vue's precedence. */
-function resolveOptionsApiFlag(option, define) {
-	return option ?? parseDefine(define) ?? true;
+/** Resolve Vue runtime defines with plugin-vue's precedence and defaults. */
+function resolveVueFeatureDefines(features, define, command) {
+	return {
+		__VUE_OPTIONS_API__: features?.optionsAPI ?? parseDefine(define?.__VUE_OPTIONS_API__) ?? true,
+		__VUE_PROD_DEVTOOLS__: command === "serve",
+		__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: (features?.prodHydrationMismatchDetails || parseDefine(define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__)) ?? false
+	};
 }
 //#endregion
 //#region src/plugin/index.ts
@@ -3599,11 +3650,7 @@ function vize(options = {}) {
 			config(userConfig, env) {
 				patchCssModuleGenerateScopedName(userConfig);
 				return {
-					define: {
-						__VUE_OPTIONS_API__: resolveOptionsApiFlag(options.features?.optionsAPI, userConfig.define?.__VUE_OPTIONS_API__),
-						__VUE_PROD_DEVTOOLS__: env.command === "serve",
-						__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
-					},
+					define: resolveVueFeatureDefines(options.features, userConfig.define, env.command),
 					optimizeDeps: { exclude: ["virtual:vize-styles"] }
 				};
 			},
@@ -3717,6 +3764,9 @@ function vize(options = {}) {
 			async transform(code, id, transformOptions) {
 				return transformHook(state, code, id, transformOptions);
 			},
+			async hotUpdate(options) {
+				return handleHotUpdateEnvironmentHook(state, this.environment, options);
+			},
 			async handleHotUpdate(ctx) {
 				return handleHotUpdateHook(state, ctx);
 			},

package/dist/internal/config-bridge.d.mts

@@ -1,4 +1,4 @@
-import { f as ResolvedVizeConfig } from "../types-dAZFEbN_.mjs";
+import { f as ResolvedVizeConfig } from "../types-DR5IFFd7.mjs";
 import { ResolvedConfig } from "vite";
 
 //#region src/internal/config-bridge.d.ts

package/dist/{types-dAZFEbN_.d.mts → types-DR5IFFd7.d.mts}

@@ -730,6 +730,11 @@ interface VizeVueFeatures {
    * @default true
    */
   optionsAPI?: boolean;
+  /**
+   * Enable detailed hydration mismatch errors in production bundles.
+   * @default false
+   */
+  prodHydrationMismatchDetails?: boolean;
 }
 //#endregion
 //#region src/utils/module-output.d.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.322.0",
+  "version": "0.323.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -45,10 +45,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.322.0",
+    "@vizejs/native": "0.323.0",
     "oxc-parser": "0.133.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.322.0"
+    "vize": "0.323.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",