@modern-js/app-tools 2.3.1-alpha.2 → 2.5.0

package/dist/{js/treeshaking → esm}/analyze/index.js

@@ -223,16 +223,17 @@ 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 { cloneDeep } from "@modern-js/utils/lodash";
-import { createBuilderForModern } from "../builder";
 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 { APP_CONFIG_NAME, APP_INIT_EXPORTED, APP_INIT_IMPORTED } from "./constants";
 var debug = createDebugger("plugin-analyze");
-var analyze_default = function() {
+var analyze_default = function(param) {
+    var bundler = param.bundler;
     return {
         name: "@modern-js/plugin-analyze",
         setup: function(api) {
@@ -242,7 +243,7 @@ var analyze_default = function() {
             return {
                 prepare: function prepare() {
                     return _asyncToGenerator(function() {
-                        var ref, appContext, resolvedConfig, hookRunners, apiOnly, ref1, routes2, ref2, getBundleEntry, getServerRoutes, generateCode, getHtmlTemplate, entrypoints, initialRoutes, routes, htmlTemplates, checkedEntries, entry, command, buildCommands, normalizedConfig, builder;
+                        var _resolvedConfig_source, appContext, resolvedConfig, hookRunners, apiOnly, _ref, routes2, _ref1, getBundleEntry, getServerRoutes, generateCode, getHtmlTemplate, entrypoints, initialRoutes, routes, htmlTemplates, checkedEntries, entry, command, buildCommands, normalizedConfig, createBuilderForModern, builder;
                         return __generator(this, function(_state) {
                             switch(_state.label){
                                 case 0:
@@ -254,7 +255,7 @@ var analyze_default = function() {
                                     } catch (e) {}
                                     return [
                                         4,
-                                        isApiOnly(appContext.appDirectory, (ref = resolvedConfig.source) === null || ref === void 0 ? void 0 : ref.entriesDir)
+                                        isApiOnly(appContext.appDirectory, (_resolvedConfig_source = resolvedConfig.source) === null || _resolvedConfig_source === void 0 ? void 0 : _resolvedConfig_source.entriesDir)
                                     ];
                                 case 1:
                                     apiOnly = _state.sent();
@@ -275,7 +276,7 @@ var analyze_default = function() {
                                         })
                                     ];
                                 case 3:
-                                    ref1 = _state.sent(), routes2 = ref1.routes;
+                                    _ref = _state.sent(), routes2 = _ref.routes;
                                     debug("server routes: %o", routes2);
                                     appContext = _objectSpreadProps(_objectSpread({}, appContext), {
                                         apiOnly: apiOnly,
@@ -296,10 +297,10 @@ var analyze_default = function() {
                                         ])
                                     ];
                                 case 5:
-                                    ref2 = _slicedToArray.apply(void 0, [
+                                    _ref1 = _slicedToArray.apply(void 0, [
                                         _state.sent(),
                                         4
-                                    ]), getBundleEntry = ref2[0].getBundleEntry, getServerRoutes = ref2[1].getServerRoutes, generateCode = ref2[2].generateCode, getHtmlTemplate = ref2[3].getHtmlTemplate;
+                                    ]), getBundleEntry = _ref1[0].getBundleEntry, getServerRoutes = _ref1[1].getServerRoutes, generateCode = _ref1[2].generateCode, getHtmlTemplate = _ref1[3].getHtmlTemplate;
                                     entrypoints = getBundleEntry(appContext, resolvedConfig);
                                     debug("entrypoints: %o", entrypoints);
                                     initialRoutes = getServerRoutes(entrypoints, {
@@ -384,149 +385,153 @@ var analyze_default = function() {
                                     ];
                                     if (!buildCommands.includes(command)) return [
                                         3,
-                                        13
+                                        14
                                     ];
                                     normalizedConfig = api.useResolvedConfigContext();
+                                    return [
+                                        4,
+                                        createBuilderGenerator(bundler)
+                                    ];
+                                case 12:
+                                    createBuilderForModern = _state.sent();
                                     return [
                                         4,
                                         createBuilderForModern({
                                             normalizedConfig: normalizedConfig,
                                             appContext: appContext,
-                                            compatPluginConfig: {
-                                                onBeforeBuild: function onBeforeBuild(param) {
-                                                    var bundlerConfigs = param.bundlerConfigs;
-                                                    return _asyncToGenerator(function() {
-                                                        var hookRunners2;
-                                                        return __generator(this, function(_state) {
-                                                            switch(_state.label){
-                                                                case 0:
-                                                                    hookRunners2 = api.useHookRunners();
-                                                                    return [
-                                                                        4,
-                                                                        generateRoutes(appContext)
-                                                                    ];
-                                                                case 1:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        4,
-                                                                        hookRunners2.beforeBuild({
-                                                                            bundlerConfigs: bundlerConfigs
-                                                                        })
-                                                                    ];
-                                                                case 2:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        2
-                                                                    ];
-                                                            }
-                                                        });
-                                                    })();
-                                                },
-                                                onAfterBuild: function onAfterBuild(param) {
-                                                    var stats = param.stats;
-                                                    return _asyncToGenerator(function() {
-                                                        var hookRunners2;
-                                                        return __generator(this, function(_state) {
-                                                            switch(_state.label){
-                                                                case 0:
-                                                                    hookRunners2 = api.useHookRunners();
-                                                                    return [
-                                                                        4,
-                                                                        hookRunners2.afterBuild({
-                                                                            stats: stats
-                                                                        })
-                                                                    ];
-                                                                case 1:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        4,
-                                                                        emitResolvedConfig(appContext.appDirectory, normalizedConfig)
-                                                                    ];
-                                                                case 2:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        2
-                                                                    ];
-                                                            }
-                                                        });
-                                                    })();
-                                                },
-                                                onDevCompileDone: function onDevCompileDone(param) {
-                                                    var isFirstCompile = param.isFirstCompile;
-                                                    return _asyncToGenerator(function() {
-                                                        var hookRunners2;
-                                                        return __generator(this, function(_state) {
-                                                            hookRunners2 = api.useHookRunners();
-                                                            if (process.stdout.isTTY || isFirstCompile) {
-                                                                hookRunners2.afterDev();
-                                                                if (isFirstCompile) {
-                                                                    printInstructions(hookRunners2, appContext, normalizedConfig);
-                                                                }
+                                            onBeforeBuild: function onBeforeBuild(param) {
+                                                var bundlerConfigs = param.bundlerConfigs;
+                                                return _asyncToGenerator(function() {
+                                                    var hookRunners2;
+                                                    return __generator(this, function(_state) {
+                                                        switch(_state.label){
+                                                            case 0:
+                                                                hookRunners2 = api.useHookRunners();
+                                                                return [
+                                                                    4,
+                                                                    generateRoutes(appContext)
+                                                                ];
+                                                            case 1:
+                                                                _state.sent();
+                                                                return [
+                                                                    4,
+                                                                    hookRunners2.beforeBuild({
+                                                                        bundlerConfigs: bundlerConfigs
+                                                                    })
+                                                                ];
+                                                            case 2:
+                                                                _state.sent();
+                                                                return [
+                                                                    2
+                                                                ];
+                                                        }
+                                                    });
+                                                })();
+                                            },
+                                            onAfterBuild: function onAfterBuild(param) {
+                                                var stats = param.stats;
+                                                return _asyncToGenerator(function() {
+                                                    var hookRunners2;
+                                                    return __generator(this, function(_state) {
+                                                        switch(_state.label){
+                                                            case 0:
+                                                                hookRunners2 = api.useHookRunners();
+                                                                return [
+                                                                    4,
+                                                                    hookRunners2.afterBuild({
+                                                                        stats: stats
+                                                                    })
+                                                                ];
+                                                            case 1:
+                                                                _state.sent();
+                                                                return [
+                                                                    4,
+                                                                    emitResolvedConfig(appContext.appDirectory, normalizedConfig)
+                                                                ];
+                                                            case 2:
+                                                                _state.sent();
+                                                                return [
+                                                                    2
+                                                                ];
+                                                        }
+                                                    });
+                                                })();
+                                            },
+                                            onDevCompileDone: function onDevCompileDone(param) {
+                                                var isFirstCompile = param.isFirstCompile;
+                                                return _asyncToGenerator(function() {
+                                                    var hookRunners2;
+                                                    return __generator(this, function(_state) {
+                                                        hookRunners2 = api.useHookRunners();
+                                                        if (process.stdout.isTTY || isFirstCompile) {
+                                                            hookRunners2.afterDev();
+                                                            if (isFirstCompile) {
+                                                                printInstructions(hookRunners2, appContext, normalizedConfig);
                                                             }
-                                                            return [
-                                                                2
-                                                            ];
-                                                        });
-                                                    })();
-                                                },
-                                                onBeforeCreateCompiler: function onBeforeCreateCompiler(param) {
-                                                    var bundlerConfigs = param.bundlerConfigs;
-                                                    return _asyncToGenerator(function() {
-                                                        var hookRunners2;
-                                                        return __generator(this, function(_state) {
-                                                            switch(_state.label){
-                                                                case 0:
-                                                                    hookRunners2 = api.useHookRunners();
-                                                                    return [
-                                                                        4,
-                                                                        hookRunners2.beforeCreateCompiler({
-                                                                            bundlerConfigs: bundlerConfigs
-                                                                        })
-                                                                    ];
-                                                                case 1:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        2
-                                                                    ];
-                                                            }
-                                                        });
-                                                    })();
-                                                },
-                                                onAfterCreateCompiler: function onAfterCreateCompiler(param) {
-                                                    var compiler = param.compiler;
-                                                    return _asyncToGenerator(function() {
-                                                        var hookRunners2;
-                                                        return __generator(this, function(_state) {
-                                                            switch(_state.label){
-                                                                case 0:
-                                                                    hookRunners2 = api.useHookRunners();
-                                                                    return [
-                                                                        4,
-                                                                        hookRunners2.afterCreateCompiler({
-                                                                            compiler: compiler
-                                                                        })
-                                                                    ];
-                                                                case 1:
-                                                                    _state.sent();
-                                                                    return [
-                                                                        2
-                                                                    ];
-                                                            }
-                                                        });
-                                                    })();
-                                                }
+                                                        }
+                                                        return [
+                                                            2
+                                                        ];
+                                                    });
+                                                })();
+                                            },
+                                            onBeforeCreateCompiler: function onBeforeCreateCompiler(param) {
+                                                var bundlerConfigs = param.bundlerConfigs;
+                                                return _asyncToGenerator(function() {
+                                                    var hookRunners2;
+                                                    return __generator(this, function(_state) {
+                                                        switch(_state.label){
+                                                            case 0:
+                                                                hookRunners2 = api.useHookRunners();
+                                                                return [
+                                                                    4,
+                                                                    hookRunners2.beforeCreateCompiler({
+                                                                        bundlerConfigs: bundlerConfigs
+                                                                    })
+                                                                ];
+                                                            case 1:
+                                                                _state.sent();
+                                                                return [
+                                                                    2
+                                                                ];
+                                                        }
+                                                    });
+                                                })();
+                                            },
+                                            onAfterCreateCompiler: function onAfterCreateCompiler(param) {
+                                                var compiler = param.compiler;
+                                                return _asyncToGenerator(function() {
+                                                    var hookRunners2;
+                                                    return __generator(this, function(_state) {
+                                                        switch(_state.label){
+                                                            case 0:
+                                                                hookRunners2 = api.useHookRunners();
+                                                                return [
+                                                                    4,
+                                                                    hookRunners2.afterCreateCompiler({
+                                                                        compiler: compiler
+                                                                    })
+                                                                ];
+                                                            case 1:
+                                                                _state.sent();
+                                                                return [
+                                                                    2
+                                                                ];
+                                                        }
+                                                    });
+                                                })();
                                             }
                                         })
                                     ];
-                                case 12:
+                                case 13:
                                     builder = _state.sent();
                                     builder.addPlugins(resolvedConfig.builderPlugins);
                                     appContext = _objectSpreadProps(_objectSpread({}, appContext), {
                                         builder: builder
                                     });
                                     api.setAppContext(appContext);
-                                    _state.label = 13;
-                                case 13:
+                                    _state.label = 14;
+                                case 14:
                                     return [
                                         2
                                     ];
@@ -560,7 +565,7 @@ var analyze_default = function() {
                 resolvedConfig: function resolvedConfig(param) {
                     var resolved = param.resolved;
                     var appContext = api.useAppContext();
-                    var config = initialNormalizedConfig(resolved, appContext);
+                    var config = initialNormalizedConfig(resolved, appContext, bundler);
                     return {
                         resolved: config
                     };
@@ -568,7 +573,7 @@ var analyze_default = function() {
                 modifyEntryImports: function modifyEntryImports(param) {
                     var entrypoint = param.entrypoint, imports = param.imports;
                     return _asyncToGenerator(function() {
-                        var appContext, srcDirectory, internalSrcAlias, fileSystemRoutes, nestedRoutesEntry, rootLayoutPath, rootLayoutFile, rootLayoutBuffer, rootLayout, ref, moduleExports, hasAppConfig, generateLayoutPath, hasAppInit;
+                        var appContext, srcDirectory, internalSrcAlias, fileSystemRoutes, nestedRoutesEntry, rootLayoutPath, rootLayoutFile, rootLayoutBuffer, rootLayout, _ref, moduleExports, hasAppConfig, generateLayoutPath, hasAppInit;
                         return __generator(this, function(_state) {
                             switch(_state.label){
                                 case 0:
@@ -607,10 +612,10 @@ var analyze_default = function() {
                                         })
                                     ];
                                 case 2:
-                                    ref = _slicedToArray.apply(void 0, [
+                                    _ref = _slicedToArray.apply(void 0, [
                                         _state.sent(),
                                         2
-                                    ]), moduleExports = ref[1];
+                                    ]), moduleExports = _ref[1];
                                     hasAppConfig = moduleExports.some(function(e) {
                                         return e.n === APP_CONFIG_NAME;
                                     });

package/dist/{js/treeshaking → esm}/analyze/nestedRoutes.js

@@ -197,7 +197,7 @@ var createRoute = function(routeInfo, rootDir, filename, entryName) {
 };
 var walk = function() {
     var _ref = _asyncToGenerator(function(dirname, rootDir, alias, entryName) {
-        var ref, isDirectory, relativeDir, pathSegments, lastSegment, isRoot, isPathlessLayout, isWithoutLayoutPath, routePath, route, pageLoaderFile, pageRoute, splatLoaderFile, splatRoute, items, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, item, itemPath, extname, itemWithoutExt, isDirectory2, childRoute, ref1, ref2, ref3, err, finalRoute, childRoute1, path2;
+        var _route_children, isDirectory, relativeDir, pathSegments, lastSegment, isRoot, isPathlessLayout, isWithoutLayoutPath, routePath, route, pageLoaderFile, pageRoute, splatLoaderFile, splatRoute, items, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, item, itemPath, extname, itemWithoutExt, isDirectory2, childRoute, _route_children1, _route_children2, _route_children3, err, finalRoute, childRoute1, path2;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -288,7 +288,7 @@ var walk = function() {
                     childRoute = _state.sent();
                     if (childRoute) {
                         ;
-                        (ref1 = route.children) === null || ref1 === void 0 ? void 0 : ref1.push(childRoute);
+                        (_route_children1 = route.children) === null || _route_children1 === void 0 ? void 0 : _route_children1.push(childRoute);
                     }
                     _state.label = 8;
                 case 8:
@@ -317,7 +317,7 @@ var walk = function() {
                         if (pageLoaderFile) {
                             pageRoute.loader = pageLoaderFile;
                         }
-                        (ref2 = route.children) === null || ref2 === void 0 ? void 0 : ref2.push(pageRoute);
+                        (_route_children2 = route.children) === null || _route_children2 === void 0 ? void 0 : _route_children2.push(pageRoute);
                     }
                     if (itemWithoutExt === NESTED_ROUTE.SPLATE_LOADER_FILE) {
                         splatLoaderFile = itemPath;
@@ -331,7 +331,7 @@ var walk = function() {
                         if (splatLoaderFile) {
                             splatRoute.loader = splatLoaderFile;
                         }
-                        (ref3 = route.children) === null || ref3 === void 0 ? void 0 : ref3.push(splatRoute);
+                        (_route_children3 = route.children) === null || _route_children3 === void 0 ? void 0 : _route_children3.push(splatRoute);
                     }
                     if (itemWithoutExt === NESTED_ROUTE.LOADING_FILE) {
                         route.loading = replaceWithAlias(alias.basename, itemPath, alias.name);
@@ -377,7 +377,7 @@ var walk = function() {
                     if (isPathlessLayout) {
                         delete finalRoute.path;
                     }
-                    route.children = (ref = route.children) === null || ref === void 0 ? void 0 : ref.filter(function(childRoute) {
+                    route.children = (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.filter(function(childRoute) {
                         return childRoute;
                     });
                     if (route.children && route.children.length === 0 && !route.index) {

package/dist/{js/treeshaking → esm}/analyze/templates.js

@@ -229,10 +229,11 @@ var index = function(param) {
 };
 var renderFunction = function(param) {
     var plugins = param.plugins, customBootstrap = param.customBootstrap, fileSystemRoutes2 = param.fileSystemRoutes;
+    var bootstrap = "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM)";
     return "\n  const finalAppConfig = {\n    ...App.config,\n    ...typeof ".concat(APP_CONFIG_NAME, " === 'function' ? ").concat(APP_CONFIG_NAME, "() : {},\n  }\n\n  AppWrapper = createApp({\n    plugins: [\n     ").concat(plugins.map(function(param) {
         var name = param.name, options = param.options, args = param.args;
         return "".concat(name, "({...").concat(options, ", ...finalAppConfig?.").concat(args || name, "}),");
-    }).join("\n"), "\n    ]\n  })(").concat(fileSystemRoutes2 ? "" : "App", ")\n\n\n  if(!AppWrapper.init && typeof appInit !== 'undefined') {\n    AppWrapper.init = appInit;\n  }\n\n\n  if (IS_BROWSER) {\n    ").concat(customBootstrap ? "customBootstrap(AppWrapper);" : "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);", "\n  }\n\n  return AppWrapper\n");
+    }).join("\n"), "\n    ]\n  })(").concat(fileSystemRoutes2 ? "" : "App", ")\n\n\n  if(!AppWrapper.init && typeof appInit !== 'undefined') {\n    AppWrapper.init = appInit;\n  }\n\n\n  if (IS_BROWSER) {\n    ").concat(customBootstrap ? "customBootstrap(AppWrapper, () => ".concat(bootstrap, ");") : "".concat(bootstrap, ";"), "\n  }\n\n  return AppWrapper\n");
 };
 var html = function(partials) {
     return "\n<!DOCTYPE html>\n<html>\n<head>\n  <%= meta %>\n  <title><%= title %></title>\n\n  ".concat(partials.top.join("\n"), "\n\n  <script>\n    window.__assetPrefix__ = '<%= assetPrefix %>';\n  </script>\n  ").concat(partials.head.join("\n"), "\n\n  <!--<?- chunksMap.css ?>-->\n</head>\n\n<body>\n  <noscript>\n    We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.\n  </noscript>\n  <div id=\"<%= mountId %>\"><!--<?- html ?>--></div>\n  ").concat(partials.body.join("\n"), "\n  <!--<?- chunksMap.js ?>-->\n  <!--<?- SSRDataScript ?>-->\n  <!--<?- bottomTemplate ?>-->\n</body>\n\n</html>\n");
@@ -243,8 +244,8 @@ var routesForServer = function(param) {
     var traverseRouteTree = function(route) {
         var children;
         if ("children" in route && route.children) {
-            var ref;
-            children = route === null || route === void 0 ? void 0 : (ref = route.children) === null || ref === void 0 ? void 0 : ref.map(traverseRouteTree);
+            var _route_children;
+            children = route === null || route === void 0 ? void 0 : (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.map(traverseRouteTree);
         }
         var loader;
         if (route.type === "nested") {
@@ -296,7 +297,7 @@ 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, _value, key, loaderInfo;
+        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;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -321,8 +322,8 @@ var fileSystemRoutes = function() {
                     traverseRouteTree = function(route) {
                         var children;
                         if ("children" in route && route.children) {
-                            var ref;
-                            children = route === null || route === void 0 ? void 0 : (ref = route.children) === null || ref === void 0 ? void 0 : ref.map(traverseRouteTree);
+                            var _route_children;
+                            children = route === null || route === void 0 ? void 0 : (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.map(traverseRouteTree);
                         }
                         var loading;
                         var error;
@@ -417,7 +418,7 @@ var fileSystemRoutes = function() {
                     _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
                     try {
                         for(_iterator1 = Object.entries(loadersMap)[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                            _value = _slicedToArray(_step1.value, 2), key = _value[0], loaderInfo = _value[1];
+                            _step_value = _slicedToArray(_step1.value, 2), key = _step_value[0], loaderInfo = _step_value[1];
                             if (loaderInfo.inline) {
                                 importLoadersCode += "import { loader as ".concat(key, ' } from "').concat(getDataLoaderPath(key)).concat(slash(loaderInfo.filePath), '";\n');
                             } else {

package/dist/{js/treeshaking → esm}/analyze/utils.js

@@ -333,7 +333,7 @@ var parseModule = function() {
 }();
 var hasLoader = function() {
     var _ref = _asyncToGenerator(function(filename) {
-        var source, ref, moduleExports;
+        var source, _ref, moduleExports;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -351,10 +351,10 @@ var hasLoader = function() {
                         })
                     ];
                 case 2:
-                    ref = _slicedToArray.apply(void 0, [
+                    _ref = _slicedToArray.apply(void 0, [
                         _state.sent(),
                         2
-                    ]), moduleExports = ref[1];
+                    ]), moduleExports = _ref[1];
                     return [
                         2,
                         moduleExports.some(function(e) {

package/dist/esm/builder/builder-rspack/index.js

@@ -0,0 +1,6 @@
+import { builderRspackProvider } from "@modern-js/builder-rspack-provider";
+import { generateBuilder } from "../generator";
+function createRspackBuilderForModern(options) {
+    return generateBuilder(options, builderRspackProvider);
+}
+export { createRspackBuilderForModern };

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

@@ -0,0 +1,64 @@
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+import { join } from "path";
+import { createCopyPattern } from "../../shared";
+import { RouterPlugin } from "../webpackPlugins";
+var PluginCompatModern = function(options) {
+    return {
+        name: "builder-plugin-compat-modern",
+        setup: function setup(api) {
+            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);
+                    chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(function(args) {
+                        var _args_;
+                        return [
+                            {
+                                patterns: _toConsumableArray(((_args_ = args[0]) === null || _args_ === void 0 ? void 0 : _args_.patterns) || []).concat([
+                                    defaultCopyPattern
+                                ])
+                            }
+                        ];
+                    });
+                }
+                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);
+                }
+            });
+        }
+    };
+};
+export { PluginCompatModern };