@vizejs/vite-plugin 0.321.0 → 0.323.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as VizeVueVersion, c as VizeInspectorOptions, d as ResolvedVizeConfig, f as UserConfigExport, i as VizeOptions, l as ConfigEnv, n as MacroArtifact, o as VizeInspectorLintPlanProvider, p as VizeConfig, r as VizeCompatibilityOptions, s as VizeInspectorLintPlanRequest, t as CompiledModule, u as LoadConfigOptions } from "./types-CgsUGF1b.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
@@ -40,4 +40,4 @@ declare const __internal: {
   rewriteStaticAssetUrls: typeof rewriteStaticAssetUrls;
 };
 //#endregion
-export { type CompiledModule, type LoadConfigOptions, type MacroArtifact, type ResolvedVizeConfig, type UserConfigExport, VIZE_CONFIG_FILE_ENV, type VizeCompatibilityOptions, type VizeConfig, type VizeInspectorLintPlanProvider, type VizeInspectorLintPlanRequest, type VizeInspectorOptions, type VizeOptions, type VizeVueVersion, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, resolveConfigExport, vizeConfigStore };
+export { type CompiledModule, type LoadConfigOptions, type MacroArtifact, type ResolvedVizeConfig, type UserConfigExport, VIZE_CONFIG_FILE_ENV, type VizeCompatibilityOptions, type VizeConfig, type VizeInspectorLintPlanProvider, type VizeInspectorLintPlanRequest, type VizeInspectorOptions, type VizeOptions, type VizeVueFeatures, type VizeVueVersion, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, resolveConfigExport, vizeConfigStore };

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;
@@ -3529,6 +3576,23 @@ function unregisterBuild(context) {
 	if (resolvedConfig) unregisterConfig(resolvedConfig);
 }
 //#endregion
+//#region src/plugin/vue-feature-defines.ts
+function parseDefine(value) {
+	try {
+		return typeof value === "string" ? JSON.parse(value) : value;
+	} catch {
+		return value;
+	}
+}
+/** 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
 function aliasSortKey(find) {
 	return typeof find === "string" ? find.length : find.source.length;
@@ -3586,12 +3650,7 @@ function vize(options = {}) {
 			config(userConfig, env) {
 				patchCssModuleGenerateScopedName(userConfig);
 				return {
-					// @vitejs/plugin-vue normally provides them; vize must do so as its replacement.
-					define: {
-						__VUE_OPTIONS_API__: true,
-						__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"] }
 				};
 			},
@@ -3705,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 { d as ResolvedVizeConfig } from "../types-CgsUGF1b.mjs";
+import { f as ResolvedVizeConfig } from "../types-DR5IFFd7.mjs";
 import { ResolvedConfig } from "vite";
 
 //#region src/internal/config-bridge.d.ts

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

@@ -721,6 +721,22 @@ interface VizeInspectorOptions {
   lintPlan?: VizeInspectorLintPlanProvider;
 }
 //#endregion
+//#region src/vue-features.d.ts
+/** Vue runtime feature flags shared with `@vitejs/plugin-vue`. */
+interface VizeVueFeatures {
+  /**
+   * Set to `false` to allow Vue's Options API code to be tree-shaken from
+   * production bundles.
+   * @default true
+   */
+  optionsAPI?: boolean;
+  /**
+   * Enable detailed hydration mismatch errors in production bundles.
+   * @default false
+   */
+  prodHydrationMismatchDetails?: boolean;
+}
+//#endregion
 //#region src/utils/module-output.d.ts
 type ModuleOutputInfo = {
   hasDefaultExport: boolean;
@@ -789,6 +805,8 @@ interface VizeOptions extends ExperimentalPluginOptions {
   config?: UserConfigExport;
   /** Development inspector integrations exposed through Vite's dev server. */
   inspector?: VizeInspectorOptions;
+  /** Vue runtime feature flags compatible with `@vitejs/plugin-vue`. */
+  features?: VizeVueFeatures;
   /**
    * Vue major version for the host project.
    *
@@ -968,4 +986,4 @@ interface CompiledModule {
   moduleShape?: ModuleOutputInfo;
 }
 //#endregion
-export { VizeVueVersion as a, VizeInspectorOptions as c, ResolvedVizeConfig as d, UserConfigExport as f, VizeOptions as i, ConfigEnv as l, MacroArtifact as n, VizeInspectorLintPlanProvider as o, VizeConfig as p, VizeCompatibilityOptions as r, VizeInspectorLintPlanRequest as s, CompiledModule as t, LoadConfigOptions as u };
+export { VizeVueVersion as a, VizeInspectorLintPlanRequest as c, LoadConfigOptions as d, ResolvedVizeConfig as f, VizeOptions as i, VizeInspectorOptions as l, VizeConfig as m, MacroArtifact as n, VizeVueFeatures as o, UserConfigExport as p, VizeCompatibilityOptions as r, VizeInspectorLintPlanProvider as s, CompiledModule as t, ConfigEnv as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.321.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.321.0",
+    "@vizejs/native": "0.323.0",
     "oxc-parser": "0.133.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.321.0"
+    "vize": "0.323.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",