@modern-js/app-tools 2.7.0 → 2.8.0

package/dist/cjs/builder/{builder-webpack/webpackPlugins → shared/builderPlugins}/index.js

@@ -12,6 +12,8 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var webpackPlugins_exports = {};
-module.exports = __toCommonJS(webpackPlugins_exports);
-__reExport(webpackPlugins_exports, require("./RouterPlugin"), module.exports);
+var builderPlugins_exports = {};
+module.exports = __toCommonJS(builderPlugins_exports);
+__reExport(builderPlugins_exports, require("./adapterBasic"), module.exports);
+__reExport(builderPlugins_exports, require("./adapterHtml"), module.exports);
+__reExport(builderPlugins_exports, require("./adapterSSR"), module.exports);

package/dist/cjs/builder/{builder-webpack/webpackPlugins → shared/bundlerPlugins}/RouterPlugin.js

@@ -65,7 +65,7 @@ class RouterPlugin {
             chunkGroups: true,
             chunks: true
           });
-          const { publicPath } = stats;
+          const { publicPath, chunks = [] } = stats;
           const routeAssets = {};
           const { namedChunkGroups, assetsByChunkName } = stats;
           if (!namedChunkGroups || !assetsByChunkName) {
@@ -98,17 +98,23 @@ class RouterPlugin {
           const entryChunkIds = entrypointsArray.map(
             (entrypoint) => entrypoint[0]
           );
-          const entryChunks = [...compilation.chunks].filter((chunk) => {
-            return entryChunkIds.includes(chunk.name);
+          const entryChunks = [...chunks].filter((chunk) => {
+            var _a;
+            return (_a = chunk.names) == null ? void 0 : _a.some((name) => entryChunkIds.includes(name));
           });
           const entryChunkFiles = entryChunks.map(
-            (chunk) => [...chunk.files].find((fname) => fname.includes(".js"))
+            (chunk) => [...chunk.files || []].find((fname) => fname.includes(".js"))
           );
           for (const file of entryChunkFiles) {
             const asset = compilation.assets[file];
             const newContent = `${injectedContent}${asset.source().toString()}`;
             newAssetsMap.set(import_path.default.join(outputPath, file), newContent);
-            compilation.updateAsset(file, new RawSource(newContent));
+            compilation.updateAsset(
+              file,
+              new RawSource(newContent),
+              // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+              void 0
+            );
           }
           const filename = import_path.default.join(outputPath, import_utils.ROUTE_MINIFEST_FILE);
           await import_utils.fs.ensureFile(filename);

package/dist/cjs/builder/shared/bundlerPlugins/index.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bundlerPlugins_exports = {};
+module.exports = __toCommonJS(bundlerPlugins_exports);
+__reExport(bundlerPlugins_exports, require("./HtmlAsyncChunkPlugin"), module.exports);
+__reExport(bundlerPlugins_exports, require("./HtmlBottomTemplate"), module.exports);
+__reExport(bundlerPlugins_exports, require("./RouterPlugin"), module.exports);

package/dist/cjs/builder/shared/index.js

@@ -16,4 +16,4 @@ var shared_exports = {};
 module.exports = __toCommonJS(shared_exports);
 __reExport(shared_exports, require("./createCopyPattern"), module.exports);
 __reExport(shared_exports, require("./types"), module.exports);
-__reExport(shared_exports, require("./builderPlugins/adapterModern"), module.exports);
+__reExport(shared_exports, require("./builderPlugins"), module.exports);

package/dist/cjs/index.js

@@ -53,7 +53,7 @@ const upgradeModel = import_utils.Import.lazy(
 const devCommand = async (program, api) => {
   const runner = api.useHookRunners();
   const devToolMetas = await runner.registerDev();
-  const devProgram = program.command("dev").alias("start").usage("[options]").description(import_locale.i18n.t(import_locale.localeKeys.command.dev.describe)).option("-c --config <config>", import_locale.i18n.t(import_locale.localeKeys.command.shared.config)).option("-e --entry [entry...]", import_locale.i18n.t(import_locale.localeKeys.command.dev.entry)).option("--analyze", import_locale.i18n.t(import_locale.localeKeys.command.shared.analyze)).option("--api-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.apiOnly)).action(async (options) => {
+  const devProgram = program.command("dev").alias("start").usage("[options]").description(import_locale.i18n.t(import_locale.localeKeys.command.dev.describe)).option("-c --config <config>", import_locale.i18n.t(import_locale.localeKeys.command.shared.config)).option("-e --entry [entry...]", import_locale.i18n.t(import_locale.localeKeys.command.dev.entry)).option("--analyze", import_locale.i18n.t(import_locale.localeKeys.command.shared.analyze)).option("--api-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.apiOnly)).option("--web-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.webOnly)).action(async (options) => {
     const { dev } = await Promise.resolve().then(() => __toESM(require("./commands/dev")));
     await dev(api, options);
   });

package/dist/cjs/locale/en.js

@@ -30,6 +30,7 @@ const EN_LOCALE = {
       describe: "start dev server",
       entry: "compiler by entry",
       apiOnly: "start api server only",
+      webOnly: "start web server only",
       selectEntry: "Please select the entry that needs to be built",
       requireEntry: "You must choose at least one entry"
     },

package/dist/cjs/locale/zh.js

@@ -30,6 +30,7 @@ const ZH_LOCALE = {
       describe: "本地开发命令",
       entry: "指定入口，编译特定的页面",
       apiOnly: "仅启动 API 接口服务",
+      webOnly: "仅启动 Web 服务",
       selectEntry: "请选择需要构建的入口",
       requireEntry: "请至少选择一个入口"
     },

package/dist/esm/analyze/generateCode.js

@@ -148,11 +148,11 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import path from "path";
-import { fs, getEntryOptions, isRouterV5, logger } from "@modern-js/utils";
+import { fs, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger } from "@modern-js/utils";
 import * as templates from "./templates";
 import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
 import { FILE_SYSTEM_ROUTES_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME } from "./constants";
-import { getDefaultImports, getServerLoadersFile } from "./utils";
+import { getDefaultImports, getServerLoadersFile, getServerCombinedModueFile } from "./utils";
 import { walk } from "./nestedRoutes";
 var createImportSpecifier = function(specifiers) {
     var defaults = "";
@@ -245,18 +245,18 @@ var generateCode = function() {
         }
         function _generateEntryCode() {
             _generateEntryCode = _asyncToGenerator(function(entrypoint) {
-                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, initialRoutes, nestedRoute, routes, config2, ssr, mode, hasPageRoute, _ref, code2, _, _tmp, routesServerFile, code3, _ref1, importStatements, plugins, _ref2, renderFunction, exportStatement, code, entryFile, _ref3, asyncEntryCode, bootstrapFile;
+                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, initialRoutes, nestedRoute, routes, config2, ssr, useSSG, mode, hasPageRoute, _ref, code2, _, _tmp, routesServerFile, code3, serverLoaderCombined, serverLoaderFile, _ref1, importStatements, plugins, _ref2, renderFunction, exportStatement, code, entryFile, _ref3, asyncEntryCode, bootstrapFile;
                 return __generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
                             entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, customBootstrap = entrypoint.customBootstrap, fileSystemRoutes = entrypoint.fileSystemRoutes;
                             if (!isAutoMount) return [
                                 3,
-                                16
+                                18
                             ];
                             if (!fileSystemRoutes) return [
                                 3,
-                                9
+                                11
                             ];
                             initialRoutes = [];
                             nestedRoute = null;
@@ -298,6 +298,7 @@ var generateCode = function() {
                             routes = _state.sent().routes;
                             config2 = api.useResolvedConfigContext();
                             ssr = getEntryOptions(entryName, config2.server.ssr, config2.server.ssrByEntries, packageName);
+                            useSSG = isSSGEntry(config2, entryName, entrypoints);
                             if (ssr) {
                                 mode = typeof ssr === "object" ? ssr.mode || "string" : "string";
                             }
@@ -318,7 +319,7 @@ var generateCode = function() {
                                 4,
                                 templates.fileSystemRoutes({
                                     routes: routes,
-                                    ssrMode: mode,
+                                    ssrMode: useSSG ? "string" : mode,
                                     nestedRoutesEntry: entrypoint.nestedRoutesEntry,
                                     entryName: entrypoint.entryName,
                                     internalDirectory: internalDirectory
@@ -333,7 +334,7 @@ var generateCode = function() {
                             ];
                         case 5:
                             _ref = _state.sent(), code2 = _ref.code;
-                            if (!(entrypoint.nestedRoutesEntry && mode)) return [
+                            if (!(entrypoint.nestedRoutesEntry && isUseSSRBundle(config2))) return [
                                 3,
                                 8
                             ];
@@ -355,9 +356,23 @@ var generateCode = function() {
                             _state.sent();
                             _state.label = 8;
                         case 8:
-                            fs.outputFileSync(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code2, "utf8");
-                            _state.label = 9;
+                            serverLoaderCombined = templates.ssrLoaderCombinedModule(entrypoints, entrypoint, config2, appContext);
+                            if (!serverLoaderCombined) return [
+                                3,
+                                10
+                            ];
+                            serverLoaderFile = getServerCombinedModueFile(internalDirectory, entryName);
+                            return [
+                                4,
+                                fs.outputFile(serverLoaderFile, serverLoaderCombined)
+                            ];
                         case 9:
+                            _state.sent();
+                            _state.label = 10;
+                        case 10:
+                            fs.outputFileSync(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code2, "utf8");
+                            _state.label = 11;
+                        case 11:
                             return [
                                 4,
                                 hookRunners.modifyEntryImports({
@@ -371,7 +386,7 @@ var generateCode = function() {
                                     })
                                 })
                             ];
-                        case 10:
+                        case 12:
                             _ref1 = _state.sent(), importStatements = _ref1.imports;
                             return [
                                 4,
@@ -380,7 +395,7 @@ var generateCode = function() {
                                     plugins: []
                                 })
                             ];
-                        case 11:
+                        case 13:
                             plugins = _state.sent().plugins;
                             return [
                                 4,
@@ -393,7 +408,7 @@ var generateCode = function() {
                                     })
                                 })
                             ];
-                        case 12:
+                        case 14:
                             _ref2 = _state.sent(), renderFunction = _ref2.code;
                             return [
                                 4,
@@ -402,7 +417,7 @@ var generateCode = function() {
                                     exportStatement: "export default AppWrapper;"
                                 })
                             ];
-                        case 13:
+                        case 15:
                             exportStatement = _state.sent().exportStatement;
                             code = templates.index({
                                 mountId: mountId,
@@ -414,7 +429,7 @@ var generateCode = function() {
                             entrypoint.entry = entryFile;
                             if (!config.source.enableAsyncEntry) return [
                                 3,
-                                15
+                                17
                             ];
                             return [
                                 4,
@@ -423,19 +438,19 @@ var generateCode = function() {
                                     code: "import('./".concat(ENTRY_BOOTSTRAP_FILE_NAME, "');")
                                 })
                             ];
-                        case 14:
+                        case 16:
                             _ref3 = _state.sent(), asyncEntryCode = _ref3.code;
                             fs.outputFileSync(entryFile, asyncEntryCode, "utf8");
                             bootstrapFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_BOOTSTRAP_FILE_NAME));
                             fs.outputFileSync(bootstrapFile, code, "utf8");
                             return [
                                 3,
-                                16
+                                18
                             ];
-                        case 15:
+                        case 17:
                             fs.outputFileSync(entryFile, code, "utf8");
-                            _state.label = 16;
-                        case 16:
+                            _state.label = 18;
+                        case 18:
                             return [
                                 2
                             ];

package/dist/esm/analyze/index.js

@@ -221,16 +221,15 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import * as path from "path";
-import { createDebugger, findExists, fs, getEntryOptions, isApiOnly, minimist, getCommand, isDevCommand } from "@modern-js/utils";
+import { createDebugger, findExists, fs, isApiOnly, minimist, getCommand, isDevCommand } from "@modern-js/utils";
 import { cloneDeep } from "@modern-js/utils/lodash";
-import { createVirtualModule } from "@modern-js/builder-shared";
 import { printInstructions } from "../utils/printInstructions";
 import { generateRoutes } from "../utils/routes";
 import { emitResolvedConfig } from "../utils/config";
 import { getSelectedEntries } from "../utils/getSelectedEntries";
 import { initialNormalizedConfig } from "../config";
 import { createBuilderGenerator } from "../builder";
-import { getServerLoadersFile, isPageComponentFile, parseModule, replaceWithAlias } from "./utils";
+import { isPageComponentFile, parseModule, replaceWithAlias } from "./utils";
 import { APP_CONFIG_NAME, APP_INIT_EXPORTED, APP_INIT_IMPORTED } from "./constants";
 var debug = createDebugger("plugin-analyze");
 var analyze_default = function(param) {
@@ -543,28 +542,6 @@ var analyze_default = function(param) {
                 watchFiles: function watchFiles() {
                     return pagesDir;
                 },
-                config: function config() {
-                    return {
-                        tools: {
-                            webpackChain: function(chain, param) {
-                                var name = param.name;
-                                var appContext = api.useAppContext();
-                                var resolvedConfig = api.useResolvedConfigContext();
-                                var entrypoints = appContext.entrypoints, internalDirectory = appContext.internalDirectory, packageName = appContext.packageName;
-                                entrypoints.forEach(function(entrypoint) {
-                                    var entryName = entrypoint.entryName;
-                                    var ssr = getEntryOptions(entryName, resolvedConfig.server.ssr, resolvedConfig.server.ssrByEntries, packageName);
-                                    if (entrypoint.nestedRoutesEntry && ssr && name === "server") {
-                                        var serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");
-                                        var serverLoadersFile = getServerLoadersFile(internalDirectory, entryName);
-                                        var combinedModule = createVirtualModule('export * from "'.concat(serverLoaderRuntime, '"; export * from "').concat(serverLoadersFile, '"'));
-                                        chain.entry("".concat(entryName, "-server-loaders")).add(combinedModule);
-                                    }
-                                });
-                            }
-                        }
-                    };
-                },
                 resolvedConfig: function resolvedConfig(param) {
                     var resolved = param.resolved;
                     var appContext = api.useAppContext();

package/dist/esm/analyze/templates.js

@@ -221,8 +221,9 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import path from "path";
-import { fs, slash } from "@modern-js/utils";
+import { fs, getEntryOptions, isSSGEntry, slash } from "@modern-js/utils";
 import { APP_CONFIG_NAME, TEMP_LOADERS_DIR } from "./constants";
+import { getServerLoadersFile } from "./utils";
 var index = function(param) {
     var mountId = param.mountId, imports = param.imports, renderFunction2 = param.renderFunction, exportStatement = param.exportStatement;
     return "\nconst IS_BROWSER = typeof window !== 'undefined' && window.name !== 'nodejs';\nconst IS_REACT18 = process.env.IS_REACT18 === 'true';\nconst MOUNT_ID = '".concat(mountId, "';\n\n").concat(imports, "\n\nlet AppWrapper = null;\n\nlet root = null;\n\nfunction render() {\n  ").concat(renderFunction2, "\n}\n\nAppWrapper = render();\n\n").concat(exportStatement, ";\n");
@@ -462,4 +463,17 @@ var fileSystemRoutes = function() {
         return _ref.apply(this, arguments);
     };
 }();
-export { fileSystemRoutes, html, index, renderFunction, routesForServer };
+function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
+    var entryName = entrypoint.entryName;
+    var packageName = appContext.packageName, internalDirectory = appContext.internalDirectory;
+    var ssr = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
+    var ssg = isSSGEntry(config, entryName, entrypoints);
+    if (entrypoint.nestedRoutesEntry && (ssr || ssg)) {
+        var serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");
+        var serverLoadersFile = getServerLoadersFile(internalDirectory, entryName);
+        var combinedModule = 'export * from "'.concat(serverLoaderRuntime, '"; export * from "').concat(serverLoadersFile, '"');
+        return combinedModule;
+    }
+    return null;
+}
+export { fileSystemRoutes, html, index, renderFunction, routesForServer, ssrLoaderCombinedModule };

package/dist/esm/analyze/utils.js

@@ -371,4 +371,7 @@ var hasLoader = function() {
 var getServerLoadersFile = function(internalDirectory, entryName) {
     return path.join(internalDirectory, entryName, "route-server-loaders.js");
 };
-export { getDefaultImports, getServerLoadersFile, hasLoader, isPageComponentFile, parseModule, replaceWithAlias, walkDirectory };
+var getServerCombinedModueFile = function(internalDirectory, entryName) {
+    return path.join(internalDirectory, entryName, "server-loader-combined.js");
+};
+export { getDefaultImports, getServerCombinedModueFile, getServerLoadersFile, hasLoader, isPageComponentFile, parseModule, replaceWithAlias, walkDirectory };

package/dist/esm/builder/builder-webpack/builderPlugins/compatModern.js

@@ -25,7 +25,6 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 import { join } from "path";
 import { createCopyPattern } from "../../shared";
-import { RouterPlugin } from "../webpackPlugins";
 var builderPluginCompatModern = function(options) {
     return {
         name: "builder-plugin-compat-modern",
@@ -33,7 +32,6 @@ var builderPluginCompatModern = function(options) {
             var modernConfig = options.normalizedConfig, appContext = options.appContext;
             api.modifyWebpackChain(function(chain, param) {
                 var CHAIN_ID = param.CHAIN_ID;
-                var _modernConfig_runtime;
                 chain.resolve.modules.add("node_modules").add(join(api.context.rootPath, "node_modules"));
                 if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
                     var defaultCopyPattern = createCopyPattern(appContext, modernConfig, "public", chain);
@@ -48,15 +46,6 @@ var builderPluginCompatModern = function(options) {
                         ];
                     });
                 }
-                var entrypoints = appContext.entrypoints;
-                var existNestedRoutes = entrypoints.some(function(entrypoint) {
-                    return entrypoint.nestedRoutesEntry;
-                });
-                var routerConfig = modernConfig === null || modernConfig === void 0 ? void 0 : (_modernConfig_runtime = modernConfig.runtime) === null || _modernConfig_runtime === void 0 ? void 0 : _modernConfig_runtime.router;
-                var routerManifest = Boolean(routerConfig === null || routerConfig === void 0 ? void 0 : routerConfig.manifest);
-                if (existNestedRoutes || routerManifest) {
-                    chain.plugin("route-plugin").use(RouterPlugin);
-                }
             });
         }
     };

package/dist/esm/builder/generator/index.js

@@ -175,18 +175,20 @@ function applyBuilderPlugins(builder, options) {
 }
 function _applyBuilderPlugins() {
     _applyBuilderPlugins = _asyncToGenerator(function(builder, options) {
-        var builderPluginAdapterModern;
+        var _ref, builderPluginAdapterBasic, builderPluginAdapterHtml, builderPluginAdapterSSR;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     return [
                         4,
-                        import("../shared/builderPlugins/adapterModern")
+                        import("../shared/builderPlugins")
                     ];
                 case 1:
-                    builderPluginAdapterModern = _state.sent().builderPluginAdapterModern;
+                    _ref = _state.sent(), builderPluginAdapterBasic = _ref.builderPluginAdapterBasic, builderPluginAdapterHtml = _ref.builderPluginAdapterHtml, builderPluginAdapterSSR = _ref.builderPluginAdapterSSR;
                     builder.addPlugins([
-                        builderPluginAdapterModern(options)
+                        builderPluginAdapterBasic(options),
+                        builderPluginAdapterSSR(options),
+                        builderPluginAdapterHtml(options)
                     ]);
                     return [
                         2

package/dist/esm/builder/index.js

@@ -155,7 +155,7 @@ function _createBuilderGenerator() {
                     ];
                 case 3:
                     _ = _state.sent();
-                    throw new Error("Failed to use rspack, please check if you have `@modern-js/builder-rspack-provider` installed");
+                    throw new Error("Failed to use Rspack, please check if you have `@modern-js/builder-rspack-provider` installed");
                 case 4:
                     return [
                         4,

package/dist/esm/builder/shared/builderPlugins/adapterBasic.js

@@ -0,0 +1,101 @@
+var builderPluginAdapterBasic = function(options) {
+    return {
+        name: "builder-plugin-adapter-modern-basic",
+        setup: function setup(api) {
+            api.modifyBundlerChain(function(chain, param) {
+                var target = param.target, CHAIN_ID = param.CHAIN_ID;
+                if (target === "node") {
+                    chain.name("server");
+                } else if (target === "service-worker") {
+                    chain.name("service-worker");
+                } else if (target === "web-worker") {
+                    chain.name("worker");
+                } else if (target === "modern-web") {
+                    chain.name("modern");
+                } else {
+                    chain.name("client");
+                }
+                if (target === "node" || target === "service-worker") {
+                    applyNodeCompat(target, chain);
+                }
+                if (target === "web" || target === "modern-web") {
+                    var bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
+                    chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
+                    chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
+                }
+            });
+            applyCallbacks(api, options);
+        }
+    };
+};
+function applyCallbacks(api, options) {
+    options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
+    options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
+    options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
+    options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
+    options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
+    options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
+    options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
+    options.onExit && api.onExit(options.onExit);
+}
+function applyNodeCompat(target, chain) {
+    var nodeExts = [
+        ".node.js",
+        ".node.jsx",
+        ".node.ts",
+        ".node.tsx",
+        ".server.js",
+        ".server.ts",
+        ".server.ts",
+        ".server.tsx"
+    ];
+    var webWorkerExts = [
+        ".worker.js",
+        ".worker.jsx",
+        ".worker.ts",
+        ".worker.tsx"
+    ];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = nodeExts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var ext = _step.value;
+            chain.resolve.extensions.prepend(ext);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    if (target === "service-worker") {
+        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+        try {
+            for(var _iterator1 = webWorkerExts[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                var ext1 = _step1.value;
+                chain.resolve.extensions.prepend(ext1);
+            }
+        } catch (err) {
+            _didIteratorError1 = true;
+            _iteratorError1 = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
+                }
+            } finally{
+                if (_didIteratorError1) {
+                    throw _iteratorError1;
+                }
+            }
+        }
+    }
+}
+export { applyCallbacks, builderPluginAdapterBasic };

package/dist/esm/builder/shared/builderPlugins/adapterHtml.js

@@ -0,0 +1,120 @@
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { getEntryOptions } from "@modern-js/utils";
+import { template as lodashTemplate } from "@modern-js/utils/lodash";
+import { BottomTemplatePlugin } from "../bundlerPlugins";
+function isHtmlEnabled(config, target) {
+    var _config_tools;
+    return ((_config_tools = config.tools) === null || _config_tools === void 0 ? void 0 : _config_tools.htmlPlugin) !== false && target !== "node" && target !== "service-worker" && target !== "web-worker";
+}
+var builderPluginAdapterHtml = function(options) {
+    return {
+        name: "builder-plugin-adpater-modern-html",
+        setup: function setup(api) {
+            api.modifyBundlerChain(function(chain, param) {
+                var CHAIN_ID = param.CHAIN_ID, target = param.target, HtmlBundlerPlugin = param.HtmlPlugin;
+                var builderConfig = api.getNormalizedConfig();
+                if (isHtmlEnabled(builderConfig, target)) {
+                    applyBottomHtmlPlugin({
+                        api: api,
+                        options: options,
+                        chain: chain,
+                        CHAIN_ID: CHAIN_ID,
+                        HtmlBundlerPlugin: HtmlBundlerPlugin
+                    });
+                }
+            });
+        }
+    };
+};
+function applyBottomHtmlPlugin(param) {
+    var api = param.api, chain = param.chain, options = param.options, CHAIN_ID = param.CHAIN_ID, HtmlBundlerPlugin = param.HtmlBundlerPlugin;
+    var modernConfig = options.normalizedConfig, appContext = options.appContext;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        var _loop = function() {
+            var entryName = _step.value;
+            var baseTemplateParams = _objectSpread({
+                entryName: entryName,
+                title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
+                mountId: modernConfig.html.mountId
+            }, getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
+            chain.plugin("".concat(CHAIN_ID.PLUGIN.HTML, "-").concat(entryName)).tap(function(args) {
+                return [
+                    _objectSpreadProps(_objectSpread({}, args[0] || {}), {
+                        __internal__: true,
+                        bottomTemplate: appContext.htmlTemplates["__".concat(entryName, "-bottom__")] && lodashTemplate(appContext.htmlTemplates["__".concat(entryName, "-bottom__")])(baseTemplateParams)
+                    })
+                ];
+            });
+        };
+        for(var _iterator = Object.keys(api.context.entry)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [
+        HtmlBundlerPlugin
+    ]);
+}
+export { builderPluginAdapterHtml, isHtmlEnabled };