@modern-js/app-tools 2.0.0-canary.0 → 2.0.0

package/dist/js/modern/builder/builderPlugins/compatModern.js

@@ -42,6 +42,7 @@ const PluginCompatModern = (appContext, modernConfig, options) => ({
       return config;
     });
     api.modifyWebpackChain((chain, { target, CHAIN_ID, isProd }) => {
+      var _a;
       const builderNormalizedConfig = api.getNormalizedConfig();
       if (target === "node") {
         chain.name("server");
@@ -76,10 +77,10 @@ const PluginCompatModern = (appContext, modernConfig, options) => ({
           chain
         );
         chain.plugin(CHAIN_ID.PLUGIN.COPY).tap((args) => {
-          var _a;
+          var _a2;
           return [
             {
-              patterns: [...((_a = args[0]) == null ? void 0 : _a.patterns) || [], defaultCopyPattern]
+              patterns: [...((_a2 = args[0]) == null ? void 0 : _a2.patterns) || [], defaultCopyPattern]
             }
           ];
         });
@@ -88,7 +89,8 @@ const PluginCompatModern = (appContext, modernConfig, options) => ({
       const existNestedRoutes = entrypoints.some(
         (entrypoint) => entrypoint.nestedRoutesEntry
       );
-      const routerManifest = Boolean(modernConfig.runtime.router.minifest);
+      const routerConfig = (_a = modernConfig == null ? void 0 : modernConfig.runtime) == null ? void 0 : _a.router;
+      const routerManifest = Boolean(routerConfig == null ? void 0 : routerConfig.manifest);
       if (existNestedRoutes || routerManifest) {
         chain.plugin("route-plugin").use(RouterPlugin);
       }
@@ -98,8 +100,8 @@ const PluginCompatModern = (appContext, modernConfig, options) => ({
         chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
       }
       function isHtmlEnabled(config, target2) {
-        var _a;
-        return ((_a = config.tools) == null ? void 0 : _a.htmlPlugin) !== false && target2 !== "node" && target2 !== "web-worker";
+        var _a2;
+        return ((_a2 = config.tools) == null ? void 0 : _a2.htmlPlugin) !== false && target2 !== "node" && target2 !== "web-worker";
       }
     });
     if (options) {
@@ -142,6 +144,11 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     if (isProd2 && ((outputConfig == null ? void 0 : outputConfig.ssg) === true || typeof ((_a = outputConfig == null ? void 0 : outputConfig.ssg) == null ? void 0 : _a[0]) === "function")) {
       return;
     }
+    if (typeof entries === "undefined") {
+      throw new Error(
+        "No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required"
+      );
+    }
     const entryNames = Object.keys(entries);
     if (isProd2 && entryNames.length === 1 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
       return;

package/dist/js/modern/builder/index.js

@@ -43,19 +43,25 @@ import {
 import {
   builderWebpackProvider
 } from "@modern-js/builder-webpack-provider";
-import { applyOptionsChain, isUseSSRBundle } from "@modern-js/utils";
+import {
+  applyOptionsChain,
+  isProd,
+  isSSR,
+  isUseSSRBundle
+} from "@modern-js/utils";
 import {
   PluginCompatModern
 } from "./builderPlugins/compatModern";
 import { createCopyPattern } from "./share";
 function getBuilderTargets(normalizedConfig) {
   const targets = ["web"];
-  if (isUseSSRBundle(normalizedConfig)) {
+  const useNodeTarget = isProd() ? isUseSSRBundle(normalizedConfig) : isSSR(normalizedConfig);
+  if (useNodeTarget) {
     targets.push("node");
   }
   return targets;
 }
-function createBuilderForEdenX(_0) {
+function createBuilderForModern(_0) {
   return __async(this, arguments, function* ({
     normalizedConfig,
     appContext,
@@ -88,19 +94,11 @@ function createBuilderProviderConfig(normalizedConfig, appContext) {
     htmlConfig.templateByEntries = __spreadValues(__spreadValues({}, htmlConfig.templateByEntries), appContext.htmlTemplates);
   }
   return __spreadProps(__spreadValues({}, normalizedConfig), {
-    source: __spreadProps(__spreadValues({}, normalizedConfig.source), {
-      resolveExtensionPrefix: ".web"
-    }),
     output,
-    dev: {
-      port: (_a = normalizedConfig.server) == null ? void 0 : _a.port,
-      https: normalizedConfig.dev.https,
-      assetPrefix: normalizedConfig.dev.assetPrefix
-    },
-    html: htmlConfig,
-    performance: __spreadProps(__spreadValues({}, normalizedConfig.performance), {
-      removeMomentLocale: true
-    })
+    dev: __spreadProps(__spreadValues({}, normalizedConfig.dev), {
+      port: (_a = normalizedConfig.server) == null ? void 0 : _a.port
+    }),
+    html: htmlConfig
   });
   function createOutputConfig(config, appContext2) {
     const defaultCopyPattern = createCopyPattern(appContext2, config, "upload");
@@ -156,7 +154,7 @@ function applyBuilderPlugins(builder, normalizedConfig, appContext, compatPlugin
   });
 }
 export {
-  createBuilderForEdenX,
+  createBuilderForModern,
   createBuilderOptions,
   createBuilderProviderConfig
 };

package/dist/js/modern/builder/share.js

@@ -1,5 +1,4 @@
 import path from "path";
-import { template as lodashTemplate } from "@modern-js/utils/lodash";
 import { removeTailSlash } from "@modern-js/utils";
 function createCopyPattern(appContext, config, patternsType, chain) {
   const configDir = path.resolve(
@@ -26,9 +25,10 @@ function createCopyPattern(appContext, config, patternsType, chain) {
         if (!/\.html?$/.test(absoluteFrom)) {
           return content;
         }
-        return lodashTemplate(content.toString("utf8"))({
-          assetPrefix: removeTailSlash(chain.output.get("publicPath"))
-        });
+        return content.toString("utf8").replace(
+          /<%=\s*assetPrefix\s*%>/g,
+          removeTailSlash(chain.output.get("publicPath"))
+        );
       }
     };
   } else {

package/dist/js/modern/builder/webpackPlugins/routerPlugin.js

@@ -91,7 +91,9 @@ class RouterPlugin {
           const entryChunks = [...compilation.chunks].filter((chunk) => {
             return entryChunkIds.includes(chunk.name);
           });
-          const entryChunkFiles = entryChunks.map((chunk) => [...chunk.files][0]);
+          const entryChunkFiles = entryChunks.map(
+            (chunk) => [...chunk.files].find((fname) => fname.includes(".js"))
+          );
           for (const file of entryChunkFiles) {
             const asset = compilation.assets[file];
             const newContent = `${injectedContent}${asset.source().toString()}`;

package/dist/js/modern/commands/dev.js

@@ -48,6 +48,7 @@ import {
 import { generateRoutes } from "../utils/routes";
 import { getSpecifiedEntries } from "../utils/getSpecifiedEntries";
 import { buildServerConfig } from "../utils/config";
+import { getServerInternalPlugins } from "../utils/getServerInternalPlugins";
 const dev = (api, options) => __async(void 0, null, function* () {
   var _a;
   if (options.analyze) {
@@ -64,8 +65,7 @@ const dev = (api, options) => __async(void 0, null, function* () {
     port,
     apiOnly,
     entrypoints,
-    serverConfigFile,
-    serverInternalPlugins
+    serverConfigFile
   } = appContext;
   const checkedEntries = yield getSpecifiedEntries(
     options.entry || false,
@@ -86,29 +86,27 @@ const dev = (api, options) => __async(void 0, null, function* () {
     }
   });
   yield hookRunners.beforeDev();
-  let compiler;
   if (!appContext.builder && !apiOnly) {
     throw new Error(
       "Expect the Builder to have been initialized, But the appContext.builder received `undefined`"
     );
   }
-  if (!apiOnly) {
-    compiler = yield appContext.builder.createCompiler();
-  }
   yield generateRoutes(appContext);
+  const serverInternalPlugins = yield getServerInternalPlugins(api);
   const serverOptions = {
     dev: __spreadValues({
       port,
       https: normalizedConfig.dev.https
     }, (_a = normalizedConfig.tools) == null ? void 0 : _a.devServer),
-    compiler: compiler || null,
     pwd: appDirectory,
     config: normalizedConfig,
     serverConfigFile,
     internalPlugins: injectDataLoaderPlugin(serverInternalPlugins)
   };
   if (apiOnly) {
-    const app = yield createServer(serverOptions);
+    const app = yield createServer(__spreadProps(__spreadValues({}, serverOptions), {
+      compiler: null
+    }));
     app.listen(port, (err) => __async(void 0, null, function* () {
       if (err) {
         throw err;
@@ -117,7 +115,6 @@ const dev = (api, options) => __async(void 0, null, function* () {
     }));
   } else {
     const { server } = yield appContext.builder.startDevServer({
-      compiler,
       printURLs: false,
       serverOptions
     });

package/dist/js/modern/commands/index.js

@@ -1,3 +1,3 @@
 export * from "./dev";
 export * from "./build";
-export * from "./start";
+export * from "./serve";

package/dist/js/modern/commands/{start.js → serve.js}

@@ -22,6 +22,7 @@ import { logger, chalk, isApiOnly } from "@modern-js/utils";
 import server from "@modern-js/prod-server";
 import { printInstructions } from "../utils/printInstructions";
 import { injectDataLoaderPlugin } from "../utils/createServer";
+import { getServerInternalPlugins } from "../utils/getServerInternalPlugins";
 const start = (api) => __async(void 0, null, function* () {
   var _a;
   const appContext = api.useAppContext();
@@ -33,11 +34,12 @@ const start = (api) => __async(void 0, null, function* () {
     appContext.appDirectory,
     (_a = userConfig == null ? void 0 : userConfig.source) == null ? void 0 : _a.entriesDir
   );
+  const serverInternalPlugins = yield getServerInternalPlugins(api);
   const app = yield server({
     pwd: appDirectory,
     config: userConfig,
     serverConfigFile,
-    internalPlugins: injectDataLoaderPlugin(appContext.serverInternalPlugins),
+    internalPlugins: injectDataLoaderPlugin(serverInternalPlugins),
     apiOnly
   });
   app.listen(port, (err) => __async(void 0, null, function* () {

package/dist/js/modern/config/default.js

@@ -1,46 +1,45 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
 function createDefaultConfig(appContext) {
-  const defaultAlias = appContext ? {
-    [appContext.internalDirAlias]: appContext.internalDirectory,
-    [appContext.internalSrcAlias]: appContext.srcDirectory,
-    "@": appContext.srcDirectory,
-    "@shared": appContext.sharedDirectory
-  } : {};
-  const source = {
+  const defaultBuilderConfig = createDefaultBuilderConfig();
+  const dev = __spreadValues({}, defaultBuilderConfig.dev);
+  const tools = __spreadValues({}, defaultBuilderConfig.tools);
+  const output = __spreadProps(__spreadValues({}, defaultBuilderConfig.output), {
+    disableNodePolyfill: true
+  });
+  const source = __spreadProps(__spreadValues({}, defaultBuilderConfig.source), {
     entries: void 0,
     enableAsyncEntry: false,
     disableDefaultEntries: false,
     entriesDir: "./src",
     configDir: "./config",
-    globalVars: void 0,
-    moduleScopes: void 0,
-    include: [],
-    alias: defaultAlias
-  };
-  const output = {
-    assetPrefix: "/",
-    distPath: {
-      html: "html",
-      js: "static/js",
-      css: "static/css",
-      media: "static/media",
-      root: "dist"
-    },
-    copy: void 0,
-    disableCssModuleExtension: false,
-    enableCssModuleTSDeclaration: false,
-    disableMinimize: false,
-    enableInlineStyles: false,
-    enableInlineScripts: false,
-    disableSourceMap: false,
-    disableInlineRuntimeChunk: false,
-    disableFilenameHash: false,
-    enableLatestDecorators: false,
-    polyfill: "entry",
-    cssModuleLocalIdentName: void 0
-  };
-  const html = {
+    alias: {
+      [appContext.internalDirAlias]: appContext.internalDirectory,
+      [appContext.internalSrcAlias]: appContext.srcDirectory,
+      "@": appContext.srcDirectory,
+      "@shared": appContext.sharedDirectory
+    }
+  });
+  const html = __spreadProps(__spreadValues({}, defaultBuilderConfig.html), {
     title: "",
-    titleByEntries: void 0,
     meta: {
       charset: { charset: "utf-8" },
       viewport: "width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no",
@@ -50,17 +49,8 @@ function createDefaultConfig(appContext) {
       imagemode: "force",
       "wap-font-scale": "no",
       "format-detection": "telephone=no"
-    },
-    metaByEntries: void 0,
-    inject: "head",
-    injectByEntries: void 0,
-    mountId: "root",
-    favicon: "",
-    faviconByEntries: void 0,
-    disableHtmlFolder: false,
-    templateParameters: {},
-    templateParametersByEntries: void 0
-  };
+    }
+  });
   const server = {
     routes: void 0,
     publicRoutes: void 0,
@@ -69,20 +59,6 @@ function createDefaultConfig(appContext) {
     baseUrl: "/",
     port: 8080
   };
-  const dev = {
-    assetPrefix: false,
-    https: false
-  };
-  const tools = {
-    webpack: void 0,
-    babel: void 0,
-    postcss: void 0,
-    autoprefixer: void 0,
-    devServer: void 0,
-    tsLoader: void 0,
-    terser: void 0,
-    minifyCss: void 0
-  };
   return {
     source,
     output,
@@ -91,6 +67,7 @@ function createDefaultConfig(appContext) {
     html,
     tools,
     plugins: [],
+    builderPlugins: [],
     runtime: {},
     runtimeByEntries: {}
   };

package/dist/js/modern/config/initial/createOutputConfig.js

@@ -44,6 +44,7 @@ function createOutputConfig(config) {
       font: dataUriLimit,
       media: dataUriLimit
     },
+    cssModuleLocalIdentName,
     disableCssExtract,
     disableCssModuleExtension,
     disableInlineRuntimeChunk,
@@ -56,9 +57,6 @@ function createOutputConfig(config) {
     polyfill,
     disableFilenameHash: disableAssetsCache,
     enableLatestDecorators,
-    filename: {
-      css: cssModuleLocalIdentName
-    },
     ssg,
     enableAssetFallback: true,
     enableAssetManifest: true,

package/dist/js/modern/config/initial/createSourceConfig.js

@@ -27,7 +27,11 @@ function createSourceConfig(config) {
     enableAsyncEntry,
     disableDefaultEntries,
     entriesDir,
-    configDir
+    configDir,
+    resolveExtensionPrefix: {
+      web: ".web",
+      node: ".node"
+    }
   };
 }
 export {

package/dist/js/modern/config/initial/inits.js

@@ -25,6 +25,7 @@ import {
   globby,
   isModernjsMonorepo
 } from "@modern-js/utils";
+import { getAutoInjectEnv } from "../../utils/env";
 function initHtmlConfig(config, appContext) {
   const ICON_EXTENSIONS = ["png", "jpg", "jpeg", "svg", "ico"];
   config.html.appIcon = createBuilderAppIcon(config, appContext);
@@ -61,6 +62,12 @@ function initHtmlConfig(config, appContext) {
 function initSourceConfig(config, appContext) {
   config.source.include = createBuilderInclude(config, appContext);
   config.source.moduleScopes = createBuilderModuleScope(config);
+  config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  function createBuilderGlobalVars(config2, appContext2) {
+    const { globalVars = {} } = config2.source;
+    const publicEnv = getAutoInjectEnv(appContext2);
+    return __spreadValues(__spreadValues({}, globalVars), publicEnv);
+  }
   function createBuilderInclude(config2, appContext2) {
     const { include } = config2.source;
     const defaultInclude = [appContext2.internalDirectory];

package/dist/js/modern/config/initial/transformNormalizedConfig.js

@@ -31,11 +31,15 @@ function transformNormalizedConfig(config) {
     server,
     cliOptions,
     testing,
+    builderPlugins: [],
     plugins,
     security: {},
     _raw: {},
     experiments: {},
-    performance: {}
+    autoLoadPlugins: true,
+    performance: {
+      removeMomentLocale: true
+    }
   };
 }
 export {

package/dist/js/modern/hooks.js

@@ -14,6 +14,7 @@ const hooks = {
   htmlPartials: createAsyncWaterfall(),
   beforeGenerateRoutes: createAsyncWaterfall(),
   addDefineTypes: createAsyncWaterfall(),
+  collectServerPlugins: createAsyncWaterfall(),
   beforeDev: createAsyncWorkflow(),
   afterDev: createAsyncWorkflow(),
   beforeCreateCompiler: createAsyncWorkflow(),
@@ -25,7 +26,11 @@ const hooks = {
   afterDeploy: createAsyncWorkflow(),
   watchFiles: createParallelWorkflow(),
   fileChange: createAsyncWorkflow(),
-  beforeRestart: createAsyncWorkflow()
+  beforeRestart: createAsyncWorkflow(),
+  registerDev: createParallelWorkflow(),
+  beforeDevTask: createParallelWorkflow(),
+  registerBuildPlatform: createParallelWorkflow(),
+  beforeBuildPlatform: createParallelWorkflow()
 };
 export {
   hooks

package/dist/js/modern/index.js

@@ -40,6 +40,7 @@ var __async = (__this, __arguments, generator) => {
 import path from "path";
 import LintPlugin from "@modern-js/plugin-lint";
 import { cleanRequireCache, emptyDir, Import } from "@modern-js/utils";
+import { castArray } from "@modern-js/utils/lodash";
 import AnalyzePlugin from "./analyze";
 import InitializePlugin from "./initialize";
 import { hooks } from "./hooks";
@@ -53,6 +54,51 @@ const upgradeModel = Import.lazy(
   "@modern-js/upgrade",
   require
 );
+const devCommand = (program, api) => __async(void 0, null, function* () {
+  const runner = api.useHookRunners();
+  const devToolMetas = yield runner.registerDev();
+  const devProgram = program.command("dev").alias("start").usage("[options]").description(i18n.t(localeKeys.command.dev.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("-e --entry [entry...]", i18n.t(localeKeys.command.dev.entry)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).action((options) => __async(void 0, null, function* () {
+    const { dev } = yield import("./commands/dev");
+    yield dev(api, options);
+  }));
+  for (const meta of devToolMetas) {
+    if (!meta.subCommands) {
+      continue;
+    }
+    for (const subCmd of meta.subCommands) {
+      devProgram.command(subCmd).action((..._0) => __async(void 0, [..._0], function* (options = {}) {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = yield import("@modern-js/utils");
+        yield runner.beforeDevTask(meta);
+        yield meta.action(options, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      }));
+    }
+  }
+});
+const buildCommand = (program, api) => __async(void 0, null, function* () {
+  const runner = api.useHookRunners();
+  const platformBuilders = yield runner.registerBuildPlatform();
+  const buildProgram = program.command("build").usage("[options]").description(i18n.t(localeKeys.command.build.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).action((options) => __async(void 0, null, function* () {
+    const { build } = yield import("./commands/build");
+    yield build(api, options);
+    process.exit(0);
+  }));
+  for (const platformBuilder of platformBuilders) {
+    const platforms = castArray(platformBuilder.platform);
+    for (const platform of platforms) {
+      buildProgram.command(platform).action(() => __async(void 0, null, function* () {
+        const { appDirectory } = api.useAppContext();
+        const { isTypescript } = yield import("@modern-js/utils");
+        yield runner.beforeBuildPlatform(platformBuilders);
+        yield platformBuilder.build(platform, {
+          isTsProject: isTypescript(appDirectory)
+        });
+      }));
+    }
+  }
+});
 var src_default = () => ({
   name: "@modern-js/app-tools",
   post: [
@@ -62,7 +108,7 @@ var src_default = () => ({
     "@modern-js/plugin-document",
     "@modern-js/plugin-state",
     "@modern-js/plugin-router",
-    "@modern-js/plugin-router-legacy",
+    "@modern-js/plugin-router-v5",
     "@modern-js/plugin-polyfill"
   ],
   registerHook: hooks,
@@ -71,67 +117,56 @@ var src_default = () => ({
     const locale = getLocaleLanguage();
     i18n.changeLanguage({ locale });
     return {
-      commands({ program }) {
-        program.command("dev").usage("[options]").description(i18n.t(localeKeys.command.dev.describe)).option(
-          "-c --config <config>",
-          i18n.t(localeKeys.command.shared.config)
-        ).option("-e --entry [entry...]", i18n.t(localeKeys.command.dev.entry)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).action((options) => __async(this, null, function* () {
-          const { dev } = yield import("./commands/dev");
-          yield dev(api, options);
-        }));
-        program.command("build").usage("[options]").description(i18n.t(localeKeys.command.build.describe)).option(
-          "-c --config <config>",
-          i18n.t(localeKeys.command.shared.config)
-        ).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).action((options) => __async(this, null, function* () {
-          const { build } = yield import("./commands/build");
-          yield build(api, options);
-          process.exit(0);
-        }));
-        program.command("start").usage("[options]").description(i18n.t(localeKeys.command.start.describe)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).option(
-          "-c --config <config>",
-          i18n.t(localeKeys.command.shared.config)
-        ).action(() => __async(this, null, function* () {
-          const { start } = yield import("./commands/start");
-          yield start(api);
-        }));
-        program.command("deploy").usage("[options]").option(
-          "-c --config <config>",
-          i18n.t(localeKeys.command.shared.config)
-        ).description(i18n.t(localeKeys.command.deploy.describe)).action((options) => __async(this, null, function* () {
-          const { build } = yield import("./commands/build");
-          yield build(api);
-          const { deploy } = yield import("./commands/deploy");
-          yield deploy(api, options);
-          process.exit(0);
-        }));
-        program.command("new").usage("[options]").description(i18n.t(localeKeys.command.new.describe)).option("-d, --debug", i18n.t(localeKeys.command.new.debug), false).option(
-          "-c, --config <config>",
-          i18n.t(localeKeys.command.new.config)
-        ).option("--dist-tag <tag>", i18n.t(localeKeys.command.new.distTag)).option("--registry", i18n.t(localeKeys.command.new.registry)).action((options) => __async(this, null, function* () {
-          const { MWANewAction } = yield import("@modern-js/new-action");
-          yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale }));
-        }));
-        program.command("inspect").description("inspect internal webpack config").option(
-          `--env <env>`,
-          i18n.t(localeKeys.command.inspect.env),
-          "development"
-        ).option(
-          "--output <output>",
-          i18n.t(localeKeys.command.inspect.output),
-          "/"
-        ).option("--verbose", i18n.t(localeKeys.command.inspect.verbose)).option(
-          "-c --config <config>",
-          i18n.t(localeKeys.command.shared.config)
-        ).action((options) => __async(this, null, function* () {
-          const { inspect } = yield import("./commands/inspect");
-          inspect(api, options);
-        }));
-        upgradeModel.defineCommand(program.command("upgrade"));
+      commands(_0) {
+        return __async(this, arguments, function* ({ program }) {
+          yield devCommand(program, api);
+          yield buildCommand(program, api);
+          program.command("serve").usage("[options]").description(i18n.t(localeKeys.command.serve.describe)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).action(() => __async(this, null, function* () {
+            const { start } = yield import("./commands/serve");
+            yield start(api);
+          }));
+          program.command("deploy").usage("[options]").option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).description(i18n.t(localeKeys.command.deploy.describe)).action((options) => __async(this, null, function* () {
+            const { build } = yield import("./commands/build");
+            yield build(api);
+            const { deploy } = yield import("./commands/deploy");
+            yield deploy(api, options);
+            process.exit(0);
+          }));
+          program.command("new").usage("[options]").description(i18n.t(localeKeys.command.new.describe)).option("-d, --debug", i18n.t(localeKeys.command.new.debug), false).option(
+            "-c, --config <config>",
+            i18n.t(localeKeys.command.new.config)
+          ).option("--dist-tag <tag>", i18n.t(localeKeys.command.new.distTag)).option("--registry", i18n.t(localeKeys.command.new.registry)).action((options) => __async(this, null, function* () {
+            const { MWANewAction } = yield import("@modern-js/new-action");
+            yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale }));
+          }));
+          program.command("inspect").description("inspect internal webpack config").option(
+            `--env <env>`,
+            i18n.t(localeKeys.command.inspect.env),
+            "development"
+          ).option(
+            "--output <output>",
+            i18n.t(localeKeys.command.inspect.output),
+            "/"
+          ).option("--verbose", i18n.t(localeKeys.command.inspect.verbose)).option(
+            "-c --config <config>",
+            i18n.t(localeKeys.command.shared.config)
+          ).action((options) => __async(this, null, function* () {
+            const { inspect } = yield import("./commands/inspect");
+            inspect(api, options);
+          }));
+          upgradeModel.defineCommand(program.command("upgrade"));
+        });
       },
       prepare() {
         return __async(this, null, function* () {
           const command = getCommand();
-          if (command === "dev" || command === "build") {
+          if (command === "dev" || command === "start" || command === "build") {
             const appContext = api.useAppContext();
             yield emptyDir(appContext.distDirectory);
           }
@@ -159,5 +194,7 @@ var src_default = () => ({
   }
 });
 export {
-  src_default as default
+  buildCommand,
+  src_default as default,
+  devCommand
 };