@nasti-toolchain/nasti 2.4.2 → 2.4.3

package/dist/index.cjs

@@ -2308,8 +2308,10 @@ function vuePlugin(config, environmentName = "client") {
       });
       const scopeId = hashId(id);
       const wantsSourceMap = !!config.build.sourcemap || transformedSfc.map != null;
+      const vapor = resolveVaporMode(descriptor, vueOptions, sfc, config);
       let scriptCode = "";
       let scriptMap;
+      let scriptBindings;
       if (descriptor.script || descriptor.scriptSetup) {
         const inlineTemplate = vueOptions.script?.inlineTemplate !== false;
         const compiled = sfc.compileScript(descriptor, {
@@ -2321,9 +2323,11 @@ function vuePlugin(config, environmentName = "client") {
           // 让 compileScript 产出 `const __sfc__ = ...`（而非默认的 `export default {...}`）。
           // 否则下方追加的 `__sfc__.render` / `__sfc__.__scopeId` / HMR 记录会引用一个
           // 不存在的 `__sfc__`，并与 compileScript 自带的 `export default` 形成双重默认导出。
-          genDefaultAs: "__sfc__"
+          genDefaultAs: "__sfc__",
+          vapor
         });
         scriptCode = compiled.content;
+        scriptBindings = compiled.bindings;
         scriptMap = composeSourceMapChain(
           [compiled.map, transformedSfc.map],
           { filename: id, environmentName, type: "sfc" }
@@ -2337,7 +2341,9 @@ function vuePlugin(config, environmentName = "client") {
       }
       let templateCode = "";
       let templateMap;
+      let templateMultiRoot;
       const scriptSetupIsInline = !!descriptor.scriptSetup && vueOptions.script?.inlineTemplate !== false;
+      const isTemplateOnlyVapor = vapor && !descriptor.script && !descriptor.scriptSetup;
       if (descriptor.template && !scriptSetupIsInline) {
         const transformedTemplate = await applySourceTransform(
           vueOptions.transformTemplate,
@@ -2359,12 +2365,16 @@ function vuePlugin(config, environmentName = "client") {
           filename: id,
           id: scopeId,
           inMap: templateInputMap,
+          vapor,
           compilerOptions: {
             ...customCompilerOptions,
+            // Vapor 在 bindingMetadata 缺失时需要空对象（与 Vite / compiler-sfc 一致）
+            bindingMetadata: customCompilerOptions.bindingMetadata ?? scriptBindings ?? (vapor ? {} : void 0),
             scopeId: `data-v-${scopeId}`
           }
         });
         templateCode = compiled.code;
+        templateMultiRoot = compiled.multiRoot;
         if (wantsSourceMap || transformedTemplate.map != null) {
           templateMap = compiled.map;
         }
@@ -2402,12 +2412,20 @@ function vuePlugin(config, environmentName = "client") {
           outputNode.add(fragment);
         }
       };
-      append(scriptCode || "const __sfc__ = {}", scriptMap);
+      append(
+        scriptCode || (vapor ? "const __sfc__ = { __vapor: true }" : "const __sfc__ = {}"),
+        scriptMap
+      );
       if (templateCode) {
         append("\n");
         append(templateCode, templateMap);
         append("\n");
         append("\n__sfc__.render = render\n");
+        if (isTemplateOnlyVapor && templateMultiRoot !== void 0) {
+          append(`
+__sfc__.__multiRoot = ${JSON.stringify(templateMultiRoot)}
+`);
+        }
       }
       if (descriptor.styles.length > 0) {
         for (let i = 0; i < descriptor.styles.length; i++) {
@@ -2416,6 +2434,16 @@ import "${id}?vue&type=style&index=${i}&lang.css"
 `);
         }
       }
+      if (vapor) {
+        append(
+          `
+if (!globalThis.__NASTI_VAPOR_BETA_WARNED__) {
+  globalThis.__NASTI_VAPOR_BETA_WARNED__ = true
+  console.warn(${JSON.stringify(VAPOR_BETA_WARNING)})
+}
+`
+        );
+      }
       append(`
 __sfc__.__scopeId = "data-v-${scopeId}"
 `);
@@ -2475,6 +2503,32 @@ if (import.meta.hot) {
     }
   };
 }
+function resolveVaporMode(descriptor, vueOptions, sfc, config) {
+  const requested = !!descriptor.vapor || !!vueOptions.features?.vapor && canForceVaporMode(descriptor);
+  if (!requested) return false;
+  if (!supportsVaporCompiler(sfc)) {
+    config.logger.warnOnce(
+      "[nasti:vue] Vapor Mode requires @vue/compiler-sfc >= 3.6. Install it: npm install @vue/compiler-sfc@^3.6.0-0"
+    );
+    return false;
+  }
+  config.logger.warnOnce(VAPOR_BETA_WARNING);
+  return true;
+}
+function canForceVaporMode(descriptor) {
+  if (typeof descriptor.filename === "string" && descriptor.filename.endsWith(".vue")) {
+    if (descriptor.script && !descriptor.scriptSetup) return false;
+    return !!(descriptor.scriptSetup || descriptor.template);
+  }
+  return true;
+}
+function supportsVaporCompiler(sfc) {
+  const version = sfc.version;
+  if (!version) return false;
+  const [major, minor] = version.split(".").map((part) => Number.parseInt(part, 10));
+  if (!Number.isFinite(major) || !Number.isFinite(minor)) return false;
+  return major > 3 || major === 3 && minor >= 6;
+}
 async function applySourceTransform(transform2, source, context) {
   if (!transform2) return { code: source };
   const result = await transform2(source, context);
@@ -2535,7 +2589,7 @@ function warnUnchainableMap(context, reason) {
 function hashId(filename) {
   return import_node_crypto2.default.createHash("sha256").update(filename).digest("hex").slice(0, 8);
 }
-var import_node_crypto2, import_source_map_js2, VUE_FILE_RE, VUE_QUERY_RE, debug2, compiler;
+var import_node_crypto2, import_source_map_js2, VUE_FILE_RE, VUE_QUERY_RE, debug2, VAPOR_BETA_WARNING, compiler;
 var init_vue = __esm({
   "src/plugins/vue.ts"() {
     "use strict";
@@ -2546,6 +2600,7 @@ var init_vue = __esm({
     VUE_FILE_RE = /\.vue$/;
     VUE_QUERY_RE = /\.vue\?vue&type=(script|template|style)(&index=\d+)?(&lang[.=]\w+)?/;
     debug2 = createDebugger("nasti:vue");
+    VAPOR_BETA_WARNING = "Vapor Mode is a beta feature; Zixiao Labs and the Vue team do not provide guarantees against crashes in production environments, and it is not suitable for server-side rendering environments.";
     compiler = null;
   }
 });
@@ -3802,7 +3857,7 @@ async function build(inlineConfig = {}) {
   const startTime = performance.now();
   logger.info(
     import_picocolors4.default.cyan(`
-nasti v${"2.4.2"} `) + import_picocolors4.default.green(`building for ${config.mode}...`)
+nasti v${"2.4.3"} `) + import_picocolors4.default.green(`building for ${config.mode}...`)
   );
   debug5?.(`root: ${config.root}`);
   const buildableNames = Object.keys(config.environments).filter((name) => {
@@ -6406,7 +6461,7 @@ async function createServer(inlineConfig = {}) {
           const readyIn = Math.ceil(performance.now() - startTime);
           logger.info(
             `
-  ${import_picocolors9.default.cyan(import_picocolors9.default.bold("NASTI"))} ${import_picocolors9.default.cyan(`v${"2.4.2"}`)}  ${import_picocolors9.default.dim("ready in")} ${import_picocolors9.default.bold(readyIn)} ${import_picocolors9.default.dim("ms")}
+  ${import_picocolors9.default.cyan(import_picocolors9.default.bold("NASTI"))} ${import_picocolors9.default.cyan(`v${"2.4.3"}`)}  ${import_picocolors9.default.dim("ready in")} ${import_picocolors9.default.bold(readyIn)} ${import_picocolors9.default.dim("ms")}
 `
           );
           printServerUrls(
@@ -6631,7 +6686,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(import_picocolors5.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors5.default.dim(` v${"2.4.2"}`));
+  console.log(import_picocolors5.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors5.default.dim(` v${"2.4.3"}`));
   console.log(import_picocolors5.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors5.default.dim(`  mode: ${config.mode}`));
   console.log(import_picocolors5.default.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -6804,7 +6859,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(import_picocolors10.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors10.default.dim(` v${"2.4.2"}`));
+  console.log(import_picocolors10.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors10.default.dim(` v${"2.4.3"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({
     ...rest,