@vizejs/vite-plugin 0.109.0 → 0.113.0

package/README.md

@@ -74,6 +74,7 @@ vite {
 `@vizejs/vite-plugin` loads the same `vize.config.ts`, `vize.config.js`, `vize.config.mjs`,
 `vize.config.pkl`, and `vize.config.json` files as the `vize` npm CLI. Importing
 `defineConfig` from `@vizejs/vite-plugin` still works, but `vize` is the shared entry point.
+Install `@pkl-community/pkl` or provide a `pkl` binary on `PATH` when using `vize.config.pkl`.
 
 ### Nuxt
 

package/dist/index.mjs

@@ -386,6 +386,13 @@ function syncCollectedCssForFile(state, filePath, compiled) {
 	if (compiled.css && !hasDelegatedStyles(compiled)) state.collectedCss.set(filePath, resolveCssImports(compiled.css, filePath, state.cssAliasRules, false));
 	else state.collectedCss.delete(filePath);
 }
+function clearBuildCaches(state) {
+	state.cache.clear();
+	state.ssrCache.clear();
+	state.collectedCss.clear();
+	state.precompileMetadata.clear();
+	state.pendingHmrUpdateTypes.clear();
+}
 /**
 * Pre-compile all Vue files matching scan patterns.
 */
@@ -531,6 +538,14 @@ function resolveVueBundlerEntryWithNode(state, id, importer) {
 function isVueRuntimeRequest(id) {
 	return splitViteIdQuery(id).request === "vue";
 }
+function resolveSsrExternalVueRequest(id) {
+	const { request, querySuffix } = splitViteIdQuery(id);
+	if (querySuffix) return null;
+	if (request === "@vue/server-renderer" || request === "vue/server-renderer") return "vue/server-renderer";
+	if (request === "vue" || request.startsWith("vue/dist/")) return "vue";
+	if (request.startsWith("@vue/")) return request;
+	return null;
+}
 function isVuePackageEntry(id) {
 	const { request } = splitViteIdQuery(id);
 	const normalized = request.split(path.sep).join("/");
@@ -552,8 +567,16 @@ function isPotentialVizeResolveId(id) {
 function isPotentialVizeImporter(importer) {
 	return importer !== void 0 && (importer.startsWith("\0") || importer.startsWith("vize:"));
 }
+function shouldCompileVueSfcRequest(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");
+}
 async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules) {
 	if (path.isAbsolute(id)) return null;
+	const request = classifyVitePluginRequest(id);
 	const viteImporter = normalizeViteRequireBase(importer) ?? importer;
 	const viteResolved = await ctx.resolve(id, viteImporter, { skipSelf: true });
 	const realPath = viteResolved ? normalizeResolvedVuePath(viteResolved.id) : null;
@@ -569,7 +592,7 @@ async function resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, h
 	}
 	if (state.cache.has(realPath) || fs.existsSync(realPath)) {
 		state.logger.log(`resolveId: resolved via Vite fallback ${id} to ${realPath}`);
-		return toVirtualId(realPath, isSsrRequest);
+		return `${toVirtualId(realPath, isSsrRequest)}${request.querySuffix}`;
 	}
 	return null;
 }
@@ -631,6 +654,11 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 			return null;
 		}
 		if (!id.endsWith(".vue")) {
+			const ssrExternalVueRequest = isSsrRequest ? resolveSsrExternalVueRequest(id) : null;
+			if (ssrExternalVueRequest) return {
+				id: ssrExternalVueRequest,
+				external: true
+			};
 			if (!id.startsWith("./") && !id.startsWith("../") && !id.startsWith("/")) {
 				const isVueRuntime = isVueRuntimeRequest(id);
 				const aliasRequest = resolveAliasRequest(state, id);
@@ -747,13 +775,14 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 			return null;
 		}
 	}
-	if (id.endsWith(".vue")) {
+	if (shouldCompileVueSfcRequest(request)) {
 		const handleNodeModules = state.initialized ? state.mergedOptions.handleNodeModulesVue ?? true : true;
-		if (!handleNodeModules && id.includes("node_modules")) {
+		const vueRequestPath = request.path;
+		if (!handleNodeModules && vueRequestPath.includes("node_modules")) {
 			state.logger.log(`resolveId: skipping node_modules import ${id}`);
 			return null;
 		}
-		const resolved = resolveVuePath(state, id, importer);
+		const resolved = resolveVuePath(state, vueRequestPath, importer);
 		const fileExists = fs.existsSync(resolved);
 		if (!fileExists) {
 			const aliased = await resolveAliasedVueImport(ctx, state, id, importer, isSsrRequest, handleNodeModules);
@@ -770,7 +799,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 		}
 		const hasCache = state.cache.has(resolved);
 		state.logger.log(`resolveId: id=${id}, resolved=${resolved}, hasCache=${hasCache}, fileExists=${fileExists}, importer=${importer ?? "none"}`);
-		if (hasCache || fileExists) return toVirtualId(resolved, isSsrRequest);
+		if (hasCache || fileExists) return `${toVirtualId(resolved, isSsrRequest)}${request.querySuffix}`;
 	}
 	return null;
 }
@@ -805,6 +834,9 @@ function getVirtualModuleDefines(state, ssr) {
 		...ssr ? state.serverViteDefine : state.clientViteDefine
 	};
 }
+function normalizeVueServerRendererImport(code) {
+	return code.replace(/\bfrom\s+(['"])@vue\/server-renderer\1/g, "from \"vue/server-renderer\"");
+}
 function findMacroArtifactModule(state, realPath, ssr, kind) {
 	const cache = getEnvironmentCache(state, ssr);
 	realPath = classifyVitePluginRequest(realPath).normalizedVuePath;
@@ -880,13 +912,6 @@ function loadHook(state, id, loadOptions) {
 		if (request.isVueSfcPath) {
 			const artifactLoad = loadDefinePageMetaArtifact(state, realPath, !!loadOptions?.ssr);
 			if (artifactLoad) return artifactLoad;
-			if (fs.existsSync(realPath)) {
-				const setupMatch = fs.readFileSync(realPath, "utf-8").match(/<script\s+setup[^>]*>([\s\S]*?)<\/script>/);
-				if (setupMatch) return {
-					code: `${setupMatch[1]}\nexport default {}`,
-					map: null
-				};
-			}
 			return {
 				code: "export default {}",
 				map: null
@@ -922,14 +947,15 @@ function loadHook(state, id, loadOptions) {
 				...compiled,
 				css: resolveCssImports(compiled.css, realPath, state.cssAliasRules, state.server !== null, currentBase)
 			};
-			const output = rewriteStaticAssetUrls(rewriteDynamicTemplateImports(generateOutput(compiled, {
+			const generatedOutput = generateOutput(compiled, {
 				isProduction: state.isProduction,
 				isDev: state.server !== null && !isSsr,
 				ssr: isSsr,
 				hmrUpdateType: pendingHmrUpdateType,
 				extractCss: state.extractCss,
 				filePath: realPath
-			}), state.dynamicImportAliasRules), state.dynamicImportAliasRules);
+			});
+			const output = rewriteStaticAssetUrls(rewriteDynamicTemplateImports(isSsr ? normalizeVueServerRendererImport(generatedOutput) : generatedOutput, state.dynamicImportAliasRules), state.dynamicImportAliasRules);
 			if (!loadOptions?.ssr) state.pendingHmrUpdateTypes.delete(realPath);
 			return {
 				code: output,
@@ -1348,6 +1374,9 @@ function vize(options = {}) {
 			},
 			generateBundle() {
 				handleGenerateBundleHook(state, this.emitFile.bind(this));
+			},
+			closeBundle() {
+				if (state.server === null) clearBuildCaches(state);
 			}
 		},
 		createPostTransformPlugin(state)

package/package.json

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