@vizejs/vite-plugin 0.250.0 → 0.263.0

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import { defineConfig, loadConfig, resolveConfigExport } from "vize";
 import { Plugin } from "vite";
 
 //#region ../../cli/src/types/generated.d.ts
@@ -635,15 +634,15 @@ interface MacroArtifact {
   start: number;
   end: number;
 }
-type VizeVueVersion = 0.11 | 1 | 2 | 3 | "legacy";
+type VizeVueVersion = 0.11 | 1 | 2 | "2.7" | 3 | "legacy";
 interface VizeCompatibilityOptions {
   /**
-   * Host Vue version. Vue 0.11/1/2 opt into host-compiler compatibility.
+   * Host Vue version. Vue 0.11/1/2/2.7 opt into host-compiler compatibility.
    */
   vueVersion?: VizeVueVersion;
   /**
    * Keep .vue files on the existing Vue compiler for legacy Vue runtimes.
-   * @default true when vueVersion is 0.11, 1, 2, or "legacy"
+   * @default true when vueVersion is 0.11, 1, 2, "2.7", or "legacy"
    */
   hostCompiler?: boolean;
   /**
@@ -851,6 +850,10 @@ declare function rewriteStaticAssetUrls(code: string, aliasRules: DynamicImportA
 declare function vize(options?: VizeOptions): Plugin[];
 //#endregion
 //#region src/config.d.ts
+declare function defineConfig(config: UserConfigExport): UserConfigExport;
+declare function loadConfig(root: string, options?: LoadConfigOptions): Promise<ResolvedVizeConfig | null>;
+declare function resolveConfigExport(exported: UserConfigExport, env?: ConfigEnv): Promise<ResolvedVizeConfig>;
+declare const VIZE_CONFIG_FILE_ENV = "VIZE_CONFIG_FILE";
 /**
  * Shared config store for inter-plugin communication.
  * Key = project root, Value = resolved VizeConfig.
@@ -863,4 +866,4 @@ declare const __internal: {
   rewriteStaticAssetUrls: typeof rewriteStaticAssetUrls;
 };
 //#endregion
-export { type CompiledModule, type LoadConfigOptions, type MacroArtifact, type ResolvedVizeConfig, type UserConfigExport, type VizeCompatibilityOptions, type VizeConfig, 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 VizeOptions, type VizeVueVersion, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, vize as default, vize, defineConfig, loadConfig, resolveConfigExport, vizeConfigStore };

package/dist/index.mjs

@@ -2,7 +2,6 @@ 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, 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";
 import path from "node:path";
@@ -321,7 +320,34 @@ function createLogger(debug) {
 		error: (...args) => console.error("[vize]", ...args)
 	};
 }
+//#endregion
+//#region src/config.ts
+const require = createRequire(import.meta.url);
+const CONFIG_FILE_NAMES = [
+	"vize.config.pkl",
+	"vize.config.ts",
+	"vize.config.js",
+	"vize.config.mjs",
+	"vize.config.json"
+];
+let vizeConfigModulePromise = null;
+function loadVizeConfigModule() {
+	vizeConfigModulePromise ??= import("vize/config");
+	return vizeConfigModulePromise;
+}
+function defineConfig(config) {
+	return config;
+}
+async function loadConfig(root, options) {
+	return (await loadVizeConfigModule()).loadConfig(root, options);
+}
+async function resolveConfigExport(exported, env) {
+	return (await loadVizeConfigModule()).resolveConfigExport(exported, env);
+}
+require.resolve("vize/schemas/vize.config.schema.json");
+require.resolve("vize/pkl/vize.pkl");
 [...CONFIG_FILE_NAMES];
+const VIZE_CONFIG_FILE_ENV = "VIZE_CONFIG_FILE";
 /**
 * Shared config store for inter-plugin communication.
 * Key = project root, Value = resolved VizeConfig.
@@ -433,12 +459,12 @@ function resolveSfcSrcImports(filePath, source) {
 		dependencies
 	};
 }
-function compileFile(filePath, cache, options, source) {
+function compileFile(filePath, cache, options, source, diagnostics) {
 	const resolved = resolveSfcSrcImports(filePath, source ?? fs.readFileSync(filePath, "utf-8"));
 	const scopeId = generateScopeId(filePath);
 	const result = compileSfc(resolved.source, buildCompileFileOptions(filePath, options));
 	if (result.errors.length > 0) throw new VizeSfcCompileError(filePath, result.errors);
-	if (result.warnings.length > 0) result.warnings.forEach((warning) => {
+	if (result.warnings.length > 0 && (diagnostics?.logWarnings ?? true)) result.warnings.forEach((warning) => {
 		console.warn(`[vize] Warning in ${filePath}: ${warning}`);
 	});
 	const compiled = {
@@ -1383,16 +1409,43 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 	return null;
 }
 //#endregion
+//#region src/plugin/load-sfc.ts
+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 shouldLoadCompiledVueSfcPath(state, realPath, hasNuxtComponentQuery = false) {
+	const isNodeModulesPath = realPath.includes("node_modules");
+	if (!(state.mergedOptions.handleNodeModulesVue ?? true) && isNodeModulesPath && hasNuxtComponentQuery) {
+		state.logger.log(`load: skipping node_modules Vue SFC ${realPath}`);
+		return false;
+	}
+	if (!isNodeModulesPath && !state.filter(realPath)) {
+		state.logger.log(`load: skipping filtered Vue SFC ${realPath}`);
+		return false;
+	}
+	return true;
+}
+//#endregion
 //#region src/plugin/vite-transform.ts
 function createVirtualTypeScriptTransformer(viteApi) {
 	return async (code, id) => {
 		if (typeof viteApi.transformWithOxc === "function") return viteApi.transformWithOxc(code, id, {
 			lang: "ts",
-			sourcemap: false
+			sourcemap: false,
+			target: "esnext"
 		});
 		if (typeof viteApi.transformWithEsbuild === "function") return viteApi.transformWithEsbuild(code, id, {
 			loader: "ts",
-			sourcemap: false
+			sourcemap: false,
+			target: "esnext"
 		});
 		throw new Error("Installed Vite does not expose transformWithOxc or transformWithEsbuild");
 	};
@@ -1447,17 +1500,6 @@ function findMacroArtifactModule(state, realPath, ssr, kind) {
 	}, realPath, compiled);
 	return compiled?.macroArtifacts?.find((artifact) => artifact.kind === kind)?.moduleCode ?? null;
 }
-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;
 	if (!withoutPrefix.includes("?vue")) return id;
@@ -1477,14 +1519,14 @@ function loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions)
 	let compiled = cache.get(realPath);
 	if (!compiled && fs.existsSync(realPath)) {
 		state.logger.log(`load: on-demand compiling ${realPath}`);
-		compiled = compileFile(realPath, cache, getCompileOptionsForRequest(state, isSsr));
+		compiled = compileFile(realPath, cache, getCompileOptionsForRequest(state, isSsr), void 0, { logWarnings: shouldLogSfcWarnings(state, realPath) });
 	}
 	syncCollectedCssForFile({
 		...state,
 		extractCss
 	}, realPath, compiled);
 	if (!compiled) return null;
-	for (const dependency of compiled.dependencies ?? []) loadOptions?.addWatchFile?.(dependency);
+	for (const watchFile of new Set([realPath, ...compiled.dependencies ?? []])) loadOptions?.addWatchFile?.(watchFile);
 	const hasDelegated = hasDelegatedStyles(compiled);
 	const pendingHmrUpdateType = loadOptions?.ssr ? void 0 : state.pendingHmrUpdateTypes.get(realPath);
 	if (compiled.css && !hasDelegated) compiled = {
@@ -1535,7 +1577,7 @@ function loadHook(state, id, loadOptions) {
 		const realPath = sourceRequest.vizeVirtualPath ?? sourceRequest.normalizedFsId ?? sourceRequest.normalizedVuePath ?? styleRequest.path;
 		const lang = styleRequest.styleLang ?? null;
 		const scoped = styleRequest.styleScoped ?? null;
-		const fallbackCompiled = state.cache.get(realPath) ?? state.ssrCache.get(realPath);
+		const fallbackCompiled = loadOptions?.ssr ? state.ssrCache.get(realPath) ?? state.cache.get(realPath) : state.cache.get(realPath) ?? state.ssrCache.get(realPath);
 		const blockIndex = styleRequest.styleIndex ?? -1;
 		if (fallbackCompiled?.styles && blockIndex >= 0 && blockIndex < fallbackCompiled.styles.length) {
 			const block = fallbackCompiled.styles[blockIndex];
@@ -1573,9 +1615,13 @@ function loadHook(state, id, loadOptions) {
 			state.logger.log(`load: skipping non-vue virtual module ${realPath}`);
 			return null;
 		}
+		if (!shouldLoadCompiledVueSfcPath(state, realPath)) return null;
 		return loadCompiledSfcModule(state, realPath, isSsr, currentBase, loadOptions);
 	}
-	if (loadableVueSfcPath) return loadCompiledSfcModule(state, loadableVueSfcPath, !!loadOptions?.ssr, currentBase, loadOptions);
+	if (loadableVueSfcPath) {
+		if (!shouldLoadCompiledVueSfcPath(state, loadableVueSfcPath, !!request.querySuffix && new URLSearchParams(request.querySuffix.slice(1)).has("nuxt_component"))) return null;
+		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;
@@ -1590,8 +1636,13 @@ function loadHook(state, id, loadOptions) {
 	}
 	return null;
 }
+function shouldLogSfcWarnings(state, realPath) {
+	if (!realPath.includes("node_modules")) return true;
+	if ((state.mergedOptions.handleNodeModulesVue ?? true) === false) return false;
+	return state.filter(realPath);
+}
 function isJsxComponentPath(path) {
-	return path.endsWith(".jsx") || path.endsWith(".tsx");
+	return /\.[jt]sx$/.test(path) && !/\.(?:stories|story)\.[jt]sx$/.test(path);
 }
 function shouldTransformJsxRequest(state, request) {
 	if (!isJsxComponentPath(request.path)) return false;
@@ -1676,15 +1727,25 @@ function getVueFilesDependingOn(state, dependencyFile) {
 function unique(values) {
 	return [...new Set(values)];
 }
+function toViteFsFileId(fileId) {
+	if (!path.isAbsolute(fileId)) return null;
+	const normalized = fileId.replace(/\\/g, "/");
+	return normalized.startsWith("/") ? `/@fs${normalized}` : `/@fs/${normalized}`;
+}
 function getVueModuleFileCandidates(vueFile) {
-	return unique([
+	const candidates = [
 		toVirtualId(vueFile),
 		toPluginVisibleVirtualId(vueFile),
 		toVirtualId(vueFile, true),
 		toPluginVisibleVirtualId(vueFile, true),
 		toPluginVisibleVirtualId(vueFile).split("?")[0],
 		vueFile
-	]);
+	];
+	const viteFsCandidates = candidates.flatMap((candidate) => {
+		const viteFsId = toViteFsFileId(candidate);
+		return viteFsId ? [viteFsId] : [];
+	});
+	return unique([...candidates, ...viteFsCandidates]);
 }
 function getStyleModuleFileCandidates(styleId) {
 	return unique([styleId, `${styleId}.css`]);
@@ -2021,7 +2082,7 @@ function installVirtualAssetMiddleware(devServer, state) {
 //#endregion
 //#region src/plugin/vue-version.ts
 function isLegacyVueVersion(version) {
-	return version === "legacy" || version === .11 || version === 1 || version === 2;
+	return version === "legacy" || version === .11 || version === 1 || version === 2 || version === "2.7";
 }
 function isLegacyVueCompatibilityMode(options) {
 	const vueVersion = options.vueVersion ?? options.compatibility?.vueVersion;
@@ -2036,10 +2097,7 @@ function createLegacyVueCompatibilityPlugin(options) {
 	};
 }
 //#endregion
-//#region src/plugin/index.ts
-function aliasSortKey(find) {
-	return typeof find === "string" ? find.length : find.source.length;
-}
+//#region src/plugin/shared-config.ts
 function mergeSharedConfig(baseConfig, overrideConfig) {
 	if (!baseConfig) return overrideConfig;
 	if (!overrideConfig) return baseConfig;
@@ -2081,6 +2139,11 @@ function mergeSharedConfig(baseConfig, overrideConfig) {
 		entries: [...baseConfig.entries, ...overrideConfig.entries]
 	};
 }
+//#endregion
+//#region src/plugin/index.ts
+function aliasSortKey(find) {
+	return typeof find === "string" ? find.length : find.source.length;
+}
 function shouldExtractCssForBuild(state, context) {
 	if (!state.isProduction) return false;
 	const environmentName = context.environment?.name;
@@ -2166,15 +2229,18 @@ function vize(options = {}) {
 					isSsrBuild: !!resolvedConfig.build?.ssr
 				};
 				let fileConfig = null;
-				if (options.configMode !== false) try {
-					fileConfig = await loadConfig(state.root, {
-						mode: options.configMode ?? "root",
-						configFile: options.configFile,
-						env: configEnv
-					});
-					if (fileConfig) state.logger.log("Loaded config from vize.config file");
-				} catch (error) {
-					state.logger.warn(`Failed to load vize config from ${options.configFile ?? state.root}:`, error);
+				if (options.configMode !== false) {
+					const configFile = options.configFile ?? process.env["VIZE_CONFIG_FILE"];
+					try {
+						fileConfig = await loadConfig(state.root, {
+							mode: options.configMode ?? "root",
+							configFile,
+							env: configEnv
+						});
+						if (fileConfig) state.logger.log("Loaded config from vize.config file");
+					} catch (error) {
+						state.logger.warn(`Failed to load vize config from ${configFile ?? state.root}:`, error);
+					}
 				}
 				let inlineConfig = null;
 				if (options.config) try {
@@ -2291,4 +2357,4 @@ function vize(options = {}) {
 const __internal = { rewriteStaticAssetUrls };
 var src_default = vize;
 //#endregion
-export { __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, src_default as default, defineConfig, loadConfig, resolveConfigExport, vize, vizeConfigStore };
+export { VIZE_CONFIG_FILE_ENV, __internal, rewriteStaticAssetUrls as __internal_rewriteStaticAssetUrls, src_default as default, defineConfig, loadConfig, resolveConfigExport, vize, vizeConfigStore };

package/package.json

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