@modern-js/runtime 2.41.0 → 2.42.1

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/tracker.js

@@ -40,22 +40,22 @@ var SSRErrors;
 })(SSRErrors || (SSRErrors = {}));
 const errors = {
   [0]: {
-    reporter: "SSR Error - App Prerender",
+    reporter: "App Prerender",
     logger: "App Prerender",
     metrics: "app.prerender.error"
   },
   [1]: {
-    reporter: "SSR Error - App run useLoader",
+    reporter: "App run useLoader",
     logger: "App run useLoader",
     metrics: "app.useloader.error"
   },
   [2]: {
-    reporter: "SSR Error - App Render To HTML",
+    reporter: "App Render To HTML",
     logger: "App Render To HTML",
     metrics: "app.render.html.error"
   },
   [3]: {
-    reporter: "SSR Error - App Render To Streaming",
+    reporter: "App Render To Streaming",
     logger: "An error occurs during streaming SSR",
     metrics: "app.render.streaming.error"
   },
@@ -77,11 +77,14 @@ const timings = {
     logger: "App Render To HTML cost = %d ms"
   },
   [2]: {
-    reporter: "ssr-render-shell"
+    reporter: "ssr-render-shell",
+    metrics: "app.render.shell.cost",
+    logger: "App Render To Shell cost = %d ms"
   },
   [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/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,

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

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useMemo } from "react";
 import { createBrowserRouter, createHashRouter, RouterProvider, createRoutesFromElements, useMatches, useLocation } from "@modern-js/runtime-utils/router";
 import hoistNonReactStatics from "hoist-non-react-statics";
-import { parsedJSONFromElement } from "@modern-js/runtime-utils/browser";
+import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { RuntimeReactContext } from "../../core";
 import { modifyRoutes as modifyRoutesHook } from "./hooks";
 import { deserializeErrors, renderRoutes, urlJoin } from "./utils";

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

@@ -9,6 +9,18 @@ var createShouldRevalidate = function(routeId) {
     return arg.defaultShouldRevalidate;
   };
 };
+var handleRouteModule = function(routeModule, routeId) {
+  if (typeof document !== "undefined") {
+    window[ROUTE_MODULES][routeId] = routeModule;
+  }
+  return routeModule;
+};
+var handleRouteModuleError = function(error) {
+  console.error(error);
+  return null;
+};
 export {
-  createShouldRevalidate
+  createShouldRevalidate,
+  handleRouteModule,
+  handleRouteModuleError
 };

package/dist/esm/ssr/index.js

@@ -5,7 +5,7 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { loadableReady } from "@loadable/component";
 import hoistNonReactStatics from "hoist-non-react-statics";
-import { parsedJSONFromElement } from "@modern-js/runtime-utils/browser";
+import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { RenderLevel } from "./serverRender/types";
 import { WithCallback } from "./react/withCallback";
 import { formatClient, mockResponse, isReact18 } from "./utils";

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

@@ -16,19 +16,19 @@ var SSRErrors;
 })(SSRErrors || (SSRErrors = {}));
 var _obj;
 var errors = (_obj = {}, _define_property(_obj, 0, {
-  reporter: "SSR Error - App Prerender",
+  reporter: "App Prerender",
   logger: "App Prerender",
   metrics: "app.prerender.error"
 }), _define_property(_obj, 1, {
-  reporter: "SSR Error - App run useLoader",
+  reporter: "App run useLoader",
   logger: "App run useLoader",
   metrics: "app.useloader.error"
 }), _define_property(_obj, 2, {
-  reporter: "SSR Error - App Render To HTML",
+  reporter: "App Render To HTML",
   logger: "App Render To HTML",
   metrics: "app.render.html.error"
 }), _define_property(_obj, 3, {
-  reporter: "SSR Error - App Render To Streaming",
+  reporter: "App Render To Streaming",
   logger: "An error occurs during streaming SSR",
   metrics: "app.render.streaming.error"
 }), _define_property(_obj, 4, {
@@ -46,10 +46,13 @@ var timings = (_obj1 = {}, _define_property(_obj1, 0, {
   metrics: "app.render.html.cost",
   logger: "App Render To HTML cost = %d ms"
 }), _define_property(_obj1, 2, {
-  reporter: "ssr-render-shell"
+  reporter: "ssr-render-shell",
+  metrics: "app.render.shell.cost",
+  logger: "App Render To Shell cost = %d ms"
 }), _define_property(_obj1, 3, {
   reporter: "use-loader",
   serverTiming: "use-loader",
+  metrics: "app.useloader.cost",
   logger: "App run useLoader cost = %d ms"
 }), _obj1);
 function createSSRTracker(param) {
@@ -60,7 +63,7 @@ function createSSRTracker(param) {
     },
     trackError: function trackError(key, e) {
       var _errors_key = errors[key], reporterContent = _errors_key.reporter, metricsContent = _errors_key.metrics, loggerContent = _errors_key.logger;
-      reporterContent && reporter.reportError(reporterContent, e);
+      reporterContent && reporter.reportError("SSR Error - ".concat(reporterContent), e);
       metricsContent && metrics.emitCounter(metricsContent, 1);
       loggerContent && logger.error(loggerContent, e);
     },

package/dist/esm-node/document/DocumentStructureContext.js

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

package/dist/esm-node/document/Head.js

@@ -3,25 +3,27 @@ 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) {
-  const { hasSetScripts, hasSetLinks } = useContext(DocumentStructureContext);
+  const { hasSetScripts, hasSetLinks, hasSetTitle } = useContext(DocumentStructureContext);
   const { children, ...rest } = props;
   return /* @__PURE__ */ _jsxs("head", {
     ...rest,
     children: [
-      `${TOP_PARTICALS_SEPARATOR}`,
-      `${DOCUMENT_META_PLACEHOLDER}`,
+      TOP_PARTICALS_SEPARATOR,
+      DOCUMENT_META_PLACEHOLDER,
+      !hasSetTitle && /* @__PURE__ */ _jsx(Title, {}),
       !hasSetLinks && /* @__PURE__ */ _jsx(Links, {}),
       !hasSetScripts && /* @__PURE__ */ _jsx(Scripts, {}),
-      `${HEAD_PARTICALS_SEPARATOR}`,
+      HEAD_PARTICALS_SEPARATOR,
       children
     ]
   });
 }
 function DefaultHead() {
   return /* @__PURE__ */ _jsx("head", {
-    children: `${DOCUMENT_META_PLACEHOLDER}`
+    children: DOCUMENT_META_PLACEHOLDER
   });
 }
 export {

package/dist/esm-node/document/Html.js

@@ -31,6 +31,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
@@ -66,6 +67,7 @@ function Html(props) {
         hasSetLinks,
         hasSetRoot,
         hasSetBody,
+        hasSetTitle,
         docChild: children
       },
       children: [

package/dist/esm-node/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
+};