@nasti-toolchain/nasti 2.4.0 → 2.4.2

package/dist/index.cjs

@@ -66,7 +66,10 @@ var init_defaults = __esm({
       target: "es2022",
       rolldownOptions: {},
       emptyOutDir: true,
-      css: {},
+      css: {
+        inject: true,
+        emit: true
+      },
       reportCompressedSize: true,
       chunkSizeWarningLimit: 500,
       cssCodeSplit: true,
@@ -418,7 +421,11 @@ async function resolveConfig(inlineConfig = {}, command) {
     allowClearScreen: clearScreen2,
     customLogger: merged.customLogger
   });
-  const mergedBuild = { ...defaults.build, ...merged.build };
+  const mergedBuild = {
+    ...defaults.build,
+    ...merged.build,
+    css: { ...defaults.build.css, ...merged.build?.css }
+  };
   if (merged.build?.cssMinify === void 0) {
     mergedBuild.cssMinify = !!mergedBuild.minify;
   }
@@ -449,11 +456,17 @@ async function resolveConfig(inlineConfig = {}, command) {
       bundledDev: merged.experimental?.bundledDev ?? defaults.experimental.bundledDev
     }
   };
-  const userEnvironments = {
+  const rawUserEnvironments = {
     client: {},
     ssr: {},
     ...merged.environments ?? {}
   };
+  const userEnvironments = Object.fromEntries(
+    Object.entries(rawUserEnvironments).map(([name, options]) => [
+      name,
+      deepMerge({}, options)
+    ])
+  );
   for (const [name, envOptions] of Object.entries(userEnvironments)) {
     for (const plugin of rawPlugins) {
       if (plugin.configEnvironment) {
@@ -464,6 +477,7 @@ async function resolveConfig(inlineConfig = {}, command) {
   }
   for (const [name, envOptions] of Object.entries(userEnvironments)) {
     const consumer = envOptions.consumer ?? (name === "client" ? "client" : "server");
+    const vueOptions = deepMerge({}, envOptions.vue ?? {});
     if (name === "client") {
       if (envOptions.resolve) {
         Object.assign(resolved.resolve, {
@@ -471,7 +485,11 @@ async function resolveConfig(inlineConfig = {}, command) {
           alias: { ...resolved.resolve.alias, ...envOptions.resolve.alias }
         });
       }
-      if (envOptions.build) Object.assign(resolved.build, envOptions.build);
+      if (envOptions.build) {
+        const { css, ...environmentBuild } = envOptions.build;
+        Object.assign(resolved.build, environmentBuild);
+        if (css) resolved.build.css = { ...resolved.build.css, ...css };
+      }
       resolved.environments.client = {
         consumer,
         buildEnabled: envOptions.buildEnabled ?? true,
@@ -483,7 +501,8 @@ async function resolveConfig(inlineConfig = {}, command) {
         driver: envOptions.driver,
         // 同引用 —— 精确镜像（assertClientEnvironmentMirror 校验）
         resolve: resolved.resolve,
-        build: resolved.build
+        build: resolved.build,
+        vue: vueOptions
       };
       continue;
     }
@@ -493,6 +512,7 @@ async function resolveConfig(inlineConfig = {}, command) {
       entry: normalizeEnvironmentEntries(envOptions.entry, root),
       html: envOptions.consumer === "client" && envOptions.html ? import_node_path.default.resolve(root, envOptions.html) : void 0,
       driver: envOptions.driver,
+      vue: vueOptions,
       resolve: {
         alias: { ...resolved.resolve.alias, ...envOptions.resolve?.alias },
         extensions: envOptions.resolve?.extensions ?? [...resolved.resolve.extensions],
@@ -503,6 +523,7 @@ async function resolveConfig(inlineConfig = {}, command) {
       build: {
         ...resolved.build,
         ...envOptions.build,
+        css: { ...resolved.build.css, ...envOptions.build?.css },
         // 非 client 环境默认产出到 <outDir>/<envName>（如 dist/ssr），可显式覆盖
         outDir: envOptions.build?.outDir ?? import_node_path.default.join(resolved.build.outDir, name),
         // server 产物默认不压缩（可调试性优先，与 Vite SSR 默认一致），可显式覆盖
@@ -735,7 +756,7 @@ function resolvePlugin(config) {
         const content = import_node_fs2.default.readFileSync(id, "utf-8");
         return `export default ${content}`;
       }
-      return import_node_fs2.default.readFileSync(id, "utf-8");
+      return null;
     }
   };
 }
@@ -1696,12 +1717,31 @@ var init_node = __esm({
 function createCssEngine() {
   return {
     styles: /* @__PURE__ */ new Map(),
+    modules: /* @__PURE__ */ new Map(),
+    chunks: /* @__PURE__ */ new Map(),
     entryCss: /* @__PURE__ */ new Map(),
     allCss: [],
     pendingSingle: [],
     singleFileName: null
   };
 }
+function getCssMetadata(engine) {
+  return {
+    modules: Object.fromEntries(
+      [...engine.modules].map(([id, module2]) => [id, { ...module2 }])
+    ),
+    chunks: Object.fromEntries(
+      [...engine.chunks].map(([fileName, chunk]) => [
+        fileName,
+        {
+          fileName,
+          moduleIds: [...chunk.moduleIds],
+          cssFileNames: [...chunk.cssFileNames]
+        }
+      ])
+    )
+  };
+}
 function normalizeCssModuleId(id) {
   return id.startsWith("\0") ? id.slice(1) : id;
 }
@@ -1821,15 +1861,29 @@ function cssPlugin(config, engine, consumer = "client") {
       }
       const rewritten = rewriteCssUrls(cssSource, file, config.root);
       const escaped = JSON.stringify(rewritten);
+      const normalizedId = normalizeCssModuleId(id);
+      const cssModule = { id: normalizedId, source: code, code: rewritten };
+      const map = config.build.sourcemap ? createIdentitySourceMap(code, id) : void 0;
+      engine?.modules.set(normalizedId, cssModule);
+      this.environment?.setCssModule?.(cssModule);
       if (query === "inline") {
         return { code: `export default ${escaped};
-`, moduleType: "js" };
+`, map, moduleType: "js" };
       }
       if (consumer === "server") {
         return { code: `export default ${escaped};
-`, moduleType: "js" };
+`, map, moduleType: "js" };
       }
       if (config.command === "serve") {
+        if (config.build.css.inject === false) {
+          return {
+            code: `export default ${escaped};
+`,
+            map,
+            moduleType: "js",
+            moduleSideEffects: "no-treeshake"
+          };
+        }
         return {
           code: `
 const css = ${escaped};
@@ -1853,16 +1907,18 @@ if (import.meta.hot) {
 
 export default css;
 `,
+          map,
           // bundled dev（DevEngine）下该模块会进 Rolldown：不标 js 会按 .css
           // 扩展名走 CSS 管线触发 #4271 报错；unbundled 中间件忽略此字段
           moduleType: "js"
         };
       }
       if (engine) {
-        engine.styles.set(normalizeCssModuleId(id), rewritten);
+        engine.styles.set(normalizedId, rewritten);
         return {
           code: `export default '';
 `,
+          map,
           moduleType: "js",
           // 防止空 stub 被 tree-shake 出 chunk.moduleIds（css-post 靠它定位）
           moduleSideEffects: "no-treeshake"
@@ -1882,11 +1938,27 @@ document.head.appendChild(style);
 
 export default css;
 `,
+        map,
         moduleType: "js"
       };
     }
   };
 }
+function createIdentitySourceMap(code, id) {
+  const map = new import_source_map_js.SourceMapGenerator({ file: id });
+  const lines = code.split("\n");
+  for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+    for (let column = 0; column <= lines[lineIndex].length; column++) {
+      map.addMapping({
+        generated: { line: lineIndex + 1, column },
+        original: { line: lineIndex + 1, column },
+        source: id
+      });
+    }
+  }
+  map.setSourceContent(id, code);
+  return map.toJSON();
+}
 function rewriteCssUrls(css, from, root) {
   return css.replace(/url\(\s*['"]?([^'")\s]+)['"]?\s*\)/g, (match, url) => {
     if (url.startsWith("/") || url.startsWith("data:") || url.startsWith("http")) {
@@ -1897,11 +1969,12 @@ function rewriteCssUrls(css, from, root) {
     return `url(${relative})`;
   });
 }
-var import_node_path4;
+var import_node_path4, import_source_map_js;
 var init_css = __esm({
   "src/plugins/css.ts"() {
     "use strict";
     import_node_path4 = __toESM(require("path"), 1);
+    import_source_map_js = require("source-map-js");
     init_css_engine();
     init_tailwind();
   }
@@ -1911,19 +1984,27 @@ var init_css = __esm({
 function collectChunkCss(chunk, engine) {
   const ids = chunk.moduleIds ?? Object.keys(chunk.modules);
   let css = "";
+  const moduleIds = [];
   for (const id of ids) {
-    const styles = engine.styles.get(normalizeCssModuleId(id));
-    if (styles) css += styles + "\n";
+    const normalizedId = normalizeCssModuleId(id);
+    const styles = engine.styles.get(normalizedId);
+    if (styles) {
+      css += styles + "\n";
+      moduleIds.push(normalizedId);
+    }
   }
-  return css;
+  return { css, moduleIds };
 }
 function cssPostPlugin(config, engine) {
   return {
     name: "nasti:css-post",
     enforce: "post",
     async renderChunk(code, chunk) {
-      const css = collectChunkCss(chunk, engine);
+      const { css, moduleIds } = collectChunkCss(chunk, engine);
       if (!css) return null;
+      const ownership = { moduleIds, cssFileNames: [] };
+      engine.chunks.set(chunk.fileName, ownership);
+      if (config.build.css.emit === false) return null;
       if (!config.build.cssCodeSplit) {
         engine.pendingSingle.push(css);
         return null;
@@ -1936,6 +2017,7 @@ function cssPostPlugin(config, engine) {
       });
       const fileName = this.getFileName(ref);
       engine.allCss.push(fileName);
+      ownership.cssFileNames.push(fileName);
       if (chunk.isEntry) {
         const key = chunk.facadeModuleId ?? chunk.name;
         const existing = engine.entryCss.get(key) ?? [];
@@ -1943,13 +2025,14 @@ function cssPostPlugin(config, engine) {
         engine.entryCss.set(key, existing);
         return null;
       }
+      if (config.build.css.inject === false) return null;
       const href = JSON.stringify(config.base + fileName);
       const snippet = `
 ;(function(){try{var d=document,h=${href};if(!d.querySelector('link[data-nasti-css="'+h+'"]')){var l=d.createElement('link');l.rel='stylesheet';l.href=h;l.setAttribute('data-nasti-css',h);d.head.appendChild(l);}}catch(e){}})();`;
       return { code: code + snippet, map: null };
     },
     augmentChunkHash(chunk) {
-      const css = collectChunkCss(chunk, engine);
+      const { css } = collectChunkCss(chunk, engine);
       return css || void 0;
     },
     async generateBundle() {
@@ -1960,6 +2043,9 @@ function cssPostPlugin(config, engine) {
       const fileName = this.getFileName(ref);
       engine.singleFileName = fileName;
       engine.allCss.push(fileName);
+      for (const ownership of engine.chunks.values()) {
+        if (ownership.moduleIds.length > 0) ownership.cssFileNames.push(fileName);
+      }
     }
   };
 }
@@ -1972,6 +2058,7 @@ var init_css_post = __esm({
 
 // src/plugins/assets.ts
 function assetsPlugin(config) {
+  const emittedAssets = /* @__PURE__ */ new Set();
   return {
     name: "nasti:assets",
     resolveId(source) {
@@ -2000,12 +2087,29 @@ function assetsPlugin(config) {
         const hash = import_node_crypto.default.createHash("sha256").update(content).digest("hex").slice(0, 8);
         const basename = import_node_path5.default.basename(file, ext);
         const hashedName = `${config.build.assetsDir}/${basename}.${hash}${ext}`;
+        const environment = this.environment;
+        if (!environment) {
+          throw new Error("[nasti:assets] build environment is not initialized");
+        }
+        if (!emittedAssets.has(hashedName)) {
+          this.emitFile({
+            type: "asset",
+            fileName: hashedName,
+            source: content
+          });
+          emittedAssets.add(hashedName);
+        }
+        environment.setAssetModule(file, hashedName);
         return `export default ${JSON.stringify(config.base + hashedName)}`;
       }
       return null;
     }
   };
 }
+function isAssetFile(id) {
+  const ext = import_node_path5.default.extname(id.replace(/\?.*$/, ""));
+  return ASSET_EXTENSIONS.has(ext);
+}
 var import_node_path5, import_node_fs3, import_node_crypto, ASSET_EXTENSIONS;
 var init_assets = __esm({
   "src/plugins/assets.ts"() {
@@ -2088,9 +2192,10 @@ async function loadVueCompiler() {
     return null;
   }
 }
-function vuePlugin(config) {
+function vuePlugin(config, environmentName = "client") {
   const isDev = config.command === "serve";
   const descriptorCache = /* @__PURE__ */ new Map();
+  const vueOptions = config.environments[environmentName]?.vue ?? {};
   return {
     name: "nasti:vue",
     enforce: "pre",
@@ -2110,32 +2215,63 @@ function vuePlugin(config) {
       const sfc = await loadVueCompiler();
       if (!sfc) return null;
       const [, filePath, indexStr] = match;
-      let descriptor = descriptorCache.get(filePath);
-      if (!descriptor) {
+      let cached2 = descriptorCache.get(filePath);
+      if (!cached2) {
         try {
           const fs14 = await import("fs");
-          const source = fs14.readFileSync(filePath, "utf-8");
-          const parsed = sfc.parse(source, { filename: filePath });
+          const rawSource = fs14.readFileSync(filePath, "utf-8");
+          const transformedSfc = await applySourceTransform(
+            vueOptions.transformSfc,
+            rawSource,
+            { filename: filePath, environmentName, type: "sfc" }
+          );
+          const parsed = sfc.parse(transformedSfc.code, {
+            ...vueOptions.parse,
+            filename: filePath,
+            sourceMap: true
+          });
           if (parsed.errors.length) return null;
-          descriptor = parsed.descriptor;
-          descriptorCache.set(filePath, descriptor);
+          cached2 = {
+            descriptor: parsed.descriptor,
+            sourceMap: transformedSfc.map
+          };
+          descriptorCache.set(filePath, cached2);
         } catch {
           return null;
         }
       }
+      const { descriptor, sourceMap: sfcSourceMap } = cached2;
       const index2 = parseInt(indexStr ?? "0", 10);
       const style = descriptor.styles[index2];
       if (!style) return null;
       const scopeId = hashId(filePath);
+      const transformedStyle = await applySourceTransform(
+        vueOptions.transformStyle,
+        style.content,
+        { filename: filePath, environmentName, type: "style", index: index2 }
+      );
+      const wantsStyleSourceMap = !!config.build.sourcemap || transformedStyle.map != null || sfcSourceMap != null;
+      const styleInputMap = wantsStyleSourceMap ? composeSourceMapChain(
+        [transformedStyle.map, style.map, sfcSourceMap],
+        { filename: filePath, environmentName, type: "style", index: index2 }
+      ) : void 0;
       const result = await sfc.compileStyleAsync({
-        source: style.content,
+        ...vueOptions.style,
+        source: transformedStyle.code,
         filename: filePath,
         id: `data-v-${scopeId}`,
         scoped: style.scoped ?? false,
+        inMap: styleInputMap,
         // <style lang="scss|less|stylus"> 需经对应预处理器（缺省 undefined = 纯 CSS）
         preprocessLang: style.lang
       });
-      return result.code;
+      if (transformedStyle.map != null && result.map == null) {
+        warnUnchainableMap(
+          { filename: filePath, environmentName, type: "style", index: index2 },
+          "compiler-sfc did not return a style map"
+        );
+      }
+      return wantsStyleSourceMap ? { code: result.code, map: result.map } : result.code;
     },
     async transform(code, id) {
       if (!VUE_FILE_RE.test(id) && !VUE_QUERY_RE.test(id)) return null;
@@ -2147,57 +2283,144 @@ function vuePlugin(config) {
       if (VUE_QUERY_RE.test(id)) {
         return null;
       }
-      const { descriptor, errors } = sfc.parse(code, { filename: id });
+      const transformedSfc = await applySourceTransform(
+        vueOptions.transformSfc,
+        code,
+        { filename: id, environmentName, type: "sfc" }
+      );
+      code = transformedSfc.code;
+      const { descriptor, errors } = sfc.parse(code, {
+        ...vueOptions.parse,
+        filename: id,
+        sourceMap: true
+      });
       if (errors.length) {
-        console.error(`[nasti:vue] Parse error in ${id}:`, errors[0].message);
+        const firstError = errors[0];
+        console.error(
+          `[nasti:vue] Parse error in ${id}:`,
+          typeof firstError === "string" ? firstError : firstError.message
+        );
         return null;
       }
-      descriptorCache.set(id, descriptor);
+      descriptorCache.set(id, {
+        descriptor,
+        sourceMap: transformedSfc.map
+      });
       const scopeId = hashId(id);
+      const wantsSourceMap = !!config.build.sourcemap || transformedSfc.map != null;
       let scriptCode = "";
+      let scriptMap;
       if (descriptor.script || descriptor.scriptSetup) {
+        const inlineTemplate = vueOptions.script?.inlineTemplate !== false;
         const compiled = sfc.compileScript(descriptor, {
+          ...vueOptions.script,
           id: scopeId,
           isProd: !isDev,
-          inlineTemplate: true,
+          inlineTemplate,
+          sourceMap: wantsSourceMap,
           // 让 compileScript 产出 `const __sfc__ = ...`（而非默认的 `export default {...}`）。
           // 否则下方追加的 `__sfc__.render` / `__sfc__.__scopeId` / HMR 记录会引用一个
           // 不存在的 `__sfc__`，并与 compileScript 自带的 `export default` 形成双重默认导出。
           genDefaultAs: "__sfc__"
         });
         scriptCode = compiled.content;
+        scriptMap = composeSourceMapChain(
+          [compiled.map, transformedSfc.map],
+          { filename: id, environmentName, type: "sfc" }
+        );
+        if (transformedSfc.map != null && scriptMap == null) {
+          warnUnchainableMap(
+            { filename: id, environmentName, type: "sfc" },
+            "compiler-sfc did not return a script map"
+          );
+        }
       }
       let templateCode = "";
-      if (descriptor.template && !descriptor.scriptSetup) {
+      let templateMap;
+      const scriptSetupIsInline = !!descriptor.scriptSetup && vueOptions.script?.inlineTemplate !== false;
+      if (descriptor.template && !scriptSetupIsInline) {
+        const transformedTemplate = await applySourceTransform(
+          vueOptions.transformTemplate,
+          descriptor.template.content,
+          { filename: id, environmentName, type: "template" }
+        );
+        const templateInputMap = composeSourceMapChain(
+          [
+            transformedTemplate.map,
+            descriptor.template.map,
+            transformedSfc.map
+          ],
+          { filename: id, environmentName, type: "template" }
+        );
+        const customCompilerOptions = vueOptions.template?.compilerOptions ?? {};
         const compiled = sfc.compileTemplate({
-          source: descriptor.template.content,
+          ...vueOptions.template,
+          source: transformedTemplate.code,
           filename: id,
           id: scopeId,
-          compilerOptions: { scopeId: `data-v-${scopeId}` }
+          inMap: templateInputMap,
+          compilerOptions: {
+            ...customCompilerOptions,
+            scopeId: `data-v-${scopeId}`
+          }
         });
         templateCode = compiled.code;
+        if (wantsSourceMap || transformedTemplate.map != null) {
+          templateMap = compiled.map;
+        }
+        if (transformedTemplate.map != null && templateMap == null) {
+          warnUnchainableMap(
+            { filename: id, environmentName, type: "template" },
+            "compiler-sfc did not return a template map"
+          );
+        }
       }
-      let output = scriptCode || "const __sfc__ = {}";
+      const outputNode = new import_source_map_js2.SourceNode();
+      let hasMappedOutput = false;
+      const append = (fragment, map) => {
+        const normalizedMap = normalizeSourceMap(
+          map,
+          { filename: id, environmentName, type: "sfc" }
+        );
+        if (!normalizedMap) {
+          outputNode.add(fragment);
+          return;
+        }
+        try {
+          outputNode.add(
+            import_source_map_js2.SourceNode.fromStringWithSourceMap(
+              fragment,
+              new import_source_map_js2.SourceMapConsumer(normalizedMap)
+            )
+          );
+          hasMappedOutput = true;
+        } catch (error) {
+          warnUnchainableMap(
+            { filename: id, environmentName, type: "sfc" },
+            `source-map assembly failed: ${error instanceof Error ? error.message : String(error)}`
+          );
+          outputNode.add(fragment);
+        }
+      };
+      append(scriptCode || "const __sfc__ = {}", scriptMap);
       if (templateCode) {
-        output += `
-${templateCode}
-`;
-        output += `
-__sfc__.render = render
-`;
+        append("\n");
+        append(templateCode, templateMap);
+        append("\n");
+        append("\n__sfc__.render = render\n");
       }
       if (descriptor.styles.length > 0) {
         for (let i = 0; i < descriptor.styles.length; i++) {
-          output += `
+          append(`
 import "${id}?vue&type=style&index=${i}&lang.css"
-`;
+`);
         }
       }
-      output += `
+      append(`
 __sfc__.__scopeId = "data-v-${scopeId}"
-`;
+`);
       if (isDev) {
-        output += `
+        append(`
 __sfc__.__hmrId = ${JSON.stringify(scopeId)}
 if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   __VUE_HMR_RUNTIME__.createRecord(__sfc__.__hmrId, __sfc__)
@@ -2211,17 +2434,34 @@ if (import.meta.hot) {
     }
   })
 }
-`;
+`);
+      }
+      append("\nexport default __sfc__\n");
+      const renderedOutput = outputNode.toStringWithSourceMap({ file: id });
+      const output = renderedOutput.code;
+      const outputMap = hasMappedOutput ? renderedOutput.map.toJSON() : void 0;
+      if (transformedSfc.map != null && outputMap == null) {
+        warnUnchainableMap(
+          { filename: id, environmentName, type: "sfc" },
+          "the compiled SFC output contained no chainable mappings"
+        );
       }
-      output += `
-export default __sfc__
-`;
       const lang = descriptor.scriptSetup?.lang ?? descriptor.script?.lang;
       if (lang === "ts") {
-        const transpiled = transformCode(`${id}.ts`, output, { sourcemap: false });
-        return { code: transpiled.code };
+        const transpiled = transformCode(`${id}.ts`, output, {
+          sourcemap: wantsSourceMap,
+          target: config.build.target
+        });
+        const transpiledMap = transpiled.map ? JSON.parse(transpiled.map) : void 0;
+        return {
+          code: transpiled.code,
+          map: composeSourceMapChain(
+            [transpiledMap, outputMap],
+            { filename: id, environmentName, type: "sfc" }
+          )
+        };
       }
-      return { code: output };
+      return { code: output, map: outputMap };
     },
     handleHotUpdate(ctx) {
       const { file, modules } = ctx;
@@ -2235,17 +2475,77 @@ export default __sfc__
     }
   };
 }
+async function applySourceTransform(transform2, source, context) {
+  if (!transform2) return { code: source };
+  const result = await transform2(source, context);
+  return typeof result === "string" ? { code: result } : result;
+}
+function normalizeSourceMap(map, context) {
+  if (map == null) return void 0;
+  try {
+    const value = typeof map === "string" ? JSON.parse(map) : map;
+    if (value && typeof value === "object" && Array.isArray(value.sources) && Array.isArray(value.names) && typeof value.mappings === "string") {
+      return value;
+    }
+  } catch {
+  }
+  warnUnchainableMap(context, "the provided map is not a valid source map");
+  return void 0;
+}
+function composeSourceMapChain(maps, context) {
+  const pending = maps.filter((map) => map != null);
+  if (pending.length === 0) return void 0;
+  let composed = normalizeSourceMap(pending.shift(), context);
+  for (const map of pending) {
+    const input = normalizeSourceMap(map, context);
+    if (!input) continue;
+    if (!composed) {
+      composed = input;
+      continue;
+    }
+    try {
+      const consumer = new import_source_map_js2.SourceMapConsumer(composed);
+      if (consumer.sources.length !== 1) {
+        warnUnchainableMap(
+          context,
+          "a generated map has multiple sources and cannot be chained safely"
+        );
+        continue;
+      }
+      const generator = import_source_map_js2.SourceMapGenerator.fromSourceMap(consumer);
+      generator.applySourceMap(
+        new import_source_map_js2.SourceMapConsumer(input),
+        consumer.sources[0]
+      );
+      composed = generator.toJSON();
+    } catch (error) {
+      warnUnchainableMap(
+        context,
+        `source-map composition failed: ${error instanceof Error ? error.message : String(error)}`
+      );
+    }
+  }
+  return composed;
+}
+function warnUnchainableMap(context, reason) {
+  debug2?.(
+    `source map warning for ${context.filename} (${context.type}, ${context.environmentName}): ${reason}`
+  );
+}
 function hashId(filename) {
   return import_node_crypto2.default.createHash("sha256").update(filename).digest("hex").slice(0, 8);
 }
-var import_node_crypto2, VUE_FILE_RE, VUE_QUERY_RE, compiler;
+var import_node_crypto2, import_source_map_js2, VUE_FILE_RE, VUE_QUERY_RE, debug2, compiler;
 var init_vue = __esm({
   "src/plugins/vue.ts"() {
     "use strict";
     import_node_crypto2 = __toESM(require("crypto"), 1);
+    import_source_map_js2 = require("source-map-js");
     init_transformer();
+    init_debug();
     VUE_FILE_RE = /\.vue$/;
     VUE_QUERY_RE = /\.vue\?vue&type=(script|template|style)(&index=\d+)?(&lang[.=]\w+)?/;
+    debug2 = createDebugger("nasti:vue");
     compiler = null;
   }
 });
@@ -2349,7 +2649,7 @@ function resolvePluginList(config, userPlugins, opts = {}) {
   const consumer = opts.consumer ?? environmentOptions?.consumer;
   return [
     // vuePlugin 排最前（enforce: 'pre' 语义）：.vue 先编译成 JS 再走后续管道
-    ...config.framework === "vue" ? [vuePlugin(pluginConfig)] : [],
+    ...config.framework === "vue" ? [vuePlugin(pluginConfig, opts.environmentName ?? "client")] : [],
     resolvePlugin(pluginConfig),
     cssPlugin(pluginConfig, opts.cssEngine, consumer),
     assetsPlugin(pluginConfig),
@@ -2453,17 +2753,23 @@ var init_plugin_container = __esm({
       }
       async transform(code, id) {
         let currentCode = code;
+        let lastResult;
         for (const plugin of this.plugins) {
           if (!plugin.transform) continue;
           const result = await plugin.transform.call(this.ctx, currentCode, id);
           if (result == null) continue;
           if (typeof result === "string") {
             currentCode = result;
+            lastResult = void 0;
           } else {
             currentCode = result.code;
+            lastResult = result;
           }
         }
-        return currentCode === code ? null : { code: currentCode };
+        return currentCode === code ? null : {
+          ...lastResult,
+          code: currentCode
+        };
       }
       /** 完整的模块处理管道: resolveId → load → transform */
       async processModule(source, importer) {
@@ -2510,9 +2816,13 @@ var init_module_graph = __esm({
     "use strict";
     init_url();
     ModuleGraph = class {
+      environmentName;
       urlToModuleMap = /* @__PURE__ */ new Map();
       idToModuleMap = /* @__PURE__ */ new Map();
       fileToModulesMap = /* @__PURE__ */ new Map();
+      constructor(environmentName = "client") {
+        this.environmentName = environmentName;
+      }
       getModuleByUrl(url) {
         return this.urlToModuleMap.get(removeTimestampQuery(url));
       }
@@ -2542,7 +2852,8 @@ var init_module_graph = __esm({
           transformResult: null,
           lastHMRTimestamp: 0,
           invalidationVersion: 0,
-          isSelfAccepting: false
+          isSelfAccepting: false,
+          environment: this.environmentName
         };
         this.idToModuleMap.set(mod.id, mod);
         return mod;
@@ -2700,12 +3011,12 @@ function createNoopHotChannel() {
     }
   };
 }
-function createWsHotChannel(ws) {
+function createWsHotChannel(ws, environmentName = "client") {
   const listeners = /* @__PURE__ */ new Map();
   let invokeHandlers;
   return {
     send(payload) {
-      ws.send(payload);
+      ws.send({ ...payload, environment: payload.environment ?? environmentName });
     },
     on(event, listener) {
       let set = listeners.get(event);
@@ -2717,8 +3028,8 @@ function createWsHotChannel(ws) {
     },
     listen() {
     },
+    // 多个 environment 共享底层 WebSocket server；它由 DevServer.close() 统一关闭。
     close() {
-      ws.close();
     },
     setInvokeHandler(handlers) {
       invokeHandlers = handlers;
@@ -2747,7 +3058,7 @@ function resolveEnvironmentPlugins(environment, plugins) {
     }
   });
 }
-var debug2, NastiEnvironment;
+var debug3, NastiEnvironment;
 var init_environment = __esm({
   "src/core/environment.ts"() {
     "use strict";
@@ -2756,7 +3067,7 @@ var init_environment = __esm({
     init_hot_channel();
     init_debug();
     init_plugin_api();
-    debug2 = createDebugger("nasti:environment");
+    debug3 = createDebugger("nasti:environment");
     NastiEnvironment = class {
       name;
       consumer;
@@ -2774,6 +3085,9 @@ var init_environment = __esm({
       candidatePlugins;
       pluginApi;
       buildMetadata = {};
+      cssModules = /* @__PURE__ */ new Map();
+      assetModules = /* @__PURE__ */ new Map();
+      transformRequestHandler;
       initialized = false;
       constructor(name, config, init = {}) {
         const options = config.environments[name];
@@ -2788,7 +3102,7 @@ var init_environment = __esm({
         this.config = config;
         this.options = options;
         this.hot = init.hot ?? createNoopHotChannel();
-        this.moduleGraph = new ModuleGraph();
+        this.moduleGraph = new ModuleGraph(name);
         this.candidatePlugins = init.plugins ?? config.plugins;
         this.pluginApi = init.pluginApi ?? getPluginApi(config);
       }
@@ -2818,9 +3132,9 @@ var init_environment = __esm({
             );
           }
           this.driver = claimed[0].driver;
-          debug2?.(`env "${this.name}" uses driver "${this.driver.name}"`);
+          debug3?.(`env "${this.name}" uses driver "${this.driver.name}"`);
         }
-        debug2?.(`env "${this.name}" initialized (${this.plugins.length} plugins)`);
+        debug3?.(`env "${this.name}" initialized (${this.plugins.length} plugins)`);
       }
       getDriverContext() {
         return {
@@ -2830,6 +3144,37 @@ var init_environment = __esm({
           logger: this.config.logger
         };
       }
+      configureDevPipeline(transformRequest2) {
+        this.transformRequestHandler = transformRequest2;
+      }
+      async transformRequest(url) {
+        if (!this.transformRequestHandler) {
+          throw new Error(
+            `[nasti] environment "${this.name}" does not have an initialized dev transform pipeline`
+          );
+        }
+        return this.transformRequestHandler(url);
+      }
+      setCssModule(module2) {
+        this.cssModules.set(module2.id, { ...module2 });
+      }
+      getCssModule(id) {
+        const module2 = this.cssModules.get(id);
+        return module2 ? { ...module2 } : void 0;
+      }
+      getCssModules() {
+        return Object.freeze(
+          Object.fromEntries(
+            [...this.cssModules].map(([id, module2]) => [id, { ...module2 }])
+          )
+        );
+      }
+      setAssetModule(id, fileName) {
+        this.assetModules.set(id, fileName);
+      }
+      getAssetModules() {
+        return Object.freeze(Object.fromEntries(this.assetModules));
+      }
       setBuildMetadata(metadata) {
         const { entries: currentEntries, ...currentMetadata } = this.buildMetadata;
         const { entries, ...nextMetadata } = metadata;
@@ -2940,7 +3285,7 @@ async function tryNativeReporterPlugin(config, logger) {
       logInfo: (msg) => logger.info(msg)
     });
   } catch (err) {
-    debug3?.(`native viteReporterPlugin unavailable, falling back to JS table: ${err}`);
+    debug4?.(`native viteReporterPlugin unavailable, falling back to JS table: ${err}`);
     return null;
   }
 }
@@ -2995,7 +3340,7 @@ function warnLargeChunks(output, config, logger) {
     )
   );
 }
-var import_node_path8, import_node_zlib, import_picocolors3, debug3, numberFormatter;
+var import_node_path8, import_node_zlib, import_picocolors3, debug4, numberFormatter;
 var init_reporter = __esm({
   "src/build/reporter.ts"() {
     "use strict";
@@ -3003,7 +3348,7 @@ var init_reporter = __esm({
     import_node_zlib = require("zlib");
     import_picocolors3 = __toESM(require("picocolors"), 1);
     init_debug();
-    debug3 = createDebugger("nasti:reporter");
+    debug4 = createDebugger("nasti:reporter");
     numberFormatter = new Intl.NumberFormat("en", {
       maximumFractionDigits: 2,
       minimumFractionDigits: 2
@@ -3043,6 +3388,24 @@ function createBuildAppContext(config, results) {
     getManifest(environmentName) {
       return results[environmentName]?.manifest;
     },
+    getChunk(environmentName, fileName) {
+      const normalized = normalizeEnvironmentFileName(fileName);
+      return results[environmentName]?.chunks?.[normalized];
+    },
+    getCss(environmentName) {
+      return results[environmentName]?.css;
+    },
+    getSourceMap(environmentName, fileName) {
+      const normalized = normalizeEnvironmentFileName(fileName);
+      return results[environmentName]?.sourceMaps?.[normalized];
+    },
+    resolvePublicPath(environmentName, fileName) {
+      const result = results[environmentName];
+      if (!result) return void 0;
+      const normalized = normalizeEnvironmentFileName(fileName);
+      const base = result.publicPath ?? config.base;
+      return joinPublicPath(base, normalized);
+    },
     emitFile(file) {
       const fileName = normalizeAppFileName(file.fileName);
       const collisionKey = artifactCollisionKey(fileName);
@@ -3072,6 +3435,9 @@ function createBuildAppContext(config, results) {
     }
   };
 }
+function joinPublicPath(base, fileName) {
+  return `${base.endsWith("/") ? base : `${base}/`}${fileName.replace(/^\//, "")}`;
+}
 function normalizeEnvironmentFileName(fileName) {
   return import_node_path9.default.posix.normalize(fileName.replace(/\\/g, "/").replace(/^\.\//, ""));
 }
@@ -3172,7 +3538,11 @@ function getRolldownOptions(environment, entryPoints, rolldownPlugins) {
   const inputOptions = {
     ...restInputOptions,
     input: entryPoints,
-    transform: { ...userTransform, define: mergedDefine },
+    transform: {
+      ...userTransform,
+      target: userTransform?.target ?? envOptions.build.target,
+      define: mergedDefine
+    },
     plugins: rolldownPlugins,
     // client/server consumer 都必须使用当前环境的 conditions/mainFields；Lynx
     // BG/MT 通常同为 client consumer，但仍可能声明不同的运行时条件。
@@ -3195,7 +3565,7 @@ function getRolldownOptions(environment, entryPoints, rolldownPlugins) {
   };
   const outputOptions = isServer ? {
     format: "esm",
-    sourcemap: !!envOptions.build.sourcemap,
+    sourcemap: envOptions.build.sourcemap,
     minify: !!envOptions.build.minify,
     entryFileNames: "[name].js",
     chunkFileNames: "chunks/[name]-[hash].js",
@@ -3204,7 +3574,7 @@ function getRolldownOptions(environment, entryPoints, rolldownPlugins) {
     dir: outDir
   } : {
     format: "esm",
-    sourcemap: !!envOptions.build.sourcemap,
+    sourcemap: envOptions.build.sourcemap,
     minify: !!envOptions.build.minify,
     entryFileNames: `${assetsDir}/[name].[hash].js`,
     chunkFileNames: `${assetsDir}/[name].[hash].js`,
@@ -3279,13 +3649,68 @@ function finalizeEnvironmentResult(environment, result) {
       return [name, normalized];
     })
   );
+  const inferredMetadata = inferOutputMetadata(environment, result.output);
   return {
+    publicPath: environment.config.base,
+    ...inferredMetadata,
     ...metadata,
     ...result,
     output: result.output,
+    chunks: {
+      ...inferredMetadata.chunks,
+      ...metadata.chunks,
+      ...result.chunks
+    },
+    assets: {
+      ...inferredMetadata.assets,
+      ...metadata.assets,
+      ...result.assets
+    },
+    sourceMaps: {
+      ...inferredMetadata.sourceMaps,
+      ...metadata.sourceMaps,
+      ...result.sourceMaps
+    },
     ...Object.keys(normalizedEntries).length > 0 ? { entries: normalizedEntries } : {}
   };
 }
+function inferOutputMetadata(environment, output) {
+  const chunks = {};
+  const assets = {};
+  const sourceMaps = {};
+  const cssChunks = environment.getBuildMetadata().css?.chunks ?? {};
+  const assetModules = environment.getAssetModules();
+  const publicPath = environment.config.base;
+  for (const artifact of output) {
+    const fileName = normalizeEnvironmentFileName(artifact.fileName);
+    if (artifact.map != null) sourceMaps[fileName] = artifact.map;
+    if (artifact.type === "chunk") {
+      const moduleIds = [...artifact.moduleIds ?? []];
+      chunks[fileName] = {
+        fileName,
+        name: artifact.name ?? fileName,
+        isEntry: !!artifact.isEntry,
+        isDynamicEntry: !!artifact.isDynamicEntry,
+        imports: [...artifact.imports ?? []],
+        dynamicImports: [...artifact.dynamicImports ?? []],
+        moduleIds,
+        css: [...cssChunks[fileName]?.cssFileNames ?? []],
+        assets: [
+          ...new Set(
+            moduleIds.map((id) => assetModules[id]).filter((asset) => !!asset)
+          )
+        ]
+      };
+    } else if (artifact.type === "asset") {
+      assets[fileName] = {
+        fileName,
+        names: [...artifact.names ?? (artifact.name ? [artifact.name] : [])],
+        publicPath: joinPublicPath(publicPath, fileName)
+      };
+    }
+  }
+  return { chunks, assets, sourceMaps };
+}
 function prepareBuildOutputDirectories(config, buildableNames) {
   const directories = /* @__PURE__ */ new Set();
   const protectedPaths = /* @__PURE__ */ new Set();
@@ -3363,6 +3788,7 @@ function createOxcTransformPlugin(config, environment) {
       if (!shouldTransform(id)) return null;
       const result = transformCode(id, code, {
         sourcemap: !!environment.options.build.sourcemap,
+        target: environment.options.build.target,
         jsxRuntime: "automatic",
         jsxImportSource: config.framework === "vue" ? "vue" : "react"
       });
@@ -3376,9 +3802,9 @@ async function build(inlineConfig = {}) {
   const startTime = performance.now();
   logger.info(
     import_picocolors4.default.cyan(`
-nasti v${"2.4.0"} `) + import_picocolors4.default.green(`building for ${config.mode}...`)
+nasti v${"2.4.2"} `) + import_picocolors4.default.green(`building for ${config.mode}...`)
   );
-  debug4?.(`root: ${config.root}`);
+  debug5?.(`root: ${config.root}`);
   const buildableNames = Object.keys(config.environments).filter((name) => {
     const environment = config.environments[name];
     if (!environment.buildEnabled) return false;
@@ -3400,7 +3826,7 @@ nasti v${"2.4.0"} `) + import_picocolors4.default.green(`building for ${config.m
       environmentResults[name] = built.result;
       if (name === "client") clientOutput = built.result.output;
       if (buildableNames.length > 1) {
-        debug4?.(`environment "${name}" built (${built.result.output.length} files)`);
+        debug5?.(`environment "${name}" built (${built.result.output.length} files)`);
       }
     }
     const pluginApi = getPluginApi(config);
@@ -3496,6 +3922,7 @@ async function buildClientEnvironment(config) {
     const bundle2 = await (0, import_rolldown.rolldown)(inputOptions);
     const { output } = await bundle2.write(outputOptions);
     await bundle2.close();
+    clientEnv.setBuildMetadata({ css: getCssMetadata(cssEngine) });
     if (html) {
       let processedHtml = html;
       const htmlPlugins = [...allPlugins.filter((p) => p.transformIndexHtml), htmlPlugin(config)];
@@ -3509,7 +3936,9 @@ async function buildClientEnvironment(config) {
           processedHtml = processHtml(processedHtml, result);
         }
       }
-      processedHtml = injectCssLinks(processedHtml, cssEngine, config);
+      if (clientEnv.options.build.css.inject !== false) {
+        processedHtml = injectCssLinks(processedHtml, cssEngine, config);
+      }
       for (const chunk of output) {
         if (chunk.type === "chunk" && chunk.isEntry && chunk.facadeModuleId) {
           processedHtml = replaceEntryScript(
@@ -3547,9 +3976,11 @@ async function buildClientEnvironment(config) {
 async function buildServerEnvironment(config, name) {
   const envOptions = config.environments[name];
   const logger = config.logger;
+  const cssEngine = envOptions.consumer === "client" ? createCssEngine() : void 0;
   const pluginList = resolvePluginList(config, config.plugins, {
     consumer: envOptions.consumer,
-    environmentName: name
+    environmentName: name,
+    cssEngine
   });
   const environment = new NastiEnvironment(name, config, {
     mode: "build",
@@ -3592,6 +4023,7 @@ async function buildServerEnvironment(config, name) {
   const bundle2 = await (0, import_rolldown.rolldown)(inputOptions);
   const { output } = await bundle2.write(outputOptions);
   await bundle2.close();
+  if (cssEngine) environment.setBuildMetadata({ css: getCssMetadata(cssEngine) });
   logger.info(
     import_picocolors4.default.dim(`  [${name}] `) + output.map((o) => import_node_path10.default.join(envOptions.build.outDir, o.fileName)).join(import_picocolors4.default.dim(", "))
   );
@@ -3643,7 +4075,7 @@ function replaceEntryScript(html, facadeModuleId, fileName, config, htmlFile, ur
   }
   return processed;
 }
-var import_node_path10, import_node_fs7, import_node_module3, import_rolldown, import_picocolors4, debug4, NODE_BUILTINS;
+var import_node_path10, import_node_fs7, import_node_module3, import_rolldown, import_picocolors4, debug5, NODE_BUILTINS;
 var init_build = __esm({
   "src/build/index.ts"() {
     "use strict";
@@ -3663,7 +4095,7 @@ var init_build = __esm({
     init_plugin_api();
     init_build_app_context();
     import_picocolors4 = __toESM(require("picocolors"), 1);
-    debug4 = createDebugger("nasti:build");
+    debug5 = createDebugger("nasti:build");
     NODE_BUILTINS = /* @__PURE__ */ new Set([...import_node_module3.builtinModules, ...import_node_module3.builtinModules.map((m) => `node:${m}`)]);
   }
 });
@@ -3714,13 +4146,6 @@ var init_ws = __esm({
 });
 
 // src/server/middleware.ts
-var middleware_exports = {};
-__export(middleware_exports, {
-  REACT_REFRESH_GLOBAL_PREAMBLE: () => REACT_REFRESH_GLOBAL_PREAMBLE,
-  getReactRefreshRuntimeEsm: () => getReactRefreshRuntimeEsm,
-  transformMiddleware: () => transformMiddleware,
-  transformRequest: () => transformRequest
-});
 function getReactRefreshRuntimeEsm(includeBoundaryHelpers = false) {
   if (__refreshRuntimeCache) {
     return includeBoundaryHelpers ? __refreshRuntimeCache + REACT_REFRESH_BOUNDARY_HELPERS : __refreshRuntimeCache;
@@ -3823,7 +4248,8 @@ const __nasti_hot__ = __nasti_createHotContext__(${urlLit});
 function transformMiddleware(ctx) {
   ctx.envDefine = buildEnvDefine(
     loadEnv(ctx.config.mode, ctx.config.root, ctx.config.envPrefix),
-    ctx.config.mode
+    ctx.config.mode,
+    ssrDefineOverrides(ctx.environment?.consumer ?? "client")
   );
   return async (req, res, next) => {
     const url = req.url ?? "/";
@@ -3868,7 +4294,7 @@ function transformMiddleware(ctx) {
         return;
       }
     }
-    if (isModuleRequest(url)) {
+    if (isModuleRequest(url, req.headers["sec-fetch-dest"])) {
       try {
         const result = await transformRequest(url, ctx);
         if (result) {
@@ -3939,12 +4365,16 @@ async function transformRequest(url, ctx) {
   if (rawQuery && !/^t=\d+$/.test(rawQuery)) {
     const mod2 = await moduleGraph.ensureEntryFromUrl(url);
     const transformVersion2 = mod2.invalidationVersion;
-    const loaded = await pluginContainer.load(url);
-    if (loaded != null) {
-      let code2 = typeof loaded === "string" ? loaded : loaded.code;
+    const loaded2 = await pluginContainer.load(url);
+    if (loaded2 != null) {
+      let code2 = typeof loaded2 === "string" ? loaded2 : loaded2.code;
+      let map2 = typeof loaded2 === "string" ? void 0 : loaded2.map;
       const transformed = await pluginContainer.transform(code2, url);
       if (transformed != null) {
         code2 = typeof transformed === "string" ? transformed : transformed.code;
+        if (typeof transformed !== "string" && transformed.map != null) {
+          map2 = transformed.map;
+        }
       }
       const parentFile = resolveUrlToFile(cleanReqUrl, config.root) ?? cleanReqUrl;
       moduleGraph.registerModule(mod2, parentFile);
@@ -3952,7 +4382,8 @@ async function transformRequest(url, ctx) {
       code2 = injectImportMetaHot(hotInfo2.code, url);
       code2 = replaceEnvInCode(code2, ctx.envDefine ?? buildEnvDefine(
         loadEnv(config.mode, config.root, config.envPrefix),
-        config.mode
+        config.mode,
+        ssrDefineOverrides(ctx.environment?.consumer ?? "client")
       ));
       const importedUrls2 = /* @__PURE__ */ new Set();
       code2 = rewriteImports(code2, config, parentFile, importedUrls2, moduleGraph);
@@ -3963,7 +4394,7 @@ async function transformRequest(url, ctx) {
         hotInfo2.isSelfAccepting,
         transformVersion2
       );
-      const transformResult2 = { code: code2 };
+      const transformResult2 = { code: code2, map: map2 };
       if (pruned2) {
         if (pruned2.size > 0) ctx.onPrune?.([...pruned2].map((item) => item.url));
         mod2.transformResult = transformResult2;
@@ -3982,10 +4413,13 @@ async function transformRequest(url, ctx) {
     mod.transformResult = transformResult2;
     return transformResult2;
   }
-  let code = import_node_fs9.default.readFileSync(filePath, "utf-8");
+  const loaded = await pluginContainer.load(filePath);
+  let code = loaded == null ? import_node_fs9.default.readFileSync(filePath, "utf-8") : typeof loaded === "string" ? loaded : loaded.code;
+  let map = loaded && typeof loaded !== "string" ? loaded.map : void 0;
   const pluginResult = await pluginContainer.transform(code, filePath);
   if (pluginResult) {
     code = typeof pluginResult === "string" ? pluginResult : pluginResult.code;
+    if (typeof pluginResult !== "string") map = pluginResult.map;
   }
   const stableUrl = cleanReqUrl;
   let wrappedWithRefresh = false;
@@ -3996,9 +4430,11 @@ async function transformRequest(url, ctx) {
       sourcemap: true,
       jsxRuntime: "automatic",
       jsxImportSource: config.framework === "vue" ? "vue" : "react",
-      reactRefresh: useRefresh
+      reactRefresh: useRefresh,
+      target: ctx.environment?.options.build.target ?? config.build.target
     });
     code = result.code;
+    if (result.map) map = JSON.parse(result.map);
     if (useRefresh) {
       code = buildReactRefreshWrapper(stableUrl, code);
       wrappedWithRefresh = true;
@@ -4011,7 +4447,8 @@ async function transformRequest(url, ctx) {
   }
   const envDefine = ctx.envDefine ?? buildEnvDefine(
     loadEnv(config.mode, config.root, config.envPrefix),
-    config.mode
+    config.mode,
+    ssrDefineOverrides(ctx.environment?.consumer ?? "client")
   );
   code = replaceEnvInCode(code, envDefine);
   const importedUrls = /* @__PURE__ */ new Set();
@@ -4023,7 +4460,7 @@ async function transformRequest(url, ctx) {
     wrappedWithRefresh || hotInfo.isSelfAccepting,
     transformVersion
   );
-  const transformResult = { code };
+  const transformResult = { code, map };
   if (pruned) {
     if (pruned.size > 0) ctx.onPrune?.([...pruned].map((item) => item.url));
     mod.transformResult = transformResult;
@@ -4046,7 +4483,8 @@ async function loadVirtualModule(spec, ctx) {
   }
   code = replaceEnvInCode(code, ctx.envDefine ?? buildEnvDefine(
     loadEnv(config.mode, config.root, config.envPrefix),
-    config.mode
+    config.mode,
+    ssrDefineOverrides(ctx.environment?.consumer ?? "client")
   ));
   const anchor = import_node_path12.default.join(config.root, "__nasti_virtual__.ts");
   code = rewriteImports(code, config, anchor);
@@ -4591,10 +5029,15 @@ function resolveUrlToFile(url, root) {
   }
   return null;
 }
-function isModuleRequest(url) {
+function isModuleRequest(url, destination) {
   const cleanUrl = url.split("?")[0];
   if (/\.(ts|tsx|jsx|js|mjs|vue|css|json)$/.test(cleanUrl)) return true;
   if (cleanUrl.startsWith("/@modules/")) return true;
+  if (isAssetFile(cleanUrl)) {
+    const query = url.includes("?") ? url.slice(url.indexOf("?") + 1) : "";
+    const isExplicitAssetModule = /(?:^|&)(?:url|raw)(?:&|$)/.test(query);
+    return isExplicitAssetModule || destination === "script";
+  }
   if (!import_node_path12.default.extname(cleanUrl)) return true;
   return false;
 }
@@ -4607,11 +5050,15 @@ const hotModulesMap = new Map();
 const disposeMap = new Map();
 const pruneMap = new Map();
 const dataMap = new Map();
+const customListenersMap = new Map();
 let updateQueue = [];
 let pendingUpdateQueue = false;
 
 socket.addEventListener('message', async ({ data }) => {
   const payload = JSON.parse(data);
+  // \u9ED8\u8BA4\u6D4F\u89C8\u5668 client \u53EA\u6D88\u8D39\u81EA\u5DF1\u7684 HMR \u6D88\u606F\uFF1Bnative/worker \u73AF\u5883\u901A\u8FC7\u5404\u81EA\u7684
+  // HotChannel \u6216 app-level HMR \u534F\u8C03\u5668\u5904\u7406\u540C\u4E00 transport \u4E0A\u7684\u547D\u540D\u6D88\u606F\u3002
+  if (payload.environment && payload.environment !== 'client') return;
   switch (payload.type) {
     case 'connected':
       console.debug('[nasti] connected.');
@@ -4644,8 +5091,24 @@ socket.addEventListener('message', async ({ data }) => {
         disposeMap.delete(path);
         pruneMap.delete(path);
         dataMap.delete(path);
+        clearCustomListeners(path);
       }));
       break;
+    case 'custom': {
+      const listenersByOwner = customListenersMap.get(payload.event);
+      if (!listenersByOwner) break;
+      const results = await Promise.allSettled(
+        [...listenersByOwner.values()]
+          .flatMap((listeners) => [...listeners])
+          .map((listener) => Promise.resolve().then(() => listener(payload.data)))
+      );
+      for (const result of results) {
+        if (result.status === 'rejected') {
+          console.error('[nasti] custom HMR event listener failed:', result.reason);
+        }
+      }
+      break;
+    }
     case 'error':
       console.error('[nasti] error:', payload.err.message);
       showErrorOverlay(payload.err);
@@ -4744,6 +5207,7 @@ export function createHotContext(ownerPath) {
   // \u6A21\u5757\u91CD\u65B0\u6267\u884C\u65F6\u4E22\u5F03\u65E7 accept \u56DE\u8C03\uFF0C\u4F46\u4FDD\u7559\u540C\u4E00\u4E2A hot.data \u5BF9\u8C61\u3002
   const existing = hotModulesMap.get(ownerPath);
   if (existing) existing.callbacks = [];
+  clearCustomListeners(ownerPath);
 
   const acceptDeps = (deps, callback = () => {}) => {
     const mod = hotModulesMap.get(ownerPath) || { id: ownerPath, callbacks: [] };
@@ -4769,12 +5233,39 @@ export function createHotContext(ownerPath) {
     dispose(callback) {
       disposeMap.set(ownerPath, callback);
     },
+    on(event, callback) {
+      let listenersByOwner = customListenersMap.get(event);
+      if (!listenersByOwner) {
+        listenersByOwner = new Map();
+        customListenersMap.set(event, listenersByOwner);
+      }
+      let listeners = listenersByOwner.get(ownerPath);
+      if (!listeners) {
+        listeners = new Set();
+        listenersByOwner.set(ownerPath, listeners);
+      }
+      listeners.add(callback);
+    },
+    off(event, callback) {
+      const listenersByOwner = customListenersMap.get(event);
+      const listeners = listenersByOwner?.get(ownerPath);
+      listeners?.delete(callback);
+      if (listeners?.size === 0) listenersByOwner.delete(ownerPath);
+      if (listenersByOwner?.size === 0) customListenersMap.delete(event);
+    },
     invalidate() {
       location.reload();
     },
     data: dataMap.get(ownerPath),
   };
 }
+
+function clearCustomListeners(ownerPath) {
+  for (const [event, listenersByOwner] of customListenersMap) {
+    listenersByOwner.delete(ownerPath);
+    if (listenersByOwner.size === 0) customListenersMap.delete(event);
+  }
+}
 `;
 }
 var import_node_path12, import_node_fs9, import_node_module5, import_node_url3, import_picocolors6, import_meta, __dirname_esm, __require, __refreshRuntimeCache, REACT_REFRESH_BOUNDARY_HELPERS, REACT_REFRESH_GLOBAL_PREAMBLE, esmBundleCache, VALID_IDENT, RESOLVE_EXTENSIONS, ESM_CONDITIONS;
@@ -4790,6 +5281,7 @@ var init_middleware = __esm({
     init_html();
     init_env();
     init_url();
+    init_assets();
     import_meta = {};
     __dirname_esm = import_node_path12.default.dirname((0, import_node_url3.fileURLToPath)(import_meta.url));
     __require = (0, import_node_module5.createRequire)(import_meta.url);
@@ -4872,19 +5364,25 @@ window.__vite_plugin_react_preamble_installed__ = true;
 });
 
 // src/server/hmr.ts
-async function handleFileChange(file, server) {
-  const { moduleGraph, ws, config } = server;
+async function handleFileChange(file, server, environmentName = "client", timestamp = Date.now()) {
+  const { config } = server;
+  const environment = server.environments[environmentName];
+  if (!environment) {
+    throw new Error(`[nasti] unknown dev environment "${environmentName}"`);
+  }
+  const moduleGraph = environment.moduleGraph;
   const logger = config.logger;
   const relativePath = "/" + import_node_path13.default.relative(config.root, file);
   const shortFile = import_node_path13.default.relative(config.root, file);
   const mods = moduleGraph.getModulesByFile(file);
   if (!mods || mods.size === 0) {
-    return;
+    return null;
   }
   const updates = [];
-  const timestamp = Date.now();
   const graph = moduleGraph;
   const invalidatedModules = /* @__PURE__ */ new Set();
+  const affectedSet = /* @__PURE__ */ new Set();
+  let fullReload = false;
   for (const mod of mods) {
     graph.invalidateModuleAndImporters(mod, timestamp, invalidatedModules);
     const ctx = {
@@ -4892,10 +5390,11 @@ async function handleFileChange(file, server) {
       timestamp,
       modules: [mod],
       read: () => import_node_fs10.default.readFileSync(file, "utf-8"),
-      server
+      server,
+      environment
     };
     let affectedModules = [mod];
-    for (const plugin of config.plugins) {
+    for (const plugin of environment.plugins) {
       if (plugin.handleHotUpdate) {
         const result = await plugin.handleHotUpdate(ctx);
         if (result) {
@@ -4904,12 +5403,12 @@ async function handleFileChange(file, server) {
       }
     }
     for (const affected of affectedModules) {
+      affectedSet.add(affected);
       graph.invalidateModuleAndImporters(affected, timestamp, invalidatedModules);
       const boundaries = graph.getHmrBoundaries(affected);
       if (boundaries.length === 0) {
-        logger.info(import_picocolors7.default.green("page reload ") + import_picocolors7.default.dim(shortFile), { timestamp: true });
-        ws.send({ type: "full-reload", path: relativePath });
-        return;
+        fullReload = true;
+        continue;
       }
       for (const { boundary, acceptedVia } of boundaries) {
         const update = {
@@ -4926,13 +5425,30 @@ async function handleFileChange(file, server) {
       }
     }
   }
-  if (updates.length > 0) {
+  const transformed = await Promise.all(
+    [...affectedSet].map(async (module2) => ({
+      module: module2,
+      result: await environment.transformRequest(module2.url)
+    }))
+  );
+  const logPrefix = environmentName === "client" ? "" : `[${environmentName}] `;
+  if (fullReload) {
+    logger.info(import_picocolors7.default.green(`${logPrefix}reload `) + import_picocolors7.default.dim(shortFile), { timestamp: true });
+    environment.hot.send({ type: "full-reload", path: relativePath });
+  } else if (updates.length > 0) {
     logger.info(
-      updates.map((u) => import_picocolors7.default.green("hmr update ") + import_picocolors7.default.dim(u.path)).join("\n"),
+      updates.map((u) => import_picocolors7.default.green(`${logPrefix}hmr update `) + import_picocolors7.default.dim(u.path)).join("\n"),
       { timestamp: true }
     );
-    ws.send({ type: "update", updates });
+    environment.hot.send({ type: "update", updates });
   }
+  return {
+    environment,
+    modules: [...affectedSet],
+    updates,
+    transformed,
+    fullReload
+  };
 }
 var import_node_path13, import_node_fs10, import_picocolors7;
 var init_hmr = __esm({
@@ -4958,7 +5474,7 @@ function createModuleRunner(environment) {
   }
   return new NastiModuleRunner(environment);
 }
-var import_node_path14, import_node_fs11, import_node_module6, import_node_url4, debug5, NODE_BUILTINS3, NastiModuleRunner, AsyncFunction;
+var import_node_path14, import_node_fs11, import_node_module6, import_node_url4, debug6, NODE_BUILTINS3, NastiModuleRunner, AsyncFunction;
 var init_runnable_environment = __esm({
   "src/server/runnable-environment.ts"() {
     "use strict";
@@ -4969,7 +5485,7 @@ var init_runnable_environment = __esm({
     init_transformer();
     init_env();
     init_debug();
-    debug5 = createDebugger("nasti:ssr");
+    debug6 = createDebugger("nasti:ssr");
     NODE_BUILTINS3 = /* @__PURE__ */ new Set([...import_node_module6.builtinModules, ...import_node_module6.builtinModules.map((m) => `node:${m}`)]);
     NastiModuleRunner = class {
       environment;
@@ -5047,6 +5563,7 @@ var init_runnable_environment = __esm({
         if (shouldTransform(cleanId)) {
           const result = transformCode(cleanId, code, {
             sourcemap: false,
+            target: this.environment.options.build.target,
             jsxRuntime: "automatic",
             jsxImportSource: this.config.framework === "vue" ? "vue" : "react"
           });
@@ -5063,7 +5580,7 @@ var init_runnable_environment = __esm({
           );
         }
         const runnerResult = await moduleRunnerTransform(resolvedId, code);
-        debug5?.(`fetchModule ${resolvedId} (${runnerResult.deps?.length ?? 0} deps)`);
+        debug6?.(`fetchModule ${resolvedId} (${runnerResult.deps?.length ?? 0} deps)`);
         return { id: resolvedId, code: runnerResult.code };
       }
       completeExtension(id) {
@@ -5183,7 +5700,7 @@ async function createBundledDevServer(opts) {
     }
   } catch (err) {
     throw new Error(
-      `[nasti] experimental.bundledDev requires rolldown's experimental dev() API (locked to the installed rc; got: ${err.message}). Remove --bundle / experimental.bundledDev to use the default unbundled dev server.`
+      `[nasti] experimental.bundledDev requires rolldown's experimental dev() API (locked version is incompatible; got: ${err.message}). Remove --bundle / experimental.bundledDev to use the default unbundled dev server.`
     );
   }
   const html = await readHtmlFile(config.root, config.environments.client?.html);
@@ -5236,7 +5753,7 @@ async function createBundledDevServer(opts) {
     for (const { clientId, update } of updates) {
       if (update.type === "Noop") continue;
       if (update.type === "FullReload") {
-        debug6?.(`full reload for ${clientId}: ${update.reason ?? ""}`);
+        debug7?.(`full reload for ${clientId}: ${update.reason ?? ""}`);
         needsLatestOutput = true;
         continue;
       }
@@ -5286,7 +5803,7 @@ async function createBundledDevServer(opts) {
     },
     {
       watch: { skipWrite: true },
-      rebuildStrategy: "auto",
+      rebuildStrategy: "never",
       onOutput(result) {
         if (result instanceof Error) {
           logger.error(import_picocolors8.default.red(`[bundled] build error: ${result.message}`), { error: result });
@@ -5302,7 +5819,13 @@ async function createBundledDevServer(opts) {
             memoryFiles.set(`${file.fileName}.map`, JSON.stringify(file.map));
           }
         }
-        debug6?.(`bundle output refreshed (${result.output.length} files)`);
+        debug7?.(`bundle output refreshed (${result.output.length} files)`);
+      },
+      onAdditionalAssets(result) {
+        for (const file of result.output) {
+          const content = file.type === "chunk" ? file.code : file.source;
+          if (content != null) memoryFiles.set(file.fileName, content);
+        }
       },
       async onHmrUpdates(result) {
         if (result instanceof Error) {
@@ -5311,7 +5834,7 @@ async function createBundledDevServer(opts) {
           return;
         }
         const { updates, changedFiles } = result;
-        debug6?.(
+        debug7?.(
           `onHmrUpdates(engine watcher): ${changedFiles.length} changed, ${updates.length} updates`
         );
         if (changedFiles.length === 0) return;
@@ -5330,24 +5853,29 @@ async function createBundledDevServer(opts) {
     if (!clientId) return;
     wss.handleUpgrade(req, socket, head, (ws) => {
       bundledClients.set(clientId, ws);
-      debug6?.(`bundled client connected: ${clientId}`);
-      ws.send(JSON.stringify({ type: "connected" }));
+      debug7?.(`bundled client connected: ${clientId}`);
+      void engine.registerClient(clientId).then(async () => {
+        for (const fileName of entryFileNames.values()) {
+          await engine.notifyPayloadDelivered(fileName);
+        }
+        ws.send(JSON.stringify({ type: "connected" }));
+      }).catch((err) => {
+        debug7?.(`registerClient failed for ${clientId}: ${err?.message ?? err}`);
+        ws.close();
+      });
       ws.on("message", async (raw) => {
         try {
           const msg = JSON.parse(String(raw));
-          if (msg.type === "hmr:module-registered" && Array.isArray(msg.modules)) {
-            await engine.registerModules(clientId, msg.modules);
-            debug6?.(`registered ${msg.modules.length} modules for ${clientId}`);
-          } else if (msg.type === "hmr:invalidate") {
+          if (msg.type === "hmr:invalidate") {
             scheduleFullReload();
           }
         } catch (err) {
-          debug6?.(`bundled ws message error: ${err.message}`);
+          debug7?.(`bundled ws message error: ${err.message}`);
         }
       });
       ws.on("close", () => {
         bundledClients.delete(clientId);
-        engine.removeClient(clientId).catch((err) => debug6?.(`removeClient failed for ${clientId}: ${err?.message ?? err}`));
+        engine.removeClient(clientId).catch((err) => debug7?.(`removeClient failed for ${clientId}: ${err?.message ?? err}`));
       });
     });
   });
@@ -5364,10 +5892,18 @@ async function createBundledDevServer(opts) {
           res.end("// [nasti] lazy endpoint requires id & clientId");
           return;
         }
-        const code = await engine.compileEntry(id, clientId);
+        const output = await engine.compileEntry(id, clientId);
+        if (output.sourcemap && output.sourcemapFilename) {
+          memoryFiles.set(output.sourcemapFilename, output.sourcemap);
+        }
+        res.once("finish", () => {
+          void engine.notifyPayloadDelivered(output.filename).catch(
+            (err) => debug7?.(`notifyPayloadDelivered failed: ${err?.message ?? err}`)
+          );
+        });
         res.setHeader("Content-Type", "application/javascript");
         res.setHeader("Cache-Control", "no-store");
-        res.end(code + "\n;export {}");
+        res.end(output.code + "\n;export {}");
         return;
       }
       const patchHit = patches.get(pathname.replace(/^\//, ""));
@@ -5388,6 +5924,11 @@ async function createBundledDevServer(opts) {
         res.setHeader("ETag", hit.etag);
         res.setHeader("Content-Type", MIME_TYPES[import_node_path15.default.extname(fileName)] ?? "application/octet-stream");
         res.setHeader("Cache-Control", "no-cache");
+        res.once("finish", () => {
+          void engine.notifyPayloadDelivered(fileName).catch(
+            (err) => debug7?.(`notifyPayloadDelivered failed: ${err?.message ?? err}`)
+          );
+        });
         res.end(hit.content);
         return;
       }
@@ -5487,7 +6028,7 @@ async function renderBundledIndexHtml(html, config, entryFileNames) {
   }
   return processed;
 }
-var import_node_path15, import_node_crypto3, import_ws2, import_picocolors8, debug6, MIME_TYPES, MemoryFiles, PREAMBLE_SPEC, RESOLVED_PREAMBLE_ID, REFRESH_RUNTIME_URL, BUNDLED_PREAMBLE_CODE, WRAPPER_RUNTIME_HELPERS;
+var import_node_path15, import_node_crypto3, import_ws2, import_picocolors8, debug7, MIME_TYPES, MemoryFiles, PREAMBLE_SPEC, RESOLVED_PREAMBLE_ID, REFRESH_RUNTIME_URL, BUNDLED_PREAMBLE_CODE, WRAPPER_RUNTIME_HELPERS;
 var init_dev_engine = __esm({
   "src/server/bundled/dev-engine.ts"() {
     "use strict";
@@ -5500,7 +6041,7 @@ var init_dev_engine = __esm({
     init_transformer();
     init_middleware();
     init_debug();
-    debug6 = createDebugger("nasti:bundled");
+    debug7 = createDebugger("nasti:bundled");
     MIME_TYPES = {
       ".js": "application/javascript",
       ".mjs": "application/javascript",
@@ -5627,7 +6168,7 @@ async function createServer(inlineConfig = {}) {
   const ws = createWebSocketServer(httpServer);
   const pluginApi = getPluginApi(config);
   const clientEnv = new NastiEnvironment("client", config, {
-    hot: createWsHotChannel(ws),
+    hot: createWsHotChannel(ws, "client"),
     mode: "dev",
     plugins: allPlugins,
     pluginApi
@@ -5642,13 +6183,40 @@ async function createServer(inlineConfig = {}) {
       environmentName: name
     });
     environments[name] = new NastiEnvironment(name, config, {
+      hot: consumer === "client" ? createWsHotChannel(ws, name) : void 0,
       mode: "dev",
       plugins: envPlugins,
       pluginApi
     });
   }
   for (const [name, environment] of Object.entries(environments)) {
-    if (name !== "client" && environment.options.driver) await environment.init();
+    if (name === "client" || environment.consumer === "client" || environment.options.driver) {
+      await environment.init();
+    }
+  }
+  const transformContexts = /* @__PURE__ */ new Map();
+  for (const environment of Object.values(environments)) {
+    if (environment.consumer !== "client" || environment.driver) continue;
+    const environmentConfig = {
+      ...configWithPlugins,
+      resolve: environment.options.resolve,
+      build: environment.options.build,
+      plugins: environment.plugins
+    };
+    const context = {
+      config: environmentConfig,
+      pluginContainer: environment.pluginContainer,
+      moduleGraph: environment.moduleGraph,
+      environment,
+      envDefine: buildEnvDefine(
+        loadEnv(environmentConfig.mode, environmentConfig.root, environmentConfig.envPrefix),
+        environmentConfig.mode,
+        ssrDefineOverrides(environment.consumer)
+      ),
+      onPrune: (paths) => environment.hot.send({ type: "prune", paths })
+    };
+    transformContexts.set(environment.name, context);
+    environment.configureDevPipeline((url) => transformRequest(url, context));
   }
   let ssrRunner = null;
   async function getSsrRunner() {
@@ -5663,7 +6231,6 @@ async function createServer(inlineConfig = {}) {
     return ssrRunner;
   }
   const moduleGraph = clientEnv.moduleGraph;
-  const pluginContainer = clientEnv.pluginContainer;
   let bundledServer = null;
   if (config.experimental.bundledDev) {
     const { createBundledDevServer: createBundledDevServer2 } = await Promise.resolve().then(() => (init_dev_engine(), dev_engine_exports));
@@ -5692,6 +6259,15 @@ async function createServer(inlineConfig = {}) {
   let server;
   const environmentServices = {};
   let environmentDriversStarted = false;
+  let devPipelinesStarted = false;
+  const startDevPipelines = async () => {
+    if (devPipelinesStarted) return;
+    devPipelinesStarted = true;
+    for (const environment of Object.values(environments)) {
+      if (!transformContexts.has(environment.name)) continue;
+      await environment.pluginContainer.buildStart();
+    }
+  };
   const logCloseError = (target, error) => {
     const normalized = error instanceof Error ? error : new Error(String(error));
     logger.error(`[nasti] failed to close ${target}`, { error: normalized });
@@ -5743,14 +6319,61 @@ async function createServer(inlineConfig = {}) {
       });
     }
   };
+  const updateClientEnvironments = async (file) => {
+    const timestamp = Date.now();
+    const results = {};
+    for (const environment of Object.values(environments)) {
+      if (environment.consumer !== "client" || environment.driver) continue;
+      try {
+        const result = await handleFileChange(file, server, environment.name, timestamp);
+        if (result) results[environment.name] = result;
+      } catch (error) {
+        const normalized = error instanceof Error ? error : new Error(String(error));
+        logger.error(
+          `[nasti] HMR failed for environment "${environment.name}": ${normalized.message}`,
+          { error: normalized }
+        );
+        try {
+          environment.hot.send({
+            type: "error",
+            err: { message: normalized.message, stack: normalized.stack }
+          });
+        } catch (channelError) {
+          const channelFailure = channelError instanceof Error ? channelError : new Error(String(channelError));
+          logger.error(
+            `[nasti] failed to deliver HMR error to environment "${environment.name}"`,
+            { error: channelFailure }
+          );
+        }
+      }
+    }
+    if (Object.keys(results).length === 0) return;
+    const context = {
+      file,
+      timestamp,
+      environments: Object.freeze({ ...results }),
+      server
+    };
+    for (const plugin of config.plugins) {
+      await plugin.handleHotUpdateApp?.(context);
+    }
+  };
+  const queueClientEnvironmentUpdate = (file) => {
+    void updateClientEnvironments(file).catch((error) => {
+      const normalized = error instanceof Error ? error : new Error(String(error));
+      logger.error(`[nasti] multi-environment HMR failed: ${normalized.message}`, {
+        error: normalized
+      });
+    });
+  };
   watcher.on("change", (file) => {
     ssrRunner?.invalidateFile(file);
-    handleFileChange(file, server);
+    queueClientEnvironmentUpdate(file);
     notifyEnvironmentDrivers(file, "change");
   });
   watcher.on("add", (file) => {
     ssrRunner?.invalidateFile(file);
-    handleFileChange(file, server);
+    queueClientEnvironmentUpdate(file);
     notifyEnvironmentDrivers(file, "add");
   });
   watcher.on("unlink", (file) => {
@@ -5768,7 +6391,7 @@ async function createServer(inlineConfig = {}) {
     async listen(port) {
       const finalPort = port ?? config.server.port;
       const host = config.server.host === true ? "0.0.0.0" : config.server.host;
-      await pluginContainer.buildStart();
+      await startDevPipelines();
       await startEnvironmentDrivers();
       return new Promise((resolve, reject) => {
         let currentPort = finalPort;
@@ -5783,7 +6406,7 @@ async function createServer(inlineConfig = {}) {
           const readyIn = Math.ceil(performance.now() - startTime);
           logger.info(
             `
-  ${import_picocolors9.default.cyan(import_picocolors9.default.bold("NASTI"))} ${import_picocolors9.default.cyan(`v${"2.4.0"}`)}  ${import_picocolors9.default.dim("ready in")} ${import_picocolors9.default.bold(readyIn)} ${import_picocolors9.default.dim("ms")}
+  ${import_picocolors9.default.cyan(import_picocolors9.default.bold("NASTI"))} ${import_picocolors9.default.cyan(`v${"2.4.2"}`)}  ${import_picocolors9.default.dim("ready in")} ${import_picocolors9.default.bold(readyIn)} ${import_picocolors9.default.dim("ms")}
 `
           );
           printServerUrls(
@@ -5810,20 +6433,26 @@ async function createServer(inlineConfig = {}) {
       });
     },
     async transformRequest(url) {
-      const { transformRequest: transformRequest2 } = await Promise.resolve().then(() => (init_middleware(), middleware_exports));
-      return transformRequest2(url, {
-        config: configWithPlugins,
-        pluginContainer,
-        moduleGraph,
-        onPrune: (paths) => ws.send({ type: "prune", paths })
-      });
+      return clientEnv.transformRequest(url);
+    },
+    async transformEnvironmentRequest(environmentName, url) {
+      const environment = environments[environmentName];
+      if (!environment) {
+        throw new Error(`[nasti] unknown dev environment "${environmentName}"`);
+      }
+      return environment.transformRequest(url);
     },
     async ssrLoadModule(url) {
       const runner = await getSsrRunner();
       return runner.import(url);
     },
     async close() {
-      await pluginContainer.buildEnd();
+      if (devPipelinesStarted) {
+        for (const environment of Object.values(environments).reverse()) {
+          if (!transformContexts.has(environment.name)) continue;
+          await environment.pluginContainer.buildEnd();
+        }
+      }
       await bundledServer?.close();
       let environmentCloseFailed = false;
       let firstEnvironmentCloseError;
@@ -5873,12 +6502,7 @@ async function createServer(inlineConfig = {}) {
     }
     throw error;
   }
-  app.use(transformMiddleware({
-    config: configWithPlugins,
-    pluginContainer,
-    moduleGraph,
-    onPrune: (paths) => ws.send({ type: "prune", paths })
-  }));
+  app.use(transformMiddleware(transformContexts.get("client")));
   const publicDir = import_node_path16.default.resolve(config.root, "public");
   app.use((0, import_sirv.default)(publicDir, { dev: true, etag: true }));
   app.use((0, import_sirv.default)(config.root, { dev: true, etag: true }));
@@ -5925,6 +6549,7 @@ var init_server = __esm({
     init_hmr();
     init_builtins();
     init_plugin_api();
+    init_env();
   }
 });
 
@@ -6006,7 +6631,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(import_picocolors5.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors5.default.dim(` v${"2.4.0"}`));
+  console.log(import_picocolors5.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors5.default.dim(` v${"2.4.2"}`));
   console.log(import_picocolors5.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors5.default.dim(`  mode: ${config.mode}`));
   console.log(import_picocolors5.default.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -6179,7 +6804,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(import_picocolors10.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors10.default.dim(` v${"2.4.0"}`));
+  console.log(import_picocolors10.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors10.default.dim(` v${"2.4.2"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({
     ...rest,