@vizejs/vite-plugin 0.428.1 → 0.429.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { n as rewriteStaticAssetUrls, t as vize } from "./plugin-CkmrBDhz.mjs";
+import { n as rewriteStaticAssetUrls, t as vize } from "./plugin-46Af12dC.mjs";
 import { a as vizeConfigStore, i as resolveConfigExport, n as defineConfig, r as loadConfig, t as VIZE_CONFIG_FILE_ENV } from "./config-PP6EAmWc.mjs";
 //#region src/index.ts
 const __internal = { rewriteStaticAssetUrls };

package/dist/{plugin-CkmrBDhz.mjs → plugin-46Af12dC.mjs}

@@ -232,7 +232,7 @@ function insertBeforeSfcMainDefaultExport(code, insertion, options = {}) {
 	return `${code.slice(0, exportStart)}${insertion}\n${code.slice(exportStart)}`;
 }
 //#endregion
-//#region src/utils/source-map.ts
+//#region ../shared/source-map.ts
 function isSourceMapV3(value) {
 	if (value === null || typeof value !== "object") return false;
 	const map = value;
@@ -279,6 +279,59 @@ function shiftMappedLines(map, atLine, count) {
 		mappings: shifted.join(";")
 	};
 }
+/** Prefix a native JSX module with unmapped generated whole lines.
+* The actual style injection supplies the prefix; authored UTF-16 columns are
+* unchanged because the module resumes at column zero on a new generated line.
+*/
+function prependMappedJsxCode(code, mapJson, prefix) {
+	const output = prefix + code;
+	if (!prefix) return {
+		code: output,
+		map: mapJson ?? null
+	};
+	const map = parseSourceMap(mapJson);
+	if (!map || !prefix.endsWith("\n")) return {
+		code: output,
+		map: null
+	};
+	return {
+		code: output,
+		map: JSON.stringify(shiftMappedLines(map, 0, countNewlines(prefix)))
+	};
+}
+//#endregion
+//#region src/utils/source-map.ts
+/**
+* Keeping the compiler's Source Map v3 document valid through the edits
+* `generateOutput` makes to the emitted module (#3399).
+*
+* The native compiler returns a map for the module it emitted. `generateOutput`
+* then rewrites that module: it prepends a `<style>` injection, splices style
+* imports in after the last static import, inserts CSS-module wiring before the
+* default export, rewrites `export default` to `const _sfc_main =`, and appends
+* `__scopeId`/HMR code. All of those are whole-line insertions or same-line
+* substitutions, which is exactly the class of edit a v3 `mappings` string can
+* absorb without being decoded:
+*
+* - Lines are separated by `;` and each line's segments by `,`.
+* - A segment's generated column is relative to the previous segment **on the
+*   same line** and resets at every line, so an inserted line never disturbs the
+*   columns after it.
+* - The source index/line/column fields are relative to the previous *segment*,
+*   not the previous line, so inserting empty lines between segments leaves
+*   every delta untouched.
+*
+* Shifting generated lines is therefore literally inserting `;` characters, with
+* no VLQ decoding and no chance of a rounding error.
+*
+* Rather than have every call site declare where its edit landed — which would
+* silently rot the first time an edit moves — {@link MappedModule.edit} derives
+* it from the two strings: the common prefix and suffix bound the changed span
+* exactly, and the change in newline count inside that span is the line shift.
+* A same-line substitution comes out as a zero shift (columns within a line are
+* not tracked; a frame still resolves to the right authored line), and an edit
+* that *removes* lines drops the map rather than emit one that is wrong.
+*/
 /**
 * A module's code and the map that describes it, edited together.
 *
@@ -315,6 +368,31 @@ var MappedModule = class {
 	}
 };
 //#endregion
+//#region src/plugin/style-request.ts
+const STYLE_MARKER = ".__vize_style_";
+/** Keep the CSS extension in the path, outside Vue/Nuxt's query metadata. */
+function createStyleVirtualId(id) {
+	const start = id.indexOf("?");
+	const filename = id.slice(0, start);
+	const params = new URLSearchParams(id.slice(start + 1));
+	if (params.has("vize-file") && filename.includes(STYLE_MARKER)) return id;
+	const index = params.get("index") ?? "0";
+	const lang = params.get("lang") || "css";
+	const suffix = params.has("module") ? `.module.${lang}` : `.${lang}`;
+	const source = params.has("vize-file") ? "" : `&${new URLSearchParams({ "vize-file": filename }).toString()}`;
+	return `${filename}${STYLE_MARKER}${index}${suffix}?${id.slice(start + 1)}${source}`;
+}
+/** Recover the authored SFC before native classification and cache lookup. */
+function normalizeStyleVirtualId(id) {
+	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
+	if (!withoutPrefix.includes("?vue")) return id;
+	const start = withoutPrefix.indexOf("?");
+	const query = withoutPrefix.slice(start + 1);
+	const source = new URLSearchParams(query).get("vize-file");
+	if (source && withoutPrefix.slice(0, start).includes(STYLE_MARKER)) return `${source}?${query}`;
+	return withoutPrefix.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
+}
+//#endregion
 //#region src/utils/css.ts
 function scopeCssForPipeline(css, scopeId) {
 	return scopeViteCssForPipeline(css, scopeId);
@@ -450,12 +528,8 @@ function isCssModule(block) {
 function needsCssPipeline(block) {
 	return block.content.includes("@apply");
 }
-function styleVirtualSuffix(block) {
-	const lang = block.lang ?? "css";
-	return block.module !== false ? `.module.${lang}` : `.${lang}`;
-}
-function createStyleImportUrl(filePath, params, block) {
-	return `${filePath}?${params.toString()}${styleVirtualSuffix(block)}`;
+function createStyleImportUrl(filePath, params) {
+	return createStyleVirtualId(`${filePath}?${params.toString()}`);
 }
 /**
 * Check if any style blocks in the compiled module require delegation to
@@ -586,16 +660,16 @@ function generateOutputWithMap(compiled, options) {
 				if (isCssModule(block)) throw new Error("<style module> is not supported in custom element mode");
 				params.set("inline", "");
 				const bindingName = `_style_${block.index}`;
-				const importUrl = createStyleImportUrl(filePath, params, block);
+				const importUrl = createStyleImportUrl(filePath, params);
 				styleImports.push(`import ${bindingName} from ${JSON.stringify(importUrl)};`);
 				customElementStyleBindings.push(bindingName);
 			} else if (isCssModule(block)) {
 				const bindingName = typeof block.module === "string" ? block.module : "$style";
 				params.set("module", typeof block.module === "string" ? block.module : "");
-				const importUrl = createStyleImportUrl(filePath, params, block);
+				const importUrl = createStyleImportUrl(filePath, params);
 				cssModuleImports.push(`import ${bindingName} from ${JSON.stringify(importUrl)};`);
 			} else {
-				const importUrl = createStyleImportUrl(filePath, params, block);
+				const importUrl = createStyleImportUrl(filePath, params);
 				styleImports.push(`import ${JSON.stringify(importUrl)};`);
 			}
 		}
@@ -1156,8 +1230,7 @@ function compileJsxModule(filePath, source, options = {}) {
 	let map = result.map ?? null;
 	if (css && !options.ssr) {
 		const styleKey = result.scopedStyles[0].scopeId.replace(/^data-v-/, "");
-		code = prependInlineStyleInjection(code, css, styleKey);
-		map = null;
+		({code, map} = prependMappedJsxCode(code, map, prependInlineStyleInjection("", css, styleKey)));
 	}
 	return {
 		code,
@@ -2426,7 +2499,7 @@ async function resolveIdHook(ctx, state, id, importer, options) {
 			state.logger.log(`resolveId: skipping vitepress-plugin-llms style import ${id}`);
 			return null;
 		}
-		return `${request.normalizedFsId ?? id}${request.styleVirtualSuffix}`;
+		return createStyleVirtualId(request.normalizedFsId ?? id);
 	}
 	if (isBuild && request.normalizedFsId) return request.normalizedFsId;
 	const isMacroImporter = importerRequest?.isMacroVirtualId ?? false;
@@ -2850,13 +2923,6 @@ async function transformVizeVirtualModule(state, code, realPath, ssr, forceTypeS
 	}
 }
 //#endregion
-//#region src/plugin/load-style.ts
-function normalizeStyleVirtualId(id) {
-	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
-	if (!withoutPrefix.includes("?vue")) return id;
-	return withoutPrefix.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
-}
-//#endregion
 //#region src/plugin/load.ts
 const SERVER_PLACEHOLDER_CODE = `import { createElementBlock, defineComponent } from "vue";
 export default defineComponent({
@@ -3103,7 +3169,11 @@ function getVueModuleFileCandidates(vueFile) {
 	return unique([...candidates, ...viteFsCandidates]);
 }
 function getStyleModuleFileCandidates(styleId) {
-	return unique([styleId, `${styleId}.css`]);
+	return unique([
+		styleId,
+		`${styleId}.css`,
+		createStyleVirtualId(styleId)
+	]);
 }
 async function collectModulesByFile(server, fileIds) {
 	const modules = /* @__PURE__ */ new Set();
@@ -3370,11 +3440,6 @@ function createVueCompatPlugin(state, options) {
 		}
 	};
 }
-function normalizeVirtualStyleId(id) {
-	const withoutPrefix = id.startsWith("\0") ? id.slice(1) : id;
-	if (!withoutPrefix.includes("?vue")) return id;
-	return withoutPrefix.replace(/\.module\.\w+$/, "").replace(/\.\w+$/, "");
-}
 /**
 * String pre-gate for {@link transformScopedPreprocessorCss} (#3427).
 *
@@ -3383,15 +3448,15 @@ function normalizeVirtualStyleId(id) {
 * not a style query. The native `isVueStyleQuery` is
 * `query.contains("vue&type=style") || query.contains("vue=&type=style")`, both
 * of which contain `type=style`; the query is a substring of the id, and
-* `normalizeVirtualStyleId` only ever deletes characters, so a normalized id
-* that classifies as a style query implies `type=style` in the raw id.
+* `normalizeVirtualStyleId` preserves the query, so a normalized style id
+* implies `type=style` in the raw id.
 */
 function mayBeVueStyleQuery(id) {
 	return id.includes("type=style");
 }
 function transformScopedPreprocessorCss(code, id) {
 	if (!mayBeVueStyleQuery(id)) return null;
-	const request = classifyVitePluginRequest(normalizeVirtualStyleId(id));
+	const request = classifyVitePluginRequest(normalizeStyleVirtualId(id));
 	if (!request.isVueStyleQuery || !request.styleScoped || !request.styleLang || request.styleLang === "css") return null;
 	return scopeCssForPipeline(code, request.styleScoped);
 }

package/dist/plugin-M-BPcy7h.mjs

@@ -0,0 +1,2 @@
+import { t as vize } from "./plugin-46Af12dC.mjs";
+export { vize };

package/dist/vite-plus.mjs

@@ -321,7 +321,7 @@ function defineConfig(config = {}, integration = {}) {
 		const { options } = metadata;
 		const plugins = compiler === false ? [...vp.plugins ?? []] : await withoutVueCompiler(vp.plugins ?? []);
 		if (compiler !== false) {
-			const { vize } = await import("./plugin-BZN9h1bb.mjs");
+			const { vize } = await import("./plugin-M-BPcy7h.mjs");
 			plugins.unshift(vize({
 				...compiler,
 				configMode: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/vite-plugin",
-  "version": "0.428.1",
+  "version": "0.429.0",
   "description": "High-performance native Vite plugin for Vue SFC compilation powered by Vize",
   "keywords": [
     "compiler",
@@ -51,12 +51,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.428.1",
-    "@vizejs/unplugin": "0.428.1",
+    "@vizejs/native": "0.429.0",
+    "@vizejs/unplugin": "0.429.0",
     "jsonc-parser": "^3.3.1",
     "oxc-parser": "0.144.0",
     "tinyglobby": "0.2.17",
-    "vize": "0.428.1"
+    "vize": "0.429.0"
   },
   "devDependencies": {
     "@types/node": "25.9.2",

package/dist/plugin-BZN9h1bb.mjs

@@ -1,2 +0,0 @@
-import { t as vize } from "./plugin-CkmrBDhz.mjs";
-export { vize };