@vizejs/vite-plugin 0.242.0 → 0.250.0

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 import { defineConfig, loadConfig, resolveConfigExport } from "vize";
 import { Plugin } from "vite";
 
-//#region ../vize/src/types/generated.d.ts
+//#region ../../cli/src/types/generated.d.ts
 /**
  * Host Vue runtime version for opt-in compatibility modes
  */
-type VueVersion = 0.11 | 1 | 2 | 3 | "legacy";
+type VueVersion = "3" | "2.7" | "2" | "1" | "0.11" | "0.10";
 /**
  * Configuration file for vize - High-performance Vue.js toolchain
  */
@@ -223,21 +223,21 @@ interface TypeCheckerConfig {
    * Check fallthrough attrs on multi-root templates
    */
   checkFallthroughAttrs?: boolean;
-  /**
-   * Resolve Vue 3 Options API template bindings (data/computed/methods/inject/setup/props) during type checking. Opt-in; available in the standard build (not a legacy feature).
-   */
+  /** Resolve Vue 3 Options API template bindings during type checking. */
   optionsApi?: boolean;
   /**
    * Enable Vue 2.7 / Nuxt 2 Options API template binding support
    */
   legacyVue2?: boolean;
   /**
-   * Path to tsconfig.json
+   * Opt-in type-checking of .jsx/.tsx Vue components (#1497). Default-off so mixed Vue/React repositories do not accidentally route React .tsx through the Vue JSX checker. Set to true to route .jsx/.tsx through the Vize JSX virtual-TS path.
    */
-  tsconfig?: string;
+  jsxTypecheck?: boolean;
   /**
-   * Path to the Corsa executable. This is the canonical runtime key; tsgoPath is kept as a compatibility alias.
+   * Path to tsconfig.json
    */
+  tsconfig?: string;
+  /** Path to the Corsa executable. tsgoPath is kept as a compatibility alias. */
   corsaPath?: string;
   /**
    * Deprecated alias for typeChecker.corsaPath
@@ -583,7 +583,7 @@ interface VizeConfigEntry {
   globalTypes?: GlobalTypesConfig;
 }
 //#endregion
-//#region ../vize/src/types/runtime.d.ts
+//#region ../../cli/src/types/runtime.d.ts
 type MaybePromise<T> = T | Promise<T>;
 interface ConfigEnv {
   mode: string;

package/dist/index.mjs

@@ -10,7 +10,8 @@ import { pathToFileURL } from "node:url";
 import * as vite from "vite";
 //#region src/hmr.ts
 function hasHmrChanges(prev, next) {
-	return hasViteHmrChanges(toHmrHashes(prev), toHmrHashes(next));
+	if (!prev) return true;
+	return hasViteHmrChanges(toHmrHashes(prev), toHmrHashes(next)) || runtimeFingerprint(prev) !== runtimeFingerprint(next) || styleFingerprint(prev) !== styleFingerprint(next);
 }
 /**
 * Detect the type of HMR update needed based on content hash changes.
@@ -20,7 +21,13 @@ function hasHmrChanges(prev, next) {
 * @returns The type of HMR update needed
 */
 function detectHmrUpdateType(prev, next) {
-	return detectViteHmrUpdateType(toHmrHashes(prev), toHmrHashes(next));
+	if (!prev) return detectViteHmrUpdateType(void 0, toHmrHashes(next));
+	if (prev.scriptHash !== next.scriptHash) return "full-reload";
+	if (prev.templateHash !== next.templateHash) return "template-only";
+	if (prev.styleHash !== next.styleHash) return "style-only";
+	if (runtimeFingerprint(prev) !== runtimeFingerprint(next)) return "full-reload";
+	if (styleFingerprint(prev) !== styleFingerprint(next)) return "style-only";
+	return "full-reload";
 }
 /**
 * Generate HMR-aware code output based on update type.
@@ -35,6 +42,38 @@ function toHmrHashes(module) {
 		styleHash: module.styleHash
 	} : void 0;
 }
+function runtimeFingerprint(module) {
+	return JSON.stringify({
+		code: module.code,
+		scopeId: module.scopeId,
+		hasScoped: module.hasScoped,
+		macroArtifacts: module.macroArtifacts?.map((artifact) => ({
+			kind: artifact.kind,
+			name: artifact.name,
+			source: artifact.source,
+			content: artifact.content,
+			moduleCode: artifact.moduleCode,
+			start: artifact.start,
+			end: artifact.end
+		})),
+		styles: module.styles?.map((style) => ({
+			lang: style.lang,
+			scoped: style.scoped,
+			module: style.module,
+			index: style.index
+		})),
+		dependencies: [...module.dependencies ?? []].sort()
+	});
+}
+function styleFingerprint(module) {
+	return JSON.stringify({
+		css: module.css,
+		styles: module.styles?.map((style) => ({
+			index: style.index,
+			content: style.content
+		}))
+	});
+}
 //#endregion
 //#region src/utils/css.ts
 function scopeCssForPipeline(css, scopeId) {
@@ -495,6 +534,9 @@ const DEFAULT_PRECOMPILE_IGNORE_PATTERNS = [
 	".nitro/**",
 	"coverage/**"
 ];
+function isPrecompileSfcPath(path) {
+	return path.endsWith(".vue");
+}
 function diffPrecompileFiles(files, currentMetadata, previousMetadata) {
 	return diffVitePrecompileFiles([...files], toNativePrecompileMetadataEntries(currentMetadata), toNativePrecompileMetadataEntries(previousMetadata));
 }
@@ -560,13 +602,13 @@ function clearBuildCaches(state) {
 */
 async function compileAll(state) {
 	const startTime = performance.now();
-	const files = await glob(state.scanPatterns, {
+	const sfcFiles = (await glob(state.scanPatterns, {
 		cwd: state.root,
 		ignore: state.ignorePatterns,
 		absolute: true
-	});
+	})).filter(isPrecompileSfcPath);
 	const currentMetadata = /* @__PURE__ */ new Map();
-	for (const file of files) try {
+	for (const file of sfcFiles) try {
 		const stat = fs.statSync(file);
 		currentMetadata.set(file, {
 			mtimeMs: stat.mtimeMs,
@@ -575,8 +617,8 @@ async function compileAll(state) {
 	} catch (e) {
 		state.logger.error(`Failed to stat ${file}:`, e);
 	}
-	const { changedFiles, deletedFiles } = diffPrecompileFiles(files, currentMetadata, state.precompileMetadata);
-	const cachedFileCount = files.length - changedFiles.length;
+	const { changedFiles, deletedFiles } = diffPrecompileFiles(sfcFiles, currentMetadata, state.precompileMetadata);
+	const cachedFileCount = sfcFiles.length - changedFiles.length;
 	for (const file of deletedFiles) {
 		state.cache.delete(file);
 		state.ssrCache.delete(file);
@@ -584,7 +626,7 @@ async function compileAll(state) {
 		state.precompileMetadata.delete(file);
 		state.pendingHmrUpdateTypes.delete(file);
 	}
-	state.logger.info(`Pre-compiling ${files.length} Vue files... (${changedFiles.length} changed, ${cachedFileCount} cached, ${deletedFiles.length} removed)`);
+	state.logger.info(`Pre-compiling ${sfcFiles.length} Vue files... (${changedFiles.length} changed, ${cachedFileCount} cached, ${deletedFiles.length} removed)`);
 	if (changedFiles.length === 0) {
 		const elapsed = (performance.now() - startTime).toFixed(2);
 		state.logger.info(`Pre-compilation complete: cache reused (${elapsed}ms)`);
@@ -1631,6 +1673,34 @@ function getVueFilesDependingOn(state, dependencyFile) {
 	for (const cache of [state.cache, state.ssrCache]) for (const [vueFile, compiled] of cache) if (compiled.dependencies?.some((dependency) => path.resolve(dependency) === normalizedDependency)) owners.add(vueFile);
 	return [...owners];
 }
+function unique(values) {
+	return [...new Set(values)];
+}
+function getVueModuleFileCandidates(vueFile) {
+	return unique([
+		toVirtualId(vueFile),
+		toPluginVisibleVirtualId(vueFile),
+		toVirtualId(vueFile, true),
+		toPluginVisibleVirtualId(vueFile, true),
+		toPluginVisibleVirtualId(vueFile).split("?")[0],
+		vueFile
+	]);
+}
+function getStyleModuleFileCandidates(styleId) {
+	return unique([styleId, `${styleId}.css`]);
+}
+function collectModulesByFile(server, fileIds) {
+	const modules = /* @__PURE__ */ new Set();
+	for (const fileId of fileIds) {
+		const matched = server.moduleGraph.getModulesByFile(fileId);
+		if (!matched) continue;
+		for (const mod of matched) modules.add(mod);
+	}
+	return modules;
+}
+function invalidateModules(server, modules) {
+	for (const module of modules) server.moduleGraph.invalidateModule(module);
+}
 async function handleHotUpdateHook(state, ctx) {
 	const { file, server, read } = ctx;
 	const dependencyOwners = getVueFilesDependingOn(state, file);
@@ -1642,9 +1712,8 @@ async function handleHotUpdateHook(state, ctx) {
 			state.collectedCss.delete(vueFile);
 			state.precompileMetadata.delete(vueFile);
 			state.pendingHmrUpdateTypes.set(vueFile, "full-reload");
-			const virtualId = toVirtualId(vueFile);
-			const modules = server.moduleGraph.getModulesByFile(virtualId) ?? server.moduleGraph.getModulesByFile(vueFile);
-			if (modules) for (const module of modules) {
+			const modules = collectModulesByFile(server, getVueModuleFileCandidates(vueFile));
+			for (const module of modules) {
 				server.moduleGraph.invalidateModule(module);
 				affectedModules.add(module);
 			}
@@ -1674,8 +1743,7 @@ async function handleHotUpdateHook(state, ctx) {
 		}
 		const updateType = detectHmrUpdateType(prevCompiled, newCompiled);
 		state.logger.log(`Re-compiled: ${path.relative(state.root, file)} (${updateType})`);
-		const virtualId = toVirtualId(file);
-		const modules = server.moduleGraph.getModulesByFile(virtualId) ?? server.moduleGraph.getModulesByFile(file);
+		const modules = collectModulesByFile(server, getVueModuleFileCandidates(file));
 		const hasDelegated = hasDelegatedStyles(newCompiled);
 		if (hasDelegated && updateType === "style-only") {
 			const affectedModules = /* @__PURE__ */ new Set();
@@ -1687,12 +1755,11 @@ 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 styleId = `${file}?${params.toString()}`;
-				const styleMods = server.moduleGraph.getModulesByFile(styleId);
-				if (styleMods) for (const mod of styleMods) affectedModules.add(mod);
+				const styleMods = collectModulesByFile(server, getStyleModuleFileCandidates(`${file}?${params.toString()}`));
+				for (const mod of styleMods) affectedModules.add(mod);
 			}
 			if (affectedModules.size > 0) return [...affectedModules];
-			if (modules) return [...modules];
+			if (modules.size > 0) return [...modules];
 			return [];
 		}
 		if (updateType === "style-only" && newCompiled.css && !hasDelegated) {
@@ -1708,8 +1775,9 @@ async function handleHotUpdateHook(state, ctx) {
 			});
 			return [];
 		}
-		if (modules) {
+		if (modules.size > 0) {
 			state.pendingHmrUpdateTypes.set(file, updateType);
+			invalidateModules(server, modules);
 			return [...modules];
 		}
 		state.pendingHmrUpdateTypes.delete(file);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.242.0",
+  "version": "0.250.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -19,7 +19,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/ubugeeei-prod/vize",
-    "directory": "npm/vite-plugin-vize"
+    "directory": "npm/builder/vite"
   },
   "files": [
     "client.d.ts",
@@ -40,9 +40,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.242.0",
+    "@vizejs/native": "0.251.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.242.0"
+    "vize": "0.251.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",
@@ -51,7 +51,7 @@
     "vite-plus": "0.1.21"
   },
   "peerDependencies": {
-    "vite": "^8.0.0"
+    "vite": "^7.3.0 || ^8.0.0"
   },
   "engines": {
     "node": ">=22"
@@ -62,6 +62,6 @@
     "check": "vp check src vite.config.ts",
     "check:fix": "vp check --fix src vite.config.ts",
     "fmt": "vp fmt --write src vite.config.ts",
-    "test": "pnpm --dir ../vize-native build:debug && node src/test.ts"
+    "test": "pnpm --dir ../../native build:debug && node src/test.ts"
   }
 }