@vizejs/vite-plugin 0.28.0 → 0.30.0

package/dist/index.js

@@ -187,6 +187,7 @@ function generateOutput(compiled, options) {
 	const exportDefaultRegex = /^export default /m;
 	const hasExportDefault = exportDefaultRegex.test(output);
 	const hasNamedRenderExport = /^export function render\b/m.test(output);
+	const hasNamedSsrRenderExport = /^export function ssrRender\b/m.test(output);
 	const hasSfcMainDefined = /\bconst\s+_sfc_main\s*=/.test(output);
 	if (hasExportDefault && !hasSfcMainDefined) {
 		output = output.replace(exportDefaultRegex, "const _sfc_main = ");
@@ -199,6 +200,11 @@ function generateOutput(compiled, options) {
 		if (compiled.hasScoped && compiled.scopeId) output += `\n_sfc_main.__scopeId = "data-v-${compiled.scopeId}";`;
 		output += "\n_sfc_main.render = render;";
 		output += "\nexport default _sfc_main;";
+	} else if (!hasExportDefault && !hasSfcMainDefined && hasNamedSsrRenderExport) {
+		output += "\nconst _sfc_main = {};";
+		if (compiled.hasScoped && compiled.scopeId) output += `\n_sfc_main.__scopeId = "data-v-${compiled.scopeId}";`;
+		output += "\n_sfc_main.ssrRender = ssrRender;";
+		output += "\nexport default _sfc_main;";
 	}
 	const useDelegatedStyles = hasDelegatedStyles(compiled) && filePath;
 	if (useDelegatedStyles) {
@@ -267,19 +273,25 @@ ${output}`;
 //#endregion
 //#region src/virtual.ts
 const LEGACY_VIZE_PREFIX = "\0vize:";
+const VIZE_SSR_PREFIX = "\0vize-ssr:";
 const VIRTUAL_CSS_MODULE = "virtual:vize-styles";
 const RESOLVED_CSS_MODULE = "\0vize:all-styles.css";
 /** Check if a module ID is a vize-compiled virtual module */
 function isVizeVirtual(id) {
-	return id.startsWith("\0") && id.endsWith(".vue.ts");
+	const pathPart = id.startsWith(VIZE_SSR_PREFIX) ? id.slice(VIZE_SSR_PREFIX.length) : id.slice(1);
+	return id.startsWith("\0") && pathPart.endsWith(".vue.ts");
+}
+function isVizeSsrVirtual(id) {
+	return id.startsWith(VIZE_SSR_PREFIX);
 }
 /** Create a virtual module ID from a real .vue file path */
-function toVirtualId(realPath) {
-	return "\0" + realPath + ".ts";
+function toVirtualId(realPath, ssr = false) {
+	return ssr ? `${VIZE_SSR_PREFIX}${realPath}.ts` : "\0" + realPath + ".ts";
 }
 /** Extract the real .vue file path from a virtual module ID */
 function fromVirtualId(virtualId) {
-	return virtualId.slice(1, -3);
+	const prefix = isVizeSsrVirtual(virtualId) ? VIZE_SSR_PREFIX.length : 1;
+	return virtualId.slice(prefix, -3);
 }
 function escapeRegExp(value) {
 	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -586,6 +598,16 @@ function diffPrecompileFiles(files, currentMetadata, previousMetadata) {
 		deletedFiles
 	};
 }
+function getEnvironmentCache(state, ssr) {
+	return ssr ? state.ssrCache : state.cache;
+}
+function getCompileOptionsForRequest(state, ssr) {
+	return {
+		sourceMap: state.mergedOptions?.sourceMap ?? !state.isProduction,
+		ssr,
+		vapor: !ssr && (state.mergedOptions?.vapor ?? false)
+	};
+}
 /**
 * Pre-compile all Vue files matching scan patterns.
 */
@@ -610,6 +632,7 @@ async function compileAll(state) {
 	const cachedFileCount = files.length - changedFiles.length;
 	for (const file of deletedFiles) {
 		state.cache.delete(file);
+		state.ssrCache.delete(file);
 		state.collectedCss.delete(file);
 		state.precompileMetadata.delete(file);
 		state.pendingHmrUpdateTypes.delete(file);
@@ -631,7 +654,7 @@ async function compileAll(state) {
 		state.logger.error(`Failed to read ${file}:`, e);
 	}
 	const result = compileBatch(fileContents, state.cache, {
-		ssr: state.mergedOptions.ssr ?? false,
+		ssr: false,
 		vapor: state.mergedOptions.vapor ?? false
 	});
 	for (const file of changedFiles) {
@@ -693,10 +716,14 @@ function resolveBareImportWithNode(state, id, importer) {
 	}
 	return null;
 }
-async function resolveIdHook(ctx, state, id, importer) {
+async function resolveIdHook(ctx, state, id, importer, options) {
 	const isBuild = state.server === null;
+	const isSsrRequest = !!options?.ssr || (importer ? isVizeSsrVirtual(importer) : false);
 	if (id.startsWith("\0")) {
-		if (isVizeVirtual(id)) return null;
+		if (isVizeVirtual(id)) {
+			if (isSsrRequest && !isVizeSsrVirtual(id)) return toVirtualId(fromVirtualId(id), true);
+			return null;
+		}
 		if (id.startsWith(LEGACY_VIZE_PREFIX)) {
 			const rawPath = id.slice(LEGACY_VIZE_PREFIX.length);
 			const cleanPath$1 = rawPath.endsWith(".ts") ? rawPath.slice(0, -3) : rawPath;
@@ -837,7 +864,7 @@ async function resolveIdHook(ctx, state, id, importer) {
 		const hasCache = state.cache.has(resolved);
 		const fileExists = fs.existsSync(resolved);
 		state.logger.log(`resolveId: id=${id}, resolved=${resolved}, hasCache=${hasCache}, fileExists=${fileExists}, importer=${importer ?? "none"}`);
-		if (hasCache || fileExists) return toVirtualId(resolved);
+		if (hasCache || fileExists) return toVirtualId(resolved, isSsrRequest);
 		if (!fileExists && !path.isAbsolute(id)) {
 			const viteResolved = await ctx.resolve(id, importer, { skipSelf: true });
 			if (viteResolved && viteResolved.id.endsWith(".vue")) {
@@ -845,7 +872,7 @@ async function resolveIdHook(ctx, state, id, importer) {
 				const isResolvedNodeModules = realPath.includes("node_modules");
 				if ((isResolvedNodeModules ? handleNodeModules : state.filter(realPath)) && (state.cache.has(realPath) || fs.existsSync(realPath))) {
 					state.logger.log(`resolveId: resolved via Vite fallback ${id} to ${realPath}`);
-					return toVirtualId(realPath);
+					return toVirtualId(realPath, isSsrRequest);
 				}
 			}
 		}
@@ -890,9 +917,10 @@ function loadHook(state, id, loadOptions) {
 		const _hasModule = params.has("module");
 		const scoped = params.get("scoped");
 		const compiled = state.cache.get(realPath);
+		const fallbackCompiled = compiled ?? state.ssrCache.get(realPath);
 		const blockIndex = indexStr !== null ? parseInt(indexStr, 10) : -1;
-		if (compiled?.styles && blockIndex >= 0 && blockIndex < compiled.styles.length) {
-			const block = compiled.styles[blockIndex];
+		if (fallbackCompiled?.styles && blockIndex >= 0 && blockIndex < fallbackCompiled.styles.length) {
+			const block = fallbackCompiled.styles[blockIndex];
 			let styleContent = block.content;
 			if (scoped && block.scoped && lang && lang !== "css") {
 				const lines = styleContent.split("\n");
@@ -912,7 +940,7 @@ function loadHook(state, id, loadOptions) {
 				map: null
 			};
 		}
-		if (compiled?.css) return resolveCssImports(compiled.css, realPath, state.cssAliasRules, state.server !== null, currentBase);
+		if (fallbackCompiled?.css) return resolveCssImports(fallbackCompiled.css, realPath, state.cssAliasRules, state.server !== null, currentBase);
 		return "";
 	}
 	if (id.startsWith("\0") && id.endsWith("?macro=true")) {
@@ -935,6 +963,7 @@ function loadHook(state, id, loadOptions) {
 	}
 	if (isVizeVirtual(id)) {
 		const realPath = fromVirtualId(id);
+		const isSsr = isVizeSsrVirtual(id) || !!loadOptions?.ssr;
 		if (!realPath.endsWith(".vue")) {
 			state.logger.log(`load: skipping non-vue virtual module ${realPath}`);
 			return null;
@@ -947,14 +976,11 @@ function loadHook(state, id, loadOptions) {
 				map: null
 			};
 		}
-		let compiled = state.cache.get(realPath);
+		const cache = getEnvironmentCache(state, isSsr);
+		let compiled = cache.get(realPath);
 		if (!compiled && fs.existsSync(realPath)) {
 			state.logger.log(`load: on-demand compiling ${realPath}`);
-			compiled = compileFile(realPath, state.cache, {
-				sourceMap: state.mergedOptions?.sourceMap ?? !(state.isProduction ?? false),
-				ssr: state.mergedOptions?.ssr ?? false,
-				vapor: state.mergedOptions?.vapor ?? false
-			});
+			compiled = compileFile(realPath, cache, getCompileOptionsForRequest(state, isSsr));
 		}
 		if (compiled) {
 			const hasDelegated = hasDelegatedStyles(compiled);
@@ -965,7 +991,7 @@ function loadHook(state, id, loadOptions) {
 			};
 			const output = rewriteStaticAssetUrls(rewriteDynamicTemplateImports(generateOutput(compiled, {
 				isProduction: state.isProduction,
-				isDev: state.server !== null,
+				isDev: state.server !== null && !isSsr,
 				hmrUpdateType: pendingHmrUpdateType,
 				extractCss: state.extractCss,
 				filePath: realPath
@@ -1025,11 +1051,8 @@ async function handleHotUpdateHook(state, ctx) {
 	if (file.endsWith(".vue") && state.filter(file)) try {
 		const source = await read();
 		const prevCompiled = state.cache.get(file);
-		compileFile(file, state.cache, {
-			sourceMap: state.mergedOptions?.sourceMap ?? !state.isProduction,
-			ssr: state.mergedOptions?.ssr ?? false,
-			vapor: state.mergedOptions?.vapor ?? false
-		}, source);
+		compileFile(file, state.cache, getCompileOptionsForRequest(state, false), source);
+		state.ssrCache.delete(file);
 		const newCompiled = state.cache.get(file);
 		try {
 			const stat = fs.statSync(file);
@@ -1139,11 +1162,8 @@ function createPostTransformPlugin(state) {
 			if (!id.endsWith(".vue") && !id.endsWith(".vue.ts") && !id.includes("node_modules") && id.endsWith(".setup.ts") && /<script\s+setup[\s>]/.test(code)) {
 				state.logger.log(`post-transform: compiling virtual SFC content from ${id}`);
 				try {
-					const compiled = compileFile(id, state.cache, {
-						sourceMap: state.mergedOptions?.sourceMap ?? !(state.isProduction ?? false),
-						ssr: state.mergedOptions?.ssr ?? false,
-						vapor: state.mergedOptions?.vapor ?? false
-					}, code);
+					const isSsr = !!transformOptions?.ssr;
+					const compiled = compileFile(id, getEnvironmentCache(state, isSsr), getCompileOptionsForRequest(state, isSsr), code);
 					const output = generateOutput(compiled, {
 						isProduction: state.isProduction,
 						isDev: state.server !== null,
@@ -1172,6 +1192,7 @@ function createPostTransformPlugin(state) {
 function vize(options = {}) {
 	const state = {
 		cache: new Map(),
+		ssrCache: new Map(),
 		collectedCss: new Map(),
 		precompileMetadata: new Map(),
 		pendingHmrUpdateTypes: new Map(),
@@ -1319,8 +1340,8 @@ function vize(options = {}) {
 			await compileAll(state);
 			state.logger.log("Cache keys:", [...state.cache.keys()].slice(0, 3));
 		},
-		resolveId(id, importer) {
-			return resolveIdHook(this, state, id, importer);
+		resolveId(id, importer, options$1) {
+			return resolveIdHook(this, state, id, importer, options$1);
 		},
 		load(id, loadOptions) {
 			return loadHook(state, id, loadOptions);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.28.0",
+  "version": "0.30.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "publishConfig": {
     "access": "public"
@@ -37,14 +37,14 @@
     "tsdown": "^0.9.0",
     "tsx": "^4.21.0",
     "typescript": "~5.6.0",
-    "vite": "^8.0.0-beta.0"
+    "vite": "^8.0.0"
   },
   "peerDependencies": {
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-beta.0"
+    "vite": "^8.0.0"
   },
   "dependencies": {
     "tinyglobby": "^0.2.0",
-    "@vizejs/native": "0.28.0"
+    "@vizejs/native": "0.30.0"
   },
   "scripts": {
     "build": "tsdown",