@modern-js/runtime 2.40.0 → 2.42.0

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/cli/babel-plugin-ssr-loader-id.js

@@ -62,12 +62,12 @@ var require_babel_plugin_ssr_loader_id = __commonJS({
       ])), []);
     }
     module.exports = function() {
-      var genId = function genId2() {
-        return "".concat(hash, "_").concat(index++);
-      };
       var useLoader = null;
       var hash = "";
       var index = 0;
+      function genId() {
+        return "".concat(hash, "_").concat(index++);
+      }
       return {
         name: "babel-plugin-ssr-loader-id",
         pre: function pre() {

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/renderToStream/buildTemplate.after.js

@@ -3,7 +3,11 @@ import { serializeJson } from "@modern-js/runtime-utils/node";
 import { attributesToString } from "../utils";
 import { buildTemplate } from "./buildTemplate.share";
 function buildShellAfterTemplate(afterAppTemplate, options) {
-  var injectSSRDataScript = function injectSSRDataScript2(template) {
+  var callbacks = [
+    injectSSRDataScript
+  ];
+  return buildTemplate(afterAppTemplate, callbacks);
+  function injectSSRDataScript(template) {
     var ssrDataScript = buildSSRDataScript();
     return template.replace("<!--<?- SSRDataScript ?>-->", ssrDataScript);
     function buildSSRDataScript() {
@@ -36,11 +40,7 @@ function buildShellAfterTemplate(afterAppTemplate, options) {
       });
       return "\n      <script".concat(attrsStr, ">window._SSR_DATA = ").concat(serializeJson(SSRData), "</script>\n      ");
     }
-  };
-  var callbacks = [
-    injectSSRDataScript
-  ];
-  return buildTemplate(afterAppTemplate, callbacks);
+  }
 }
 export {
   buildShellAfterTemplate

package/dist/esm/ssr/serverRender/renderToStream/bulidTemplate.before.js

@@ -6,7 +6,20 @@ import helmetReplace from "../helmet";
 import { CSS_CHUNKS_PLACEHOLDER } from "../utils";
 import { HEAD_REG_EXP, buildTemplate } from "./buildTemplate.share";
 function getHeadTemplate(beforeEntryTemplate, context) {
-  var injectCss = function injectCss2(headTemplate2) {
+  var callbacks = [
+    function(headTemplate2) {
+      var helmetData = ReactHelmet.renderStatic();
+      return helmetData ? helmetReplace(headTemplate2, helmetData) : headTemplate2;
+    },
+    // @TODO: prefetch scripts of lazy component
+    injectCss
+  ];
+  var _ref = _sliced_to_array(beforeEntryTemplate.match(HEAD_REG_EXP) || [], 1), tmp = _ref[0], headTemplate = tmp === void 0 ? "" : tmp;
+  if (!headTemplate.length) {
+    return "";
+  }
+  return buildTemplate(headTemplate, callbacks);
+  function injectCss(headTemplate2) {
     return headTemplate2.replace(CSS_CHUNKS_PLACEHOLDER, getCssChunks());
     function getCssChunks() {
       var routeManifest = context.routeManifest, routerContext = context.routerContext, routes = context.routes;
@@ -38,20 +51,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
       });
       return "".concat(styleLinks.join(""));
     }
-  };
-  var callbacks = [
-    function(headTemplate2) {
-      var helmetData = ReactHelmet.renderStatic();
-      return helmetData ? helmetReplace(headTemplate2, helmetData) : headTemplate2;
-    },
-    // @TODO: prefetch scripts of lazy component
-    injectCss
-  ];
-  var _ref = _sliced_to_array(beforeEntryTemplate.match(HEAD_REG_EXP) || [], 1), tmp = _ref[0], headTemplate = tmp === void 0 ? "" : tmp;
-  if (!headTemplate.length) {
-    return "";
   }
-  return buildTemplate(headTemplate, callbacks);
 }
 function buildShellBeforeTemplate(beforeAppTemplate, context) {
   var headTemplate = getHeadTemplate(beforeAppTemplate, context);

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

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

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

@@ -12,7 +12,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
 function renderToPipe(rootElement, context, options) {
-  var shellChunkStatus = ShellChunkStatus.START;
+  var shellChunkStatus = 0;
   var chunkVec = [];
   var ssrContext = context.ssrContext;
   var forUserPipe = function() {
@@ -70,13 +70,13 @@ function renderToPipe(rootElement, context, options) {
                               2
                             ];
                           }
-                          if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
+                          if (shellChunkStatus !== 1) {
                             chunk = new TextDecoder().decode(value);
                             chunkVec.push(chunk);
                             concatedChunk = chunkVec.join("");
                             if (concatedChunk.endsWith(ESCAPED_SHELL_STREAM_END_MARK)) {
                               concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, "");
-                              shellChunkStatus = ShellChunkStatus.FINIESH;
+                              shellChunkStatus = 1;
                               controller.enqueue(encodeForWebStream("".concat(shellBefore).concat(concatedChunk).concat(shellAfter)));
                             }
                           } else {

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

@@ -41,7 +41,8 @@ var buildTemplateData = function(context, data, renderLevel, tracker) {
     renderLevel
   };
 };
-var Entry = /* @__PURE__ */ function() {
+var Entry;
+Entry = /* @__PURE__ */ function() {
   "use strict";
   function Entry2(options) {
     _class_call_check(this, Entry2);

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

@@ -39,13 +39,13 @@ var readAsset = function() {
         case 0:
           return [
             4,
-            import("node:fs/promises")
+            import("fs/promises")
           ];
         case 1:
           fs = _state.sent();
           return [
             4,
-            import("node:path")
+            import("path")
           ];
         case 2:
           path = _state.sent();

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

@@ -15,41 +15,44 @@ var SSRErrors;
   SSRErrors2[SSRErrors2["RENDER_SHELL"] = 4] = "RENDER_SHELL";
 })(SSRErrors || (SSRErrors = {}));
 var _obj;
-var errors = (_obj = {}, _define_property(_obj, SSRErrors.PRERENDER, {
-  reporter: "SSR Error - App Prerender",
+var errors = (_obj = {}, _define_property(_obj, 0, {
+  reporter: "App Prerender",
   logger: "App Prerender",
   metrics: "app.prerender.error"
-}), _define_property(_obj, SSRErrors.USE_LOADER, {
-  reporter: "SSR Error - App run useLoader",
+}), _define_property(_obj, 1, {
+  reporter: "App run useLoader",
   logger: "App run useLoader",
   metrics: "app.useloader.error"
-}), _define_property(_obj, SSRErrors.RENDER_HTML, {
-  reporter: "SSR Error - App Render To HTML",
+}), _define_property(_obj, 2, {
+  reporter: "App Render To HTML",
   logger: "App Render To HTML",
   metrics: "app.render.html.error"
-}), _define_property(_obj, SSRErrors.RENDER_STREAM, {
-  reporter: "SSR Error - App Render To Streaming",
+}), _define_property(_obj, 3, {
+  reporter: "App Render To Streaming",
   logger: "An error occurs during streaming SSR",
   metrics: "app.render.streaming.error"
-}), _define_property(_obj, SSRErrors.RENDER_SHELL, {
+}), _define_property(_obj, 4, {
   metrics: "app.render.streaming.shell.error"
 }), _obj);
 var _obj1;
-var timings = (_obj1 = {}, _define_property(_obj1, SSRTimings.PRERENDER, {
+var timings = (_obj1 = {}, _define_property(_obj1, 0, {
   reporter: "ssr-prerender",
   serverTiming: "ssr-prerender",
   metrics: "app.prerender.cost",
   logger: "App Prerender cost = %d ms"
-}), _define_property(_obj1, SSRTimings.RENDER_HTML, {
+}), _define_property(_obj1, 1, {
   reporter: "ssr-render-html",
   serverTiming: "ssr-render-html",
   metrics: "app.render.html.cost",
   logger: "App Render To HTML cost = %d ms"
-}), _define_property(_obj1, SSRTimings.RENDER_SHELL, {
-  reporter: "ssr-render-shell"
-}), _define_property(_obj1, SSRTimings.USE_LOADER, {
+}), _define_property(_obj1, 2, {
+  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/core/loader/loaderManager.js

@@ -26,7 +26,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();
@@ -34,19 +34,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;
@@ -55,8 +55,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/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
+};

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

@@ -4,7 +4,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";
 const debug = createDebugger("html_genarate");
 const getDocumenByEntryName = function(entrypoints, entryName, fallbackDir) {
   var _entrypoints_find;
@@ -132,6 +132,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(DOCUMENT_SCRIPT_PLACEHOLDER_START) && html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_END)) {
           const { nonce } = config.security;
           const nonceAttr = nonce ? `nonce=${nonce}` : "";
@@ -143,7 +147,7 @@ const documentPlugin = () => ({
         if (html.includes(DOCUMENT_COMMENT_PLACEHOLDER_START) && html.includes(DOCUMENT_COMMENT_PLACEHOLDER_END)) {
           html = html.replace(new RegExp(`${DOCUMENT_COMMENT_PLACEHOLDER_START}(.*?)${DOCUMENT_COMMENT_PLACEHOLDER_END}`, "g"), (_scriptStr, $1) => `${decodeURIComponent($1)}`);
         }
-        const finalHtml = `<!DOCTYPE html>${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]);
+        const finalHtml = `<!DOCTYPE html>${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 finalHtml;
       };
     };

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

@@ -6,6 +6,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 ?>-->");
@@ -43,6 +44,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-node/router/runtime/index.js

@@ -9,7 +9,7 @@ const useRouteLoaderData = (routeId) => {
   const 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-node/router/runtime/plugin.js

@@ -2,7 +2,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-node/router/runtime/{shouldRevalidate.js → routeModule.js}

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

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

@@ -1,7 +1,7 @@
 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-node/ssr/serverRender/renderToStream/renderToPipe.js

@@ -8,7 +8,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) => {
@@ -28,12 +28,12 @@ function renderToPipe(rootElement, context, options) {
           const injectableTransform = new Transform({
             transform(chunk, _encoding, callback) {
               try {
-                if (shellChunkStatus !== ShellChunkStatus.FINIESH) {
+                if (shellChunkStatus !== 1) {
                   chunkVec.push(chunk.toString());
                   let concatedChunk = chunkVec.join("");
                   if (concatedChunk.endsWith(ESCAPED_SHELL_STREAM_END_MARK)) {
                     concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, "");
-                    shellChunkStatus = ShellChunkStatus.FINIESH;
+                    shellChunkStatus = 1;
                     this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
                   }
                 } else {

package/dist/esm-node/ssr/serverRender/renderToStream/renderToPipe.worker.js

@@ -8,7 +8,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 () => {
@@ -36,13 +36,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(ESCAPED_SHELL_STREAM_END_MARK)) {
                 concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, "");
-                shellChunkStatus = ShellChunkStatus.FINIESH;
+                shellChunkStatus = 1;
                 controller.enqueue(encodeForWebStream(`${shellBefore}${concatedChunk}${shellAfter}`));
               }
             } else {

package/dist/esm-node/ssr/serverRender/renderToString/entry.js

@@ -36,7 +36,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;
@@ -153,7 +154,7 @@ class Entry {
       }
     };
   }
-}
+};
 export {
   Entry as default
 };

package/dist/esm-node/ssr/serverRender/renderToString/loadable.js

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