@nasti-toolchain/nasti 2.4.0 → 2.4.2

package/dist/cli.js

@@ -189,7 +189,10 @@ var init_defaults = __esm({
       target: "es2022",
       rolldownOptions: {},
       emptyOutDir: true,
-      css: {},
+      css: {
+        inject: true,
+        emit: true
+      },
       reportCompressedSize: true,
       chunkSizeWarningLimit: 500,
       cssCodeSplit: true,
@@ -428,7 +431,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;
   }
@@ -459,11 +466,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) {
@@ -474,6 +487,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, {
@@ -481,7 +495,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,
@@ -493,7 +511,8 @@ async function resolveConfig(inlineConfig = {}, command) {
         driver: envOptions.driver,
         // 同引用 —— 精确镜像（assertClientEnvironmentMirror 校验）
         resolve: resolved.resolve,
-        build: resolved.build
+        build: resolved.build,
+        vue: vueOptions
       };
       continue;
     }
@@ -503,6 +522,7 @@ async function resolveConfig(inlineConfig = {}, command) {
       entry: normalizeEnvironmentEntries(envOptions.entry, root),
       html: envOptions.consumer === "client" && envOptions.html ? path.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],
@@ -513,6 +533,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 ?? path.join(resolved.build.outDir, name),
         // server 产物默认不压缩（可调试性优先，与 Vite SSR 默认一致），可显式覆盖
@@ -756,17 +777,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) {
@@ -813,9 +840,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));
       }
@@ -845,7 +876,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;
@@ -1003,12 +1035,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);
@@ -1020,8 +1052,8 @@ function createWsHotChannel(ws) {
     },
     listen() {
     },
+    // 多个 environment 共享底层 WebSocket server；它由 DevServer.close() 统一关闭。
     close() {
-      ws.close();
     },
     setInvokeHandler(handlers) {
       invokeHandlers = handlers;
@@ -1120,6 +1152,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];
@@ -1134,7 +1169,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);
       }
@@ -1176,6 +1211,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(module) {
+        this.cssModules.set(module.id, { ...module });
+      }
+      getCssModule(id) {
+        const module = this.cssModules.get(id);
+        return module ? { ...module } : void 0;
+      }
+      getCssModules() {
+        return Object.freeze(
+          Object.fromEntries(
+            [...this.cssModules].map(([id, module]) => [id, { ...module }])
+          )
+        );
+      }
+      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;
@@ -1432,16 +1498,97 @@ var init_env = __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
-});
+// src/plugins/assets.ts
 import path4 from "path";
 import fs4 from "fs";
+import crypto from "crypto";
+function assetsPlugin(config) {
+  const emittedAssets = /* @__PURE__ */ new Set();
+  return {
+    name: "nasti:assets",
+    resolveId(source) {
+      if (source.endsWith("?url") || source.endsWith("?raw")) {
+        return source;
+      }
+      return null;
+    },
+    load(id) {
+      const ext = path4.extname(id.replace(/\?.*$/, ""));
+      if (id.endsWith("?raw")) {
+        const file = id.slice(0, -4);
+        if (fs4.existsSync(file)) {
+          const content = fs4.readFileSync(file, "utf-8");
+          return `export default ${JSON.stringify(content)}`;
+        }
+      }
+      if (id.endsWith("?url") || ASSET_EXTENSIONS.has(ext)) {
+        const file = id.replace(/\?.*$/, "");
+        if (!fs4.existsSync(file)) return null;
+        if (config.command === "serve") {
+          const url = "/" + path4.relative(config.root, file);
+          return `export default ${JSON.stringify(url)}`;
+        }
+        const content = fs4.readFileSync(file);
+        const hash = crypto.createHash("sha256").update(content).digest("hex").slice(0, 8);
+        const basename = path4.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 = path4.extname(id.replace(/\?.*$/, ""));
+  return ASSET_EXTENSIONS.has(ext);
+}
+var ASSET_EXTENSIONS;
+var init_assets = __esm({
+  "src/plugins/assets.ts"() {
+    "use strict";
+    ASSET_EXTENSIONS = /* @__PURE__ */ new Set([
+      ".png",
+      ".jpg",
+      ".jpeg",
+      ".gif",
+      ".svg",
+      ".ico",
+      ".webp",
+      ".avif",
+      ".mp4",
+      ".webm",
+      ".ogg",
+      ".mp3",
+      ".wav",
+      ".flac",
+      ".aac",
+      ".woff",
+      ".woff2",
+      ".eot",
+      ".ttf",
+      ".otf",
+      ".pdf",
+      ".txt"
+    ]);
+  }
+});
+
+// src/server/middleware.ts
+import path5 from "path";
+import fs5 from "fs";
 import { createRequire } from "module";
 import { fileURLToPath, pathToFileURL as pathToFileURL2 } from "url";
 import pc3 from "picocolors";
@@ -1452,10 +1599,10 @@ function getReactRefreshRuntimeEsm(includeBoundaryHelpers = false) {
   let cjsPath;
   try {
     const pkgPath = __require2.resolve("react-refresh/package.json");
-    cjsPath = path4.join(path4.dirname(pkgPath), "cjs", "react-refresh-runtime.development.js");
+    cjsPath = path5.join(path5.dirname(pkgPath), "cjs", "react-refresh-runtime.development.js");
   } catch (err) {
-    cjsPath = path4.resolve(__dirname_esm, "../../node_modules/react-refresh/cjs/react-refresh-runtime.development.js");
-    if (!fs4.existsSync(cjsPath)) {
+    cjsPath = path5.resolve(__dirname_esm, "../../node_modules/react-refresh/cjs/react-refresh-runtime.development.js");
+    if (!fs5.existsSync(cjsPath)) {
       const origMsg = err instanceof Error ? err.message : String(err);
       throw new Error(
         `[nasti] Missing dependency "react-refresh". Install it with: npm install react-refresh
@@ -1463,7 +1610,7 @@ Original resolve error: ${origMsg}`
       );
     }
   }
-  const cjsSource = fs4.readFileSync(cjsPath, "utf-8");
+  const cjsSource = fs5.readFileSync(cjsPath, "utf-8");
   __refreshRuntimeCache = `// Wrapped react-refresh runtime -> ESM
 const exports = {};
 const module = { exports };
@@ -1547,7 +1694,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 ?? "/";
@@ -1592,7 +1740,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) {
@@ -1633,8 +1781,8 @@ async function transformRequest(url, ctx) {
     let realIdValid = false;
     try {
       if (idParam) {
-        realId = fs4.realpathSync(idParam);
-        realIdValid = fs4.statSync(realId).isFile() && (realId.includes(`${path4.sep}node_modules${path4.sep}`) || isUnderRoot(realId, config.root));
+        realId = fs5.realpathSync(idParam);
+        realIdValid = fs5.statSync(realId).isFile() && (realId.includes(`${path5.sep}node_modules${path5.sep}`) || isUnderRoot(realId, config.root));
       }
     } catch {
       realId = null;
@@ -1663,12 +1811,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);
@@ -1676,7 +1828,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);
@@ -1687,7 +1840,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;
@@ -1696,7 +1849,7 @@ async function transformRequest(url, ctx) {
     }
   }
   const filePath = resolveUrlToFile(url, config.root);
-  if (!filePath || !fs4.existsSync(filePath)) return null;
+  if (!filePath || !fs5.existsSync(filePath)) return null;
   const mod = await moduleGraph.ensureEntryFromUrl(url);
   moduleGraph.registerModule(mod, filePath);
   const transformVersion = mod.invalidationVersion;
@@ -1706,10 +1859,13 @@ async function transformRequest(url, ctx) {
     mod.transformResult = transformResult2;
     return transformResult2;
   }
-  let code = fs4.readFileSync(filePath, "utf-8");
+  const loaded = await pluginContainer.load(filePath);
+  let code = loaded == null ? fs5.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;
@@ -1720,9 +1876,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;
@@ -1735,7 +1893,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();
@@ -1747,7 +1906,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;
@@ -1759,7 +1918,7 @@ async function loadVirtualModule(spec, ctx) {
   const resolved = await pluginContainer.resolveId(spec);
   if (resolved == null) return null;
   const resolvedId = typeof resolved === "string" ? resolved : resolved.id;
-  const looksVirtual = resolvedId.startsWith("\0") || !fs4.existsSync(resolvedId);
+  const looksVirtual = resolvedId.startsWith("\0") || !fs5.existsSync(resolvedId);
   if (!looksVirtual) return null;
   const loadResult = await pluginContainer.load(resolvedId);
   if (loadResult == null) return null;
@@ -1770,9 +1929,10 @@ 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 = path4.join(config.root, "__nasti_virtual__.ts");
+  const anchor = path5.join(config.root, "__nasti_virtual__.ts");
   code = rewriteImports(code, config, anchor);
   return { id: resolvedId, result: { code } };
 }
@@ -1798,7 +1958,7 @@ async function doBundlePackage(entryFile, root) {
   await bundle2.close();
   let code = result.output[0].code;
   code = code.replace(/process\.env\.NODE_ENV/g, '"development"');
-  const externalBaseDir = path4.dirname(entryFile);
+  const externalBaseDir = path5.dirname(entryFile);
   code = code.replace(
     /^(import\b[^;'"]*?\bfrom\s+)(['"])([^'"./][^'"]*)(\2)/gm,
     (_, prefix, q, spec) => `${prefix}${q}${externalSpecToModuleUrl(spec, externalBaseDir, root)}${q}`
@@ -1816,16 +1976,16 @@ async function doBundlePackage(entryFile, root) {
   return code;
 }
 async function tryGenerateSubpathShim(entryFile, root) {
-  const NM = `${path4.sep}node_modules${path4.sep}`;
+  const NM = `${path5.sep}node_modules${path5.sep}`;
   if (!entryFile.includes(NM)) return null;
   let pkgDir = null;
   let pkgName = null;
-  let dir = path4.dirname(entryFile);
+  let dir = path5.dirname(entryFile);
   while (true) {
-    const pkgJsonPath = path4.join(dir, "package.json");
-    if (fs4.existsSync(pkgJsonPath)) {
+    const pkgJsonPath = path5.join(dir, "package.json");
+    if (fs5.existsSync(pkgJsonPath)) {
       try {
-        const pkg = JSON.parse(fs4.readFileSync(pkgJsonPath, "utf-8"));
+        const pkg = JSON.parse(fs5.readFileSync(pkgJsonPath, "utf-8"));
         if (typeof pkg?.name === "string" && pkg.name) {
           pkgDir = dir;
           pkgName = pkg.name;
@@ -1834,16 +1994,16 @@ async function tryGenerateSubpathShim(entryFile, root) {
       } catch {
       }
     }
-    const parent = path4.dirname(dir);
+    const parent = path5.dirname(dir);
     if (parent === dir) return null;
     dir = parent;
     if (!dir.includes(NM)) return null;
   }
   if (!pkgDir || !pkgName) return null;
-  const entryExt = path4.extname(entryFile);
+  const entryExt = path5.extname(entryFile);
   const mainEntry = pickMainEntryByExtension(pkgDir, entryExt);
   if (!mainEntry) return null;
-  if (path4.resolve(mainEntry) === path4.resolve(entryFile)) return null;
+  if (path5.resolve(mainEntry) === path5.resolve(entryFile)) return null;
   let mainNs;
   let subNs;
   try {
@@ -1867,7 +2027,7 @@ async function tryGenerateSubpathShim(entryFile, root) {
     if (mainNs["default"] !== subNs["default"]) return null;
   }
   const rootMain = resolveNodeModule(root, pkgName);
-  const mainEntryUrl = rootMain && rootMain.startsWith(pkgDir + path4.sep) ? `/@modules/${pkgName}` : `/@modules/${pkgName}?id=${encodeURIComponent(mainEntry)}`;
+  const mainEntryUrl = rootMain && rootMain.startsWith(pkgDir + path5.sep) ? `/@modules/${pkgName}` : `/@modules/${pkgName}?id=${encodeURIComponent(mainEntry)}`;
   const lines = [
     `// Nasti subpath shim \u2192 ${pkgName} (avoid duplicate bundling)`,
     `import * as __pkg from "${mainEntryUrl}";`
@@ -1881,10 +2041,10 @@ async function tryGenerateSubpathShim(entryFile, root) {
   return lines.join("\n") + "\n";
 }
 function pickMainEntryByExtension(pkgDir, preferredExt) {
-  const pkgJsonPath = path4.join(pkgDir, "package.json");
+  const pkgJsonPath = path5.join(pkgDir, "package.json");
   let pkg;
   try {
-    pkg = JSON.parse(fs4.readFileSync(pkgJsonPath, "utf-8"));
+    pkg = JSON.parse(fs5.readFileSync(pkgJsonPath, "utf-8"));
   } catch {
     return null;
   }
@@ -1903,14 +2063,14 @@ function pickMainEntryByExtension(pkgDir, preferredExt) {
   if (typeof pkg.module === "string") candidates.push(pkg.module);
   if (typeof pkg.main === "string") candidates.push(pkg.main);
   for (const cand of candidates) {
-    if (path4.extname(cand) === preferredExt) {
-      const full = path4.resolve(pkgDir, cand);
-      if (fs4.existsSync(full)) return full;
+    if (path5.extname(cand) === preferredExt) {
+      const full = path5.resolve(pkgDir, cand);
+      if (fs5.existsSync(full)) return full;
     }
   }
   for (const cand of candidates) {
-    const full = path4.resolve(pkgDir, cand);
-    if (fs4.existsSync(full)) return full;
+    const full = path5.resolve(pkgDir, cand);
+    if (fs5.existsSync(full)) return full;
   }
   return null;
 }
@@ -1977,11 +2137,11 @@ function rewriteImports(code, config, filePath, importedUrls, moduleGraph) {
 }
 function createModuleSpecifierResolver(config, filePath) {
   const root = config.root;
-  const fileDir = path4.dirname(filePath);
+  const fileDir = path5.dirname(filePath);
   const aliasEntries = Object.entries(config.resolve.alias).sort(
     ([a], [b]) => b.length - a.length
   );
-  const toRootUrl = (abs) => "/" + path4.relative(root, abs).replace(/\\/g, "/");
+  const toRootUrl = (abs) => "/" + path5.relative(root, abs).replace(/\\/g, "/");
   return (specifier) => {
     const suffixMatch = specifier.match(/[?#].*$/);
     const suffix = suffixMatch ? suffixMatch[0] : "";
@@ -1990,17 +2150,17 @@ function createModuleSpecifierResolver(config, filePath) {
       if (baseSpec === key || baseSpec.startsWith(key + "/")) {
         const aliasBase = resolveAliasTarget(value, root);
         const sub = baseSpec.slice(key.length).replace(/^\//, "");
-        const target = sub ? path4.join(aliasBase, sub) : aliasBase;
+        const target = sub ? path5.join(aliasBase, sub) : aliasBase;
         const resolved = tryResolveDiskPath(target);
         return resolved && isUnderRoot(resolved, root) ? toRootUrl(resolved) + suffix : specifier;
       }
     }
     if (baseSpec.startsWith("./") || baseSpec.startsWith("../")) {
-      const resolved = tryResolveDiskPath(path4.resolve(fileDir, baseSpec));
+      const resolved = tryResolveDiskPath(path5.resolve(fileDir, baseSpec));
       return resolved && isUnderRoot(resolved, root) ? toRootUrl(resolved) + suffix : specifier;
     }
     if (baseSpec.startsWith("/") && !baseSpec.startsWith("/@")) {
-      const resolved = tryResolveDiskPath(path4.join(root, baseSpec.replace(/^\//, "")));
+      const resolved = tryResolveDiskPath(path5.join(root, baseSpec.replace(/^\//, "")));
       return resolved && isUnderRoot(resolved, root) ? toRootUrl(resolved) + suffix : specifier;
     }
     if (baseSpec.startsWith("/")) return specifier;
@@ -2154,27 +2314,27 @@ function maskStringsAndComments(code) {
   return masked.join("");
 }
 function resolveAliasTarget(value, root) {
-  if (path4.isAbsolute(value) && fs4.existsSync(value)) return value;
-  if (value.startsWith("/")) return path4.join(root, value.slice(1));
-  return path4.resolve(root, value);
+  if (path5.isAbsolute(value) && fs5.existsSync(value)) return value;
+  if (value.startsWith("/")) return path5.join(root, value.slice(1));
+  return path5.resolve(root, value);
 }
 function tryResolveDiskPath(target) {
-  if (fs4.existsSync(target) && fs4.statSync(target).isFile()) return target;
+  if (fs5.existsSync(target) && fs5.statSync(target).isFile()) return target;
   for (const ext of RESOLVE_EXTENSIONS) {
     const withExt = target + ext;
-    if (fs4.existsSync(withExt) && fs4.statSync(withExt).isFile()) return withExt;
+    if (fs5.existsSync(withExt) && fs5.statSync(withExt).isFile()) return withExt;
   }
-  if (fs4.existsSync(target) && fs4.statSync(target).isDirectory()) {
+  if (fs5.existsSync(target) && fs5.statSync(target).isDirectory()) {
     for (const ext of RESOLVE_EXTENSIONS) {
-      const idx = path4.join(target, "index" + ext);
-      if (fs4.existsSync(idx) && fs4.statSync(idx).isFile()) return idx;
+      const idx = path5.join(target, "index" + ext);
+      if (fs5.existsSync(idx) && fs5.statSync(idx).isFile()) return idx;
     }
   }
   return null;
 }
 function isUnderRoot(abs, root) {
-  const rel = path4.relative(root, abs);
-  return !!rel && !rel.startsWith("..") && !path4.isAbsolute(rel);
+  const rel = path5.relative(root, abs);
+  return !!rel && !rel.startsWith("..") && !path5.isAbsolute(rel);
 }
 function appendTimestampQuery(url, timestamp) {
   const hashIndex = url.indexOf("#");
@@ -2193,7 +2353,7 @@ function resolveNodeModule(baseDir, moduleName) {
   const resolved = resolveNodeModuleEntry(baseDir, moduleName);
   if (!resolved) return null;
   try {
-    return fs4.realpathSync(resolved);
+    return fs5.realpathSync(resolved);
   } catch {
     return resolved;
   }
@@ -2213,21 +2373,21 @@ function resolveNodeModuleEntry(root, moduleName) {
   let pkgDir = null;
   let dir = root;
   for (; ; ) {
-    const candidate = path4.join(dir, "node_modules", pkgName);
-    if (fs4.existsSync(candidate)) {
+    const candidate = path5.join(dir, "node_modules", pkgName);
+    if (fs5.existsSync(candidate)) {
       pkgDir = candidate;
       break;
     }
-    const parent = path4.dirname(dir);
+    const parent = path5.dirname(dir);
     if (parent === dir) break;
     dir = parent;
   }
   if (!pkgDir) return null;
-  const pkgJsonPath = path4.join(pkgDir, "package.json");
-  if (!fs4.existsSync(pkgJsonPath)) return null;
+  const pkgJsonPath = path5.join(pkgDir, "package.json");
+  if (!fs5.existsSync(pkgJsonPath)) return null;
   let pkg;
   try {
-    pkg = JSON.parse(fs4.readFileSync(pkgJsonPath, "utf-8"));
+    pkg = JSON.parse(fs5.readFileSync(pkgJsonPath, "utf-8"));
   } catch {
     return null;
   }
@@ -2240,32 +2400,32 @@ function resolveNodeModuleEntry(root, moduleName) {
     const subDirs = [""];
     for (const field of ["module", "main"]) {
       if (typeof pkg[field] === "string") {
-        const dir2 = path4.dirname(pkg[field]);
+        const dir2 = path5.dirname(pkg[field]);
         if (dir2 && dir2 !== "." && !subDirs.includes(dir2)) subDirs.push(dir2);
       }
     }
     for (const dir2 of subDirs) {
-      const direct = path4.join(pkgDir, dir2, subpath);
-      if (fs4.existsSync(direct) && fs4.statSync(direct).isFile()) return direct;
+      const direct = path5.join(pkgDir, dir2, subpath);
+      if (fs5.existsSync(direct) && fs5.statSync(direct).isFile()) return direct;
       for (const ext of RESOLVE_EXTENSIONS) {
-        if (fs4.existsSync(direct + ext)) return direct + ext;
+        if (fs5.existsSync(direct + ext)) return direct + ext;
       }
     }
     return null;
   }
   for (const field of ["module", "jsnext:main", "jsnext", "main"]) {
     if (typeof pkg[field] === "string") {
-      const entry = path4.join(pkgDir, pkg[field]);
-      if (fs4.existsSync(entry)) return entry;
+      const entry = path5.join(pkgDir, pkg[field]);
+      if (fs5.existsSync(entry)) return entry;
     }
   }
-  const indexFallback = path4.join(pkgDir, "index.js");
-  if (fs4.existsSync(indexFallback)) return indexFallback;
+  const indexFallback = path5.join(pkgDir, "index.js");
+  if (fs5.existsSync(indexFallback)) return indexFallback;
   return null;
 }
 function resolvePackageExports(exports, key, pkgDir) {
   if (typeof exports === "string") {
-    return key === "." ? path4.join(pkgDir, exports) : null;
+    return key === "." ? path5.join(pkgDir, exports) : null;
   }
   const entry = exports[key];
   if (entry === void 0) {
@@ -2277,7 +2437,7 @@ function resolvePackageExports(exports, key, pkgDir) {
   return resolveExportValue(entry, pkgDir);
 }
 function resolveExportValue(value, pkgDir) {
-  if (typeof value === "string") return path4.join(pkgDir, value);
+  if (typeof value === "string") return path5.join(pkgDir, value);
   if (Array.isArray(value)) {
     for (const item of value) {
       const r = resolveExportValue(item, pkgDir);
@@ -2301,25 +2461,30 @@ function resolveUrlToFile(url, root) {
     const moduleName = cleanUrl.slice("/@modules/".length);
     return resolveNodeModule(root, moduleName);
   }
-  const filePath = path4.resolve(root, cleanUrl.replace(/^\//, ""));
-  if (fs4.existsSync(filePath) && fs4.statSync(filePath).isFile()) {
+  const filePath = path5.resolve(root, cleanUrl.replace(/^\//, ""));
+  if (fs5.existsSync(filePath) && fs5.statSync(filePath).isFile()) {
     return filePath;
   }
   for (const ext of RESOLVE_EXTENSIONS) {
     const withExt = filePath + ext;
-    if (fs4.existsSync(withExt)) return withExt;
+    if (fs5.existsSync(withExt)) return withExt;
   }
   for (const ext of RESOLVE_EXTENSIONS) {
-    const indexFile = path4.join(filePath, "index" + ext);
-    if (fs4.existsSync(indexFile)) return indexFile;
+    const indexFile = path5.join(filePath, "index" + ext);
+    if (fs5.existsSync(indexFile)) return indexFile;
   }
   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 (!path4.extname(cleanUrl)) 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 (!path5.extname(cleanUrl)) return true;
   return false;
 }
 function getHmrClientCode() {
@@ -2331,11 +2496,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.');
@@ -2368,8 +2537,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);
@@ -2468,6 +2653,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: [] };
@@ -2493,12 +2679,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 __dirname_esm, __require2, __refreshRuntimeCache, REACT_REFRESH_BOUNDARY_HELPERS, REACT_REFRESH_GLOBAL_PREAMBLE, esmBundleCache, VALID_IDENT, RESOLVE_EXTENSIONS, ESM_CONDITIONS;
@@ -2509,7 +2722,8 @@ var init_middleware = __esm({
     init_html();
     init_env();
     init_url();
-    __dirname_esm = path4.dirname(fileURLToPath(import.meta.url));
+    init_assets();
+    __dirname_esm = path5.dirname(fileURLToPath(import.meta.url));
     __require2 = createRequire(import.meta.url);
     __refreshRuntimeCache = null;
     REACT_REFRESH_BOUNDARY_HELPERS = `
@@ -2590,33 +2804,40 @@ window.__vite_plugin_react_preamble_installed__ = true;
 });
 
 // src/server/hmr.ts
-import path5 from "path";
-import fs5 from "fs";
+import path6 from "path";
+import fs6 from "fs";
 import pc4 from "picocolors";
-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 = "/" + path5.relative(config.root, file);
-  const shortFile = path5.relative(config.root, file);
+  const relativePath = "/" + path6.relative(config.root, file);
+  const shortFile = path6.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 = {
       file,
       timestamp,
       modules: [mod],
-      read: () => fs5.readFileSync(file, "utf-8"),
-      server
+      read: () => fs6.readFileSync(file, "utf-8"),
+      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) {
@@ -2625,12 +2846,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(pc4.green("page reload ") + pc4.dim(shortFile), { timestamp: true });
-        ws.send({ type: "full-reload", path: relativePath });
-        return;
+        fullReload = true;
+        continue;
       }
       for (const { boundary, acceptedVia } of boundaries) {
         const update = {
@@ -2647,13 +2868,30 @@ async function handleFileChange(file, server) {
       }
     }
   }
-  if (updates.length > 0) {
+  const transformed = await Promise.all(
+    [...affectedSet].map(async (module) => ({
+      module,
+      result: await environment.transformRequest(module.url)
+    }))
+  );
+  const logPrefix = environmentName === "client" ? "" : `[${environmentName}] `;
+  if (fullReload) {
+    logger.info(pc4.green(`${logPrefix}reload `) + pc4.dim(shortFile), { timestamp: true });
+    environment.hot.send({ type: "full-reload", path: relativePath });
+  } else if (updates.length > 0) {
     logger.info(
-      updates.map((u) => pc4.green("hmr update ") + pc4.dim(u.path)).join("\n"),
+      updates.map((u) => pc4.green(`${logPrefix}hmr update `) + pc4.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 init_hmr = __esm({
   "src/server/hmr.ts"() {
@@ -2662,12 +2900,12 @@ var init_hmr = __esm({
 });
 
 // src/plugins/resolve.ts
-import path6 from "path";
-import fs6 from "fs";
+import path7 from "path";
+import fs7 from "fs";
 import { createRequire as createRequire2 } from "module";
 function resolvePlugin(config) {
   const { alias, extensions } = config.resolve;
-  const require2 = createRequire2(path6.resolve(config.root, "package.json"));
+  const require2 = createRequire2(path7.resolve(config.root, "package.json"));
   const aliasEntries = Object.entries(alias).sort(
     ([a], [b]) => b.length - a.length
   );
@@ -2675,10 +2913,10 @@ function resolvePlugin(config) {
   if (config.framework === "vue") {
     try {
       const vuePkgJson = require2.resolve("vue/package.json", { paths: [config.root] });
-      const vueDir = path6.dirname(vuePkgJson);
-      const mod = JSON.parse(fs6.readFileSync(vuePkgJson, "utf-8")).module;
-      const entry = path6.join(vueDir, mod ?? "dist/vue.runtime.esm-bundler.js");
-      if (fs6.existsSync(entry)) vueRuntimeEntry = entry;
+      const vueDir = path7.dirname(vuePkgJson);
+      const mod = JSON.parse(fs7.readFileSync(vuePkgJson, "utf-8")).module;
+      const entry = path7.join(vueDir, mod ?? "dist/vue.runtime.esm-bundler.js");
+      if (fs7.existsSync(entry)) vueRuntimeEntry = entry;
     } catch {
     }
   }
@@ -2690,24 +2928,24 @@ function resolvePlugin(config) {
         if (source === key || source.startsWith(key + "/")) {
           const aliasBase = resolveAliasTarget2(value, config.root);
           const sub = source.slice(key.length).replace(/^\//, "");
-          const target = sub ? path6.join(aliasBase, sub) : aliasBase;
+          const target = sub ? path7.join(aliasBase, sub) : aliasBase;
           const resolved = tryResolveFile(target, extensions);
           if (resolved) return resolved;
           break;
         }
       }
       if (source.startsWith("/") && !source.startsWith("//")) {
-        const rootRelative = path6.join(config.root, source.slice(1));
+        const rootRelative = path7.join(config.root, source.slice(1));
         const resolved = tryResolveFile(rootRelative, extensions);
         if (resolved) return resolved;
       }
-      if (path6.isAbsolute(source) && fs6.existsSync(source)) {
+      if (path7.isAbsolute(source) && fs7.existsSync(source)) {
         const resolved = tryResolveFile(source, extensions);
         if (resolved) return resolved;
       }
       if (source.startsWith(".")) {
-        const dir = importer ? path6.dirname(importer) : config.root;
-        const absolute = path6.resolve(dir, source);
+        const dir = importer ? path7.dirname(importer) : config.root;
+        const absolute = path7.resolve(dir, source);
         const resolved = tryResolveFile(absolute, extensions);
         if (resolved) return resolved;
       }
@@ -2716,7 +2954,7 @@ function resolvePlugin(config) {
         if (config.command === "build") return null;
         try {
           const resolved = require2.resolve(source, {
-            paths: [importer ? path6.dirname(importer) : config.root]
+            paths: [importer ? path7.dirname(importer) : config.root]
           });
           return resolved;
         } catch {
@@ -2727,34 +2965,34 @@ function resolvePlugin(config) {
     },
     load(id) {
       if (id.startsWith("\0")) return null;
-      if (!fs6.existsSync(id)) return null;
+      if (!fs7.existsSync(id)) return null;
       if (id.endsWith(".json")) {
-        const content = fs6.readFileSync(id, "utf-8");
+        const content = fs7.readFileSync(id, "utf-8");
         return `export default ${content}`;
       }
-      return fs6.readFileSync(id, "utf-8");
+      return null;
     }
   };
 }
 function resolveAliasTarget2(value, root) {
-  if (path6.isAbsolute(value) && fs6.existsSync(value)) return value;
-  if (value.startsWith("/")) return path6.join(root, value.slice(1));
-  return path6.resolve(root, value);
+  if (path7.isAbsolute(value) && fs7.existsSync(value)) return value;
+  if (value.startsWith("/")) return path7.join(root, value.slice(1));
+  return path7.resolve(root, value);
 }
 function tryResolveFile(file, extensions) {
-  if (fs6.existsSync(file) && fs6.statSync(file).isFile()) {
+  if (fs7.existsSync(file) && fs7.statSync(file).isFile()) {
     return file;
   }
   for (const ext of extensions) {
     const withExt = file + ext;
-    if (fs6.existsSync(withExt) && fs6.statSync(withExt).isFile()) {
+    if (fs7.existsSync(withExt) && fs7.statSync(withExt).isFile()) {
       return withExt;
     }
   }
-  if (fs6.existsSync(file) && fs6.statSync(file).isDirectory()) {
+  if (fs7.existsSync(file) && fs7.statSync(file).isDirectory()) {
     for (const ext of extensions) {
-      const indexFile = path6.join(file, "index" + ext);
-      if (fs6.existsSync(indexFile)) {
+      const indexFile = path7.join(file, "index" + ext);
+      if (fs7.existsSync(indexFile)) {
         return indexFile;
       }
     }
@@ -3646,12 +3884,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, module]) => [id, { ...module }])
+    ),
+    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;
 }
@@ -3699,7 +3956,7 @@ var init_css_engine = __esm({
 });
 
 // src/plugins/tailwind.ts
-import path7 from "path";
+import path8 from "path";
 import { createRequire as createRequire3 } from "module";
 import { pathToFileURL as pathToFileURL3 } from "url";
 function hasTailwindDirectives(css) {
@@ -3709,7 +3966,7 @@ function hasTailwindDirectives(css) {
 }
 async function loadTailwind(projectRoot) {
   if (cached && cachedRoot === projectRoot) return cached;
-  const req = createRequire3(path7.join(projectRoot, "package.json"));
+  const req = createRequire3(path8.join(projectRoot, "package.json"));
   let nodePath;
   let oxidePath;
   try {
@@ -3730,7 +3987,7 @@ async function compileTailwind(css, fromFile, projectRoot) {
   const { node, oxide } = await loadTailwind(projectRoot);
   const dependencies = [];
   const compiler2 = await node.compile(css, {
-    base: path7.dirname(fromFile),
+    base: path8.dirname(fromFile),
     from: fromFile,
     onDependency: (p) => dependencies.push(p)
   });
@@ -3752,7 +4009,8 @@ var init_tailwind = __esm({
 });
 
 // src/plugins/css.ts
-import path8 from "path";
+import path9 from "path";
+import { SourceMapGenerator } from "source-map-js";
 function cssPlugin(config, engine, consumer = "client") {
   return {
     name: "nasti:css",
@@ -3772,15 +4030,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};
@@ -3804,16 +4076,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"
@@ -3833,18 +4107,34 @@ document.head.appendChild(style);
 
 export default css;
 `,
+        map,
         moduleType: "js"
       };
     }
   };
 }
+function createIdentitySourceMap(code, id) {
+  const map = new 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")) {
       return match;
     }
-    const resolved = path8.resolve(path8.dirname(from), url);
-    const relative = "/" + path8.relative(root, resolved).replace(/\\/g, "/");
+    const resolved = path9.resolve(path9.dirname(from), url);
+    const relative = "/" + path9.relative(root, resolved).replace(/\\/g, "/");
     return `url(${relative})`;
   });
 }
@@ -3860,19 +4150,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;
@@ -3885,6 +4183,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) ?? [];
@@ -3892,13 +4191,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() {
@@ -3909,6 +4209,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);
+      }
     }
   };
 }
@@ -3919,78 +4222,13 @@ var init_css_post = __esm({
   }
 });
 
-// src/plugins/assets.ts
-import path9 from "path";
-import fs7 from "fs";
-import crypto from "crypto";
-function assetsPlugin(config) {
-  return {
-    name: "nasti:assets",
-    resolveId(source) {
-      if (source.endsWith("?url") || source.endsWith("?raw")) {
-        return source;
-      }
-      return null;
-    },
-    load(id) {
-      const ext = path9.extname(id.replace(/\?.*$/, ""));
-      if (id.endsWith("?raw")) {
-        const file = id.slice(0, -4);
-        if (fs7.existsSync(file)) {
-          const content = fs7.readFileSync(file, "utf-8");
-          return `export default ${JSON.stringify(content)}`;
-        }
-      }
-      if (id.endsWith("?url") || ASSET_EXTENSIONS.has(ext)) {
-        const file = id.replace(/\?.*$/, "");
-        if (!fs7.existsSync(file)) return null;
-        if (config.command === "serve") {
-          const url = "/" + path9.relative(config.root, file);
-          return `export default ${JSON.stringify(url)}`;
-        }
-        const content = fs7.readFileSync(file);
-        const hash = crypto.createHash("sha256").update(content).digest("hex").slice(0, 8);
-        const basename = path9.basename(file, ext);
-        const hashedName = `${config.build.assetsDir}/${basename}.${hash}${ext}`;
-        return `export default ${JSON.stringify(config.base + hashedName)}`;
-      }
-      return null;
-    }
-  };
-}
-var ASSET_EXTENSIONS;
-var init_assets = __esm({
-  "src/plugins/assets.ts"() {
-    "use strict";
-    ASSET_EXTENSIONS = /* @__PURE__ */ new Set([
-      ".png",
-      ".jpg",
-      ".jpeg",
-      ".gif",
-      ".svg",
-      ".ico",
-      ".webp",
-      ".avif",
-      ".mp4",
-      ".webm",
-      ".ogg",
-      ".mp3",
-      ".wav",
-      ".flac",
-      ".aac",
-      ".woff",
-      ".woff2",
-      ".eot",
-      ".ttf",
-      ".otf",
-      ".pdf",
-      ".txt"
-    ]);
-  }
-});
-
 // src/plugins/vue.ts
 import crypto2 from "crypto";
+import {
+  SourceMapConsumer,
+  SourceMapGenerator as SourceMapGenerator2,
+  SourceNode
+} from "source-map-js";
 async function loadVueCompiler() {
   if (compiler) return compiler;
   try {
@@ -4000,9 +4238,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",
@@ -4022,32 +4261,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 fs13 = await import("fs");
-          const source = fs13.readFileSync(filePath, "utf-8");
-          const parsed = sfc.parse(source, { filename: filePath });
+          const rawSource = fs13.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;
@@ -4059,57 +4329,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 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(
+            SourceNode.fromStringWithSourceMap(
+              fragment,
+              new 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__)
@@ -4123,17 +4480,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;
@@ -4147,16 +4521,75 @@ 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 SourceMapConsumer(composed);
+      if (consumer.sources.length !== 1) {
+        warnUnchainableMap(
+          context,
+          "a generated map has multiple sources and cannot be chained safely"
+        );
+        continue;
+      }
+      const generator = SourceMapGenerator2.fromSourceMap(consumer);
+      generator.applySourceMap(
+        new 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) {
+  debug3?.(
+    `source map warning for ${context.filename} (${context.type}, ${context.environmentName}): ${reason}`
+  );
+}
 function hashId(filename) {
   return crypto2.createHash("sha256").update(filename).digest("hex").slice(0, 8);
 }
-var VUE_FILE_RE, VUE_QUERY_RE, compiler;
+var VUE_FILE_RE, VUE_QUERY_RE, debug3, compiler;
 var init_vue = __esm({
   "src/plugins/vue.ts"() {
     "use strict";
     init_transformer();
+    init_debug();
     VUE_FILE_RE = /\.vue$/;
     VUE_QUERY_RE = /\.vue\?vue&type=(script|template|style)(&index=\d+)?(&lang[.=]\w+)?/;
+    debug3 = createDebugger("nasti:vue");
     compiler = null;
   }
 });
@@ -4177,7 +4610,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),
@@ -4217,14 +4650,14 @@ function createModuleRunner(environment) {
   }
   return new NastiModuleRunner(environment);
 }
-var debug3, NODE_BUILTINS, NastiModuleRunner, AsyncFunction;
+var debug4, NODE_BUILTINS, NastiModuleRunner, AsyncFunction;
 var init_runnable_environment = __esm({
   "src/server/runnable-environment.ts"() {
     "use strict";
     init_transformer();
     init_env();
     init_debug();
-    debug3 = createDebugger("nasti:ssr");
+    debug4 = createDebugger("nasti:ssr");
     NODE_BUILTINS = /* @__PURE__ */ new Set([...builtinModules, ...builtinModules.map((m) => `node:${m}`)]);
     NastiModuleRunner = class {
       environment;
@@ -4302,6 +4735,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"
           });
@@ -4318,7 +4752,7 @@ var init_runnable_environment = __esm({
           );
         }
         const runnerResult = await moduleRunnerTransform(resolvedId, code);
-        debug3?.(`fetchModule ${resolvedId} (${runnerResult.deps?.length ?? 0} deps)`);
+        debug4?.(`fetchModule ${resolvedId} (${runnerResult.deps?.length ?? 0} deps)`);
         return { id: resolvedId, code: runnerResult.code };
       }
       completeExtension(id) {
@@ -4440,7 +4874,7 @@ async function tryNativeReporterPlugin(config, logger) {
       logInfo: (msg) => logger.info(msg)
     });
   } catch (err) {
-    debug4?.(`native viteReporterPlugin unavailable, falling back to JS table: ${err}`);
+    debug5?.(`native viteReporterPlugin unavailable, falling back to JS table: ${err}`);
     return null;
   }
 }
@@ -4495,12 +4929,12 @@ function warnLargeChunks(output, config, logger) {
     )
   );
 }
-var debug4, numberFormatter;
+var debug5, numberFormatter;
 var init_reporter = __esm({
   "src/build/reporter.ts"() {
     "use strict";
     init_debug();
-    debug4 = createDebugger("nasti:reporter");
+    debug5 = createDebugger("nasti:reporter");
     numberFormatter = new Intl.NumberFormat("en", {
       maximumFractionDigits: 2,
       minimumFractionDigits: 2
@@ -4542,6 +4976,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);
@@ -4571,6 +5023,9 @@ function createBuildAppContext(config, results) {
     }
   };
 }
+function joinPublicPath(base, fileName) {
+  return `${base.endsWith("/") ? base : `${base}/`}${fileName.replace(/^\//, "")}`;
+}
 function normalizeEnvironmentFileName(fileName) {
   return path12.posix.normalize(fileName.replace(/\\/g, "/").replace(/^\.\//, ""));
 }
@@ -4673,7 +5128,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，但仍可能声明不同的运行时条件。
@@ -4696,7 +5155,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",
@@ -4705,7 +5164,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`,
@@ -4780,13 +5239,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();
@@ -4864,6 +5378,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"
       });
@@ -4877,9 +5392,9 @@ async function build(inlineConfig = {}) {
   const startTime = performance.now();
   logger.info(
     pc6.cyan(`
-nasti v${"2.4.0"} `) + pc6.green(`building for ${config.mode}...`)
+nasti v${"2.4.2"} `) + pc6.green(`building for ${config.mode}...`)
   );
-  debug5?.(`root: ${config.root}`);
+  debug6?.(`root: ${config.root}`);
   const buildableNames = Object.keys(config.environments).filter((name) => {
     const environment = config.environments[name];
     if (!environment.buildEnabled) return false;
@@ -4901,7 +5416,7 @@ nasti v${"2.4.0"} `) + pc6.green(`building for ${config.mode}...`)
       environmentResults[name] = built.result;
       if (name === "client") clientOutput = built.result.output;
       if (buildableNames.length > 1) {
-        debug5?.(`environment "${name}" built (${built.result.output.length} files)`);
+        debug6?.(`environment "${name}" built (${built.result.output.length} files)`);
       }
     }
     const pluginApi = getPluginApi(config);
@@ -4997,6 +5512,7 @@ async function buildClientEnvironment(config) {
     const bundle2 = await 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)];
@@ -5010,7 +5526,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(
@@ -5048,9 +5566,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",
@@ -5093,6 +5613,7 @@ async function buildServerEnvironment(config, name) {
   const bundle2 = await rolldown(inputOptions);
   const { output } = await bundle2.write(outputOptions);
   await bundle2.close();
+  if (cssEngine) environment.setBuildMetadata({ css: getCssMetadata(cssEngine) });
   logger.info(
     pc6.dim(`  [${name}] `) + output.map((o) => path13.join(envOptions.build.outDir, o.fileName)).join(pc6.dim(", "))
   );
@@ -5144,7 +5665,7 @@ function replaceEntryScript(html, facadeModuleId, fileName, config, htmlFile, ur
   }
   return processed;
 }
-var debug5, NODE_BUILTINS2;
+var debug6, NODE_BUILTINS2;
 var init_build = __esm({
   "src/build/index.ts"() {
     "use strict";
@@ -5159,7 +5680,7 @@ var init_build = __esm({
     init_debug();
     init_plugin_api();
     init_build_app_context();
-    debug5 = createDebugger("nasti:build");
+    debug6 = createDebugger("nasti:build");
     NODE_BUILTINS2 = /* @__PURE__ */ new Set([...builtinModules2, ...builtinModules2.map((m) => `node:${m}`)]);
   }
 });
@@ -5187,7 +5708,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);
@@ -5240,7 +5761,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;
       }
@@ -5290,7 +5811,7 @@ async function createBundledDevServer(opts) {
     },
     {
       watch: { skipWrite: true },
-      rebuildStrategy: "auto",
+      rebuildStrategy: "never",
       onOutput(result) {
         if (result instanceof Error) {
           logger.error(pc7.red(`[bundled] build error: ${result.message}`), { error: result });
@@ -5306,7 +5827,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) {
@@ -5315,7 +5842,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;
@@ -5334,24 +5861,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}`));
       });
     });
   });
@@ -5368,10 +5900,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(/^\//, ""));
@@ -5392,6 +5932,11 @@ async function createBundledDevServer(opts) {
         res.setHeader("ETag", hit.etag);
         res.setHeader("Content-Type", MIME_TYPES[path14.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;
       }
@@ -5491,7 +6036,7 @@ async function renderBundledIndexHtml(html, config, entryFileNames) {
   }
   return processed;
 }
-var debug6, MIME_TYPES, MemoryFiles, PREAMBLE_SPEC, RESOLVED_PREAMBLE_ID, REFRESH_RUNTIME_URL, BUNDLED_PREAMBLE_CODE, WRAPPER_RUNTIME_HELPERS;
+var 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 +6045,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",
@@ -5634,7 +6179,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
@@ -5649,13 +6194,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() {
@@ -5670,7 +6242,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));
@@ -5699,6 +6270,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 });
@@ -5750,14 +6330,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) => {
@@ -5775,7 +6402,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;
@@ -5790,7 +6417,7 @@ async function createServer(inlineConfig = {}) {
           const readyIn = Math.ceil(performance.now() - startTime);
           logger.info(
             `
-  ${pc8.cyan(pc8.bold("NASTI"))} ${pc8.cyan(`v${"2.4.0"}`)}  ${pc8.dim("ready in")} ${pc8.bold(readyIn)} ${pc8.dim("ms")}
+  ${pc8.cyan(pc8.bold("NASTI"))} ${pc8.cyan(`v${"2.4.2"}`)}  ${pc8.dim("ready in")} ${pc8.bold(readyIn)} ${pc8.dim("ms")}
 `
           );
           printServerUrls(
@@ -5817,20 +6444,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;
@@ -5880,12 +6513,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 = path15.resolve(config.root, "public");
   app.use(sirv(publicDir, { dev: true, etag: true }));
   app.use(sirv(config.root, { dev: true, etag: true }));
@@ -5924,6 +6552,7 @@ var init_server = __esm({
     init_hmr();
     init_builtins();
     init_plugin_api();
+    init_env();
   }
 });
 
@@ -5982,7 +6611,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(pc9.cyan("\n\u26A1 nasti build (electron)") + pc9.dim(` v${"2.4.0"}`));
+  console.log(pc9.cyan("\n\u26A1 nasti build (electron)") + pc9.dim(` v${"2.4.2"}`));
   console.log(pc9.dim(`  root: ${config.root}`));
   console.log(pc9.dim(`  mode: ${config.mode}`));
   console.log(pc9.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -6163,7 +6792,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(pc10.cyan("\n\u26A1 nasti electron dev") + pc10.dim(` v${"2.4.0"}`));
+  console.log(pc10.cyan("\n\u26A1 nasti electron dev") + pc10.dim(` v${"2.4.2"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({
     ...rest,
@@ -6520,7 +7149,7 @@ cli.command("preview [root]", "Preview production build").option("--port <port>"
     const host = options.host === true ? "0.0.0.0" : options.host ?? "localhost";
     http2.createServer(app).listen(port, host, () => {
       logger.info(`
-  ${pc11.cyan(pc11.bold("NASTI"))} ${pc11.cyan(`v${"2.4.0"}`)}  ${pc11.dim("preview")}
+  ${pc11.cyan(pc11.bold("NASTI"))} ${pc11.cyan(`v${"2.4.2"}`)}  ${pc11.dim("preview")}
 `);
       printServerUrls2(
         {
@@ -6537,6 +7166,6 @@ cli.command("preview [root]", "Preview production build").option("--port <port>"
   }
 });
 cli.help();
-cli.version("2.4.0");
+cli.version("2.4.2");
 cli.parse();
 //# sourceMappingURL=cli.js.map