@modern-js/runtime 2.40.0 → 2.42.0

package/dist/cjs/core/loader/loaderManager.js

@@ -60,7 +60,7 @@ const createLoader = (id, initialData = {
   error: void 0
 }, loaderFn, skip = false) => {
   let promise;
-  let status = LoaderStatus.idle;
+  let status = 0;
   let { data, error } = initialData;
   let hasLoaded = false;
   const handlers = /* @__PURE__ */ new Set();
@@ -68,19 +68,19 @@ const createLoader = (id, initialData = {
     if (skip) {
       return promise;
     }
-    if (status === LoaderStatus.loading) {
+    if (status === 1) {
       return promise;
     }
-    status = LoaderStatus.loading;
+    status = 1;
     notify();
     promise = loaderFn().then((value) => {
       data = value;
       error = null;
-      status = LoaderStatus.fulfilled;
+      status = 2;
     }).catch((e) => {
       error = e;
       data = null;
-      status = LoaderStatus.rejected;
+      status = 3;
     }).finally(() => {
       promise = null;
       hasLoaded = true;
@@ -89,8 +89,8 @@ const createLoader = (id, initialData = {
     return promise;
   };
   const getResult = () => ({
-    loading: !hasLoaded && status === LoaderStatus.loading,
-    reloading: hasLoaded && status === LoaderStatus.loading,
+    loading: !hasLoaded && status === 1,
+    reloading: hasLoaded && status === 1,
     data,
     error: error instanceof Error ? `${error.message}` : error,
     // redundant fields for ssr log

package/dist/cjs/document/DocumentStructureContext.js

@@ -37,7 +37,8 @@ const DocumentStructureContext = /* @__PURE__ */ import_react.default.createCont
   hasSetScripts: false,
   hasSetBody: false,
   hasSetRoot: false,
-  hasSetLinks: false
+  hasSetLinks: false,
+  hasSetTitle: false
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/document/Head.js

@@ -27,25 +27,27 @@ var import_react = require("react");
 var import_DocumentStructureContext = require("./DocumentStructureContext");
 var import_Scripts = require("./Scripts");
 var import_Links = require("./Links");
+var import_Title = require("./Title");
 var import_constants = require("./constants");
 function Head(props) {
-  const { hasSetScripts, hasSetLinks } = (0, import_react.useContext)(import_DocumentStructureContext.DocumentStructureContext);
+  const { hasSetScripts, hasSetLinks, hasSetTitle } = (0, import_react.useContext)(import_DocumentStructureContext.DocumentStructureContext);
   const { children, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", {
     ...rest,
     children: [
-      `${import_constants.TOP_PARTICALS_SEPARATOR}`,
-      `${import_constants.DOCUMENT_META_PLACEHOLDER}`,
+      import_constants.TOP_PARTICALS_SEPARATOR,
+      import_constants.DOCUMENT_META_PLACEHOLDER,
+      !hasSetTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Title.Title, {}),
       !hasSetLinks && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Links.Links, {}),
       !hasSetScripts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Scripts.Scripts, {}),
-      `${import_constants.HEAD_PARTICALS_SEPARATOR}`,
+      import_constants.HEAD_PARTICALS_SEPARATOR,
       children
     ]
   });
 }
 function DefaultHead() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("head", {
-    children: `${import_constants.DOCUMENT_META_PLACEHOLDER}`
+    children: import_constants.DOCUMENT_META_PLACEHOLDER
   });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/document/Html.js

@@ -54,6 +54,7 @@ function Html(props) {
   const hasSetLinks = Boolean(findTargetElement("Links", children));
   const hasSetBody = Boolean(findTargetChild("Body", children));
   const hasSetRoot = Boolean(findTargetElement("Root", children));
+  const hasSetTitle = Boolean(findTargetElement("title", children));
   const notMissMustChild = [
     hasSetHead,
     hasSetBody
@@ -89,6 +90,7 @@ function Html(props) {
         hasSetLinks,
         hasSetRoot,
         hasSetBody,
+        hasSetTitle,
         docChild: children
       },
       children: [

package/dist/cjs/document/Title.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Title_exports = {};
+__export(Title_exports, {
+  Title: () => Title
+});
+module.exports = __toCommonJS(Title_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("./constants");
+function Title() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
+    children: import_constants.DOCUMENT_TITLE_PLACEHOLDER
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Title
+});

package/dist/cjs/document/cli/index.js

@@ -167,6 +167,10 @@ const documentPlugin = () => ({
           templateParameters.meta,
           htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName !== "script" && item.tagName !== "link").join("")
         ].join("");
+        const titles = [
+          templateParameters.title,
+          htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName === "title").join("")
+        ].join("");
         if (html.includes(import_constants.DOCUMENT_SCRIPT_PLACEHOLDER_START) && html.includes(import_constants.DOCUMENT_SCRIPT_PLACEHOLDER_END)) {
           const { nonce } = config.security;
           const nonceAttr = nonce ? `nonce=${nonce}` : "";
@@ -178,7 +182,7 @@ const documentPlugin = () => ({
         if (html.includes(import_constants.DOCUMENT_COMMENT_PLACEHOLDER_START) && html.includes(import_constants.DOCUMENT_COMMENT_PLACEHOLDER_END)) {
           html = html.replace(new RegExp(`${import_constants.DOCUMENT_COMMENT_PLACEHOLDER_START}(.*?)${import_constants.DOCUMENT_COMMENT_PLACEHOLDER_END}`, "g"), (_scriptStr, $1) => `${decodeURIComponent($1)}`);
         }
-        const finalHtml = `<!DOCTYPE html>${html}`.replace(import_constants.DOCUMENT_META_PLACEHOLDER, metas).replace(import_constants.DOCUMENT_SSR_PLACEHOLDER, import_constants.HTML_SEPARATOR).replace(import_constants.DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(import_constants.DOCUMENT_LINKS_PLACEHOLDER, links).replace(import_constants.DOCUMENT_CHUNKSMAP_PLACEHOLDER, import_constants.PLACEHOLDER_REPLACER_MAP[import_constants.DOCUMENT_CHUNKSMAP_PLACEHOLDER]).replace(import_constants.DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, import_constants.PLACEHOLDER_REPLACER_MAP[import_constants.DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]);
+        const finalHtml = `<!DOCTYPE html>${html}`.replace(import_constants.DOCUMENT_META_PLACEHOLDER, metas).replace(import_constants.DOCUMENT_SSR_PLACEHOLDER, import_constants.HTML_SEPARATOR).replace(import_constants.DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(import_constants.DOCUMENT_LINKS_PLACEHOLDER, links).replace(import_constants.DOCUMENT_CHUNKSMAP_PLACEHOLDER, import_constants.PLACEHOLDER_REPLACER_MAP[import_constants.DOCUMENT_CHUNKSMAP_PLACEHOLDER]).replace(import_constants.DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, import_constants.PLACEHOLDER_REPLACER_MAP[import_constants.DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]).replace(import_constants.DOCUMENT_TITLE_PLACEHOLDER, titles);
         return finalHtml;
       };
     };

package/dist/cjs/document/constants.js

@@ -32,6 +32,7 @@ __export(constants_exports, {
   DOCUMENT_SSR_PLACEHOLDER: () => DOCUMENT_SSR_PLACEHOLDER,
   DOCUMENT_STYLE_PLACEHOLDER_END: () => DOCUMENT_STYLE_PLACEHOLDER_END,
   DOCUMENT_STYLE_PLACEHOLDER_START: () => DOCUMENT_STYLE_PLACEHOLDER_START,
+  DOCUMENT_TITLE_PLACEHOLDER: () => DOCUMENT_TITLE_PLACEHOLDER,
   DOC_EXT: () => DOC_EXT,
   HEAD_PARTICALS_SEPARATOR: () => HEAD_PARTICALS_SEPARATOR,
   HTML_SEPARATOR: () => HTML_SEPARATOR,
@@ -48,6 +49,7 @@ const DOC_EXT = [
   "js"
 ];
 const DOCUMENT_META_PLACEHOLDER = encodeURIComponent("<%= meta %>");
+const DOCUMENT_TITLE_PLACEHOLDER = encodeURIComponent("<%= title %>");
 const HTML_SEPARATOR = "<!--<?- html ?>-->";
 const HEAD_PARTICALS_SEPARATOR = encodeURIComponent("<!--<?- partials.head ?>-->");
 const BODY_PARTICALS_SEPARATOR = encodeURIComponent("<!--<?- partials.body ?>-->");
@@ -86,6 +88,7 @@ const PLACEHOLDER_REPLACER_MAP = {
   DOCUMENT_SSR_PLACEHOLDER,
   DOCUMENT_STYLE_PLACEHOLDER_END,
   DOCUMENT_STYLE_PLACEHOLDER_START,
+  DOCUMENT_TITLE_PLACEHOLDER,
   DOC_EXT,
   HEAD_PARTICALS_SEPARATOR,
   HTML_SEPARATOR,

package/dist/cjs/router/runtime/index.js

@@ -40,10 +40,12 @@ __export(runtime_exports, {
   createRoutesFromChildren: () => import_router2.createRoutesFromChildren,
   createRoutesFromElements: () => import_router2.createRoutesFromElements,
   createSearchParams: () => import_router2.createSearchParams,
-  createShouldRevalidate: () => import_shouldRevalidate.createShouldRevalidate,
+  createShouldRevalidate: () => import_routeModule.createShouldRevalidate,
   default: () => runtime_default,
   defer: () => import_router2.defer,
   generatePath: () => import_router2.generatePath,
+  handleRouteModule: () => import_routeModule.handleRouteModule,
+  handleRouteModuleError: () => import_routeModule.handleRouteModuleError,
   isRouteErrorResponse: () => import_router2.isRouteErrorResponse,
   json: () => import_router2.json,
   matchPath: () => import_router2.matchPath,
@@ -90,7 +92,7 @@ var import_utils = require("./utils");
 var import_plugin2 = require("./plugin");
 __reExport(runtime_exports, require("./withRouter"), module.exports);
 var import_PrefetchLink = require("./PrefetchLink");
-var import_shouldRevalidate = require("./shouldRevalidate");
+var import_routeModule = require("./routeModule");
 var import_router2 = require("@modern-js/runtime-utils/router");
 var runtime_default = import_plugin.routerPlugin;
 const useRouteLoaderData = (routeId) => {
@@ -123,6 +125,8 @@ const useRouteLoaderData = (routeId) => {
   createShouldRevalidate,
   defer,
   generatePath,
+  handleRouteModule,
+  handleRouteModuleError,
   isRouteErrorResponse,
   json,
   matchPath,

package/dist/cjs/router/runtime/plugin.js

@@ -38,7 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_router = require("@modern-js/runtime-utils/router");
 var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
-var import_browser = require("@modern-js/runtime-utils/browser");
+var import_parsed = require("@modern-js/runtime-utils/parsed");
 var import_core = require("../../core");
 var import_hooks = require("./hooks");
 var import_utils = require("./utils");
@@ -59,7 +59,7 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
   const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
   let routes = [];
   finalRouteConfig = routesConfig;
-  window._SERVER_DATA = (0, import_browser.parsedJSONFromElement)("__MODERN_SERVER_DATA__");
+  window._SERVER_DATA = (0, import_parsed.parsedJSONFromElement)("__MODERN_SERVER_DATA__");
   return {
     name: "@modern-js/plugin-router",
     registerHook: {

package/dist/cjs/router/runtime/{shouldRevalidate.js → routeModule.js}

@@ -16,11 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var shouldRevalidate_exports = {};
-__export(shouldRevalidate_exports, {
-  createShouldRevalidate: () => createShouldRevalidate
+var routeModule_exports = {};
+__export(routeModule_exports, {
+  createShouldRevalidate: () => createShouldRevalidate,
+  handleRouteModule: () => handleRouteModule,
+  handleRouteModuleError: () => handleRouteModuleError
 });
-module.exports = __toCommonJS(shouldRevalidate_exports);
+module.exports = __toCommonJS(routeModule_exports);
 var import_constants = require("@modern-js/utils/universal/constants");
 const createShouldRevalidate = (routeId) => {
   return (arg) => {
@@ -32,7 +34,19 @@ const createShouldRevalidate = (routeId) => {
     return arg.defaultShouldRevalidate;
   };
 };
+const handleRouteModule = (routeModule, routeId) => {
+  if (typeof document !== "undefined") {
+    window[import_constants.ROUTE_MODULES][routeId] = routeModule;
+  }
+  return routeModule;
+};
+const handleRouteModuleError = (error) => {
+  console.error(error);
+  return null;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createShouldRevalidate
+  createShouldRevalidate,
+  handleRouteModule,
+  handleRouteModuleError
 });

package/dist/cjs/ssr/index.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(ssr_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_component = require("@loadable/component");
 var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
-var import_browser = require("@modern-js/runtime-utils/browser");
+var import_parsed = require("@modern-js/runtime-utils/parsed");
 var import_types = require("./serverRender/types");
 var import_withCallback = require("./react/withCallback");
 var import_utils = require("./utils");
@@ -47,8 +47,8 @@ const ssr = (config) => ({
   setup: () => {
     const mockResp = (0, import_utils.mockResponse)();
     if (config.inlineScript === false) {
-      window._SSR_DATA = (0, import_browser.parsedJSONFromElement)(import_utils2.SSR_DATA_JSON_ID);
-      window._ROUTER_DATA = (0, import_browser.parsedJSONFromElement)(import_utils2.ROUTER_DATA_JSON_ID);
+      window._SSR_DATA = (0, import_parsed.parsedJSONFromElement)(import_utils2.SSR_DATA_JSON_ID);
+      window._ROUTER_DATA = (0, import_parsed.parsedJSONFromElement)(import_utils2.ROUTER_DATA_JSON_ID);
     }
     return {
       client: async ({ App, context, ModernRender, ModernHydrate }) => {

package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.js

@@ -31,7 +31,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
 function renderToPipe(rootElement, context, options) {
-  let shellChunkStatus = ShellChunkStatus.START;
+  let shellChunkStatus = 0;
   const { ssrContext } = context;
   const chunkVec = [];
   const forUserPipe = (stream) => {
@@ -51,12 +51,12 @@ function renderToPipe(rootElement, context, options) {
           const injectableTransform = new import_stream.Transform({
             transform(chunk, _encoding, callback) {
               try {
-                if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
+                if (shellChunkStatus !== 1) {
                   chunkVec.push(chunk.toString());
                   let concatedChunk = chunkVec.join("");
                   if (concatedChunk.endsWith(import_common.ESCAPED_SHELL_STREAM_END_MARK)) {
                     concatedChunk = concatedChunk.replace(import_common.ESCAPED_SHELL_STREAM_END_MARK, "");
-                    shellChunkStatus = ShellChunkStatus.FINIESH;
+                    shellChunkStatus = 1;
                     this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
                   }
                 } else {

package/dist/cjs/ssr/serverRender/renderToStream/renderToPipe.worker.js

@@ -31,7 +31,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
 function renderToPipe(rootElement, context, options) {
-  let shellChunkStatus = ShellChunkStatus.START;
+  let shellChunkStatus = 0;
   const chunkVec = [];
   const { ssrContext } = context;
   const forUserPipe = async () => {
@@ -59,13 +59,13 @@ function renderToPipe(rootElement, context, options) {
               controller.close();
               return;
             }
-            if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
+            if (shellChunkStatus !== 1) {
               const chunk = new TextDecoder().decode(value);
               chunkVec.push(chunk);
               let concatedChunk = chunkVec.join("");
               if (concatedChunk.endsWith(import_common.ESCAPED_SHELL_STREAM_END_MARK)) {
                 concatedChunk = concatedChunk.replace(import_common.ESCAPED_SHELL_STREAM_END_MARK, "");
-                shellChunkStatus = ShellChunkStatus.FINIESH;
+                shellChunkStatus = 1;
                 controller.enqueue(encodeForWebStream(`${shellBefore}${concatedChunk}${shellAfter}`));
               }
             } else {

package/dist/cjs/ssr/serverRender/renderToString/entry.js

@@ -69,7 +69,8 @@ const buildTemplateData = (context, data, renderLevel, tracker) => {
     renderLevel
   };
 };
-class Entry {
+var Entry;
+Entry = class Entry2 {
   async renderToHtml(context) {
     var _ssrContext_redirection, _ssrContext_redirection1, _ssrContext_redirection2;
     const ssrContext = context.ssrContext;
@@ -186,4 +187,4 @@ class Entry {
       }
     };
   }
-}
+};

package/dist/cjs/ssr/serverRender/renderToString/loadable.js

@@ -53,8 +53,8 @@ const checkIsInline = (chunk, enableInline) => {
   }
 };
 const readAsset = async (chunk) => {
-  const fs = await Promise.resolve().then(() => __toESM(require("node:fs/promises")));
-  const path = await Promise.resolve().then(() => __toESM(require("node:path")));
+  const fs = await Promise.resolve().then(() => __toESM(require("fs/promises")));
+  const path = await Promise.resolve().then(() => __toESM(require("path")));
   const filepath = path.resolve(__dirname, chunk.filename);
   return fs.readFile(filepath, "utf-8");
 };

package/dist/cjs/ssr/serverRender/tracker.js

@@ -39,49 +39,52 @@ var SSRErrors;
   SSRErrors2[SSRErrors2["RENDER_SHELL"] = 4] = "RENDER_SHELL";
 })(SSRErrors || (SSRErrors = {}));
 const errors = {
-  [SSRErrors.PRERENDER]: {
-    reporter: "SSR Error - App Prerender",
+  [0]: {
+    reporter: "App Prerender",
     logger: "App Prerender",
     metrics: "app.prerender.error"
   },
-  [SSRErrors.USE_LOADER]: {
-    reporter: "SSR Error - App run useLoader",
+  [1]: {
+    reporter: "App run useLoader",
     logger: "App run useLoader",
     metrics: "app.useloader.error"
   },
-  [SSRErrors.RENDER_HTML]: {
-    reporter: "SSR Error - App Render To HTML",
+  [2]: {
+    reporter: "App Render To HTML",
     logger: "App Render To HTML",
     metrics: "app.render.html.error"
   },
-  [SSRErrors.RENDER_STREAM]: {
-    reporter: "SSR Error - App Render To Streaming",
+  [3]: {
+    reporter: "App Render To Streaming",
     logger: "An error occurs during streaming SSR",
     metrics: "app.render.streaming.error"
   },
-  [SSRErrors.RENDER_SHELL]: {
+  [4]: {
     metrics: "app.render.streaming.shell.error"
   }
 };
 const timings = {
-  [SSRTimings.PRERENDER]: {
+  [0]: {
     reporter: "ssr-prerender",
     serverTiming: "ssr-prerender",
     metrics: "app.prerender.cost",
     logger: "App Prerender cost = %d ms"
   },
-  [SSRTimings.RENDER_HTML]: {
+  [1]: {
     reporter: "ssr-render-html",
     serverTiming: "ssr-render-html",
     metrics: "app.render.html.cost",
     logger: "App Render To HTML cost = %d ms"
   },
-  [SSRTimings.RENDER_SHELL]: {
-    reporter: "ssr-render-shell"
+  [2]: {
+    reporter: "ssr-render-shell",
+    metrics: "app.render.shell.cost",
+    logger: "App Render To Shell cost = %d ms"
   },
-  [SSRTimings.USE_LOADER]: {
+  [3]: {
     reporter: "use-loader",
     serverTiming: "use-loader",
+    metrics: "app.useloader.cost",
     logger: "App run useLoader cost = %d ms"
   }
 };
@@ -92,7 +95,7 @@ function createSSRTracker({ reporter, serverTiming, metrics, logger }) {
     },
     trackError(key, e) {
       const { reporter: reporterContent, metrics: metricsContent, logger: loggerContent } = errors[key];
-      reporterContent && reporter.reportError(reporterContent, e);
+      reporterContent && reporter.reportError(`SSR Error - ${reporterContent}`, e);
       metricsContent && metrics.emitCounter(metricsContent, 1);
       loggerContent && logger.error(loggerContent, e);
     },

package/dist/esm/core/loader/loaderManager.js

@@ -32,7 +32,7 @@ var createLoader = function(id) {
     error: void 0
   }, loaderFn = arguments.length > 2 ? arguments[2] : void 0, skip = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
   var promise;
-  var status = LoaderStatus.idle;
+  var status = 0;
   var data = initialData.data, error = initialData.error;
   var hasLoaded = false;
   var handlers = /* @__PURE__ */ new Set();
@@ -45,22 +45,22 @@ var createLoader = function(id) {
             promise
           ];
         }
-        if (status === LoaderStatus.loading) {
+        if (status === 1) {
           return [
             2,
             promise
           ];
         }
-        status = LoaderStatus.loading;
+        status = 1;
         notify();
         promise = loaderFn().then(function(value) {
           data = value;
           error = null;
-          status = LoaderStatus.fulfilled;
+          status = 2;
         }).catch(function(e) {
           error = e;
           data = null;
-          status = LoaderStatus.rejected;
+          status = 3;
         }).finally(function() {
           promise = null;
           hasLoaded = true;
@@ -78,8 +78,8 @@ var createLoader = function(id) {
   }();
   var getResult = function() {
     return {
-      loading: !hasLoaded && status === LoaderStatus.loading,
-      reloading: hasLoaded && status === LoaderStatus.loading,
+      loading: !hasLoaded && status === 1,
+      reloading: hasLoaded && status === 1,
       data,
       error: _instanceof(error, Error) ? "".concat(error.message) : error,
       // redundant fields for ssr log

package/dist/esm/document/DocumentStructureContext.js

@@ -4,7 +4,8 @@ var DocumentStructureContext = /* @__PURE__ */ React.createContext({
   hasSetScripts: false,
   hasSetBody: false,
   hasSetRoot: false,
-  hasSetLinks: false
+  hasSetLinks: false,
+  hasSetTitle: false
 });
 export {
   DocumentStructureContext

package/dist/esm/document/Head.js

@@ -6,26 +6,28 @@ import { useContext } from "react";
 import { DocumentStructureContext } from "./DocumentStructureContext";
 import { Scripts } from "./Scripts";
 import { Links } from "./Links";
+import { Title } from "./Title";
 import { DOCUMENT_META_PLACEHOLDER, HEAD_PARTICALS_SEPARATOR, TOP_PARTICALS_SEPARATOR } from "./constants";
 function Head(props) {
-  var _useContext = useContext(DocumentStructureContext), hasSetScripts = _useContext.hasSetScripts, hasSetLinks = _useContext.hasSetLinks;
+  var _useContext = useContext(DocumentStructureContext), hasSetScripts = _useContext.hasSetScripts, hasSetLinks = _useContext.hasSetLinks, hasSetTitle = _useContext.hasSetTitle;
   var children = props.children, rest = _object_without_properties(props, [
     "children"
   ]);
   return /* @__PURE__ */ _jsxs("head", _object_spread_props(_object_spread({}, rest), {
     children: [
-      "".concat(TOP_PARTICALS_SEPARATOR),
-      "".concat(DOCUMENT_META_PLACEHOLDER),
+      TOP_PARTICALS_SEPARATOR,
+      DOCUMENT_META_PLACEHOLDER,
+      !hasSetTitle && /* @__PURE__ */ _jsx(Title, {}),
       !hasSetLinks && /* @__PURE__ */ _jsx(Links, {}),
       !hasSetScripts && /* @__PURE__ */ _jsx(Scripts, {}),
-      "".concat(HEAD_PARTICALS_SEPARATOR),
+      HEAD_PARTICALS_SEPARATOR,
       children
     ]
   }));
 }
 function DefaultHead() {
   return /* @__PURE__ */ _jsx("head", {
-    children: "".concat(DOCUMENT_META_PLACEHOLDER)
+    children: DOCUMENT_META_PLACEHOLDER
   });
 }
 export {

package/dist/esm/document/Html.js

@@ -55,6 +55,7 @@ function Html(props) {
   var hasSetLinks = Boolean(findTargetElement("Links", children));
   var hasSetBody = Boolean(findTargetChild("Body", children));
   var hasSetRoot = Boolean(findTargetElement("Root", children));
+  var hasSetTitle = Boolean(findTargetElement("title", children));
   var notMissMustChild = [
     hasSetHead,
     hasSetBody
@@ -91,6 +92,7 @@ function Html(props) {
         hasSetLinks,
         hasSetRoot,
         hasSetBody,
+        hasSetTitle,
         docChild: children
       },
       children: [

package/dist/esm/document/Title.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DOCUMENT_TITLE_PLACEHOLDER } from "./constants";
+function Title() {
+  return /* @__PURE__ */ _jsx("title", {
+    children: DOCUMENT_TITLE_PLACEHOLDER
+  });
+}
+export {
+  Title
+};

package/dist/esm/document/cli/index.js

@@ -8,7 +8,7 @@ import ReactDomServer from "react-dom/server";
 import { build } from "esbuild";
 import { createDebugger, findExists, fs } from "@modern-js/utils";
 import { DocumentContext } from "../DocumentContext";
-import { DOCUMENT_SCRIPTS_PLACEHOLDER, DOCUMENT_LINKS_PLACEHOLDER, DOCUMENT_FILE_NAME, DOCUMENT_META_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP, DOC_EXT, DOCUMENT_SSR_PLACEHOLDER, DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, DOCUMENT_SCRIPT_PLACEHOLDER_START, DOCUMENT_SCRIPT_PLACEHOLDER_END, HTML_SEPARATOR, DOCUMENT_COMMENT_PLACEHOLDER_START, DOCUMENT_COMMENT_PLACEHOLDER_END, DOCUMENT_STYLE_PLACEHOLDER_START, DOCUMENT_STYLE_PLACEHOLDER_END, TOP_PARTICALS_SEPARATOR, HEAD_PARTICALS_SEPARATOR, BODY_PARTICALS_SEPARATOR } from "../constants";
+import { DOCUMENT_SCRIPTS_PLACEHOLDER, DOCUMENT_LINKS_PLACEHOLDER, DOCUMENT_FILE_NAME, DOCUMENT_META_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP, DOC_EXT, DOCUMENT_SSR_PLACEHOLDER, DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, DOCUMENT_SCRIPT_PLACEHOLDER_START, DOCUMENT_SCRIPT_PLACEHOLDER_END, HTML_SEPARATOR, DOCUMENT_COMMENT_PLACEHOLDER_START, DOCUMENT_COMMENT_PLACEHOLDER_END, DOCUMENT_STYLE_PLACEHOLDER_START, DOCUMENT_STYLE_PLACEHOLDER_END, DOCUMENT_TITLE_PLACEHOLDER, TOP_PARTICALS_SEPARATOR, HEAD_PARTICALS_SEPARATOR, BODY_PARTICALS_SEPARATOR } from "../constants";
 var debug = createDebugger("html_genarate");
 var getDocumenByEntryName = function getDocumenByEntryName2(entrypoints, entryName, fallbackDir) {
   var _entrypoints_find;
@@ -57,7 +57,7 @@ var documentPlugin = function() {
             }
             return function() {
               var _ref2 = _async_to_generator(function(param) {
-                var htmlWebpackPlugin, config, documentParams, tempTsConfigFile, userTsConfigFilePath, tsConfig, err, htmlOutputFile, Document, HTMLElement, html, partialsByEntrypoint, scripts, partialsContent, links, metas, nonce, nonceAttr, finalHtml;
+                var htmlWebpackPlugin, config, documentParams, tempTsConfigFile, userTsConfigFilePath, tsConfig, err, htmlOutputFile, Document, HTMLElement, html, partialsByEntrypoint, scripts, partialsContent, links, metas, titles, nonce, nonceAttr, finalHtml;
                 return _ts_generator(this, function(_state2) {
                   switch (_state2.label) {
                     case 0:
@@ -185,6 +185,12 @@ var documentPlugin = function() {
                           return item.tagName !== "script" && item.tagName !== "link";
                         }).join("")
                       ].join("");
+                      titles = [
+                        templateParameters.title,
+                        htmlWebpackPlugin.tags.headTags.filter(function(item) {
+                          return item.tagName === "title";
+                        }).join("")
+                      ].join("");
                       if (html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_START) && html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_END)) {
                         nonce = config.security.nonce;
                         nonceAttr = nonce ? "nonce=".concat(nonce) : "";
@@ -202,7 +208,7 @@ var documentPlugin = function() {
                           return "".concat(decodeURIComponent($1));
                         });
                       }
-                      finalHtml = "<!DOCTYPE html>".concat(html).replace(DOCUMENT_META_PLACEHOLDER, metas).replace(DOCUMENT_SSR_PLACEHOLDER, HTML_SEPARATOR).replace(DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(DOCUMENT_LINKS_PLACEHOLDER, links).replace(DOCUMENT_CHUNKSMAP_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_CHUNKSMAP_PLACEHOLDER]).replace(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]);
+                      finalHtml = "<!DOCTYPE html>".concat(html).replace(DOCUMENT_META_PLACEHOLDER, metas).replace(DOCUMENT_SSR_PLACEHOLDER, HTML_SEPARATOR).replace(DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(DOCUMENT_LINKS_PLACEHOLDER, links).replace(DOCUMENT_CHUNKSMAP_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_CHUNKSMAP_PLACEHOLDER]).replace(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]).replace(DOCUMENT_TITLE_PLACEHOLDER, titles);
                       return [
                         2,
                         finalHtml

package/dist/esm/document/constants.js

@@ -7,6 +7,7 @@ var DOC_EXT = [
   "js"
 ];
 var DOCUMENT_META_PLACEHOLDER = encodeURIComponent("<%= meta %>");
+var DOCUMENT_TITLE_PLACEHOLDER = encodeURIComponent("<%= title %>");
 var HTML_SEPARATOR = "<!--<?- html ?>-->";
 var HEAD_PARTICALS_SEPARATOR = encodeURIComponent("<!--<?- partials.head ?>-->");
 var BODY_PARTICALS_SEPARATOR = encodeURIComponent("<!--<?- partials.body ?>-->");
@@ -41,6 +42,7 @@ export {
   DOCUMENT_SSR_PLACEHOLDER,
   DOCUMENT_STYLE_PLACEHOLDER_END,
   DOCUMENT_STYLE_PLACEHOLDER_START,
+  DOCUMENT_TITLE_PLACEHOLDER,
   DOC_EXT,
   HEAD_PARTICALS_SEPARATOR,
   HTML_SEPARATOR,

package/dist/esm/router/runtime/index.js

@@ -9,7 +9,7 @@ var useRouteLoaderData = function(routeId) {
   var realRouteId = routeId.replace(/\[(.*?)\]/g, "($1)");
   return useRouteData(realRouteId);
 };
-import { createShouldRevalidate } from "./shouldRevalidate";
+import { createShouldRevalidate, handleRouteModule, handleRouteModuleError } from "./routeModule";
 import {
   createBrowserRouter,
   createHashRouter,
@@ -94,6 +94,8 @@ export {
   runtime_default as default,
   defer,
   generatePath,
+  handleRouteModule,
+  handleRouteModuleError,
   isRouteErrorResponse,
   json,
   matchPath,