@4399ywkf/core 5.0.18 → 5.0.20

package/dist/cli/index.js

@@ -1,20 +1,19 @@
 #!/usr/bin/env node
 
 // src/cli/index.ts
-import { Command } from "commander";
-import chalk4 from "chalk";
 import { createRequire as createRequire4 } from "module";
-import { fileURLToPath as fileURLToPath3 } from "url";
 import { dirname as dirname3, join as join7 } from "path";
+import { fileURLToPath as fileURLToPath3 } from "url";
+import chalk4 from "chalk";
+import { Command } from "commander";
 
-// src/cli/dev.ts
+// src/cli/build.ts
 import { rspack as rspack3 } from "@rspack/core";
-import { RspackDevServer } from "@rspack/dev-server";
 import chalk2 from "chalk";
 
 // src/config/loader.ts
 import { existsSync } from "fs";
-import { resolve, extname } from "path";
+import { extname, resolve } from "path";
 import { pathToFileURL } from "url";
 import deepmerge from "deepmerge";
 
@@ -78,12 +77,7 @@ var defaultConfig = {
 };
 
 // src/config/loader.ts
-var CONFIG_FILES = [
-  "ywkf.config.ts",
-  "ywkf.config.mts",
-  "ywkf.config.js",
-  "ywkf.config.mjs"
-];
+var CONFIG_FILES = ["ywkf.config.ts", "ywkf.config.mts", "ywkf.config.js", "ywkf.config.mjs"];
 function findConfigFile(cwd) {
   for (const file of CONFIG_FILES) {
     const configPath = resolve(cwd, file);
@@ -121,9 +115,7 @@ function mergeConfig(userConfig, baseConfig = defaultConfig) {
 async function resolveConfig(cwd) {
   const configPath = findConfigFile(cwd);
   if (!configPath) {
-    console.warn(
-      "\u26A0\uFE0F  \u672A\u627E\u5230\u914D\u7F6E\u6587\u4EF6 (ywkf.config.ts)\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E"
-    );
+    console.warn("\u26A0\uFE0F  \u672A\u627E\u5230\u914D\u7F6E\u6587\u4EF6 (ywkf.config.ts)\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E");
     return {
       config: defaultConfig,
       configPath: null
@@ -145,36 +137,257 @@ function createPathResolver(cwd) {
   };
 }
 
+// src/plugin/manager.ts
+function createLogger(pluginName) {
+  const prefix = `[${pluginName}]`;
+  const verbose = !!process.env.DEBUG;
+  return {
+    info: (msg) => {
+      if (verbose) console.log(`${prefix} ${msg}`);
+    },
+    warn: (msg) => console.warn(`${prefix} ${msg}`),
+    error: (msg) => console.error(`${prefix} ${msg}`),
+    debug: (msg) => {
+      if (verbose) console.debug(`${prefix} ${msg}`);
+    }
+  };
+}
+async function resolvePlugin(pluginConfig, _cwd) {
+  let plugin;
+  let options = {};
+  if (typeof pluginConfig === "string") {
+    const module = await import(pluginConfig);
+    plugin = module.default || module;
+  } else if (Array.isArray(pluginConfig)) {
+    const [pluginOrName, pluginOptions] = pluginConfig;
+    options = pluginOptions;
+    if (typeof pluginOrName === "string") {
+      const module = await import(pluginOrName);
+      plugin = module.default || module;
+    } else {
+      plugin = pluginOrName;
+    }
+  } else {
+    plugin = pluginConfig;
+  }
+  if (typeof plugin === "function") {
+    plugin = plugin(options);
+  }
+  return { plugin, options };
+}
+var PluginManager = class {
+  plugins = /* @__PURE__ */ new Map();
+  context;
+  constructor(config, cwd, isDev) {
+    this.context = {
+      cwd,
+      isDev,
+      isProd: !isDev,
+      config,
+      logger: createLogger("PluginManager")
+    };
+  }
+  /**
+   * 加载并初始化所有插件
+   */
+  async loadPlugins(pluginConfigs) {
+    for (const pluginConfig of pluginConfigs) {
+      try {
+        const { plugin } = await resolvePlugin(pluginConfig, this.context.cwd);
+        if (this.plugins.has(plugin.name)) {
+          this.context.logger.warn(`\u63D2\u4EF6 ${plugin.name} \u5DF2\u52A0\u8F7D\uFF0C\u8DF3\u8FC7\u91CD\u590D\u52A0\u8F7D`);
+          continue;
+        }
+        const pluginContext = {
+          ...this.context,
+          logger: createLogger(plugin.name)
+        };
+        const hooks = await plugin.setup(pluginContext);
+        this.plugins.set(plugin.name, { plugin, hooks });
+        this.context.logger.info(`\u5DF2\u52A0\u8F7D\u63D2\u4EF6: ${plugin.name}`);
+      } catch (error) {
+        this.context.logger.error(`\u52A0\u8F7D\u63D2\u4EF6\u5931\u8D25: ${String(pluginConfig)} - ${error}`);
+      }
+    }
+  }
+  /**
+   * 执行 modifyRspackConfig 钩子
+   */
+  async applyRspackConfigHooks(config) {
+    let result = config;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyRspackConfig) {
+        try {
+          const modified = await hooks.modifyRspackConfig(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyRspackConfig \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 执行 modifyRoutes 钩子
+   */
+  async applyRoutesHooks(routes) {
+    let result = routes;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyRoutes) {
+        try {
+          const modified = await hooks.modifyRoutes(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyRoutes \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 执行 modifyAppConfig 钩子
+   */
+  applyAppConfigHooks(appConfig) {
+    let result = appConfig;
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.modifyAppConfig) {
+        try {
+          const modified = hooks.modifyAppConfig(result, this.context);
+          if (modified) {
+            result = modified;
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} modifyAppConfig \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return result;
+  }
+  /**
+   * 收集所有插件的 Provider
+   */
+  collectProviders() {
+    const providers = [];
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.addProvider) {
+        try {
+          const result = hooks.addProvider(this.context);
+          if (Array.isArray(result)) {
+            providers.push(...result);
+          } else if (result) {
+            providers.push(result);
+          }
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} addProvider \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+    return providers;
+  }
+  /**
+   * 执行 beforeBuild 钩子
+   */
+  async runBeforeBuild() {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.beforeBuild) {
+        try {
+          await hooks.beforeBuild(this.context);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} beforeBuild \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 afterBuild 钩子
+   */
+  async runAfterBuild(stats) {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.afterBuild) {
+        try {
+          await hooks.afterBuild(this.context, stats);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} afterBuild \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 beforeDevServer 钩子
+   */
+  async runBeforeDevServer() {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.beforeDevServer) {
+        try {
+          await hooks.beforeDevServer(this.context);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} beforeDevServer \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 执行 afterDevServer 钩子
+   */
+  async runAfterDevServer(server) {
+    for (const [name, { hooks }] of this.plugins) {
+      if (hooks.afterDevServer) {
+        try {
+          await hooks.afterDevServer(this.context, server);
+        } catch (error) {
+          this.context.logger.error(`\u63D2\u4EF6 ${name} afterDevServer \u6267\u884C\u5931\u8D25: ${error}`);
+        }
+      }
+    }
+  }
+  /**
+   * 获取所有已加载的插件名称
+   */
+  getPluginNames() {
+    return Array.from(this.plugins.keys());
+  }
+  /**
+   * 获取所有已加载的插件
+   */
+  getPlugins() {
+    return Array.from(this.plugins.values()).map((p) => p.plugin);
+  }
+  /**
+   * 获取所有已加载的插件钩子
+   */
+  getPluginHooks() {
+    return Array.from(this.plugins.values()).map((p) => p.hooks);
+  }
+};
+
 // src/rspack/index.ts
 import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
 
 // src/rspack/dev.ts
+import { createRequire as createRequire2 } from "module";
 import ReactRefreshPlugin from "@rspack/plugin-react-refresh";
 import { merge } from "webpack-merge";
-import { createRequire as createRequire2 } from "module";
 
 // src/rspack/base.ts
-import { rspack } from "@rspack/core";
 import { createRequire } from "module";
-import { fileURLToPath } from "url";
 import { dirname, join as join5 } from "path";
+import { fileURLToPath } from "url";
+import { rspack } from "@rspack/core";
 
 // src/generator/plugin.ts
-import { watch, existsSync as existsSync5 } from "fs";
+import { existsSync as existsSync5, watch } from "fs";
 import { join as join4 } from "path";
 
 // src/generator/generator.ts
-import { existsSync as existsSync4, mkdirSync as mkdirSync2, writeFileSync as writeFileSync2, readFileSync as readFileSync2 } from "fs";
+import { existsSync as existsSync4, mkdirSync as mkdirSync2, readFileSync as readFileSync2, writeFileSync as writeFileSync2 } from "fs";
 import { join as join3 } from "path";
 
 // src/router/generator.ts
-import {
-  existsSync as existsSync2,
-  readdirSync,
-  statSync,
-  mkdirSync,
-  writeFileSync
-} from "fs";
+import { existsSync as existsSync2, mkdirSync, readdirSync, statSync, writeFileSync } from "fs";
 import { join, relative } from "path";
 function winPath(path) {
   const isExtendedLengthPath = /^\\\\\?\\/.test(path);
@@ -234,9 +447,7 @@ var ConventionalRouteGenerator = class {
       const subDirPath = join(dir, subDir);
       if (subDir.startsWith("__")) {
         const pathlessRoutes = this.scanDirectory(subDirPath, routePath);
-        const pathlessLayout = readdirSync(subDirPath).find(
-          (e) => CONVENTION_FILES.layout.test(e)
-        );
+        const pathlessLayout = readdirSync(subDirPath).find((e) => CONVENTION_FILES.layout.test(e));
         if (pathlessLayout) {
           const pathlessChildren = this.scanDirectory(subDirPath, routePath);
           const pathlessLayoutRel = winPath(
@@ -248,9 +459,7 @@ var ConventionalRouteGenerator = class {
             layoutFile: pathlessLayoutRel,
             isLayout: true,
             pathless: true,
-            children: pathlessChildren.filter(
-              (r) => r.layoutFile !== pathlessLayoutRel
-            )
+            children: pathlessChildren.filter((r) => r.layoutFile !== pathlessLayoutRel)
           });
         } else {
           childRoutes.push(...pathlessRoutes);
@@ -268,7 +477,7 @@ var ConventionalRouteGenerator = class {
         layoutChildren.push({
           path: routePath,
           file: relPath(pageFile),
-          name: routeName + "Index",
+          name: `${routeName}Index`,
           index: true
         });
       }
@@ -276,7 +485,7 @@ var ConventionalRouteGenerator = class {
         layoutChildren.push({
           path: "*",
           file: relPath(catchAllFile),
-          name: routeName + "CatchAll"
+          name: `${routeName}CatchAll`
         });
       }
       layoutChildren.push(...childRoutes);
@@ -305,7 +514,7 @@ var ConventionalRouteGenerator = class {
       result.push({
         path: "*",
         file: relPath(catchAllFile),
-        name: routeName + "CatchAll"
+        name: `${routeName}CatchAll`
       });
     }
     result.push(...childRoutes);
@@ -340,15 +549,13 @@ var ConventionalRouteGenerator = class {
    * 生成有效的 JS 标识符名称
    */
   generateRouteName(path) {
-    const name = path.split("/").filter(Boolean).map(
-      (s) => s.replace(/^:/, "Param").replace(/\?$/, "Optional").replace(/^\*$/, "CatchAll")
-    ).map((s) => {
+    const name = path.split("/").filter(Boolean).map((s) => s.replace(/^:/, "Param").replace(/\?$/, "Optional").replace(/^\*$/, "CatchAll")).map((s) => {
       const cleaned = s.replace(/[^a-zA-Z0-9]/g, "");
       if (!cleaned) return "";
       return cleaned.charAt(0).toUpperCase() + cleaned.slice(1);
     }).join("");
     if (!name || /^\d/.test(name)) {
-      return "Page" + (name || "Root");
+      return `Page${name || "Root"}`;
     }
     return name;
   }
@@ -367,8 +574,12 @@ import { createBrowserRouter, type RouteObject } from "react-router";
 
 // \u61D2\u52A0\u8F7D\u9875\u9762\u7EC4\u4EF6
 ${lazyImports.join("\n")}
-${errorImports.length > 0 ? "\n// \u9519\u8BEF\u8FB9\u754C\u7EC4\u4EF6\n" + errorImports.join("\n") : ""}
-${loadingImports.length > 0 ? "\n// \u52A0\u8F7D\u72B6\u6001\u7EC4\u4EF6\n" + loadingImports.join("\n") : ""}
+${errorImports.length > 0 ? `
+// \u9519\u8BEF\u8FB9\u754C\u7EC4\u4EF6
+${errorImports.join("\n")}` : ""}
+${loadingImports.length > 0 ? `
+// \u52A0\u8F7D\u72B6\u6001\u7EC4\u4EF6
+${loadingImports.join("\n")}` : ""}
 
 // \u9ED8\u8BA4\u52A0\u8F7D\u72B6\u6001
 const DefaultLoading = () => <div style={{ padding: 24, textAlign: "center" }}>\u52A0\u8F7D\u4E2D...</div>;
@@ -407,23 +618,17 @@ export default routes;
       const toImportPath = (f) => f.replace(/\.(tsx?|jsx?)$/, "");
       if (route.isLayout && route.layoutFile) {
         lazyImports.push(
-          `const ${name}Layout = lazy(() => import("@/pages/${toImportPath(
-            route.layoutFile
-          )}"));`
+          `const ${name}Layout = lazy(() => import("@/pages/${toImportPath(route.layoutFile)}"));`
         );
       }
       if (route.file) {
         lazyImports.push(
-          `const ${name}Page = lazy(() => import("@/pages/${toImportPath(
-            route.file
-          )}"));`
+          `const ${name}Page = lazy(() => import("@/pages/${toImportPath(route.file)}"));`
         );
       }
       if (route.errorFile) {
         errorImports.push(
-          `const ${name}Error = lazy(() => import("@/pages/${toImportPath(
-            route.errorFile
-          )}"));`
+          `const ${name}Error = lazy(() => import("@/pages/${toImportPath(route.errorFile)}"));`
         );
       }
       if (route.loadingFile) {
@@ -434,12 +639,7 @@ export default routes;
         );
       }
       if (route.children) {
-        this.collectImports(
-          route.children,
-          lazyImports,
-          errorImports,
-          loadingImports
-        );
+        this.collectImports(route.children, lazyImports, errorImports, loadingImports);
       }
     }
   }
@@ -465,9 +665,7 @@ export default routes;
     }
     if (route.isLayout && route.layoutFile) {
       const loadingProp = route.loadingFile ? ` Loading={${name}Loading}` : "";
-      parts.push(
-        `element: <LazyRoute Component={${name}Layout}${loadingProp} />`
-      );
+      parts.push(`element: <LazyRoute Component={${name}Layout}${loadingProp} />`);
     } else if (route.file) {
       parts.push(`element: <LazyRoute Component={${name}Page} />`);
     }
@@ -476,9 +674,7 @@ export default routes;
     }
     if (route.children && route.children.length > 0) {
       const childParent = route.pathless ? parentPath : route.path;
-      parts.push(
-        `children: ${this.emitRouteArray(route.children, childParent)}`
-      );
+      parts.push(`children: ${this.emitRouteArray(route.children, childParent)}`);
     }
     return `{
     ${parts.join(",\n    ")}
@@ -498,53 +694,13 @@ export default routes;
   }
 };
 
-// src/generator/templates/entry.ts
-function generateEntry(config, injections = {}) {
+// src/generator/templates/bootstrap.ts
+function generateBootstrap(config, injections = {}) {
+  const { appName, router } = config;
+  const routerImport = router.conventional ? `import { createRouter } from "./routes";` : `import { createRouter } from "@/routes";`;
   const imports = [
-    `import "@/index.css";`,
-    `import { runApp } from "./bootstrap";`,
-    ...injections.imports || []
-  ];
-  const topLevel = injections.topLevel || [];
-  const exports = injections.exports || [];
-  const hasPluginExports = exports.length > 0;
-  const hasAsyncTopLevel = topLevel.some((line) => line.includes("await "));
-  let startupBody;
-  if (hasPluginExports) {
-    startupBody = [
-      ...topLevel,
-      ...exports,
-      ``,
-      `if (shouldRunIndependently !== false) {`,
-      `  runApp();`,
-      `}`
-    ].join("\n");
-  } else if (hasAsyncTopLevel) {
-    startupBody = [
-      `(async () => {`,
-      ...topLevel.map((l) => `  ${l}`),
-      `  await runApp();`,
-      `})();`
-    ].join("\n");
-  } else {
-    startupBody = topLevel.length > 0 ? [...topLevel, `runApp();`].join("\n") : `runApp();`;
-  }
-  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/core \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
-// Generated at: ${(/* @__PURE__ */ new Date()).toISOString()}
-
-${imports.join("\n")}
-
-${startupBody}
-`;
-}
-
-// src/generator/templates/bootstrap.ts
-function generateBootstrap(config, injections = {}) {
-  const { appName, router } = config;
-  const routerImport = router.conventional ? `import { createRouter } from "./routes";` : `import { createRouter } from "@/routes";`;
-  const imports = [
-    `import { bootstrap, type AppConfig } from "@4399ywkf/core/runtime";`,
-    routerImport,
+    `import { bootstrap, type AppConfig } from "@4399ywkf/core/runtime";`,
+    routerImport,
     ...injections.imports || []
   ];
   const topLevel = injections.topLevel || [];
@@ -626,8 +782,50 @@ export async function runApp(): Promise<void> {
   const userConfig = await getUserConfig();
   await bootstrap(createAppConfig(userConfig));
 }
-${topLevel.length > 0 ? "\n" + topLevel.join("\n") : ""}
-${exports.length > 0 ? "\n" + exports.join("\n") : ""}
+${topLevel.length > 0 ? `
+${topLevel.join("\n")}` : ""}
+${exports.length > 0 ? `
+${exports.join("\n")}` : ""}
+`;
+}
+
+// src/generator/templates/entry.ts
+function generateEntry(_config, injections = {}) {
+  const imports = [
+    `import "@/index.css";`,
+    `import { runApp } from "./bootstrap";`,
+    ...injections.imports || []
+  ];
+  const topLevel = injections.topLevel || [];
+  const exports = injections.exports || [];
+  const hasPluginExports = exports.length > 0;
+  const hasAsyncTopLevel = topLevel.some((line) => line.includes("await "));
+  let startupBody;
+  if (hasPluginExports) {
+    startupBody = [
+      ...topLevel,
+      ...exports,
+      ``,
+      `if (shouldRunIndependently !== false) {`,
+      `  runApp();`,
+      `}`
+    ].join("\n");
+  } else if (hasAsyncTopLevel) {
+    startupBody = [
+      `(async () => {`,
+      ...topLevel.map((l) => `  ${l}`),
+      `  await runApp();`,
+      `})();`
+    ].join("\n");
+  } else {
+    startupBody = topLevel.length > 0 ? [...topLevel, `runApp();`].join("\n") : `runApp();`;
+  }
+  return `// \u6B64\u6587\u4EF6\u7531 @4399ywkf/core \u81EA\u52A8\u751F\u6210\uFF0C\u8BF7\u52FF\u624B\u52A8\u4FEE\u6539
+// Generated at: ${(/* @__PURE__ */ new Date()).toISOString()}
+
+${imports.join("\n")}
+
+${startupBody}
 `;
 }
 
@@ -791,17 +989,14 @@ var YwkfGenerator = class {
     const { outputDir, config } = this.context;
     const configPath = join3(outputDir, "config.json");
     const serializableConfig = JSON.parse(
-      JSON.stringify(config, (key, value) => {
+      JSON.stringify(config, (_key, value) => {
         if (typeof value === "function") {
           return "[Function]";
         }
         return value;
       })
     );
-    this.writeFileIfChanged(
-      configPath,
-      JSON.stringify(serializableConfig, null, 2)
-    );
+    this.writeFileIfChanged(configPath, JSON.stringify(serializableConfig, null, 2));
   }
   /**
    * 生成约定式路由
@@ -905,16 +1100,10 @@ var YwkfGenerator = class {
   generateTypes() {
     const { outputDir, config, cwd } = this.context;
     const envTypesContent = generateEnvTypes(cwd, config);
-    this.writeFileIfChanged(
-      join3(outputDir, "types", "env.d.ts"),
-      envTypesContent
-    );
+    this.writeFileIfChanged(join3(outputDir, "types", "env.d.ts"), envTypesContent);
     if (config.router.conventional) {
       const routeTypesContent = generateRouteTypes();
-      this.writeFileIfChanged(
-        join3(outputDir, "types", "routes.d.ts"),
-        routeTypesContent
-      );
+      this.writeFileIfChanged(join3(outputDir, "types", "routes.d.ts"), routeTypesContent);
     }
   }
   /**
@@ -1049,7 +1238,7 @@ var YwkfGeneratorPlugin = class {
   }
   apply(compiler) {
     const pluginName = "YwkfGeneratorPlugin";
-    compiler.hooks.beforeCompile.tapAsync(pluginName, async (params, callback) => {
+    compiler.hooks.beforeCompile.tapAsync(pluginName, async (_params, callback) => {
       try {
         await this.initialize();
         if (!this.hasGenerated && this.generator) {
@@ -1077,24 +1266,20 @@ var YwkfGeneratorPlugin = class {
     }
     this.isWatching = true;
     let debounceTimer = null;
-    const watcher = watch(
-      pagesDir,
-      { recursive: true },
-      (eventType, filename) => {
-        if (!filename?.match(/\.(tsx?|jsx?)$/)) {
-          return;
-        }
-        if (debounceTimer) {
-          clearTimeout(debounceTimer);
-        }
-        debounceTimer = setTimeout(async () => {
-          if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
-          if (this.generator) {
-            await this.generator.generate();
-          }
-        }, 500);
+    const watcher = watch(pagesDir, { recursive: true }, (_eventType, filename) => {
+      if (!filename?.match(/\.(tsx?|jsx?)$/)) {
+        return;
       }
-    );
+      if (debounceTimer) {
+        clearTimeout(debounceTimer);
+      }
+      debounceTimer = setTimeout(async () => {
+        if (process.env.DEBUG) console.log(`[ywkf] \u68C0\u6D4B\u5230\u9875\u9762\u53D8\u5316: ${filename}`);
+        if (this.generator) {
+          await this.generator.generate();
+        }
+      }, 500);
+    });
     process.on("exit", () => {
       watcher.close();
     });
@@ -1125,8 +1310,10 @@ var YwkfGeneratorPlugin = class {
           this.resetState();
           await this.initialize();
           await this.regenerate();
-          console.log(`  [ywkf] .ywkf \u76EE\u5F55\u5DF2\u91CD\u65B0\u751F\u6210\u3002\u90E8\u5206\u914D\u7F6E\u53D8\u66F4\uFF08\u5982\u7AEF\u53E3\u3001\u4EE3\u7406\uFF09\u9700\u91CD\u542F dev server \u751F\u6548\u3002
-`);
+          console.log(
+            `  [ywkf] .ywkf \u76EE\u5F55\u5DF2\u91CD\u65B0\u751F\u6210\u3002\u90E8\u5206\u914D\u7F6E\u53D8\u66F4\uFF08\u5982\u7AEF\u53E3\u3001\u4EE3\u7406\uFF09\u9700\u91CD\u542F dev server \u751F\u6548\u3002
+`
+          );
         } catch (error) {
           console.error(`  [ywkf] \u914D\u7F6E\u91CD\u8F7D\u5931\u8D25:`, error);
         }
@@ -1145,15 +1332,7 @@ var coreNodeModules = join5(__dirname, "../../node_modules");
 function createBaseConfig(config, cwd, options = {}) {
   const isDev = options.isDev ?? process.env.NODE_ENV !== "production";
   const { resolveApp } = createPathResolver(cwd);
-  const {
-    appName,
-    appCName,
-    output,
-    html,
-    alias: userAlias,
-    microFrontend,
-    router
-  } = config;
+  const { appName, appCName, output, html, alias: userAlias, microFrontend, router } = config;
   const ywkfOutputDir = resolveApp(".ywkf");
   const defaultAlias = {
     "@": resolveApp("src"),
@@ -1329,7 +1508,7 @@ function createBaseConfig(config, cwd, options = {}) {
 }
 
 // src/rspack/dev.ts
-var require3 = createRequire2(import.meta.url);
+var _require = createRequire2(import.meta.url);
 function convertProxyToArray(proxy) {
   if (!proxy || Object.keys(proxy).length === 0) {
     return void 0;
@@ -1360,10 +1539,7 @@ function createDevConfig(config, cwd) {
       // Less - antd
       {
         test: /\.less$/,
-        include: [
-          /[\\/]node_modules[\\/].*antd/,
-          /[\\/]node_modules[\\/]@4399ywkf[\\/]design/
-        ],
+        include: [/[\\/]node_modules[\\/].*antd/, /[\\/]node_modules[\\/]@4399ywkf[\\/]design/],
         use: [
           { loader: "style-loader" },
           {
@@ -1536,9 +1712,7 @@ function createDevConfig(config, cwd) {
       clean: false
     },
     stats: "errors-only",
-    plugins: [
-      new ReactRefreshPlugin()
-    ],
+    plugins: [new ReactRefreshPlugin()],
     devServer: {
       host: dev2.host,
       port: dev2.port,
@@ -1569,10 +1743,7 @@ function createProdConfig(config, cwd) {
       // Less - antd
       {
         test: /\.less$/,
-        include: [
-          /[\\/]node_modules[\\/].*antd/,
-          /[\\/]node_modules[\\/]@4399ywkf[\\/]design/
-        ],
+        include: [/[\\/]node_modules[\\/].*antd/, /[\\/]node_modules[\\/]@4399ywkf[\\/]design/],
         use: [
           { loader: rspack2.CssExtractRspackPlugin.loader },
           {
@@ -1788,10 +1959,7 @@ function createRspackConfig(config, cwd, options = {}) {
   const isDev = options.isDev ?? process.env.NODE_ENV !== "production";
   let rspackConfig = isDev ? createDevConfig(config, cwd) : createProdConfig(config, cwd);
   if (config.performance.rsdoctor) {
-    rspackConfig.plugins = [
-      ...rspackConfig.plugins || [],
-      new RsdoctorRspackPlugin({})
-    ];
+    rspackConfig.plugins = [...rspackConfig.plugins || [], new RsdoctorRspackPlugin({})];
   }
   if (config.tools.rspack) {
     const userConfig = config.tools.rspack(rspackConfig, {
@@ -1823,10 +1991,7 @@ function preloadEnv(cwd, mode, nodeEnv) {
       break;
     }
   }
-  const modeEnvPaths = [
-    resolve2(cwd, `config/env/.env.${mode}`),
-    resolve2(cwd, `.env.${mode}`)
-  ];
+  const modeEnvPaths = [resolve2(cwd, `config/env/.env.${mode}`), resolve2(cwd, `.env.${mode}`)];
   for (const envPath of modeEnvPaths) {
     if (existsSync6(envPath)) {
       const envContent = readFileSync3(envPath, "utf-8");
@@ -1864,379 +2029,101 @@ function loadEnv(config, cwd, mode, nodeEnv) {
   process.env.APP_PORT = process.env.APP_PORT || String(config.dev.port);
 }
 
-// src/plugin/manager.ts
-function createLogger(pluginName) {
-  const prefix = `[${pluginName}]`;
-  const verbose = !!process.env.DEBUG;
-  return {
-    info: (msg) => {
-      if (verbose) console.log(`${prefix} ${msg}`);
-    },
-    warn: (msg) => console.warn(`${prefix} ${msg}`),
-    error: (msg) => console.error(`${prefix} ${msg}`),
-    debug: (msg) => {
-      if (verbose) console.debug(`${prefix} ${msg}`);
-    }
-  };
+// src/cli/printer.ts
+import { createRequire as createRequire3 } from "module";
+import os from "os";
+import { dirname as dirname2, join as join6 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+import chalk from "chalk";
+var __filename = fileURLToPath2(import.meta.url);
+var __dirname2 = dirname2(__filename);
+var require3 = createRequire3(import.meta.url);
+var _version = null;
+function getFrameworkVersion() {
+  if (_version) return _version;
+  try {
+    const pkgPath = join6(__dirname2, "../../package.json");
+    const pkg = require3(pkgPath);
+    _version = pkg.version || "0.0.0";
+  } catch {
+    _version = "0.0.0";
+  }
+  return _version;
 }
-async function resolvePlugin(pluginConfig, cwd) {
-  let plugin;
-  let options = {};
-  if (typeof pluginConfig === "string") {
-    const module = await import(pluginConfig);
-    plugin = module.default || module;
-  } else if (Array.isArray(pluginConfig)) {
-    const [pluginOrName, pluginOptions] = pluginConfig;
-    options = pluginOptions;
-    if (typeof pluginOrName === "string") {
-      const module = await import(pluginOrName);
-      plugin = module.default || module;
-    } else {
-      plugin = pluginOrName;
+function getNetworkAddress(port) {
+  const interfaces = os.networkInterfaces();
+  for (const entries of Object.values(interfaces)) {
+    if (!entries) continue;
+    for (const entry of entries) {
+      if (entry.family === "IPv4" && !entry.internal) {
+        return `http://${entry.address}:${port}/`;
+      }
     }
-  } else {
-    plugin = pluginConfig;
-  }
-  if (typeof plugin === "function") {
-    plugin = plugin(options);
   }
-  return { plugin, options };
+  return null;
 }
-var PluginManager = class {
-  plugins = /* @__PURE__ */ new Map();
-  context;
-  constructor(config, cwd, isDev) {
-    this.context = {
-      cwd,
-      isDev,
-      isProd: !isDev,
-      config,
-      logger: createLogger("PluginManager")
-    };
+var BAR_WIDTH = 30;
+function renderBar(percent) {
+  const filled = Math.round(BAR_WIDTH * percent);
+  const empty = BAR_WIDTH - filled;
+  const bar = chalk.green("\u2501".repeat(filled)) + chalk.gray("\u2501".repeat(empty));
+  return bar;
+}
+var DevPrinter = class {
+  constructor(_host, port, pluginNames, isBuild = false) {
+    this._host = _host;
+    this.port = port;
+    this.pluginNames = pluginNames;
+    this.isBuild = isBuild;
   }
+  startTime = 0;
+  lastProgressLine = "";
+  firstCompileDone = false;
   /**
-   * 加载并初始化所有插件
+   * 打印框架 banner
    */
-  async loadPlugins(pluginConfigs) {
-    for (const pluginConfig of pluginConfigs) {
-      try {
-        const { plugin } = await resolvePlugin(pluginConfig, this.context.cwd);
-        if (this.plugins.has(plugin.name)) {
-          this.context.logger.warn(`\u63D2\u4EF6 ${plugin.name} \u5DF2\u52A0\u8F7D\uFF0C\u8DF3\u8FC7\u91CD\u590D\u52A0\u8F7D`);
-          continue;
-        }
-        const pluginContext = {
-          ...this.context,
-          logger: createLogger(plugin.name)
-        };
-        const hooks = await plugin.setup(pluginContext);
-        this.plugins.set(plugin.name, { plugin, hooks });
-        this.context.logger.info(`\u5DF2\u52A0\u8F7D\u63D2\u4EF6: ${plugin.name}`);
-      } catch (error) {
-        this.context.logger.error(
-          `\u52A0\u8F7D\u63D2\u4EF6\u5931\u8D25: ${String(pluginConfig)} - ${error}`
-        );
-      }
-    }
+  printBanner() {
+    const version2 = getFrameworkVersion();
+    console.log();
+    console.log(`  ${chalk.bold.cyan("@4399ywkf/core")} ${chalk.green(`Framework v${version2}`)}`);
+    console.log();
   }
   /**
-   * 执行 modifyRspackConfig 钩子
+   * 打印 "start  build started..."
    */
-  async applyRspackConfigHooks(config) {
-    let result = config;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyRspackConfig) {
-        try {
-          const modified = await hooks.modifyRspackConfig(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyRspackConfig \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return result;
+  printBuildStart() {
+    this.startTime = Date.now();
+    this.compileDone = false;
+    const label = chalk.gray("start");
+    console.log(`  ${label}   build started...`);
   }
   /**
-   * 执行 modifyRoutes 钩子
+   * 更新编译进度条（原地覆写同一行）
    */
-  async applyRoutesHooks(routes) {
-    let result = routes;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyRoutes) {
-        try {
-          const modified = await hooks.modifyRoutes(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyRoutes \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
+  updateProgress(percent, message) {
+    const pct = Math.min(Math.round(percent * 100), 100);
+    const bar = renderBar(percent);
+    const status = message || "compiling";
+    const line = `  ${chalk.yellow("\u25CF")} client ${bar} ${chalk.bold(`(${pct}%)`)} ${chalk.gray(status)}`;
+    if (process.stdout.isTTY) {
+      if (this.lastProgressLine) {
+        process.stdout.write("\x1B[1A\x1B[2K");
       }
+      process.stdout.write(`${line}
+`);
+    } else if (!this.firstCompileDone && pct === 100) {
+      console.log(line);
     }
-    return result;
+    this.lastProgressLine = line;
   }
   /**
-   * 执行 modifyAppConfig 钩子
-   */
-  applyAppConfigHooks(appConfig) {
-    let result = appConfig;
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.modifyAppConfig) {
-        try {
-          const modified = hooks.modifyAppConfig(result, this.context);
-          if (modified) {
-            result = modified;
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} modifyAppConfig \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return result;
-  }
-  /**
-   * 收集所有插件的 Provider
-   */
-  collectProviders() {
-    const providers = [];
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.addProvider) {
-        try {
-          const result = hooks.addProvider(this.context);
-          if (Array.isArray(result)) {
-            providers.push(...result);
-          } else if (result) {
-            providers.push(result);
-          }
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} addProvider \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-    return providers;
-  }
-  /**
-   * 执行 beforeBuild 钩子
-   */
-  async runBeforeBuild() {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.beforeBuild) {
-        try {
-          await hooks.beforeBuild(this.context);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} beforeBuild \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 afterBuild 钩子
-   */
-  async runAfterBuild(stats) {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.afterBuild) {
-        try {
-          await hooks.afterBuild(this.context, stats);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} afterBuild \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 beforeDevServer 钩子
-   */
-  async runBeforeDevServer() {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.beforeDevServer) {
-        try {
-          await hooks.beforeDevServer(this.context);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} beforeDevServer \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 执行 afterDevServer 钩子
-   */
-  async runAfterDevServer(server) {
-    for (const [name, { hooks }] of this.plugins) {
-      if (hooks.afterDevServer) {
-        try {
-          await hooks.afterDevServer(this.context, server);
-        } catch (error) {
-          this.context.logger.error(
-            `\u63D2\u4EF6 ${name} afterDevServer \u6267\u884C\u5931\u8D25: ${error}`
-          );
-        }
-      }
-    }
-  }
-  /**
-   * 获取所有已加载的插件名称
-   */
-  getPluginNames() {
-    return Array.from(this.plugins.keys());
-  }
-  /**
-   * 获取所有已加载的插件
-   */
-  getPlugins() {
-    return Array.from(this.plugins.values()).map((p) => p.plugin);
-  }
-  /**
-   * 获取所有已加载的插件钩子
-   */
-  getPluginHooks() {
-    return Array.from(this.plugins.values()).map((p) => p.hooks);
-  }
-};
-
-// src/cli/port.ts
-import net from "net";
-function isPortAvailable(port, host) {
-  return new Promise((resolve3) => {
-    const server = net.createServer();
-    server.once("error", (err) => {
-      if (err.code === "EADDRINUSE") {
-        resolve3(false);
-      } else {
-        resolve3(false);
-      }
-    });
-    server.once("listening", () => {
-      server.close(() => resolve3(true));
-    });
-    server.listen(port, host);
-  });
-}
-async function getAvailablePort(preferredPort, host) {
-  const MAX_ATTEMPTS = 20;
-  for (let i = 0; i < MAX_ATTEMPTS; i++) {
-    const port = preferredPort + i;
-    const available = await isPortAvailable(port, host);
-    if (available) return port;
-  }
-  throw new Error(
-    `No available port found in range ${preferredPort}-${preferredPort + MAX_ATTEMPTS - 1}`
-  );
-}
-
-// src/cli/printer.ts
-import chalk from "chalk";
-import os from "os";
-import { createRequire as createRequire3 } from "module";
-import { fileURLToPath as fileURLToPath2 } from "url";
-import { dirname as dirname2, join as join6 } from "path";
-var __filename = fileURLToPath2(import.meta.url);
-var __dirname2 = dirname2(__filename);
-var require4 = createRequire3(import.meta.url);
-var _version = null;
-function getFrameworkVersion() {
-  if (_version) return _version;
-  try {
-    const pkgPath = join6(__dirname2, "../../package.json");
-    const pkg = require4(pkgPath);
-    _version = pkg.version || "0.0.0";
-  } catch {
-    _version = "0.0.0";
-  }
-  return _version;
-}
-function getNetworkAddress(port) {
-  const interfaces = os.networkInterfaces();
-  for (const entries of Object.values(interfaces)) {
-    if (!entries) continue;
-    for (const entry of entries) {
-      if (entry.family === "IPv4" && !entry.internal) {
-        return `http://${entry.address}:${port}/`;
-      }
-    }
-  }
-  return null;
-}
-var BAR_WIDTH = 30;
-function renderBar(percent) {
-  const filled = Math.round(BAR_WIDTH * percent);
-  const empty = BAR_WIDTH - filled;
-  const bar = chalk.green("\u2501".repeat(filled)) + chalk.gray("\u2501".repeat(empty));
-  return bar;
-}
-var DevPrinter = class {
-  constructor(host, port, pluginNames, isBuild = false) {
-    this.host = host;
-    this.port = port;
-    this.pluginNames = pluginNames;
-    this.isBuild = isBuild;
-  }
-  startTime = 0;
-  lastProgressLine = "";
-  firstCompileDone = false;
-  /**
-   * 打印框架 banner
-   */
-  printBanner() {
-    const version2 = getFrameworkVersion();
-    console.log();
-    console.log(
-      `  ${chalk.bold.cyan("@4399ywkf/core")} ${chalk.green(`Framework v${version2}`)}`
-    );
-    console.log();
-  }
-  /**
-   * 打印 "start  build started..."
-   */
-  printBuildStart() {
-    this.startTime = Date.now();
-    this.compileDone = false;
-    const label = chalk.gray("start");
-    console.log(`  ${label}   build started...`);
-  }
-  /**
-   * 更新编译进度条（原地覆写同一行）
-   */
-  updateProgress(percent, message) {
-    const pct = Math.min(Math.round(percent * 100), 100);
-    const bar = renderBar(percent);
-    const status = message || "compiling";
-    const line = `  ${chalk.yellow("\u25CF")} client ${bar} ${chalk.bold(`(${pct}%)`)} ${chalk.gray(status)}`;
-    if (process.stdout.isTTY) {
-      if (this.lastProgressLine) {
-        process.stdout.write("\x1B[1A\x1B[2K");
-      }
-      process.stdout.write(line + "\n");
-    } else if (!this.firstCompileDone && pct === 100) {
-      console.log(line);
-    }
-    this.lastProgressLine = line;
-  }
-  /**
-   * 编译完成
+   * 编译完成
    */
   printBuildDone(hasErrors = false) {
     if (this.firstCompileDone) {
       if (!hasErrors) {
         const elapsed2 = ((Date.now() - this.startTime) / 1e3).toFixed(2);
-        console.log(
-          `  ${chalk.green("hmr")}     update in ${chalk.bold(`${elapsed2} s`)}`
-        );
+        console.log(`  ${chalk.green("hmr")}     update in ${chalk.bold(`${elapsed2} s`)}`);
       }
       return;
     }
@@ -2285,9 +2172,7 @@ var DevPrinter = class {
     }
     console.log();
     this.printPluginList();
-    console.log(
-      `  ${chalk.bold(">")} press ${chalk.bold("h + enter")} to show shortcuts`
-    );
+    console.log(`  ${chalk.bold(">")} press ${chalk.bold("h + enter")} to show shortcuts`);
     console.log();
   }
   /**
@@ -2342,103 +2227,7 @@ function registerShortcuts(printer, opts) {
   process.stdin.resume();
 }
 
-// src/cli/dev.ts
-async function dev(options = {}) {
-  const cwd = options.cwd || process.cwd();
-  const mode = options.mode || "development";
-  try {
-    preloadEnv(cwd, mode, "development");
-    const { config } = await resolveConfig(cwd);
-    loadEnv(config, cwd, mode, "development");
-    const pluginManager = new PluginManager(config, cwd, true);
-    if (config.plugins && config.plugins.length > 0) {
-      await pluginManager.loadPlugins(config.plugins);
-    }
-    await pluginManager.runBeforeDevServer();
-    let rspackConfig = createRspackConfig(config, cwd, { isDev: true });
-    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
-    const host = config.dev.host || "localhost";
-    const preferredPort = config.dev.port || 3e3;
-    const port = await getAvailablePort(preferredPort, host);
-    const pluginNames = pluginManager.getPluginNames();
-    if (port !== preferredPort) {
-      console.log(
-        chalk2.yellow(`  Port ${preferredPort} is in use, using ${port} instead.
-`)
-      );
-    }
-    const printer = new DevPrinter(host, port, pluginNames);
-    printer.printBanner();
-    printer.printBuildStart();
-    printer.updateProgress(0, "preparing");
-    rspackConfig.plugins = rspackConfig.plugins || [];
-    rspackConfig.plugins.push(
-      new rspack3.ProgressPlugin(createProgressHandler(printer))
-    );
-    rspackConfig.stats = "none";
-    rspackConfig.infrastructureLogging = { level: "none" };
-    if (rspackConfig.devServer) {
-      const ds = rspackConfig.devServer;
-      const existingClient = ds.client ?? {};
-      ds.client = {
-        ...existingClient,
-        logging: "warn",
-        overlay: false,
-        progress: false
-      };
-    }
-    const compiler = rspack3(rspackConfig);
-    compiler.hooks.done.tap("ywkf-dev-printer", (stats) => {
-      const hasErrors = stats.hasErrors();
-      if (hasErrors) {
-        const info = stats.toJson({ errors: true });
-        console.log();
-        console.log(chalk2.red("  Compile error:"));
-        for (const err of info.errors || []) {
-          console.log(chalk2.red(`    ${err.message}`));
-        }
-        console.log();
-      }
-      printer.printBuildDone(hasErrors);
-    });
-    compiler.hooks.invalid.tap("ywkf-dev-printer", () => {
-      printer.markRebuildStart();
-      printer.updateProgress(0, "rebuilding");
-    });
-    const devServerOptions = {
-      ...rspackConfig.devServer || {},
-      host,
-      port
-    };
-    const server = new RspackDevServer(devServerOptions, compiler);
-    await server.start();
-    await pluginManager.runAfterDevServer({ host, port });
-    registerShortcuts(printer, {
-      port,
-      onQuit: async () => {
-        console.log(chalk2.gray("\n  Shutting down...\n"));
-        await server.stop();
-        process.exit(0);
-      }
-    });
-    const signals = ["SIGINT", "SIGTERM"];
-    for (const signal of signals) {
-      process.on(signal, async () => {
-        await server.stop();
-        process.exit(0);
-      });
-    }
-  } catch (error) {
-    console.error();
-    console.error(chalk2.red("  \u2716 Dev server failed to start"));
-    console.error(error);
-    process.exit(1);
-  }
-}
-
 // src/cli/build.ts
-import { rspack as rspack4 } from "@rspack/core";
-import chalk3 from "chalk";
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`;
@@ -2451,30 +2240,28 @@ function printBuildResult(stats) {
     warnings: true
   });
   if (info.errors && info.errors.length > 0) {
-    console.log(chalk3.red("\n  Compile errors:"));
+    console.log(chalk2.red("\n  Compile errors:"));
     for (const error of info.errors) {
-      console.log(chalk3.red(`    ${error.message}`));
+      console.log(chalk2.red(`    ${error.message}`));
     }
     return;
   }
   if (info.warnings && info.warnings.length > 0) {
-    console.log(chalk3.yellow("\n  Warnings:"));
+    console.log(chalk2.yellow("\n  Warnings:"));
     for (const warning of info.warnings) {
-      console.log(chalk3.yellow(`    ${warning.message}`));
+      console.log(chalk2.yellow(`    ${warning.message}`));
     }
   }
-  console.log(chalk3.bold("\n  Build output:"));
+  console.log(chalk2.bold("\n  Build output:"));
   console.log();
   const assets = info.assets || [];
   const sortedAssets = assets.filter((asset) => !asset.name.endsWith(".map")).sort((a, b) => b.size - a.size);
   for (const asset of sortedAssets.slice(0, 15)) {
-    const sizeColor = asset.size > 500 * 1024 ? chalk3.yellow : chalk3.green;
-    console.log(
-      `    ${chalk3.dim(asset.name.padEnd(50))} ${sizeColor(formatSize(asset.size))}`
-    );
+    const sizeColor = asset.size > 500 * 1024 ? chalk2.yellow : chalk2.green;
+    console.log(`    ${chalk2.dim(asset.name.padEnd(50))} ${sizeColor(formatSize(asset.size))}`);
   }
   if (sortedAssets.length > 15) {
-    console.log(chalk3.dim(`    ... and ${sortedAssets.length - 15} more files`));
+    console.log(chalk2.dim(`    ... and ${sortedAssets.length - 15} more files`));
   }
   console.log();
 }
@@ -2498,12 +2285,10 @@ async function build(options = {}) {
     printer.printBuildStart();
     printer.updateProgress(0, "preparing");
     rspackConfig.plugins = rspackConfig.plugins || [];
-    rspackConfig.plugins.push(
-      new rspack4.ProgressPlugin(createProgressHandler(printer))
-    );
+    rspackConfig.plugins.push(new rspack3.ProgressPlugin(createProgressHandler(printer)));
     rspackConfig.stats = "none";
     rspackConfig.infrastructureLogging = { level: "none" };
-    const compiler = rspack4(rspackConfig);
+    const compiler = rspack3(rspackConfig);
     const stats = await new Promise((resolve3, reject) => {
       compiler.run((err, stats2) => {
         if (err) {
@@ -2537,7 +2322,132 @@ async function build(options = {}) {
     printBuildResult(stats);
   } catch (error) {
     console.error();
-    console.error(chalk3.red("  \u2716 Build failed"));
+    console.error(chalk2.red("  \u2716 Build failed"));
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+// src/cli/dev.ts
+import { rspack as rspack4 } from "@rspack/core";
+import { RspackDevServer } from "@rspack/dev-server";
+import chalk3 from "chalk";
+
+// src/cli/port.ts
+import net from "net";
+function isPortAvailable(port, host) {
+  return new Promise((resolve3) => {
+    const server = net.createServer();
+    server.once("error", (err) => {
+      if (err.code === "EADDRINUSE") {
+        resolve3(false);
+      } else {
+        resolve3(false);
+      }
+    });
+    server.once("listening", () => {
+      server.close(() => resolve3(true));
+    });
+    server.listen(port, host);
+  });
+}
+async function getAvailablePort(preferredPort, host) {
+  const MAX_ATTEMPTS = 20;
+  for (let i = 0; i < MAX_ATTEMPTS; i++) {
+    const port = preferredPort + i;
+    const available = await isPortAvailable(port, host);
+    if (available) return port;
+  }
+  throw new Error(
+    `No available port found in range ${preferredPort}-${preferredPort + MAX_ATTEMPTS - 1}`
+  );
+}
+
+// src/cli/dev.ts
+async function dev(options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const mode = options.mode || "development";
+  try {
+    preloadEnv(cwd, mode, "development");
+    const { config } = await resolveConfig(cwd);
+    loadEnv(config, cwd, mode, "development");
+    const pluginManager = new PluginManager(config, cwd, true);
+    if (config.plugins && config.plugins.length > 0) {
+      await pluginManager.loadPlugins(config.plugins);
+    }
+    await pluginManager.runBeforeDevServer();
+    let rspackConfig = createRspackConfig(config, cwd, { isDev: true });
+    rspackConfig = await pluginManager.applyRspackConfigHooks(rspackConfig);
+    const host = config.dev.host || "localhost";
+    const preferredPort = config.dev.port || 3e3;
+    const port = await getAvailablePort(preferredPort, host);
+    const pluginNames = pluginManager.getPluginNames();
+    if (port !== preferredPort) {
+      console.log(chalk3.yellow(`  Port ${preferredPort} is in use, using ${port} instead.
+`));
+    }
+    const printer = new DevPrinter(host, port, pluginNames);
+    printer.printBanner();
+    printer.printBuildStart();
+    printer.updateProgress(0, "preparing");
+    rspackConfig.plugins = rspackConfig.plugins || [];
+    rspackConfig.plugins.push(new rspack4.ProgressPlugin(createProgressHandler(printer)));
+    rspackConfig.stats = "none";
+    rspackConfig.infrastructureLogging = { level: "none" };
+    if (rspackConfig.devServer) {
+      const ds = rspackConfig.devServer;
+      const existingClient = ds.client ?? {};
+      ds.client = {
+        ...existingClient,
+        logging: "warn",
+        overlay: false,
+        progress: false
+      };
+    }
+    const compiler = rspack4(rspackConfig);
+    compiler.hooks.done.tap("ywkf-dev-printer", (stats) => {
+      const hasErrors = stats.hasErrors();
+      if (hasErrors) {
+        const info = stats.toJson({ errors: true });
+        console.log();
+        console.log(chalk3.red("  Compile error:"));
+        for (const err of info.errors || []) {
+          console.log(chalk3.red(`    ${err.message}`));
+        }
+        console.log();
+      }
+      printer.printBuildDone(hasErrors);
+    });
+    compiler.hooks.invalid.tap("ywkf-dev-printer", () => {
+      printer.markRebuildStart();
+      printer.updateProgress(0, "rebuilding");
+    });
+    const devServerOptions = {
+      ...rspackConfig.devServer || {},
+      host,
+      port
+    };
+    const server = new RspackDevServer(devServerOptions, compiler);
+    await server.start();
+    await pluginManager.runAfterDevServer({ host, port });
+    registerShortcuts(printer, {
+      port,
+      onQuit: async () => {
+        console.log(chalk3.gray("\n  Shutting down...\n"));
+        await server.stop();
+        process.exit(0);
+      }
+    });
+    const signals = ["SIGINT", "SIGTERM"];
+    for (const signal of signals) {
+      process.on(signal, async () => {
+        await server.stop();
+        process.exit(0);
+      });
+    }
+  } catch (error) {
+    console.error();
+    console.error(chalk3.red("  \u2716 Dev server failed to start"));
     console.error(error);
     process.exit(1);
   }
@@ -2546,10 +2456,10 @@ async function build(options = {}) {
 // src/cli/index.ts
 var __filename2 = fileURLToPath3(import.meta.url);
 var __dirname3 = dirname3(__filename2);
-var require5 = createRequire4(import.meta.url);
+var require4 = createRequire4(import.meta.url);
 var version = "0.0.0";
 try {
-  const pkg = require5(join7(__dirname3, "../../package.json"));
+  const pkg = require4(join7(__dirname3, "../../package.json"));
   version = pkg.version;
 } catch {
 }