@nasti-toolchain/nasti 1.7.0 → 1.7.1

package/dist/index.cjs

@@ -305,6 +305,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 = import_node_path2.default.dirname(vuePkgJson);
+      const mod = JSON.parse(import_node_fs2.default.readFileSync(vuePkgJson, "utf-8")).module;
+      const entry = import_node_path2.default.join(vueDir, mod ?? "dist/vue.runtime.esm-bundler.js");
+      if (import_node_fs2.default.existsSync(entry)) vueRuntimeEntry = entry;
+    } catch {
+    }
+  }
   return {
     name: "nasti:resolve",
     enforce: "pre",
@@ -335,6 +346,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 ? import_node_path2.default.dirname(importer) : config.root]
@@ -420,15 +432,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: import_node_path3.default.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]
   };
 }
@@ -614,6 +626,215 @@ var init_assets = __esm({
   }
 });
 
+// src/core/transformer.ts
+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 = (0, import_oxc_transform.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 import_oxc_transform, JS_EXTENSIONS, TS_EXTENSIONS, JSX_EXTENSIONS;
+var init_transformer = __esm({
+  "src/core/transformer.ts"() {
+    "use strict";
+    import_oxc_transform = require("oxc-transform");
+    JS_EXTENSIONS = /\.(js|mjs|cjs)$/;
+    TS_EXTENSIONS = /\.(ts|mts|cts)$/;
+    JSX_EXTENSIONS = /\.(jsx|tsx)$/;
+  }
+});
+
+// src/plugins/vue.ts
+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 import_node_crypto2.default.createHash("sha256").update(filename).digest("hex").slice(0, 8);
+}
+var import_node_crypto2, VUE_FILE_RE, VUE_QUERY_RE, compiler;
+var init_vue = __esm({
+  "src/plugins/vue.ts"() {
+    "use strict";
+    import_node_crypto2 = __toESM(require("crypto"), 1);
+    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
 function htmlPlugin(config) {
   return {
@@ -697,43 +918,6 @@ window.__vite_plugin_react_preamble_installed__ = true;
   }
 });
 
-// src/core/transformer.ts
-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 = (0, import_oxc_transform.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 import_oxc_transform, JS_EXTENSIONS, TS_EXTENSIONS, JSX_EXTENSIONS;
-var init_transformer = __esm({
-  "src/core/transformer.ts"() {
-    "use strict";
-    import_oxc_transform = require("oxc-transform");
-    JS_EXTENSIONS = /\.(js|mjs|cjs)$/;
-    TS_EXTENSIONS = /\.(ts|mts|cts)$/;
-    JSX_EXTENSIONS = /\.(jsx|tsx)$/;
-  }
-});
-
 // src/core/env.ts
 function loadEnv(mode, root, prefixes) {
   const envFiles = [
@@ -924,7 +1108,7 @@ __export(build_exports, {
 async function build(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "build");
   const startTime = performance.now();
-  console.log(import_picocolors.default.cyan("\n\u{1F528} nasti build") + import_picocolors.default.dim(` v${"1.7.0"}`));
+  console.log(import_picocolors.default.cyan("\n\u{1F528} nasti build") + import_picocolors.default.dim(` v${"1.7.1"}`));
   console.log(import_picocolors.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors.default.dim(`  mode: ${config.mode}`));
   const outDir = import_node_path8.default.resolve(config.root, config.build.outDir);
@@ -957,6 +1141,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)
@@ -979,7 +1164,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 (0, import_rolldown.rolldown)({
     ...restInputOptions,
     input: entryPoints,
@@ -1075,6 +1265,7 @@ var init_build = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
     init_transformer();
     init_env();
@@ -2077,6 +2268,7 @@ __export(server_exports, {
 async function createServer(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "serve");
   const allPlugins = [
+    ...config.framework === "vue" ? [vuePlugin(config)] : [],
     resolvePlugin(config),
     cssPlugin(config),
     assetsPlugin(config),
@@ -2137,7 +2329,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(import_picocolors3.default.cyan("  nasti dev server") + import_picocolors3.default.dim(` v${"1.7.0"}`));
+          console.log(import_picocolors3.default.cyan("  nasti dev server") + import_picocolors3.default.dim(` v${"1.7.1"}`));
           console.log();
           console.log(`  ${import_picocolors3.default.green(">")} Local:   ${import_picocolors3.default.cyan(localUrl)}`);
           if (networkUrl) {
@@ -2213,6 +2405,7 @@ var init_server = __esm({
     init_resolve();
     init_css();
     init_assets();
+    init_vue();
     init_html();
   }
 });
@@ -2281,7 +2474,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(import_picocolors2.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors2.default.dim(` v${"1.7.0"}`));
+  console.log(import_picocolors2.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors2.default.dim(` v${"1.7.1"}`));
   console.log(import_picocolors2.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors2.default.dim(`  mode: ${config.mode}`));
   console.log(import_picocolors2.default.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -2432,7 +2625,7 @@ async function startElectronDev(inlineConfig = {}) {
   const { noSpawn, ...rest } = inlineConfig;
   const config = await resolveConfig({ ...rest, target: "electron" }, "serve");
   warnElectronVersion(config);
-  console.log(import_picocolors4.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors4.default.dim(` v${"1.7.0"}`));
+  console.log(import_picocolors4.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors4.default.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();
@@ -2618,7 +2811,7 @@ function warnElectronVersion(config) {
 // src/plugins/monaco-editor.ts
 var import_node_path14 = __toESM(require("path"), 1);
 var import_node_fs11 = __toESM(require("fs"), 1);
-var import_node_crypto2 = __toESM(require("crypto"), 1);
+var import_node_crypto3 = __toESM(require("crypto"), 1);
 var import_node_module6 = require("module");
 var DEFAULT_WORKERS = {
   editorWorkerService: "monaco-editor/esm/vs/editor/editor.worker",
@@ -2732,7 +2925,7 @@ function monacoEditorPlugin(options = {}) {
     configResolved(config) {
       resolvedConfig = config;
       const version = readMonacoVersion(config.root);
-      const key = import_node_crypto2.default.createHash("sha1").update(version + "|" + publicPath).digest("hex").slice(0, 8);
+      const key = import_node_crypto3.default.createHash("sha1").update(version + "|" + publicPath).digest("hex").slice(0, 8);
       cacheDir = import_node_path14.default.resolve(config.root, "node_modules/.nasti/monaco", key);
     },
     async configureServer(server) {