@modern-js/app-tools 2.30.0 → 2.31.0

package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -1,20 +1,35 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
 import { _ as _create_class } from "@swc/helpers/_/_create_class";
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { _ as _ts_values } from "@swc/helpers/_/_ts_values";
-import path from "path";
+import { createHash } from "crypto";
 import { mergeWith } from "@modern-js/utils/lodash";
 import { ROUTE_MANIFEST_FILE } from "@modern-js/utils";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
-import { transform } from "esbuild";
 var PLUGIN_NAME = "ModernjsRoutePlugin";
+var generateContentHash = function(content) {
+  return createHash("md5").update(content).digest("hex").slice(0, 8);
+};
 export var RouterPlugin = /* @__PURE__ */ function() {
   "use strict";
-  function RouterPlugin2() {
+  function RouterPlugin2(param) {
+    var _param_staticJsDir = param.staticJsDir, staticJsDir = _param_staticJsDir === void 0 ? "static/js" : _param_staticJsDir, HtmlBundlerPlugin = param.HtmlBundlerPlugin, enableInlineRouteManifests = param.enableInlineRouteManifests, _param_disableFilenameHash = param.disableFilenameHash, disableFilenameHash = _param_disableFilenameHash === void 0 ? false : _param_disableFilenameHash, _param_scriptLoading = param.scriptLoading, scriptLoading = _param_scriptLoading === void 0 ? "defer" : _param_scriptLoading, nonce = param.nonce;
     _class_call_check(this, RouterPlugin2);
+    _define_property(this, "HtmlBundlerPlugin", void 0);
+    _define_property(this, "enableInlineRouteManifests", void 0);
+    _define_property(this, "staticJsDir", void 0);
+    _define_property(this, "disableFilenameHash", void 0);
+    _define_property(this, "scriptLoading", void 0);
+    _define_property(this, "nonce", void 0);
+    this.HtmlBundlerPlugin = HtmlBundlerPlugin;
+    this.enableInlineRouteManifests = enableInlineRouteManifests;
+    this.staticJsDir = staticJsDir;
+    this.disableFilenameHash = disableFilenameHash;
+    this.scriptLoading = scriptLoading;
+    this.nonce = nonce;
   }
   _create_class(RouterPlugin2, [
     {
@@ -65,282 +80,207 @@ export var RouterPlugin = /* @__PURE__ */ function() {
         }
         var webpack = compiler.webpack;
         var Compilation = webpack.Compilation, sources = webpack.sources;
-        var RawSource = sources.RawSource, SourceMapSource = sources.SourceMapSource;
-        var normalizePath = function(path2) {
-          if (!path2.endsWith("/")) {
-            return "".concat(path2, "/");
+        var RawSource = sources.RawSource;
+        var normalizePath = function(path) {
+          if (!path.endsWith("/")) {
+            return "".concat(path, "/");
           }
-          return path2;
+          return path;
         };
-        var chunkToSource = /* @__PURE__ */ new Map();
-        var chunkToMap = /* @__PURE__ */ new Map();
-        var minimize = compiler.options.optimization.minimize;
+        var chunksToHtmlName = /* @__PURE__ */ new Map();
+        var ROUTE_MANIFEST_HOLDER = "route-manifest";
+        var placeholder = "<!--<?- ".concat(ROUTE_MANIFEST_HOLDER, " ?>-->");
         compiler.hooks.thisCompilation.tap(PLUGIN_NAME, function(compilation) {
+          _this.HtmlBundlerPlugin.getHooks(compilation).beforeEmit.tapAsync("RouterManifestPlugin", function(data, callback) {
+            var outputName = data.outputName;
+            var chunks = data.plugin.options.chunks;
+            chunksToHtmlName.set(chunks, outputName);
+            data.html = data.html.replace("</script>", "</script>".concat(placeholder));
+            callback(null, data);
+          });
           var _this1 = _this;
           compilation.hooks.processAssets.tapPromise({
             name: PLUGIN_NAME,
-            stage: Compilation.PROCESS_ASSETS_STAGE_DEV_TOOLING
+            stage: Compilation.PROCESS_ASSETS_STAGE_REPORT
           }, /* @__PURE__ */ _async_to_generator(function() {
-            var stats, _stats_chunks, chunks, namedChunkGroups, entryChunks, entryChunkFiles, entryChunkFileIds, i, file, chunkId, asset, map;
+            var _loop, stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, entryNames, entryChunks, entryChunkFiles, entryChunkFileIds, i;
             return _ts_generator(this, function(_state) {
+              _loop = function(i2) {
+                var entryName = entryNames[i2];
+                var file = entryChunkFiles[i2];
+                var chunkNames = entryChunks[i2].names;
+                var chunkId = entryChunkFileIds[i2];
+                var asset = compilation.assets[file];
+                if (!asset || !chunkId) {
+                  return "continue";
+                }
+                var relatedAssets = {};
+                if (entryChunkFiles.length > 1) {
+                  Object.keys(routeAssets).forEach(function(routeId) {
+                    var _chunkNames;
+                    var segments = routeId.split("_");
+                    var chunkName = segments[0];
+                    if ((_chunkNames = chunkNames) === null || _chunkNames === void 0 ? void 0 : _chunkNames.includes(chunkName)) {
+                      relatedAssets[routeId] = routeAssets[routeId];
+                    }
+                  });
+                } else {
+                  relatedAssets = routeAssets;
+                }
+                var manifest2 = {
+                  routeAssets: relatedAssets
+                };
+                var injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest2, function(k, v) {
+                  if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
+                    return v.map(function(item) {
+                      return item.replace(publicPath, "");
+                    });
+                  }
+                  return v;
+                }), ";\n            })();\n          ");
+                var htmlName = void 0;
+                var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+                try {
+                  var _loop2 = function() {
+                    var _step_value2 = _sliced_to_array(_step2.value, 2), chunks2 = _step_value2[0], name2 = _step_value2[1];
+                    if (Array.isArray(chunkNames) && Array.isArray(chunks2) && chunkNames.every(function(value, index) {
+                      return value === chunks2[index];
+                    })) {
+                      htmlName = name2;
+                      return "break";
+                    }
+                  };
+                  for (var _iterator2 = chunksToHtmlName.entries()[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var _ret = _loop2();
+                    if (_ret === "break")
+                      break;
+                  }
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+                var oldHtml = compilation.assets[htmlName];
+                var enableInlineRouteManifests = _this1.enableInlineRouteManifests, disableFilenameHash = _this1.disableFilenameHash, staticJsDir = _this1.staticJsDir, scriptLoading = _this1.scriptLoading, nonce = _this1.nonce;
+                var nonceAttr = nonce ? 'nonce="'.concat(nonce, '"') : "";
+                if (enableInlineRouteManifests) {
+                  compilation.updateAsset(
+                    htmlName,
+                    new RawSource(oldHtml.source().toString().replace(placeholder, "<script ".concat(nonceAttr, ">").concat(injectedContent, "</script>"))),
+                    // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                    void 0
+                  );
+                } else {
+                  var scriptPath = "".concat(staticJsDir, "/").concat(ROUTE_MANIFEST_HOLDER, "-").concat(entryName).concat(disableFilenameHash ? ".js" : ".".concat(generateContentHash(injectedContent), ".js"));
+                  var scriptUrl = "".concat(publicPath).concat(scriptPath);
+                  var scriptLoadingAttr = (
+                    // eslint-disable-next-line no-nested-ternary
+                    scriptLoading === "defer" ? scriptLoading : scriptLoading === "module" ? 'type="module"' : ""
+                  );
+                  var script = "<script ".concat(scriptLoadingAttr, " ").concat(nonceAttr, ' src="').concat(scriptUrl, '"></script>');
+                  compilation.updateAsset(
+                    htmlName,
+                    new RawSource(oldHtml.source().toString().replace(placeholder, script)),
+                    // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                    void 0
+                  );
+                  compilation.emitAsset(scriptPath, new RawSource(injectedContent));
+                }
+              };
               stats = compilation.getStats().toJson({
                 all: false,
+                publicPath: true,
+                assets: true,
                 chunkGroups: true,
                 chunks: true,
                 ids: true
               });
-              _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
+              publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
+              routeAssets = {};
               if (!namedChunkGroups) {
                 return [
                   2
                 ];
               }
-              entryChunks = _this1.getEntryChunks(compilation, chunks);
-              entryChunkFiles = entryChunks.map(function(chunk) {
-                return _to_consumable_array(chunk.files || []).find(function(fname) {
-                  return fname.includes(".js");
-                });
-              });
-              entryChunkFileIds = entryChunks.map(function(chunk) {
-                return chunk.id;
+              prevManifestAsset = compilation.getAsset(ROUTE_MANIFEST_FILE);
+              prevManifestStr = prevManifestAsset ? prevManifestAsset.source.source().toString() : JSON.stringify({
+                routeAssets: {}
               });
-              for (i = 0; i <= entryChunkFiles.length - 1; i++) {
-                file = entryChunkFiles[i];
-                chunkId = entryChunkFileIds[i];
-                asset = compilation.assets[file];
-                if (!asset) {
-                  continue;
+              prevManifest = JSON.parse(prevManifestStr);
+              _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+              try {
+                for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
+                  assets = chunkGroup.assets.map(function(asset) {
+                    var filename = asset.name;
+                    return publicPath ? normalizePath(publicPath) + filename : filename;
+                  });
+                  referenceCssAssets = assets.filter(function(asset) {
+                    return /\.css$/.test(asset);
+                  });
+                  routeAssets[name] = {
+                    chunkIds: chunkGroup.chunks,
+                    assets: assets,
+                    referenceCssAssets: referenceCssAssets
+                  };
+                  if (prevManifest.routeAssets[name]) {
+                    mergeWith(routeAssets[name], prevManifest.routeAssets[name], function(obj, source) {
+                      if (Array.isArray(obj)) {
+                        return obj.concat(source);
+                      }
+                      return Object.assign(source, obj);
+                    });
+                  }
+                }
+              } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                  }
+                } finally {
+                  if (_didIteratorError) {
+                    throw _iteratorError;
+                  }
                 }
-                map = asset.sourceAndMap().map;
-                chunkToMap.set(chunkId, map);
-              }
-              return [
-                2
-              ];
-            });
-          }));
-          var _this2 = _this;
-          compilation.hooks.processAssets.tapPromise({
-            name: PLUGIN_NAME,
-            stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER
-          }, /* @__PURE__ */ _async_to_generator(function() {
-            var stats, _stats_chunks, chunks, namedChunkGroups, entryChunks, entryChunkFiles, entryChunkFileIds, i, file, chunkId, asset, source;
-            return _ts_generator(this, function(_state) {
-              stats = compilation.getStats().toJson({
-                all: false,
-                chunkGroups: true,
-                chunks: true,
-                ids: true
-              });
-              _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
-              if (!namedChunkGroups) {
-                return [
-                  2
-                ];
               }
-              entryChunks = _this2.getEntryChunks(compilation, chunks);
-              entryChunkFiles = entryChunks.map(function(chunk) {
-                return _to_consumable_array(chunk.files || []).find(function(fname) {
-                  return fname.includes(".js");
-                });
-              });
+              manifest = {
+                routeAssets: routeAssets
+              };
+              entryNames = Array.from(compilation.entrypoints.keys());
+              entryChunks = _this1.getEntryChunks(compilation, chunks);
+              entryChunkFiles = _this1.getEntryChunkFiles(entryChunks);
               entryChunkFileIds = entryChunks.map(function(chunk) {
                 return chunk.id;
               });
-              for (i = 0; i <= entryChunkFiles.length - 1; i++) {
-                file = entryChunkFiles[i];
-                chunkId = entryChunkFileIds[i];
-                asset = compilation.assets[file];
-                if (!asset) {
-                  continue;
-                }
-                source = asset.sourceAndMap().source;
-                chunkToSource.set(chunkId, source);
+              for (i = 0; i < entryChunkFiles.length; i++)
+                _loop(i);
+              if (prevManifestAsset) {
+                compilation.updateAsset(
+                  ROUTE_MANIFEST_FILE,
+                  new RawSource(JSON.stringify(manifest, null, 2)),
+                  // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                  void 0
+                );
+              } else {
+                compilation.emitAsset(ROUTE_MANIFEST_FILE, new RawSource(JSON.stringify(manifest, null, 2)));
               }
               return [
                 2
               ];
             });
           }));
-          var _this3 = _this;
-          compilation.hooks.processAssets.tapPromise({
-            name: PLUGIN_NAME,
-            stage: Compilation.PROCESS_ASSETS_STAGE_REPORT
-          }, /* @__PURE__ */ _async_to_generator(function() {
-            var _loop, stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, entryChunks, entryChunkFiles, entryChunkFileIds, i;
-            return _ts_generator(this, function(_state) {
-              switch (_state.label) {
-                case 0:
-                  _loop = function(i2) {
-                    var _source, _source1, file, chunkNames, chunkId, asset, relatedAssets, manifest2, injectedContent, source, map, newContent, result, newSource;
-                    return _ts_generator(this, function(_state2) {
-                      switch (_state2.label) {
-                        case 0:
-                          file = entryChunkFiles[i2];
-                          chunkNames = entryChunks[i2].names;
-                          chunkId = entryChunkFileIds[i2];
-                          asset = compilation.assets[file];
-                          if (!asset || !chunkId) {
-                            return [
-                              2,
-                              "continue"
-                            ];
-                          }
-                          relatedAssets = {};
-                          if (entryChunkFiles.length > 1) {
-                            Object.keys(routeAssets).forEach(function(routeId) {
-                              var _chunkNames;
-                              var segments = routeId.split("_");
-                              var chunkName = segments[0];
-                              if ((_chunkNames = chunkNames) === null || _chunkNames === void 0 ? void 0 : _chunkNames.includes(chunkName)) {
-                                relatedAssets[routeId] = routeAssets[routeId];
-                              }
-                            });
-                          } else {
-                            relatedAssets = routeAssets;
-                          }
-                          manifest2 = {
-                            routeAssets: relatedAssets
-                          };
-                          injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest2, function(k, v) {
-                            if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
-                              return v.map(function(item) {
-                                return item.replace(publicPath, "");
-                              });
-                            }
-                            return v;
-                          }), ";\n            })();\n          ");
-                          source = chunkToSource.get(chunkId);
-                          map = chunkToMap.get(chunkId);
-                          newContent = "".concat(injectedContent).concat((_source = source) === null || _source === void 0 ? void 0 : _source.toString());
-                          return [
-                            4,
-                            transform(newContent, {
-                              loader: path.extname(file).slice(1),
-                              sourcemap: true,
-                              minify: minimize
-                            })
-                          ];
-                        case 1:
-                          result = _state2.sent();
-                          newSource = new SourceMapSource(result.code, file, result.map, (_source1 = source) === null || _source1 === void 0 ? void 0 : _source1.toString(), map);
-                          compilation.updateAsset(
-                            file,
-                            newSource,
-                            // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
-                            void 0
-                          );
-                          return [
-                            2
-                          ];
-                      }
-                    });
-                  };
-                  stats = compilation.getStats().toJson({
-                    all: false,
-                    publicPath: true,
-                    assets: true,
-                    chunkGroups: true,
-                    chunks: true,
-                    ids: true
-                  });
-                  publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
-                  routeAssets = {};
-                  if (!namedChunkGroups) {
-                    return [
-                      2
-                    ];
-                  }
-                  prevManifestAsset = compilation.getAsset(ROUTE_MANIFEST_FILE);
-                  prevManifestStr = prevManifestAsset ? prevManifestAsset.source.source().toString() : JSON.stringify({
-                    routeAssets: {}
-                  });
-                  prevManifest = JSON.parse(prevManifestStr);
-                  _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-                  try {
-                    for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                      _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
-                      assets = chunkGroup.assets.map(function(asset) {
-                        var filename = asset.name;
-                        return publicPath ? normalizePath(publicPath) + filename : filename;
-                      });
-                      referenceCssAssets = assets.filter(function(asset) {
-                        return /\.css$/.test(asset);
-                      });
-                      routeAssets[name] = {
-                        chunkIds: chunkGroup.chunks,
-                        assets: assets,
-                        referenceCssAssets: referenceCssAssets
-                      };
-                      if (prevManifest.routeAssets[name]) {
-                        mergeWith(routeAssets[name], prevManifest.routeAssets[name], function(obj, source) {
-                          if (Array.isArray(obj)) {
-                            return obj.concat(source);
-                          }
-                          return Object.assign(source, obj);
-                        });
-                      }
-                    }
-                  } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                  } finally {
-                    try {
-                      if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                      }
-                    } finally {
-                      if (_didIteratorError) {
-                        throw _iteratorError;
-                      }
-                    }
-                  }
-                  manifest = {
-                    routeAssets: routeAssets
-                  };
-                  entryChunks = _this3.getEntryChunks(compilation, chunks);
-                  entryChunkFiles = _this3.getEntryChunkFiles(entryChunks);
-                  entryChunkFileIds = entryChunks.map(function(chunk) {
-                    return chunk.id;
-                  });
-                  i = 0;
-                  _state.label = 1;
-                case 1:
-                  if (!(i < entryChunkFiles.length))
-                    return [
-                      3,
-                      4
-                    ];
-                  return [
-                    5,
-                    _ts_values(_loop(i))
-                  ];
-                case 2:
-                  _state.sent();
-                  _state.label = 3;
-                case 3:
-                  i++;
-                  return [
-                    3,
-                    1
-                  ];
-                case 4:
-                  if (prevManifestAsset) {
-                    compilation.updateAsset(
-                      ROUTE_MANIFEST_FILE,
-                      new RawSource(JSON.stringify(manifest, null, 2)),
-                      // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
-                      void 0
-                    );
-                  } else {
-                    compilation.emitAsset(ROUTE_MANIFEST_FILE, new RawSource(JSON.stringify(manifest, null, 2)));
-                  }
-                  return [
-                    2
-                  ];
-              }
-            });
-          }));
         });
       }
     }

package/dist/esm/config/default.js

@@ -12,7 +12,8 @@ export function createDefaultConfig(appContext, bundler) {
     port: void 0
   });
   var output = _object_spread_props(_object_spread({}, defaultBuilderConfig.output), {
-    disableNodePolyfill: true
+    disableNodePolyfill: true,
+    enableInlineRouteManifests: true
   });
   var _obj;
   var source = _object_spread_props(_object_spread({}, defaultBuilderConfig.source), {

package/dist/esm/schema/index.js

@@ -86,6 +86,9 @@ var output = {
   },
   disableNodePolyfill: {
     type: "boolean"
+  },
+  enableInlineRouteManifests: {
+    type: "boolean"
   }
 };
 var dev = {};

package/dist/esm/types/config/testing.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/legacyConfig/testing.js

@@ -0,0 +1 @@
+export {};

package/dist/esm-node/analyze/getHtmlTemplate.js

@@ -26,6 +26,7 @@ export const getHtmlTemplate = async (entrypoints, api, { appContext, config })
   const { source: { configDir } } = config;
   const htmlDir = path.resolve(appDirectory, configDir || "", HTML_PARTIALS_FOLDER);
   const htmlTemplates = {};
+  const partialsByEntrypoint = {};
   for (const entrypoint of entrypoints) {
     const { entryName, isMainEntry } = entrypoint;
     const name = entrypoints.length === 1 && isMainEntry ? "" : entryName;
@@ -55,11 +56,16 @@ export const getHtmlTemplate = async (entrypoints, api, { appContext, config })
       const templatePath = path.resolve(internalDirectory, entryName, "index.html");
       fs.outputFileSync(templatePath, templates.html(partials), "utf8");
       htmlTemplates[entryName] = templatePath;
+      partialsByEntrypoint[entryName] = partials;
       const bottomTemplate = findPartials(htmlDir, name, PartialPosition.BOTTOM);
       if (bottomTemplate) {
         htmlTemplates[`__${entryName}-bottom__`] = bottomTemplate.content;
       }
     }
   }
+  api.setAppContext({
+    ...api.useAppContext(),
+    partialsByEntrypoint
+  });
   return htmlTemplates;
 };

package/dist/esm-node/builder/shared/builderPlugins/adapterSSR.js

@@ -20,7 +20,7 @@ export const builderPluginAdapterSSR = (options) => ({
     api.modifyBundlerChain(async (chain, { target, CHAIN_ID, isProd, HtmlPlugin: HtmlBundlerPlugin, isServer }) => {
       const builderConfig = api.getNormalizedConfig();
       const { normalizedConfig: normalizedConfig2 } = options;
-      applyRouterPlugin(chain, options);
+      applyRouterPlugin(chain, options, HtmlBundlerPlugin);
       if (isSSR(normalizedConfig2)) {
         await applySSRLoaderEntry(chain, options, isServer);
         applySSRDataLoader(chain, options);
@@ -69,7 +69,7 @@ function applyAsyncChunkHtmlPlugin({ chain, modernConfig, CHAIN_ID, HtmlBundlerP
     ]);
   }
 }
-function applyRouterPlugin(chain, options) {
+function applyRouterPlugin(chain, options, HtmlBundlerPlugin) {
   var _normalizedConfig_runtime, _normalizedConfig, _routerConfig, _normalizedConfig_deploy_worker;
   const { appContext, normalizedConfig } = options;
   const { entrypoints } = appContext;
@@ -78,7 +78,17 @@ function applyRouterPlugin(chain, options) {
   const routerManifest = Boolean((_routerConfig = routerConfig) === null || _routerConfig === void 0 ? void 0 : _routerConfig.manifest);
   const workerSSR = Boolean((_normalizedConfig_deploy_worker = normalizedConfig.deploy.worker) === null || _normalizedConfig_deploy_worker === void 0 ? void 0 : _normalizedConfig_deploy_worker.ssr);
   if (existNestedRoutes || routerManifest || workerSSR) {
-    chain.plugin("route-plugin").use(RouterPlugin);
+    var _normalizedConfig_output_distPath, _normalizedConfig_output, _normalizedConfig_output1, _normalizedConfig_html, _normalizedConfig_security;
+    chain.plugin("route-plugin").use(RouterPlugin, [
+      {
+        HtmlBundlerPlugin,
+        enableInlineRouteManifests: normalizedConfig.output.enableInlineRouteManifests,
+        staticJsDir: (_normalizedConfig_output = normalizedConfig.output) === null || _normalizedConfig_output === void 0 ? void 0 : (_normalizedConfig_output_distPath = _normalizedConfig_output.distPath) === null || _normalizedConfig_output_distPath === void 0 ? void 0 : _normalizedConfig_output_distPath.js,
+        disableFilenameHash: (_normalizedConfig_output1 = normalizedConfig.output) === null || _normalizedConfig_output1 === void 0 ? void 0 : _normalizedConfig_output1.disableFilenameHash,
+        scriptLoading: (_normalizedConfig_html = normalizedConfig.html) === null || _normalizedConfig_html === void 0 ? void 0 : _normalizedConfig_html.scriptLoading,
+        nonce: (_normalizedConfig_security = normalizedConfig.security) === null || _normalizedConfig_security === void 0 ? void 0 : _normalizedConfig_security.nonce
+      }
+    ]);
   }
 }
 function applyFilterEntriesBySSRConfig({ isProd, chain, appNormalizedConfig }) {