@nasti-toolchain/nasti 1.4.0 → 1.5.0

package/README.md

@@ -7,7 +7,7 @@
 *兼容 Vite 插件生态，内置 React & Vue 支持*
 
 [![CI](https://github.com/zixiao-labs/Nasti/actions/workflows/ci.yml/badge.svg)](https://github.com/zixiao-labs/Nasti/actions/workflows/ci.yml)
-[![npm](https://img.shields.io/npm/v/nasti-build)](https://www.npmjs.com/package/nasti-build)
+[![npm](https://img.shields.io/npm/v/@nasti-toolchain%2Fnasti)](https://www.npmjs.com/package/@nasti-toolchain/nasti)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
 
 [English](#features) | [文档](https://nasti.zixiaolabs.com) | [快速开始](#quick-start)
@@ -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 支持，零配置
 
@@ -58,7 +59,7 @@ my-project/
 
 ```ts
 // nasti.config.ts
-import { defineConfig } from 'nasti-build'
+import { defineConfig } from '@nasti-toolchain/nasti'
 
 export default defineConfig({
   // 框架: 'react' | 'vue' | 'auto'（自动检测）
@@ -109,7 +110,7 @@ nasti electron-build [root] [--outDir dist]
 ## Programmatic API
 
 ```ts
-import { build, createServer, defineConfig } from 'nasti-build'
+import { build, createServer, defineConfig } from '@nasti-toolchain/nasti'
 
 // 开发服务器
 const server = await createServer({
@@ -130,7 +131,7 @@ await build({
 Nasti 的插件接口与 Vite 完全兼容：
 
 ```ts
-import type { NastiPlugin } from 'nasti-build'
+import type { NastiPlugin } from '@nasti-toolchain/nasti'
 
 function myPlugin(): NastiPlugin {
   return {
@@ -180,7 +181,7 @@ npm install -D electron@^41
 
 ```ts
 // nasti.config.ts
-import { defineConfig } from 'nasti-build'
+import { defineConfig } from '@nasti-toolchain/nasti'
 
 export default defineConfig({
   target: 'electron',
@@ -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.0"}`));
+          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.0"}`));
+  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.0"}`));
+  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.0"}`));
+  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.0");
+cli.version("1.5.0");
 cli.parse();
 //# sourceMappingURL=cli.cjs.map