@modern-js/app-tools 2.6.0 → 2.7.1-alpha.0

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/commands/dev.js

@@ -63,6 +63,12 @@ const dev = async (api, options) => {
       host: normalizedConfig.dev.host,
       ...(_a = normalizedConfig.tools) == null ? void 0 : _a.devServer
     },
+    appContext: {
+      appDirectory: appContext.appDirectory,
+      sharedDirectory: appContext.sharedDirectory,
+      apiDirectory: appContext.apiDirectory,
+      lambdaDirectory: appContext.lambdaDirectory
+    },
     pwd: appDirectory,
     config: normalizedConfig,
     serverConfigFile,

package/dist/cjs/commands/serve.js

@@ -50,6 +50,23 @@ const start = async (api) => {
   const app = await (0, import_prod_server.default)({
     pwd: appDirectory,
     config: userConfig,
+    appContext: {
+      sharedDirectory: (0, import_utils.getTargetDir)(
+        appContext.sharedDirectory,
+        appContext.appDirectory,
+        appContext.distDirectory
+      ),
+      apiDirectory: (0, import_utils.getTargetDir)(
+        appContext.apiDirectory,
+        appContext.appDirectory,
+        appContext.distDirectory
+      ),
+      lambdaDirectory: (0, import_utils.getTargetDir)(
+        appContext.lambdaDirectory,
+        appContext.appDirectory,
+        appContext.distDirectory
+      )
+    },
     serverConfigFile,
     internalPlugins: (0, import_createServer.injectDataLoaderPlugin)(serverInternalPlugins),
     apiOnly

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/cjs/schema/index.js

@@ -64,6 +64,10 @@ const bff = {
   prefix: {
     type: "string"
   },
+  httpMethodDecider: {
+    type: "string",
+    enum: ["functionName", "inputParams"]
+  },
   proxy: {
     type: "object",
     additionalProperties: {

package/dist/esm/analyze/generateCode.js

@@ -148,8 +148,7 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import path from "path";
-import { fs, getEntryOptions, isRouterV5, logger } from "@modern-js/utils";
-import { useResolvedConfigContext } from "@modern-js/core";
+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";
@@ -246,7 +245,7 @@ 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, _config2_output, initialRoutes, nestedRoute, routes, config2, ssr, useSSG, mode, hasPageRoute, _ref, code2, _, _tmp, routesServerFile, code3, _ref1, importStatements, plugins, _ref2, renderFunction, exportStatement, code, entryFile, _ref3, asyncEntryCode, bootstrapFile;
                 return __generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -297,12 +296,11 @@ var generateCode = function() {
                             ];
                         case 3:
                             routes = _state.sent().routes;
-                            config2 = useResolvedConfigContext();
+                            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";
-                            } else {
-                                mode = false;
                             }
                             if (mode === "stream") {
                                 hasPageRoute = routes.some(function(route) {
@@ -321,10 +319,11 @@ var generateCode = function() {
                                 4,
                                 templates.fileSystemRoutes({
                                     routes: routes,
-                                    ssrMode: mode,
+                                    ssrMode: useSSG ? "string" : mode,
                                     nestedRoutesEntry: entrypoint.nestedRoutesEntry,
                                     entryName: entrypoint.entryName,
-                                    internalDirectory: internalDirectory
+                                    internalDirectory: internalDirectory,
+                                    splitRoutesChunks: config2 === null || config2 === void 0 ? void 0 : (_config2_output = config2.output) === null || _config2_output === void 0 ? void 0 : _config2_output.splitRoutesChunks
                                 })
                             ];
                         case 4:
@@ -336,7 +335,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
                             ];

package/dist/esm/analyze/getClientRoutes/getRoutes.js

@@ -111,7 +111,7 @@ var recursiveReadDir = function(param) {
                     }
                 }
                 var route1 = {
-                    path: "".concat(basePath).concat(dynamicRouteMatched ? ":".concat(dynamicRouteMatched[1]).concat(dynamicRouteMatched[2]) : filename),
+                    path: "".concat(basePath).concat(dynamicRouteMatched ? ":".concat(dynamicRouteMatched[1].replace(/\$$/, "?")).concat(dynamicRouteMatched[2]) : filename),
                     _component: alias1,
                     component: componentName1,
                     parent: parent,

package/dist/esm/analyze/getClientRoutes/getRoutesLegacy.js

@@ -111,7 +111,7 @@ var recursiveReadDirLegacy = function(param) {
                     }
                 }
                 var route1 = {
-                    path: "".concat(basePath).concat(dynamicRouteMatched ? ":".concat(dynamicRouteMatched[1]).concat(dynamicRouteMatched[2]) : filename),
+                    path: "".concat(basePath).concat(dynamicRouteMatched ? ":".concat(dynamicRouteMatched[1].replace(/\$$/, "?")).concat(dynamicRouteMatched[2]) : filename),
                     _component: alias1,
                     component: componentName1,
                     exact: true,

package/dist/esm/analyze/index.js

@@ -221,8 +221,9 @@ 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, getEntryOptions, isApiOnly, minimist, getCommand, isDevCommand, isSSGEntry } 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";
@@ -553,9 +554,12 @@ var analyze_default = function(param) {
                                 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 useSSG = isSSGEntry(resolvedConfig, entryName, entrypoints);
+                                    if (entrypoint.nestedRoutesEntry && (ssr || useSSG) && name === "server") {
+                                        var serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");
                                         var serverLoadersFile = getServerLoadersFile(internalDirectory, entryName);
-                                        chain.entry("".concat(entryName, "-server-loaders")).add(serverLoadersFile);
+                                        var combinedModule = createVirtualModule('export * from "'.concat(serverLoaderRuntime, '"; export * from "').concat(serverLoadersFile, '"'));
+                                        chain.entry("".concat(entryName, "-server-loaders")).add(combinedModule);
                                     }
                                 });
                             }
@@ -658,6 +662,14 @@ var analyze_default = function(param) {
                         });
                     })();
                 },
+                validateSchema: function validateSchema() {
+                    return {
+                        target: "output.splitRoutesChunks",
+                        schema: {
+                            type: "boolean"
+                        }
+                    };
+                },
                 fileChange: function fileChange(e) {
                     return _asyncToGenerator(function() {
                         var appContext, appDirectory, filename, eventType, isPageFile, absoluteFilePath, isRouteComponent, resolvedConfig, generateCode, entrypoints;

package/dist/esm/analyze/nestedRoutes.js

@@ -236,7 +236,7 @@ var walk = function() {
                     }
                     routePath = replaceDynamicPath(routePath);
                     route = {
-                        path: routePath,
+                        path: routePath === null || routePath === void 0 ? void 0 : routePath.replace(/\$$/, "?"),
                         children: [],
                         isRoot: isRoot
                     };

package/dist/esm/analyze/templates.js

@@ -297,15 +297,16 @@ var routesForServer = function(param) {
 };
 var fileSystemRoutes = function() {
     var _ref = _asyncToGenerator(function(param) {
-        var routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, loadings, errors, loaders, loadersMap, loadersMapFile, importLazyCode, rootLayoutCode, getDataLoaderPath, traverseRouteTree, routeComponentsCode, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, newRoute, component, finalRoute, importLoadingCode, importErrorComponentsCode, importLoadersCode, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, _step_value, key, loaderInfo;
+        var routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, _param_splitRoutesChunks, splitRoutesChunks, loadings, errors, loaders, loadersMap, webpackMode, loadersMapFile, importLazyCode, rootLayoutCode, getDataLoaderPath, traverseRouteTree, routeComponentsCode, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, newRoute, component, finalRoute, importLoadingCode, importErrorComponentsCode, importLoadersCode, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, _step_value, key, loaderInfo;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    routes = param.routes, ssrMode = param.ssrMode, nestedRoutesEntry = param.nestedRoutesEntry, entryName = param.entryName, internalDirectory = param.internalDirectory;
+                    routes = param.routes, ssrMode = param.ssrMode, nestedRoutesEntry = param.nestedRoutesEntry, entryName = param.entryName, internalDirectory = param.internalDirectory, _param_splitRoutesChunks = param.splitRoutesChunks, splitRoutesChunks = _param_splitRoutesChunks === void 0 ? true : _param_splitRoutesChunks;
                     loadings = [];
                     errors = [];
                     loaders = [];
                     loadersMap = {};
+                    webpackMode = splitRoutesChunks ? "lazy" : "eager";
                     loadersMapFile = path.join(internalDirectory, entryName, TEMP_LOADERS_DIR, "map.json");
                     importLazyCode = '\n    import { lazy } from "react";\n    import loadable, { lazy as loadableLazy } from "@modern-js/runtime/loadable"\n  ';
                     rootLayoutCode = "";
@@ -354,15 +355,15 @@ var fileSystemRoutes = function() {
                                     rootLayoutCode = "import RootLayout from '".concat(route._component, "'");
                                     component = "RootLayout";
                                 } else if (ssrMode === "string") {
-                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
+                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, '" */ /* webpackMode: "').concat(webpackMode, "\" */  '").concat(route._component, "')");
                                     component = "loadable(".concat(lazyImport, ")");
                                 } else {
-                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, "\" */  '").concat(route._component, "')");
+                                    lazyImport = '() => import(/* webpackChunkName: "'.concat(route.id, '" */ /* webpackMode: "').concat(webpackMode, "\" */  '").concat(route._component, "')");
                                     component = "lazy(".concat(lazyImport, ")");
                                 }
                             }
                         } else if (route._component) {
-                            lazyImport = "() => import('".concat(route._component, "')");
+                            lazyImport = '() => import( /* webpackMode: "'.concat(webpackMode, "\" */ '").concat(route._component, "')");
                             component = "loadable(".concat(lazyImport, ")");
                         }
                         var finalRoute = _objectSpreadProps(_objectSpread({}, route), {

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/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 };