@nasti-toolchain/nasti 1.4.1 → 1.5.0

package/README.md

@@ -24,6 +24,7 @@
 - **内置 React 支持** - JSX 自动转换 + React Fast Refresh HMR
 - **内置 Vue 支持** - SFC 编译 + Vue HMR（可选依赖 `@vue/compiler-sfc`）
 - **Electron 41+ 支持** - 一键构建主进程 / Preload / 渲染进程，支持 ESM 主进程
+- **Monaco Editor 集成** - 内置 `monacoEditorPlugin`，预打包 Web Worker，修复 HMR 期间的 EMFILE
 - **Dev Server + HMR** - 开发服务器 + WebSocket 热模块替换
 - **TypeScript 优先** - 原生 TS 支持，零配置
 
@@ -243,6 +244,57 @@ app.whenReady().then(createWindow)
 
 > 详细说明见 [Electron 指南](https://nasti.zixiaolabs.com/pages/electron.html)。
 
+## Monaco Editor 支持
+
+内置 `monacoEditorPlugin`（对标 `vite-plugin-monaco-editor`），解决两个老大难问题：
+
+1. Monaco 的 Web Worker 是独立入口，必须单独打包
+2. `monaco-editor` 包含 2000+ 源文件，按 ESM 逐文件服务会在 HMR 时触发 **EMFILE（too many open files）** — 本插件将 Worker 预打包到磁盘缓存，并把 `monaco-editor` 目录显式从 watcher 中剔除
+
+```bash
+npm install monaco-editor
+```
+
+```ts
+// nasti.config.ts
+import { defineConfig, monacoEditorPlugin } from '@nasti-toolchain/nasti'
+
+export default defineConfig({
+  plugins: [
+    monacoEditorPlugin({
+      // 默认全部启用：editorWorkerService / css / html / json / typescript
+      languageWorkers: ['editorWorkerService', 'json', 'typescript'],
+
+      // 自定义 Worker（如 monaco-graphql）
+      customWorkers: [
+        { label: 'graphql', entry: 'monaco-graphql/esm/graphql.worker' },
+      ],
+
+      // Worker URL 前缀，可指向 CDN 绝对 URL
+      publicPath: 'monacoeditorwork',
+
+      // 兼容旧 API：将 monaco 暴露到 window.monaco
+      globalAPI: false,
+    }),
+  ],
+})
+```
+
+应用代码无需任何胶水：
+
+```ts
+import * as monaco from 'monaco-editor'
+
+monaco.editor.create(document.getElementById('editor')!, {
+  value: 'function hi() { console.log("hello monaco") }',
+  language: 'typescript',
+  theme: 'vs-dark',
+  automaticLayout: true,
+})
+```
+
+> 详细说明见 [Monaco Editor 指南](https://nasti.zixiaolabs.com/pages/monaco.html)。
+
 ## License
 
 [MIT](./LICENSE) - Made by [zixiao-labs](https://github.com/zixiao-labs)

package/dist/cli.cjs

@@ -1437,15 +1437,6 @@ async function createServer(inlineConfig = {}) {
   watcher.on("add", (file) => {
     handleFileChange(file, server);
   });
-  const postMiddlewares = [];
-  for (const plugin of allPlugins) {
-    if (plugin.configureServer) {
-      const result = await plugin.configureServer(server);
-      if (typeof result === "function") {
-        postMiddlewares.push(result);
-      }
-    }
-  }
   server = {
     config: configWithPlugins,
     middlewares: app,
@@ -1464,7 +1455,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_picocolors.default.cyan("  nasti dev server") + import_picocolors.default.dim(` v${"1.4.1"}`));
+          console.log(import_picocolors.default.cyan("  nasti dev server") + import_picocolors.default.dim(` v${"1.5.0"}`));
           console.log();
           console.log(`  ${import_picocolors.default.green(">")} Local:   ${import_picocolors.default.cyan(localUrl)}`);
           if (networkUrl) {
@@ -1497,6 +1488,16 @@ async function createServer(inlineConfig = {}) {
       httpServer.close();
     }
   };
+  const postMiddlewares = [];
+  for (const plugin of allPlugins) {
+    if (plugin.configureServer) {
+      const result = await plugin.configureServer(server);
+      if (typeof result === "function") {
+        postMiddlewares.push(result);
+      }
+    }
+  }
+  for (const run of postMiddlewares) run();
   return server;
 }
 function getNetworkAddress() {
@@ -1581,7 +1582,7 @@ __export(build_exports, {
 async function build(inlineConfig = {}) {
   const config = await resolveConfig(inlineConfig, "build");
   const startTime = performance.now();
-  console.log(import_picocolors2.default.cyan("\n\u{1F528} nasti build") + import_picocolors2.default.dim(` v${"1.4.1"}`));
+  console.log(import_picocolors2.default.cyan("\n\u{1F528} nasti build") + import_picocolors2.default.dim(` v${"1.5.0"}`));
   console.log(import_picocolors2.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors2.default.dim(`  mode: ${config.mode}`));
   const outDir = import_node_path10.default.resolve(config.root, config.build.outDir);
@@ -1742,7 +1743,7 @@ async function buildElectron(inlineConfig = {}) {
   const config = await resolveConfig({ ...inlineConfig, target: "electron" }, "build");
   const startTime = performance.now();
   assertElectronVersion(config);
-  console.log(import_picocolors3.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors3.default.dim(` v${"1.4.1"}`));
+  console.log(import_picocolors3.default.cyan("\n\u26A1 nasti build (electron)") + import_picocolors3.default.dim(` v${"1.5.0"}`));
   console.log(import_picocolors3.default.dim(`  root: ${config.root}`));
   console.log(import_picocolors3.default.dim(`  mode: ${config.mode}`));
   console.log(import_picocolors3.default.dim(`  target: electron (\u2265 ${config.electron.minVersion})`));
@@ -1894,7 +1895,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.4.1"}`));
+  console.log(import_picocolors4.default.cyan("\n\u26A1 nasti electron dev") + import_picocolors4.default.dim(` v${"1.5.0"}`));
   const { createServer: createServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const server = await createServer2({ ...rest, target: "electron" });
   await server.listen();
@@ -2210,6 +2211,6 @@ cli.command("preview [root]", "Preview production build").option("--port <port>"
   }
 });
 cli.help();
-cli.version("1.4.1");
+cli.version("1.5.0");
 cli.parse();
 //# sourceMappingURL=cli.cjs.map