@nasti-toolchain/nasti 1.7.0 → 1.7.1

package/dist/index.js

@@ -286,6 +286,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 = path2.dirname(vuePkgJson);
+      const mod = JSON.parse(fs2.readFileSync(vuePkgJson, "utf-8")).module;
+      const entry = path2.join(vueDir, mod ?? "dist/vue.runtime.esm-bundler.js");
+      if (fs2.existsSync(entry)) vueRuntimeEntry = entry;
+    } catch {
+    }
+  }
   return {
     name: "nasti:resolve",
     enforce: "pre",
@@ -316,6 +327,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 ? path2.dirname(importer) : config.root]
@@ -400,15 +412,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: path3.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]
   };
 }
@@ -590,6 +602,215 @@ var init_assets = __esm({
   }
 });
 
+// src/core/transformer.ts
+import { transformSync } from "oxc-transform";
+function shouldTransform(id) {
+  return TS_EXTENSIONS.test(id) || JSX_EXTENSIONS.test(id) || JS_EXTENSIONS.test(id) && false;
+}
+function transformCode(filename, code, options = {}) {
+  const isTS = TS_EXTENSIONS.test(filename) || /\.tsx$/.test(filename);
+  const isJSX = JSX_EXTENSIONS.test(filename);
+  const result = transformSync(filename, code, {
+    typescript: isTS ? {} : void 0,
+    jsx: isJSX || /\.tsx$/.test(filename) ? {
+      runtime: options.jsxRuntime ?? "automatic",
+      importSource: options.jsxImportSource ?? "react",
+      refresh: options.reactRefresh ?? false
+    } : void 0,
+    sourcemap: options.sourcemap ?? true
+  });
+  if (result.errors && result.errors.length > 0) {
+    const msg = result.errors.map((e) => e.message ?? String(e)).join("\n");
+    throw new Error(`OXC transform failed for ${filename}:
+${msg}`);
+  }
+  return {
+    code: result.code,
+    map: result.map ? JSON.stringify(result.map) : null
+  };
+}
+var JS_EXTENSIONS, TS_EXTENSIONS, JSX_EXTENSIONS;
+var init_transformer = __esm({
+  "src/core/transformer.ts"() {
+    "use strict";
+    JS_EXTENSIONS = /\.(js|mjs|cjs)$/;
+    TS_EXTENSIONS = /\.(ts|mts|cts)$/;
+    JSX_EXTENSIONS = /\.(jsx|tsx)$/;
+  }
+});
+
+// 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/plugins/html.ts
 import path6 from "path";
 import fs4 from "fs";
@@ -673,43 +894,6 @@ window.__vite_plugin_react_preamble_installed__ = true;
   }
 });
 
-// src/core/transformer.ts
-import { transformSync } from "oxc-transform";
-function shouldTransform(id) {
-  return TS_EXTENSIONS.test(id) || JSX_EXTENSIONS.test(id) || JS_EXTENSIONS.test(id) && false;
-}
-function transformCode(filename, code, options = {}) {
-  const isTS = TS_EXTENSIONS.test(filename) || /\.tsx$/.test(filename);
-  const isJSX = JSX_EXTENSIONS.test(filename);
-  const result = transformSync(filename, code, {
-    typescript: isTS ? {} : void 0,
-    jsx: isJSX || /\.tsx$/.test(filename) ? {
-      runtime: options.jsxRuntime ?? "automatic",
-      importSource: options.jsxImportSource ?? "react",
-      refresh: options.reactRefresh ?? false
-    } : void 0,
-    sourcemap: options.sourcemap ?? true
-  });
-  if (result.errors && result.errors.length > 0) {
-    const msg = result.errors.map((e) => e.message ?? String(e)).join("\n");
-    throw new Error(`OXC transform failed for ${filename}:
-${msg}`);
-  }
-  return {
-    code: result.code,
-    map: result.map ? JSON.stringify(result.map) : null
-  };
-}
-var JS_EXTENSIONS, TS_EXTENSIONS, JSX_EXTENSIONS;
-var init_transformer = __esm({
-  "src/core/transformer.ts"() {
-    "use strict";
-    JS_EXTENSIONS = /\.(js|mjs|cjs)$/;
-    TS_EXTENSIONS = /\.(ts|mts|cts)$/;
-    JSX_EXTENSIONS = /\.(jsx|tsx)$/;
-  }
-});
-
 // src/core/env.ts
 import path7 from "path";
 import fs5 from "fs";
@@ -903,7 +1087,7 @@ import pc from "picocolors";
 async function build(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "build");
   const startTime = performance.now();
-  console.log(pc.cyan("\n\u{1F528} nasti build") + pc.dim(` v${"1.7.0"}`));
+  console.log(pc.cyan("\n\u{1F528} nasti build") + pc.dim(` v${"1.7.1"}`));
   console.log(pc.dim(`  root: ${config.root}`));
   console.log(pc.dim(`  mode: ${config.mode}`));
   const outDir = path8.resolve(config.root, config.build.outDir);
@@ -936,6 +1120,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)
@@ -958,7 +1143,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,
@@ -1050,6 +1240,7 @@ var init_build = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
     init_transformer();
     init_env();
@@ -2055,6 +2246,7 @@ import pc3 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),
@@ -2115,7 +2307,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(pc3.cyan("  nasti dev server") + pc3.dim(` v${"1.7.0"}`));
+          console.log(pc3.cyan("  nasti dev server") + pc3.dim(` v${"1.7.1"}`));
           console.log();
           console.log(`  ${pc3.green(">")} Local:   ${pc3.cyan(localUrl)}`);
           if (networkUrl) {
@@ -2183,6 +2375,7 @@ var init_server = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
   }
 });
@@ -2239,7 +2432,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(pc2.cyan("\n\u26A1 nasti build (electron)") + pc2.dim(` v${"1.7.0"}`));
+  console.log(pc2.cyan("\n\u26A1 nasti build (electron)") + pc2.dim(` v${"1.7.1"}`));
   console.log(pc2.dim(`  root: ${config.root}`));
   console.log(pc2.dim(`  mode: ${config.mode}`));
   console.log(pc2.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -2390,7 +2583,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();
@@ -2576,7 +2769,7 @@ function warnElectronVersion(config) {
 // src/plugins/monaco-editor.ts
 import path14 from "path";
 import fs11 from "fs";
-import crypto2 from "crypto";
+import crypto3 from "crypto";
 import { createRequire as createRequire5 } from "module";
 var DEFAULT_WORKERS = {
   editorWorkerService: "monaco-editor/esm/vs/editor/editor.worker",
@@ -2690,7 +2883,7 @@ function monacoEditorPlugin(options = {}) {
     configResolved(config) {
       resolvedConfig = config;
       const version = readMonacoVersion(config.root);
-      const key = crypto2.createHash("sha1").update(version + "|" + publicPath).digest("hex").slice(0, 8);
+      const key = crypto3.createHash("sha1").update(version + "|" + publicPath).digest("hex").slice(0, 8);
       cacheDir = path14.resolve(config.root, "node_modules/.nasti/monaco", key);
     },
     async configureServer(server) {