@vizejs/vite-plugin 0.153.0 → 0.154.0

package/dist/index.mjs

@@ -94,6 +94,12 @@ function hasDelegatedStyles(compiled) {
 function supportsTemplateOnlyHmr(output) {
 	return /(?:^|\n)(?:_sfc_main|__sfc__)\.render\s*=\s*render\b/m.test(output);
 }
+function insertAfterStaticImports(output, imports) {
+	let insertAt = 0;
+	for (const match of output.matchAll(/^import\b[^\n]*(?:\r?\n|$)/gm)) insertAt = (match.index ?? 0) + match[0].length;
+	if (insertAt === 0) return `${imports}\n${output}`;
+	return `${output.slice(0, insertAt)}${imports}\n${output.slice(insertAt)}`;
+}
 function generateScopeId(filename) {
 	return createHash("sha256").update(filename).digest("hex").slice(0, 8);
 }
@@ -153,7 +159,7 @@ function generateOutput(compiled, options) {
 			}
 		}
 		const allImports = [...styleImports, ...cssModuleImports].join("\n");
-		if (allImports) output = allImports + "\n" + output;
+		if (allImports) output = insertAfterStaticImports(output, allImports);
 		if (cssModuleImports.length > 0) {
 			const moduleBindings = [];
 			for (const block of compiled.styles) if (isCssModule(block)) {
@@ -963,7 +969,8 @@ function loadHook(state, id, loadOptions) {
 	if (id.startsWith("\0") && id.includes("?vue")) styleId = id.slice(1).replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
 	const styleRequest = classifyVitePluginRequest(styleId);
 	if (styleRequest.isVueStyleQuery) {
-		const realPath = classifyVitePluginRequest(styleRequest.path).vizeVirtualPath ?? styleRequest.path;
+		const sourceRequest = classifyVitePluginRequest(styleRequest.path);
+		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);
@@ -1288,9 +1295,14 @@ function patchCssModuleGenerateScopedName(userConfig) {
 	if (!cssModules || typeof cssModules.generateScopedName !== "function") return;
 	const origFn = cssModules.generateScopedName;
 	cssModules.generateScopedName = function(name, filename, css) {
-		return origFn.call(this, name, normalizeViteCssModuleFilename(filename), css);
+		return origFn.call(this, name, normalizeCssModuleFilename(filename), css);
 	};
 }
+function normalizeCssModuleFilename(filename) {
+	const normalized = normalizeViteCssModuleFilename(filename);
+	if (normalized.startsWith("/@fs/")) return normalized.slice(4);
+	return normalized;
+}
 //#endregion
 //#region src/plugin/dev-middleware.ts
 function installVirtualAssetMiddleware(devServer, state) {

package/package.json

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