@vizejs/vite-plugin 0.284.0 → 0.286.0

package/dist/index.mjs

@@ -2,11 +2,12 @@ import { createRequire } from "node:module";
 import { createHash } from "node:crypto";
 import * as native from "@vizejs/native";
 import { applyViteDefineReplacements, buildInspectorGraph, 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 * as vite from "vite";
+import { parseSync } from "vite";
 import fs from "node:fs";
 import { glob } from "tinyglobby";
 import path from "node:path";
 import { pathToFileURL } from "node:url";
-import * as vite from "vite";
 //#region src/hmr.ts
 function hasHmrChanges(prev, next) {
 	if (!prev) return true;
@@ -74,6 +75,103 @@ function styleFingerprint(module) {
 	});
 }
 //#endregion
+//#region src/utils/module-output.ts
+const OUTPUT_PARSE_ID = "vize-output.tsx";
+const SFC_MAIN_NAME = "_sfc_main";
+function isNode(value) {
+	return value != null && typeof value === "object" && typeof value.type === "string";
+}
+function getNodeStart(node) {
+	return typeof node?.start === "number" ? node.start : null;
+}
+function getNodeName(node) {
+	return isNode(node) && typeof node.name === "string" ? node.name : null;
+}
+function parseProgram(code) {
+	try {
+		const result = parseSync(OUTPUT_PARSE_ID, code);
+		if (result != null && typeof result === "object") {
+			const errors = result.errors;
+			if (Array.isArray(errors) && errors.length > 0) return null;
+			const program = result.program;
+			if (isNode(program)) return program;
+		}
+		return isNode(result) ? result : null;
+	} catch {
+		return null;
+	}
+}
+function getProgramBody(program) {
+	if (!program || !Array.isArray(program.body)) return [];
+	return program.body.filter(isNode);
+}
+function isIdentifierNamed(node, name) {
+	return getNodeName(node) === name;
+}
+function getVariableDeclarationNames(statement) {
+	return (Array.isArray(statement.declarations) ? statement.declarations : []).filter(isNode).map((declaration) => isNode(declaration.id) ? getNodeName(declaration.id) : null).filter((name) => name != null);
+}
+function getExportedNames(statement) {
+	const declaration = isNode(statement.declaration) ? statement.declaration : null;
+	const names = [];
+	if (declaration?.type === "FunctionDeclaration" || declaration?.type === "ClassDeclaration") {
+		const name = isNode(declaration.id) ? getNodeName(declaration.id) : null;
+		if (name) names.push(name);
+	}
+	if (declaration?.type === "VariableDeclaration") names.push(...getVariableDeclarationNames(declaration));
+	const specifiers = Array.isArray(statement.specifiers) ? statement.specifiers : [];
+	for (const specifier of specifiers) {
+		if (!isNode(specifier)) continue;
+		const exported = isNode(specifier.exported) ? specifier.exported : null;
+		const local = isNode(specifier.local) ? specifier.local : null;
+		const name = getNodeName(exported) ?? getNodeName(local);
+		if (name) names.push(name);
+	}
+	return names;
+}
+function findDefaultExport(program) {
+	return getProgramBody(program).find((statement) => statement.type === "ExportDefaultDeclaration") ?? null;
+}
+function getExportDefaultKeywordEnd(code, defaultExport) {
+	const exportStart = getNodeStart(defaultExport);
+	if (exportStart == null) return null;
+	const match = /^export\s+default\b/.exec(code.slice(exportStart));
+	return match ? exportStart + match[0].length : null;
+}
+function analyzeModuleOutput(code) {
+	const program = parseProgram(code);
+	const body = getProgramBody(program);
+	const defaultExport = findDefaultExport(program);
+	const exportedNames = body.filter((statement) => statement.type === "ExportNamedDeclaration").flatMap(getExportedNames);
+	return {
+		hasDefaultExport: defaultExport != null,
+		hasSfcMainDefined: body.some((statement) => {
+			return statement.type === "VariableDeclaration" && getVariableDeclarationNames(statement).includes(SFC_MAIN_NAME);
+		}),
+		hasNamedRenderExport: exportedNames.includes("render"),
+		hasNamedSsrRenderExport: exportedNames.includes("ssrRender")
+	};
+}
+function rewriteDefaultExportToSfcMain(code) {
+	const defaultExport = findDefaultExport(parseProgram(code));
+	const exportStart = getNodeStart(defaultExport);
+	const keywordEnd = defaultExport ? getExportDefaultKeywordEnd(code, defaultExport) : null;
+	if (exportStart == null || keywordEnd == null) return code;
+	return `${code.slice(0, exportStart)}const ${SFC_MAIN_NAME} =${code.slice(keywordEnd)}`;
+}
+function insertBeforeSfcMainDefaultExport(code, insertion, options = {}) {
+	const defaultExport = findDefaultExport(parseProgram(code));
+	const declaration = isNode(defaultExport?.declaration) ? defaultExport.declaration : null;
+	const exportStart = getNodeStart(defaultExport);
+	const exportEnd = typeof defaultExport?.end === "number" ? defaultExport.end : null;
+	if (!isIdentifierNamed(declaration, SFC_MAIN_NAME) || exportStart == null) return code;
+	if (options.normalizeSemicolon && exportEnd != null) {
+		const suffixStart = code[exportEnd] === ";" ? exportEnd + 1 : exportEnd;
+		return `${code.slice(0, exportStart)}${insertion}\nexport default ${SFC_MAIN_NAME};${code.slice(suffixStart)}`;
+	}
+	return `${code.slice(0, exportStart)}${insertion}\n${code.slice(exportStart)}`;
+}
+//#endregion
 //#region src/utils/css.ts
 function scopeCssForPipeline(css, scopeId) {
 	return scopeViteCssForPipeline(css, scopeId);
@@ -249,17 +347,17 @@ function generateScopeId(filename) {
 function generateOutput(compiled, options) {
 	const { isProduction, isDev, ssr, hmrUpdateType, extractCss, filePath } = options;
 	let output = compiled.code;
-	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);
+	const moduleInfo = analyzeModuleOutput(output);
+	const hasExportDefault = moduleInfo.hasDefaultExport;
+	const hasNamedRenderExport = moduleInfo.hasNamedRenderExport;
+	const hasNamedSsrRenderExport = moduleInfo.hasNamedSsrRenderExport;
+	const hasSfcMainDefined = moduleInfo.hasSfcMainDefined;
 	if (hasExportDefault && !hasSfcMainDefined) {
-		output = output.replace(exportDefaultRegex, "const _sfc_main = ");
+		output = rewriteDefaultExportToSfcMain(output);
 		if (compiled.hasScoped && compiled.scopeId) output += `\n_sfc_main.__scopeId = "data-v-${compiled.scopeId}";`;
 		output += "\nexport default _sfc_main;";
 	} else if (hasExportDefault && hasSfcMainDefined) {
-		if (compiled.hasScoped && compiled.scopeId) output = output.replace(/^export default _sfc_main/m, `_sfc_main.__scopeId = "data-v-${compiled.scopeId}";\nexport default _sfc_main`);
+		if (compiled.hasScoped && compiled.scopeId) output = insertBeforeSfcMainDefaultExport(output, `_sfc_main.__scopeId = "data-v-${compiled.scopeId}";`);
 	} else if (!hasExportDefault && !hasSfcMainDefined && hasNamedRenderExport) {
 		output += "\nconst _sfc_main = {};";
 		if (compiled.hasScoped && compiled.scopeId) output += `\n_sfc_main.__scopeId = "data-v-${compiled.scopeId}";`;
@@ -304,7 +402,7 @@ function generateOutput(compiled, options) {
 				});
 			}
 			const cssModuleSetup = moduleBindings.map((m) => `_sfc_main.__cssModules = _sfc_main.__cssModules || {};\n_sfc_main.__cssModules[${JSON.stringify(m.name)}] = ${m.bindingName};`).join("\n");
-			output = output.replace(/^export default _sfc_main;?$/m, `${cssModuleSetup}\nexport default _sfc_main;`);
+			output = insertBeforeSfcMainDefaultExport(output, cssModuleSetup, { normalizeSemicolon: true });
 		}
 	} else if (!ssr && compiled.css && !(isProduction && extractCss)) output = prependInlineStyleInjection(output, compiled.css, compiled.scopeId);
 	if (!isProduction && isDev && hasExportDefault) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.284.0",
+  "version": "0.286.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.284.0",
+    "@vizejs/native": "0.286.0",
     "tinyglobby": "0.2.16",
-    "vize": "0.284.0"
+    "vize": "0.286.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",