@nasti-toolchain/nasti 1.7.0 → 1.7.1

package/dist/cli.js

@@ -1567,6 +1567,17 @@ function resolvePlugin(config) {
   const aliasEntries = Object.entries(alias).sort(
     ([a], [b]) => b.length - a.length
   );
+  let vueRuntimeEntry = null;
+  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;
+    } catch {
+    }
+  }
   return {
     name: "nasti:resolve",
     enforce: "pre",
@@ -1597,6 +1608,7 @@ function resolvePlugin(config) {
         if (resolved) return resolved;
       }
       if (!source.startsWith("/") && !source.startsWith(".")) {
+        if (vueRuntimeEntry && source === "vue") return vueRuntimeEntry;
         try {
           const resolved = require2.resolve(source, {
             paths: [importer ? path6.dirname(importer) : config.root]
@@ -1681,15 +1693,15 @@ async function loadTailwind(projectRoot) {
 async function compileTailwind(css, fromFile, projectRoot) {
   const { node, oxide } = await loadTailwind(projectRoot);
   const dependencies = [];
-  const compiler = await node.compile(css, {
+  const compiler2 = await node.compile(css, {
     base: path7.dirname(fromFile),
     from: fromFile,
     onDependency: (p) => dependencies.push(p)
   });
-  const scanner = new oxide.Scanner({ sources: compiler.sources });
+  const scanner = new oxide.Scanner({ sources: compiler2.sources });
   const candidates = scanner.scan();
   return {
-    css: compiler.build(candidates),
+    css: compiler2.build(candidates),
     dependencies: [...dependencies, ...scanner.files]
   };
 }
@@ -1871,6 +1883,178 @@ var init_assets = __esm({
   }
 });
 
+// src/plugins/vue.ts
+import crypto2 from "crypto";
+async function loadVueCompiler() {
+  if (compiler) return compiler;
+  try {
+    compiler = await import("@vue/compiler-sfc");
+    return compiler;
+  } catch {
+    return null;
+  }
+}
+function vuePlugin(config) {
+  const isDev = config.command === "serve";
+  const descriptorCache = /* @__PURE__ */ new Map();
+  return {
+    name: "nasti:vue",
+    enforce: "pre",
+    async resolveId(source) {
+      if (VUE_QUERY_RE.test(source)) {
+        return source;
+      }
+      return null;
+    },
+    async transform(code, id) {
+      if (!VUE_FILE_RE.test(id) && !VUE_QUERY_RE.test(id)) return null;
+      const sfc = await loadVueCompiler();
+      if (!sfc) {
+        console.warn("[nasti:vue] @vue/compiler-sfc not found. Install it: npm install @vue/compiler-sfc");
+        return null;
+      }
+      if (VUE_QUERY_RE.test(id)) {
+        return handleVueSubBlock(id, sfc, descriptorCache, config);
+      }
+      const { descriptor, errors } = sfc.parse(code, { filename: id });
+      if (errors.length) {
+        console.error(`[nasti:vue] Parse error in ${id}:`, errors[0].message);
+        return null;
+      }
+      descriptorCache.set(id, descriptor);
+      const scopeId = hashId(id);
+      let scriptCode = "";
+      if (descriptor.script || descriptor.scriptSetup) {
+        const compiled = sfc.compileScript(descriptor, {
+          id: scopeId,
+          isProd: !isDev,
+          inlineTemplate: true,
+          // 让 compileScript 产出 `const __sfc__ = ...`（而非默认的 `export default {...}`）。
+          // 否则下方追加的 `__sfc__.render` / `__sfc__.__scopeId` / HMR 记录会引用一个
+          // 不存在的 `__sfc__`，并与 compileScript 自带的 `export default` 形成双重默认导出。
+          genDefaultAs: "__sfc__"
+        });
+        scriptCode = compiled.content;
+      }
+      let templateCode = "";
+      if (descriptor.template && !descriptor.scriptSetup) {
+        const compiled = sfc.compileTemplate({
+          source: descriptor.template.content,
+          filename: id,
+          id: scopeId,
+          compilerOptions: { scopeId: `data-v-${scopeId}` }
+        });
+        templateCode = compiled.code;
+      }
+      let output = scriptCode || "const __sfc__ = {}";
+      if (templateCode) {
+        output += `
+${templateCode}
+`;
+        output += `
+__sfc__.render = render
+`;
+      }
+      if (descriptor.styles.length > 0) {
+        for (let i = 0; i < descriptor.styles.length; i++) {
+          const style = descriptor.styles[i];
+          const lang2 = style.lang ?? "css";
+          output += `
+import "${id}?vue&type=style&index=${i}&lang=${lang2}"
+`;
+        }
+      }
+      output += `
+__sfc__.__scopeId = "data-v-${scopeId}"
+`;
+      if (isDev) {
+        output += `
+__sfc__.__hmrId = ${JSON.stringify(scopeId)}
+if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
+  __VUE_HMR_RUNTIME__.createRecord(__sfc__.__hmrId, __sfc__)
+}
+if (import.meta.hot) {
+  import.meta.hot.accept((mod) => {
+    if (!mod) return
+    const { default: updated } = mod
+    if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
+      __VUE_HMR_RUNTIME__.rerender(updated.__hmrId, updated.render)
+    }
+  })
+}
+`;
+      }
+      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 };
+      }
+      return { code: output };
+    },
+    handleHotUpdate(ctx) {
+      const { file, modules } = ctx;
+      if (VUE_FILE_RE.test(file)) {
+        for (const mod of modules) {
+          mod.isSelfAccepting = true;
+        }
+        descriptorCache.delete(file);
+      }
+      return modules;
+    }
+  };
+}
+async function handleVueSubBlock(id, sfc, cache, config) {
+  const match = id.match(/(.+\.vue)\?vue&type=(\w+)(?:&index=(\d+))?(?:&lang=(\w+))?/);
+  if (!match) return null;
+  const [, filePath, type, indexStr, lang] = match;
+  const descriptor = cache.get(filePath);
+  if (!descriptor) return null;
+  if (type === "style") {
+    const index = parseInt(indexStr ?? "0", 10);
+    const style = descriptor.styles[index];
+    if (!style) return null;
+    const scopeId = hashId(filePath);
+    const result = await sfc.compileStyleAsync({
+      source: style.content,
+      filename: filePath,
+      id: `data-v-${scopeId}`,
+      scoped: style.scoped ?? false
+    });
+    const cssCode = JSON.stringify(result.code);
+    return {
+      code: `
+const css = ${cssCode};
+const style = document.createElement('style');
+style.setAttribute('data-v-${scopeId}', '');
+style.textContent = css;
+document.head.appendChild(style);
+
+if (import.meta.hot) {
+  import.meta.hot.accept();
+  import.meta.hot.prune(() => style.remove());
+}
+`
+    };
+  }
+  return null;
+}
+function hashId(filename) {
+  return crypto2.createHash("sha256").update(filename).digest("hex").slice(0, 8);
+}
+var VUE_FILE_RE, VUE_QUERY_RE, compiler;
+var init_vue = __esm({
+  "src/plugins/vue.ts"() {
+    "use strict";
+    init_transformer();
+    VUE_FILE_RE = /\.vue$/;
+    VUE_QUERY_RE = /\.vue\?vue&type=(script|template|style)(&index=\d+)?(&lang=\w+)?/;
+    compiler = null;
+  }
+});
+
 // src/server/index.ts
 var server_exports = {};
 __export(server_exports, {
@@ -1886,6 +2070,7 @@ import pc from "picocolors";
 async function createServer(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "serve");
   const allPlugins = [
+    ...config.framework === "vue" ? [vuePlugin(config)] : [],
     resolvePlugin(config),
     cssPlugin(config),
     assetsPlugin(config),
@@ -1946,7 +2131,7 @@ async function createServer(inlineConfig = {}) {
           const localUrl = `http://localhost:${actualPort}`;
           const networkUrl = host === "0.0.0.0" ? `http://${getNetworkAddress()}:${actualPort}` : null;
           console.log();
-          console.log(pc.cyan("  nasti dev server") + pc.dim(` v${"1.7.0"}`));
+          console.log(pc.cyan("  nasti dev server") + pc.dim(` v${"1.7.1"}`));
           console.log();
           console.log(`  ${pc.green(">")} Local:   ${pc.cyan(localUrl)}`);
           if (networkUrl) {
@@ -2014,6 +2199,7 @@ var init_server = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
   }
 });
@@ -2069,7 +2255,7 @@ import pc2 from "picocolors";
 async function build(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "build");
   const startTime = performance.now();
-  console.log(pc2.cyan("\n\u{1F528} nasti build") + pc2.dim(` v${"1.7.0"}`));
+  console.log(pc2.cyan("\n\u{1F528} nasti build") + pc2.dim(` v${"1.7.1"}`));
   console.log(pc2.dim(`  root: ${config.root}`));
   console.log(pc2.dim(`  mode: ${config.mode}`));
   const outDir = path11.resolve(config.root, config.build.outDir);
@@ -2102,6 +2288,7 @@ async function build(inlineConfig = {}) {
     throw new Error("No entry point found. Add a <script> tag to index.html or create src/main.ts");
   }
   const builtinPlugins = [
+    ...config.framework === "vue" ? [vuePlugin(config)] : [],
     resolvePlugin(config),
     cssPlugin(config),
     assetsPlugin(config)
@@ -2124,7 +2311,12 @@ async function build(inlineConfig = {}) {
   const env = loadEnv(config.mode, config.root, config.envPrefix);
   const envDefine = buildEnvDefine(env, config.mode);
   const { output: userOutput, transform: userTransform, ...restInputOptions } = config.build.rolldownOptions;
-  const mergedDefine = { ...userTransform?.define ?? {}, ...envDefine };
+  const vueDefine = config.framework === "vue" ? {
+    __VUE_OPTIONS_API__: "true",
+    __VUE_PROD_DEVTOOLS__: "false",
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false"
+  } : {};
+  const mergedDefine = { ...vueDefine, ...userTransform?.define ?? {}, ...envDefine };
   const bundle = await rolldown({
     ...restInputOptions,
     input: entryPoints,
@@ -2216,6 +2408,7 @@ var init_build = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
     init_transformer();
     init_env();
@@ -2238,7 +2431,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(pc3.cyan("\n\u26A1 nasti build (electron)") + pc3.dim(` v${"1.7.0"}`));
+  console.log(pc3.cyan("\n\u26A1 nasti build (electron)") + pc3.dim(` v${"1.7.1"}`));
   console.log(pc3.dim(`  root: ${config.root}`));
   console.log(pc3.dim(`  mode: ${config.mode}`));
   console.log(pc3.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -2396,7 +2589,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(pc4.cyan("\n\u26A1 nasti electron dev") + pc4.dim(` v${"1.7.0"}`));
+  console.log(pc4.cyan("\n\u26A1 nasti electron dev") + pc4.dim(` v${"1.7.1"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({ ...rest, target: "electron" });
   await server.listen();
@@ -2723,6 +2916,6 @@ cli.command("preview [root]", "Preview production build").option("--port <port>"
   }
 });
 cli.help();
-cli.version("1.7.0");
+cli.version("1.7.1");
 cli.parse();
 //# sourceMappingURL=cli.js.map