@modern-js/app-tools 2.23.1 → 2.24.0

package/dist/esm/analyze/nestedRoutes.js

@@ -3,28 +3,43 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import * as path from "path";
-import { fs, getRouteId } from "@modern-js/utils";
+import { fs, normalizeToPosixPath } from "@modern-js/utils";
 import { JS_EXTENSIONS, NESTED_ROUTE } from "./constants";
 import { replaceWithAlias } from "./utils";
 var conventionNames = Object.values(NESTED_ROUTE);
 var replaceDynamicPath = function(routePath) {
   return routePath.replace(/\[(.*?)\]/g, ":$1");
 };
-var createIndexRoute = function(routeInfo, rootDir, filename, entryName) {
+var getPathWithoutExt = function(filename) {
+  var extname = path.extname(filename);
+  return filename.slice(0, -extname.length);
+};
+export var getRouteId = function(componentPath, routesDir, entryName, isMainEntry) {
+  var relativePath = normalizeToPosixPath(path.relative(routesDir, componentPath));
+  var pathWithoutExt = getPathWithoutExt(relativePath);
+  var id = "";
+  if (isMainEntry) {
+    id = pathWithoutExt;
+  } else {
+    id = "".concat(entryName, "_").concat(pathWithoutExt);
+  }
+  return id.replace(/\[(.*?)\]/g, "($1)");
+};
+var createIndexRoute = function(routeInfo, rootDir, filename, entryName, isMainEntry) {
   return createRoute(_object_spread_props(_object_spread({}, routeInfo), {
     index: true,
     children: void 0
-  }), rootDir, filename, entryName);
+  }), rootDir, filename, entryName, isMainEntry);
 };
-var createRoute = function(routeInfo, rootDir, filename, entryName) {
-  var id = getRouteId(filename, rootDir, entryName);
+var createRoute = function(routeInfo, rootDir, filename, entryName, isMainEntry) {
+  var id = getRouteId(filename, rootDir, entryName, isMainEntry);
   return _object_spread_props(_object_spread({}, routeInfo), {
     id: id,
     type: "nested"
   });
 };
 export var walk = function() {
-  var _ref = _async_to_generator(function(dirname, rootDir, alias, entryName) {
+  var _ref = _async_to_generator(function(dirname, rootDir, alias, entryName, isMainEntry) {
     var _route_children, isDirectory, relativeDir, pathSegments, lastSegment, isRoot, isPathlessLayout, isWithoutLayoutPath, routePath, route, pageLoaderFile, pageRoute, splatLoaderFile, splatRoute, pageConfigFile, items, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, item, itemPath, extname, itemWithoutExt, isDirectory1, childRoute, _route_children1, _route_children2, _route_children3, err, finalRoute, childRoute1, _$path;
     return _ts_generator(this, function(_state) {
       switch (_state.label) {
@@ -113,7 +128,7 @@ export var walk = function() {
             ];
           return [
             4,
-            walk(itemPath, rootDir, alias, entryName)
+            walk(itemPath, rootDir, alias, entryName, isMainEntry)
           ];
         case 7:
           childRoute = _state.sent();
@@ -152,7 +167,7 @@ export var walk = function() {
             ;
             pageRoute = createIndexRoute({
               _component: replaceWithAlias(alias.basename, itemPath, alias.name)
-            }, rootDir, itemPath, entryName);
+            }, rootDir, itemPath, entryName, isMainEntry);
             if (pageLoaderFile) {
               pageRoute.loader = pageLoaderFile;
             }
@@ -169,7 +184,7 @@ export var walk = function() {
             splatRoute = createRoute({
               _component: replaceWithAlias(alias.basename, itemPath, alias.name),
               path: "*"
-            }, rootDir, itemPath, entryName);
+            }, rootDir, itemPath, entryName, isMainEntry);
             if (splatLoaderFile) {
               splatRoute.loader = splatLoaderFile;
             }
@@ -215,7 +230,7 @@ export var walk = function() {
             7
           ];
         case 13:
-          finalRoute = createRoute(route, rootDir, path.join(dirname, "".concat(NESTED_ROUTE.LAYOUT_FILE, ".ts")), entryName);
+          finalRoute = createRoute(route, rootDir, path.join(dirname, "".concat(NESTED_ROUTE.LAYOUT_FILE, ".ts")), entryName, isMainEntry);
           if (isPathlessLayout) {
             delete finalRoute.path;
           }
@@ -244,7 +259,7 @@ export var walk = function() {
       }
     });
   });
-  return function walk2(dirname, rootDir, alias, entryName) {
+  return function walk2(dirname, rootDir, alias, entryName, isMainEntry) {
     return _ref.apply(this, arguments);
   };
 }();

package/dist/esm/analyze/templates.js

@@ -316,9 +316,9 @@ export var fileSystemRoutes = function() {
   };
 }();
 export function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
-  var entryName = entrypoint.entryName;
+  var entryName = entrypoint.entryName, isMainEntry = entrypoint.isMainEntry;
   var packageName = appContext.packageName, internalDirectory = appContext.internalDirectory;
-  var ssr = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
+  var ssr = getEntryOptions(entryName, isMainEntry, config.server.ssr, config.server.ssrByEntries, packageName);
   var ssg = isSSGEntry(config, entryName, entrypoints);
   if (entrypoint.nestedRoutesEntry && (ssr || ssg)) {
     var serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");

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

@@ -4,7 +4,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { isHtmlDisabled, createVirtualModule } from "@modern-js/builder-shared";
-import { getEntryOptions, removeTailSlash } from "@modern-js/utils";
+import { MAIN_ENTRY_NAME, getEntryOptions, removeTailSlash } from "@modern-js/utils";
 import { template as lodashTemplate } from "@modern-js/utils/lodash";
 import { BottomTemplatePlugin } from "../bundlerPlugins";
 export var builderPluginAdapterHtml = function(options) {
@@ -113,11 +113,13 @@ function applyBottomHtmlPlugin(param) {
   try {
     var _loop = function() {
       var entryName = _step.value;
+      var mainEntryName = modernConfig.source.mainEntryName;
+      var isMainEntry = entryName === (mainEntryName || MAIN_ENTRY_NAME);
       var baseTemplateParams = _object_spread({
         entryName: entryName,
-        title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
+        title: getEntryOptions(entryName, isMainEntry, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
         mountId: modernConfig.html.mountId
-      }, getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
+      }, getEntryOptions(entryName, isMainEntry, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
       chain.plugin("".concat(CHAIN_ID.PLUGIN.HTML, "-").concat(entryName)).tap(function(args) {
         return [
           _object_spread_props(_object_spread({}, args[0] || {}), {

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

@@ -137,7 +137,7 @@ export var RouterPlugin = /* @__PURE__ */ function() {
                   if (!asset) {
                     continue;
                   }
-                  newContent = "".concat(injectedContent).concat(asset.source().toString());
+                  newContent = "".concat(asset.source().toString()).concat(injectedContent);
                   newAssetsMap.set(path.join(outputPath, file), newContent);
                   compilation.updateAsset(
                     file,

package/dist/esm/config/default.js

@@ -2,6 +2,7 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
+import { MAIN_ENTRY_NAME } from "@modern-js/utils";
 import { getAutoInjectEnv } from "../utils/env";
 export function createDefaultConfig(appContext, bundler) {
   var defaultBuilderConfig = createDefaultBuilderConfig();
@@ -16,6 +17,7 @@ export function createDefaultConfig(appContext, bundler) {
   var _obj;
   var source = _object_spread_props(_object_spread({}, defaultBuilderConfig.source), {
     entries: void 0,
+    mainEntryName: MAIN_ENTRY_NAME,
     enableAsyncEntry: false,
     disableDefaultEntries: false,
     entriesDir: "./src",
@@ -68,6 +70,7 @@ export function createLegacyDefaultConfig(appContext) {
   var defaultAlias = appContext ? (_obj = {}, _define_property(_obj, appContext.internalDirAlias, appContext.internalDirectory), _define_property(_obj, appContext.internalSrcAlias, appContext.srcDirectory), _define_property(_obj, "@", appContext.srcDirectory), _define_property(_obj, "@shared", appContext.sharedDirectory), _obj) : {};
   var sourceDefaults = {
     entries: void 0,
+    mainEntryName: MAIN_ENTRY_NAME,
     enableAsyncEntry: false,
     disableDefaultEntries: false,
     entriesDir: "./src",

package/dist/esm/config/legacy/createSourceConfig.js

@@ -1,5 +1,5 @@
 export function createSourceConfig(config) {
-  var _config_source = config.source, alias = _config_source.alias, envVars = _config_source.envVars, globalVars = _config_source.globalVars, include = _config_source.include, moduleScopes = _config_source.moduleScopes, preEntry = _config_source.preEntry, entries = _config_source.entries, enableAsyncEntry = _config_source.enableAsyncEntry, disableDefaultEntries = _config_source.disableDefaultEntries, entriesDir = _config_source.entriesDir, configDir = _config_source.configDir;
+  var _config_source = config.source, alias = _config_source.alias, envVars = _config_source.envVars, globalVars = _config_source.globalVars, include = _config_source.include, moduleScopes = _config_source.moduleScopes, preEntry = _config_source.preEntry, entries = _config_source.entries, mainEntryName = _config_source.mainEntryName, enableAsyncEntry = _config_source.enableAsyncEntry, disableDefaultEntries = _config_source.disableDefaultEntries, entriesDir = _config_source.entriesDir, configDir = _config_source.configDir;
   var builderGlobalVars = globalVars || {};
   var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
   try {
@@ -29,6 +29,7 @@ export function createSourceConfig(config) {
     include: include,
     preEntry: preEntry,
     entries: entries,
+    mainEntryName: mainEntryName,
     enableAsyncEntry: enableAsyncEntry,
     disableDefaultEntries: disableDefaultEntries,
     entriesDir: entriesDir,

package/dist/esm/schema/index.js

@@ -36,6 +36,9 @@ var source = {
       }
     })
   },
+  mainEntryName: {
+    type: "string"
+  },
   enableAsyncEntry: {
     type: "boolean"
   },

package/dist/esm/schema/legacy.js

@@ -33,6 +33,9 @@ var source = {
       }
     })
   },
+  mainEntryName: {
+    type: "string"
+  },
   preEntry: {
     type: [
       "string",

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

@@ -60,7 +60,7 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
     importsStatemets
   };
   async function generateEntryCode(entrypoint) {
-    const { entryName, isAutoMount, fileSystemRoutes } = entrypoint;
+    const { entryName, isMainEntry, isAutoMount, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
         var _config_output;
@@ -79,7 +79,7 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
           nestedRoute = await walk(entrypoint.nestedRoutesEntry, entrypoint.nestedRoutesEntry, {
             name: internalSrcAlias,
             basename: srcDirectory
-          }, entrypoint.entryName);
+          }, entrypoint.entryName, entrypoint.isMainEntry);
           if (nestedRoute) {
             initialRoutes.unshift(nestedRoute);
           }
@@ -89,7 +89,7 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
           routes: initialRoutes
         });
         const config2 = api.useResolvedConfigContext();
-        const ssr = getEntryOptions(entryName, config2.server.ssr, config2.server.ssrByEntries, packageName);
+        const ssr = getEntryOptions(entryName, isMainEntry, config2.server.ssr, config2.server.ssrByEntries, packageName);
         const useSSG = isSSGEntry(config2, entryName, entrypoints);
         let mode;
         if (ssr) {
@@ -149,7 +149,7 @@ export const generateIndexCode = async ({ appContext, api, entrypoints, config,
   const { mountId } = config.html;
   const { internalDirectory, packageName } = appContext;
   await Promise.all(entrypoints.map(async (entrypoint) => {
-    const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
+    const { entryName, isMainEntry, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       const { plugins } = await hookRunners.modifyEntryRuntimePlugins({
         entrypoint,
@@ -178,7 +178,7 @@ export const generateIndexCode = async ({ appContext, api, entrypoints, config,
       const entryFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_FILE_NAME}`);
       if (config.source.enableAsyncEntry) {
         let rawAsyncEntryCode = `import('./${ENTRY_BOOTSTRAP_FILE_NAME}');`;
-        const ssr = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
+        const ssr = getEntryOptions(entryName, isMainEntry, config.server.ssr, config.server.ssrByEntries, packageName);
         if (ssr) {
           rawAsyncEntryCode = `
         export const ${SERVER_RENDER_FUNCTION_NAME} = async (...args) => {

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

@@ -24,19 +24,21 @@ const ifAlreadyExists = (entrypoints, checked) => entrypoints.some((entrypoint)
 });
 export const getBundleEntry = (appContext, config) => {
   const { appDirectory, packageName } = appContext;
-  const { disableDefaultEntries, entries, entriesDir } = config.source;
+  const { disableDefaultEntries, entries, entriesDir, mainEntryName } = config.source;
   const defaults = disableDefaultEntries ? [] : getFileSystemEntry(appContext, config);
   if (entries) {
     Object.keys(entries).forEach((name) => {
       const value = entries[name];
       const entrypoint = typeof value === "string" ? {
         entryName: name,
+        isMainEntry: false,
         entry: ensureAbsolutePath(appDirectory, value),
         absoluteEntryDir: isDirectory(ensureAbsolutePath(appDirectory, value)) ? ensureAbsolutePath(appDirectory, value) : path.dirname(ensureAbsolutePath(appDirectory, value)),
         isAutoMount: true,
         fileSystemRoutes: fs.statSync(ensureAbsolutePath(appDirectory, value)).isDirectory() ? {} : void 0
       } : {
         entryName: name,
+        isMainEntry: false,
         entry: ensureAbsolutePath(appDirectory, value.entry),
         absoluteEntryDir: isDirectory(ensureAbsolutePath(appDirectory, value.entry)) ? ensureAbsolutePath(appDirectory, value.entry) : path.dirname(ensureAbsolutePath(appDirectory, value.entry)),
         isAutoMount: !value.disableMount,
@@ -54,7 +56,10 @@ export const getBundleEntry = (appContext, config) => {
   if (!disableDefaultEntries) {
     const entriesDirAbs = ensureAbsolutePath(appDirectory, entriesDir || "");
     const found = defaults.find(({ entryName, entry, nestedRoutesEntry = "" }) => entryName === packageName || path.dirname(entry) === entriesDirAbs || path.dirname(nestedRoutesEntry) === entriesDirAbs);
-    found && (found.entryName = MAIN_ENTRY_NAME);
+    if (found) {
+      found.entryName = mainEntryName || MAIN_ENTRY_NAME;
+      found.isMainEntry = true;
+    }
   }
   return defaults;
 };

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

@@ -15,6 +15,7 @@ const scanDir = (dirs) => dirs.map((dir) => {
   if (indexFile && !customBootstrap) {
     return {
       entryName,
+      isMainEntry: false,
       entry: indexFile,
       absoluteEntryDir: path.resolve(dir),
       isAutoMount: false
@@ -24,6 +25,7 @@ const scanDir = (dirs) => dirs.map((dir) => {
   if (isHasApp) {
     return {
       entryName,
+      isMainEntry: false,
       entry: path.join(dir, APP_FILE_NAME),
       isAutoMount: true,
       absoluteEntryDir: path.resolve(dir),
@@ -35,6 +37,7 @@ const scanDir = (dirs) => dirs.map((dir) => {
   if (isHasNestedRoutes || isHasPages) {
     const entrypoint = {
       entryName,
+      isMainEntry: false,
       entry: "",
       fileSystemRoutes: {
         globalApp: findExists(JS_EXTENSIONS.map((ext) => path.resolve(dir, `./${PAGES_DIR_NAME}/${FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT}${ext}`)))
@@ -55,6 +58,7 @@ const scanDir = (dirs) => dirs.map((dir) => {
   }
   return {
     entryName,
+    isMainEntry: false,
     entry: indexFile,
     absoluteEntryDir: path.resolve(dir),
     isAutoMount: false

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

@@ -1,5 +1,5 @@
 import path from "path";
-import { fs, findExists, MAIN_ENTRY_NAME } from "@modern-js/utils";
+import { fs, findExists } from "@modern-js/utils";
 import { HTML_PARTIALS_EXTENSIONS, HTML_PARTIALS_FOLDER } from "./constants";
 import * as templates from "./templates";
 var PartialPosition;
@@ -27,8 +27,8 @@ export const getHtmlTemplate = async (entrypoints, api, { appContext, config })
   const htmlDir = path.resolve(appDirectory, configDir || "", HTML_PARTIALS_FOLDER);
   const htmlTemplates = {};
   for (const entrypoint of entrypoints) {
-    const { entryName } = entrypoint;
-    const name = entrypoints.length === 1 && entryName === MAIN_ENTRY_NAME ? "" : entryName;
+    const { entryName, isMainEntry } = entrypoint;
+    const name = entrypoints.length === 1 && isMainEntry ? "" : entryName;
     const customIndexTemplate = findPartials(htmlDir, name, PartialPosition.INDEX);
     if (customIndexTemplate) {
       htmlTemplates[entryName] = customIndexTemplate.file;

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

@@ -69,17 +69,18 @@ const applyRouteOptions = (original, routeOptions) => {
 };
 const collectHtmlRoutes = (entrypoints, appContext, config) => {
   var _deploy_worker;
-  const { html: { disableHtmlFolder }, output: { distPath: { html: htmlPath } = {} }, server: { baseUrl, routes, ssr, ssrByEntries }, deploy } = config;
+  const { source: { mainEntryName }, html: { disableHtmlFolder }, output: { distPath: { html: htmlPath } = {} }, server: { baseUrl, routes, ssr, ssrByEntries }, deploy } = config;
   const { packageName } = appContext;
   const workerSSR = deploy === null || deploy === void 0 ? void 0 : (_deploy_worker = deploy.worker) === null || _deploy_worker === void 0 ? void 0 : _deploy_worker.ssr;
   let htmlRoutes = entrypoints.reduce((previous, { entryName }) => {
-    const entryOptions = getEntryOptions(entryName, ssr, ssrByEntries, packageName);
+    const isMainEntry = entryName === (mainEntryName || MAIN_ENTRY_NAME);
+    const entryOptions = getEntryOptions(entryName, isMainEntry, ssr, ssrByEntries, packageName);
     const isSSR = Boolean(entryOptions);
     const isWorker = Boolean(workerSSR);
     const isStream = typeof entryOptions === "object" && entryOptions.mode === "stream";
     const { resHeaders } = (routes === null || routes === void 0 ? void 0 : routes[entryName]) || {};
     let route = {
-      urlPath: `/${entryName === MAIN_ENTRY_NAME ? "" : entryName}`,
+      urlPath: `/${isMainEntry ? "" : entryName}`,
       entryName,
       entryPath: removeLeadingSlash(path.posix.normalize(`${htmlPath}/${entryName}${disableHtmlFolder ? ".html" : "/index.html"}`)),
       isSPA: true,

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

@@ -1,27 +1,42 @@
 import * as path from "path";
-import { fs, getRouteId } from "@modern-js/utils";
+import { fs, normalizeToPosixPath } from "@modern-js/utils";
 import { JS_EXTENSIONS, NESTED_ROUTE } from "./constants";
 import { replaceWithAlias } from "./utils";
 const conventionNames = Object.values(NESTED_ROUTE);
 const replaceDynamicPath = (routePath) => {
   return routePath.replace(/\[(.*?)\]/g, ":$1");
 };
-const createIndexRoute = (routeInfo, rootDir, filename, entryName) => {
+const getPathWithoutExt = (filename) => {
+  const extname = path.extname(filename);
+  return filename.slice(0, -extname.length);
+};
+export const getRouteId = (componentPath, routesDir, entryName, isMainEntry) => {
+  const relativePath = normalizeToPosixPath(path.relative(routesDir, componentPath));
+  const pathWithoutExt = getPathWithoutExt(relativePath);
+  let id = ``;
+  if (isMainEntry) {
+    id = pathWithoutExt;
+  } else {
+    id = `${entryName}_${pathWithoutExt}`;
+  }
+  return id.replace(/\[(.*?)\]/g, "($1)");
+};
+const createIndexRoute = (routeInfo, rootDir, filename, entryName, isMainEntry) => {
   return createRoute({
     ...routeInfo,
     index: true,
     children: void 0
-  }, rootDir, filename, entryName);
+  }, rootDir, filename, entryName, isMainEntry);
 };
-const createRoute = (routeInfo, rootDir, filename, entryName) => {
-  const id = getRouteId(filename, rootDir, entryName);
+const createRoute = (routeInfo, rootDir, filename, entryName, isMainEntry) => {
+  const id = getRouteId(filename, rootDir, entryName, isMainEntry);
   return {
     ...routeInfo,
     id,
     type: "nested"
   };
 };
-export const walk = async (dirname, rootDir, alias, entryName) => {
+export const walk = async (dirname, rootDir, alias, entryName, isMainEntry) => {
   var _route_children;
   if (!await fs.pathExists(dirname)) {
     return null;
@@ -58,7 +73,7 @@ export const walk = async (dirname, rootDir, alias, entryName) => {
     const itemWithoutExt = item.slice(0, -extname.length);
     const isDirectory2 = (await fs.stat(itemPath)).isDirectory();
     if (isDirectory2) {
-      const childRoute = await walk(itemPath, rootDir, alias, entryName);
+      const childRoute = await walk(itemPath, rootDir, alias, entryName, isMainEntry);
       if (childRoute) {
         var _route_children1;
         (_route_children1 = route.children) === null || _route_children1 === void 0 ? void 0 : _route_children1.push(childRoute);
@@ -90,7 +105,7 @@ export const walk = async (dirname, rootDir, alias, entryName) => {
       var _route_children2;
       pageRoute = createIndexRoute({
         _component: replaceWithAlias(alias.basename, itemPath, alias.name)
-      }, rootDir, itemPath, entryName);
+      }, rootDir, itemPath, entryName, isMainEntry);
       if (pageLoaderFile) {
         pageRoute.loader = pageLoaderFile;
       }
@@ -107,7 +122,7 @@ export const walk = async (dirname, rootDir, alias, entryName) => {
       splatRoute = createRoute({
         _component: replaceWithAlias(alias.basename, itemPath, alias.name),
         path: "*"
-      }, rootDir, itemPath, entryName);
+      }, rootDir, itemPath, entryName, isMainEntry);
       if (splatLoaderFile) {
         splatRoute.loader = splatLoaderFile;
       }
@@ -120,7 +135,7 @@ export const walk = async (dirname, rootDir, alias, entryName) => {
       route.error = replaceWithAlias(alias.basename, itemPath, alias.name);
     }
   }
-  let finalRoute = createRoute(route, rootDir, path.join(dirname, `${NESTED_ROUTE.LAYOUT_FILE}.ts`), entryName);
+  let finalRoute = createRoute(route, rootDir, path.join(dirname, `${NESTED_ROUTE.LAYOUT_FILE}.ts`), entryName, isMainEntry);
   if (isPathlessLayout) {
     delete finalRoute.path;
   }

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

@@ -298,9 +298,9 @@ export const fileSystemRoutes = async ({ routes, ssrMode, nestedRoutesEntry, ent
   `;
 };
 export function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
-  const { entryName } = entrypoint;
+  const { entryName, isMainEntry } = entrypoint;
   const { packageName, internalDirectory } = appContext;
-  const ssr = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
+  const ssr = getEntryOptions(entryName, isMainEntry, config.server.ssr, config.server.ssrByEntries, packageName);
   const ssg = isSSGEntry(config, entryName, entrypoints);
   if (entrypoint.nestedRoutesEntry && (ssr || ssg)) {
     const serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");

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

@@ -1,5 +1,5 @@
 import { isHtmlDisabled, createVirtualModule } from "@modern-js/builder-shared";
-import { getEntryOptions, removeTailSlash } from "@modern-js/utils";
+import { MAIN_ENTRY_NAME, getEntryOptions, removeTailSlash } from "@modern-js/utils";
 import { template as lodashTemplate } from "@modern-js/utils/lodash";
 import { BottomTemplatePlugin } from "../bundlerPlugins";
 export const builderPluginAdapterHtml = (options) => ({
@@ -49,11 +49,13 @@ async function injectAssetPrefix({ api, chain }) {
 function applyBottomHtmlPlugin({ api, chain, options, CHAIN_ID, HtmlBundlerPlugin }) {
   const { normalizedConfig: modernConfig, appContext } = options;
   for (const entryName of Object.keys(api.context.entry)) {
+    const { source: { mainEntryName } } = modernConfig;
+    const isMainEntry = entryName === (mainEntryName || MAIN_ENTRY_NAME);
     const baseTemplateParams = {
       entryName,
-      title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
+      title: getEntryOptions(entryName, isMainEntry, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
       mountId: modernConfig.html.mountId,
-      ...getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName)
+      ...getEntryOptions(entryName, isMainEntry, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName)
     };
     chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
       {

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

@@ -98,7 +98,7 @@ export class RouterPlugin {
           if (!asset) {
             continue;
           }
-          const newContent = `${injectedContent}${asset.source().toString()}`;
+          const newContent = `${asset.source().toString()}${injectedContent}`;
           newAssetsMap.set(path.join(outputPath, file), newContent);
           compilation.updateAsset(
             file,

package/dist/esm-node/config/default.js

@@ -1,4 +1,5 @@
 import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
+import { MAIN_ENTRY_NAME } from "@modern-js/utils";
 import { getAutoInjectEnv } from "../utils/env";
 export function createDefaultConfig(appContext, bundler) {
   const defaultBuilderConfig = createDefaultBuilderConfig();
@@ -15,6 +16,7 @@ export function createDefaultConfig(appContext, bundler) {
   const source = {
     ...defaultBuilderConfig.source,
     entries: void 0,
+    mainEntryName: MAIN_ENTRY_NAME,
     enableAsyncEntry: false,
     disableDefaultEntries: false,
     entriesDir: "./src",
@@ -79,6 +81,7 @@ export function createLegacyDefaultConfig(appContext) {
   } : {};
   const sourceDefaults = {
     entries: void 0,
+    mainEntryName: MAIN_ENTRY_NAME,
     enableAsyncEntry: false,
     disableDefaultEntries: false,
     entriesDir: "./src",

package/dist/esm-node/config/legacy/createSourceConfig.js

@@ -1,5 +1,5 @@
 export function createSourceConfig(config) {
-  const { alias, envVars, globalVars, include, moduleScopes, preEntry, entries, enableAsyncEntry, disableDefaultEntries, entriesDir, configDir } = config.source;
+  const { alias, envVars, globalVars, include, moduleScopes, preEntry, entries, mainEntryName, enableAsyncEntry, disableDefaultEntries, entriesDir, configDir } = config.source;
   const builderGlobalVars = globalVars || {};
   for (const envVar of envVars || []) {
     const envVarValue = process.env[envVar];
@@ -12,6 +12,7 @@ export function createSourceConfig(config) {
     include,
     preEntry,
     entries,
+    mainEntryName,
     enableAsyncEntry,
     disableDefaultEntries,
     entriesDir,

package/dist/esm-node/schema/index.js

@@ -37,6 +37,9 @@ const source = {
       }
     }
   },
+  mainEntryName: {
+    type: "string"
+  },
   enableAsyncEntry: {
     type: "boolean"
   },

package/dist/esm-node/schema/legacy.js

@@ -34,6 +34,9 @@ const source = {
       }
     }
   },
+  mainEntryName: {
+    type: "string"
+  },
   preEntry: {
     type: [
       "string",

package/dist/types/analyze/nestedRoutes.d.ts

@@ -1,5 +1,6 @@
 import type { NestedRoute } from '@modern-js/types';
+export declare const getRouteId: (componentPath: string, routesDir: string, entryName: string, isMainEntry: boolean) => string;
 export declare const walk: (dirname: string, rootDir: string, alias: {
   name: string;
   basename: string;
-}, entryName: string) => Promise<NestedRoute | null>;
+}, entryName: string, isMainEntry: boolean) => Promise<NestedRoute | null>;

package/dist/types/types/config/source.d.ts

@@ -11,6 +11,7 @@ export type Entry = string | {
 export type Entries = Record<string, Entry>;
 export interface SharedSourceConfig extends BuilderSharedSourceConfig {
   entries?: Entries;
+  mainEntryName?: string;
   enableAsyncEntry?: boolean;
   disableDefaultEntries?: boolean;
   entriesDir?: string;

package/dist/types/types/legacyConfig/source.d.ts

@@ -5,6 +5,7 @@ export type SourceLegacyUserConfig = {
     entry: string;
     disableMount?: boolean;
   }>;
+  mainEntryName?: string;
   preEntry?: string | string[];
   enableAsyncEntry?: boolean;
   disableDefaultEntries?: boolean;