@modern-js/runtime 2.5.0-alpha.0 → 2.6.0

package/dist/esm/ssr/serverRender/renderToStream/buildTemplate.after.js

@@ -1,4 +1,32 @@
-import { serializeJson } from "@modern-js/utils/serialize";
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import serialize from "serialize-javascript";
 import { buildTemplate } from "./buildTemplate.share";
 function buildShellAfterTemplate(afterAppTemplate, options) {
     var injectSSRDataScript = function injectSSRDataScript(template) {
@@ -6,22 +34,25 @@ function buildShellAfterTemplate(afterAppTemplate, options) {
         return template.replace("<!--<?- SSRDataScript ?>-->", ssrDataScript);
         function buildSSRDataScript() {
             var ssrContext = options.ssrContext, renderLevel = options.renderLevel;
-            var request = ssrContext.request;
+            var request = ssrContext.request, enableUnsafeCtx = ssrContext.enableUnsafeCtx;
+            var unsafeContext = {
+                headers: request.headers
+            };
             var SSRData = {
                 context: {
-                    request: {
+                    request: _objectSpread({
                         params: request.params,
                         query: request.query,
                         pathname: request.pathname,
                         host: request.host,
-                        url: request.url,
-                        headers: request.headers,
-                        cookieMap: request.cookieMap
-                    }
+                        url: request.url
+                    }, enableUnsafeCtx ? unsafeContext : {})
                 },
                 renderLevel: renderLevel
             };
-            return "\n      <script>window._SSR_DATA = ".concat(serializeJson(SSRData), "</script>\n      ");
+            return "\n      <script>window._SSR_DATA = ".concat(serialize(SSRData, {
+                isJSON: true
+            }), "</script>\n      ");
         }
     };
     var callbacks = [

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

@@ -100,6 +100,7 @@ function getHeadTemplate(beforeEntryTemplate, context) {
             var helmetData = ReactHelmet.renderStatic();
             return helmetData ? helmetReplace(headTemplate2, helmetData) : headTemplate2;
         },
+        // @TODO: prefetch scripts of lazy component
         injectCss
     ];
     var _ref = _slicedToArray(beforeEntryTemplate.match(HEAD_REG_EXP) || [], 1), tmp = _ref[0], headTemplate = tmp === void 0 ? "" : tmp;

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

@@ -59,16 +59,13 @@ function _objectSpreadProps(target, source) {
 }
 import { Transform } from "stream";
 import { RenderLevel } from "../types";
-import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
 import { getTemplates } from "./template";
-var ShellChunkStatus = /* @__PURE__ */ function(ShellChunkStatus2) {
-    ShellChunkStatus2[ShellChunkStatus2["IDLE"] = 0] = "IDLE";
-    ShellChunkStatus2[ShellChunkStatus2["START"] = 1] = "START";
-    ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 2] = "FINIESH";
-    return ShellChunkStatus2;
-}(ShellChunkStatus || {});
 function renderToPipe(rootElement, context, options) {
-    var shellChunkStatus = 0 /* IDLE */ ;
+    var joinChunk = function joinChunk() {
+        var before = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", chunk = arguments.length > 1 ? arguments[1] : void 0, after = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+        return "".concat(before).concat(chunk.toString()).concat(after);
+    };
+    var isShellStream = true;
     var ssrContext = context.ssrContext;
     var forUserPipe = function(stream) {
         return new Promise(function(resolve) {
@@ -84,17 +81,9 @@ function renderToPipe(rootElement, context, options) {
                     var injectableTransform = new Transform({
                         transform: function transform(chunk, _encoding, callback) {
                             try {
-                                if (shellChunkStatus !== 2 /* FINIESH */ ) {
-                                    var concatedChunk = chunk.toString();
-                                    if (shellChunkStatus === 0 /* IDLE */ ) {
-                                        concatedChunk = "".concat(shellBefore).concat(concatedChunk);
-                                        shellChunkStatus = 1 /* START */ ;
-                                    }
-                                    if (shellChunkStatus === 1 /* START */  && concatedChunk.endsWith(ESCAPED_SHELL_STREAM_END_MARK)) {
-                                        concatedChunk = concatedChunk.replace(ESCAPED_SHELL_STREAM_END_MARK, shellAfter);
-                                        shellChunkStatus = 2 /* FINIESH */ ;
-                                    }
-                                    this.push(concatedChunk);
+                                if (isShellStream) {
+                                    this.push(joinChunk(shellBefore, chunk, shellAfter));
+                                    isShellStream = false;
                                 } else {
                                     this.push(chunk);
                                 }

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

@@ -48,12 +48,11 @@ import { buildShellAfterTemplate } from "./buildTemplate.after";
 import { buildShellBeforeTemplate } from "./bulidTemplate.before";
 var HTML_SEPARATOR = "<!--<?- html ?>-->";
 var getTemplates = function(context, renderLevel) {
-    var ssrContext = context.ssrContext, routerContext = context.routerContext;
+    var ssrContext = context.ssrContext;
     var _ref = _slicedToArray(ssrContext.template.split(HTML_SEPARATOR) || [], 2), tmp = _ref[0], beforeAppTemplate = tmp === void 0 ? "" : tmp, tmp1 = _ref[1], afterAppHtmlTemplate = tmp1 === void 0 ? "" : tmp1;
     var builtBeforeTemplate = buildShellBeforeTemplate(beforeAppTemplate, context);
     var builtAfterTemplate = buildShellAfterTemplate(afterAppHtmlTemplate, {
         ssrContext: ssrContext,
-        routerContext: routerContext,
         renderLevel: renderLevel
     });
     return {

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

@@ -59,6 +59,21 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var __generator = this && this.__generator || function(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
@@ -156,7 +171,7 @@ var __generator = this && this.__generator || function(thisArg, body) {
 };
 import React from "react";
 import ReactDomServer from "react-dom/server";
-import { serializeJson } from "@modern-js/utils/serialize";
+import serialize from "serialize-javascript";
 import ReactHelmet from "react-helmet";
 import helmetReplace from "../helmet";
 import { RenderLevel } from "../types";
@@ -166,21 +181,21 @@ import { toFragments } from "./template";
 import { reduce } from "./reduce";
 import * as loadableRenderer from "./loadable";
 import * as styledComponentRenderer from "./styledComponent";
-var buildTemplateData = function(context, data, routerData, renderLevel) {
-    var request = context.request;
+var buildTemplateData = function(context, data, renderLevel) {
+    var request = context.request, enableUnsafeCtx = context.enableUnsafeCtx;
+    var unsafeContext = {
+        headers: request.headers
+    };
     return {
         data: data,
-        routerData: routerData,
         context: {
-            request: {
+            request: _objectSpread({
                 params: request.params,
                 query: request.query,
                 pathname: request.pathname,
                 host: request.host,
-                url: request.url,
-                headers: request.headers,
-                cookieMap: request.cookieMap
-            }
+                url: request.url
+            }, enableUnsafeCtx ? unsafeContext : {})
         },
         renderLevel: renderLevel
     };
@@ -221,7 +236,7 @@ var Entry = /*#__PURE__*/ function() {
             value: function renderToHtml(context) {
                 var _this = this;
                 return _asyncToGenerator(function() {
-                    var _ssrContext_redirection, _ssrContext_redirection1, _ssrContext_redirection2, ssrContext, prefetchData, routerContext, routerData, html, templateData, SSRData, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, fragment, helmetData;
+                    var _ssrContext_redirection, _ssrContext_redirection1, _ssrContext_redirection2, ssrContext, prefetchData, html, templateData, SSRData, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, fragment, helmetData;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -253,12 +268,8 @@ var Entry = /*#__PURE__*/ function() {
                                         ""
                                     ];
                                 }
-                                routerContext = context.routerContext;
-                                routerData = routerContext !== null && routerContext !== void 0 ? routerContext : {
-                                    loaderData: routerContext.loaderData
-                                };
                                 html = "";
-                                templateData = buildTemplateData(ssrContext, prefetchData, routerData, _this.result.renderLevel);
+                                templateData = buildTemplateData(ssrContext, prefetchData, _this.result.renderLevel);
                                 SSRData = _this.getSSRDataScript(templateData);
                                 _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                                 try {
@@ -386,7 +397,9 @@ var Entry = /*#__PURE__*/ function() {
             key: "getSSRDataScript",
             value: function getSSRDataScript(templateData) {
                 return {
-                    SSRDataScript: "\n        <script>window._SSR_DATA = ".concat(serializeJson(templateData), "</script>\n      ")
+                    SSRDataScript: "\n        <script>window._SSR_DATA = ".concat(serialize(templateData, {
+                        isJSON: true
+                    }), "</script>\n      ")
                 };
             }
         }

package/dist/esm/ssr/serverRender/time.worker.js

@@ -45,7 +45,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 function processHrtime(previousTimestamp) {
-    var now = new Date().getTime();
+    var now = /* @__PURE__ */ new Date().getTime();
     var clocktime = now * 1e-3;
     var seconds = Math.floor(clocktime);
     var nanoseconds = Math.floor(clocktime % 1 * 1e9);

package/dist/esm/ssr/utils.js

@@ -72,6 +72,7 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
+import cookieTool from "cookie";
 var isReact18 = function() {
     return process.env.IS_REACT18 === "true";
 };
@@ -79,6 +80,7 @@ var formatServer = function(request) {
     var _ref = request.headers || {}, _ref_cookie = _ref.cookie, cookie = _ref_cookie === void 0 ? "" : _ref_cookie, tmp = _ref["user-agent"], userAgent = tmp === void 0 ? "" : tmp, referer = _ref.referer;
     return _objectSpread({
         cookie: cookie,
+        cookieMap: cookieTool.parse(cookie || "") || {},
         userAgent: userAgent,
         referer: referer
     }, request);
@@ -93,15 +95,15 @@ var getQuery = function() {
     }, {});
 };
 var formatClient = function(request) {
-    var _request_headers, _request_headers1;
+    var _request_headers;
     return {
         params: request.params || {},
         host: request.host || location.host,
         pathname: request.pathname || location.pathname,
         headers: request.headers || {},
-        cookieMap: request.cookieMap || {},
-        cookie: ((_request_headers = request.headers) === null || _request_headers === void 0 ? void 0 : _request_headers.cookie) || document.cookie,
-        userAgent: ((_request_headers1 = request.headers) === null || _request_headers1 === void 0 ? void 0 : _request_headers1["user-agent"]) || navigator.userAgent,
+        cookieMap: cookieTool.parse(document.cookie || "") || {},
+        cookie: document.cookie || "",
+        userAgent: ((_request_headers = request.headers) === null || _request_headers === void 0 ? void 0 : _request_headers["user-agent"]) || navigator.userAgent,
         referer: request.referer || document.referrer,
         query: request.query || getQuery(),
         url: location.href

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

@@ -24,6 +24,11 @@ var cli_default = () => ({
           runtimeByEntries: {},
           source: {
             alias: {
+              /**
+               * twin.macro inserts styled-components into the code during the compilation process
+               * But it will not be installed under the user project.
+               * So need to add alias
+               */
               "styled-components": require.resolve("styled-components")
             },
             globalVars: {

package/dist/esm-node/common.js

@@ -1,8 +1,4 @@
 const isBrowser = () => typeof window !== "undefined" && window.name !== "nodejs";
-const JSX_SHELL_STREAM_END_MARK = "<!--<?- SHELL_STREAM_END ?>-->";
-const ESCAPED_SHELL_STREAM_END_MARK = "&lt;!--&lt;?- SHELL_STREAM_END ?&gt;--&gt;";
 export {
-  ESCAPED_SHELL_STREAM_END_MARK,
-  JSX_SHELL_STREAM_END_MARK,
   isBrowser
 };

package/dist/esm-node/core/app-config.js

@@ -1,5 +1,9 @@
 const APP_CONFIG_SYMBOL = "config";
-const getConfig = (Component) => Component[APP_CONFIG_SYMBOL];
+const getConfig = (Component) => (
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  Component[APP_CONFIG_SYMBOL]
+);
 const defineConfig = (Component, config) => {
   Component[APP_CONFIG_SYMBOL] = config;
   return Component;

package/dist/esm-node/core/compatible.js

@@ -58,12 +58,7 @@ const createApp = ({ plugins }) => {
                 }
               );
             }
-            return /* @__PURE__ */ jsx(RuntimeReactContext.Provider, {
-              value: contextValue,
-              children: /* @__PURE__ */ jsx(App2, {
-                ...props
-              })
-            });
+            return /* @__PURE__ */ jsx(RuntimeReactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(App2, { ...props }) });
           };
           return hoistNonReactStatics(WrapComponent, App2);
         }
@@ -190,12 +185,14 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
         {},
         {
           skipNonStatic: id.staticGenerate,
+          // if not static generate, only non-static loader can exec on prod env
           skipStatic: process.env.NODE_ENV === "production" && !id.staticGenerate
         }
       )
     });
     const isRedirectResponse = (result) => {
-      if (typeof Response !== "undefined" && result instanceof Response && result.status >= 300 && result.status <= 399) {
+      if (typeof Response !== "undefined" && // fix: ssg workflow doesn't inject Web Response
+      result instanceof Response && result.status >= 300 && result.status <= 399) {
         const { status } = result;
         const redirectUrl = result.headers.get("Location") || "/";
         const { ssrContext } = context;

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

@@ -59,6 +59,7 @@ const createLoader = (id, initialData = {
     reloading: hasLoaded && status === 1 /* loading */,
     data,
     error: error instanceof Error ? `${error.message}` : error,
+    // redundant fields for ssr log
     _error: error
   });
   const notify = () => {
@@ -99,6 +100,7 @@ const createLoaderManager = (initialDataMap, managerOptions = {}) => {
         id,
         typeof initialDataMap[id] !== "undefined" ? initialDataMap[id] : { data: loaderOptions.initialData },
         loaderFn,
+        // Todo whether static loader is exec when CSR
         skipExec
       );
       loadersMap.set(id, loader);

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

@@ -9,14 +9,12 @@ import { DefaultRoot } from "./Root";
 function Body(props) {
   const { hasSetRoot } = useContext(DocumentStructureContext);
   const { children } = props;
-  return /* @__PURE__ */ jsxs("body", {
-    children: [
-      hasSetRoot ? null : /* @__PURE__ */ jsx(DefaultRoot, {}),
-      children,
-      `${DOCUMENT_CHUNKSMAP_PLACEHOLDER}`,
-      `${DOCUMENT_SSRDATASCRIPT_PLACEHOLDER}`
-    ]
-  });
+  return /* @__PURE__ */ jsxs("body", { children: [
+    hasSetRoot ? null : /* @__PURE__ */ jsx(DefaultRoot, {}),
+    children,
+    `${DOCUMENT_CHUNKSMAP_PLACEHOLDER}`,
+    `${DOCUMENT_SSRDATASCRIPT_PLACEHOLDER}`
+  ] });
 }
 export {
   Body

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

@@ -7,19 +7,15 @@ import { DOCUMENT_META_PLACEHOLDER } from "./constants";
 function Head(props) {
   const { hasSetScripts, hasSetLinks } = useContext(DocumentStructureContext);
   const { children } = props;
-  return /* @__PURE__ */ jsxs("head", {
-    children: [
-      `${DOCUMENT_META_PLACEHOLDER}`,
-      !hasSetLinks && /* @__PURE__ */ jsx(Links, {}),
-      !hasSetScripts && /* @__PURE__ */ jsx(Scripts, {}),
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxs("head", { children: [
+    `${DOCUMENT_META_PLACEHOLDER}`,
+    !hasSetLinks && /* @__PURE__ */ jsx(Links, {}),
+    !hasSetScripts && /* @__PURE__ */ jsx(Scripts, {}),
+    children
+  ] });
 }
 function DefaultHead() {
-  return /* @__PURE__ */ jsx("head", {
-    children: `${DOCUMENT_META_PLACEHOLDER}`
-  });
+  return /* @__PURE__ */ jsx("head", { children: `${DOCUMENT_META_PLACEHOLDER}` });
 }
 export {
   DefaultHead,

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

@@ -34,29 +34,31 @@ function Html(props) {
   const notMissMustChild = [
     hasSetHead,
     hasSetBody
+    // hasSetScripts,
+    // hasSetRoot,
   ].every((item) => item);
   if (!notMissMustChild) {
-    return /* @__PURE__ */ jsx("html", {
-      children: /* @__PURE__ */ jsxs("body", {
-        style: { color: "red" },
-        children: [
-          `Miss the `,
-          [
-            hasSetHead,
-            hasSetBody
-          ].map((item, index) => {
-            return item ? null : [
-              "Head",
-              "Body"
-            ][index];
-          }),
-          ` Element`
-        ]
-      })
-    });
+    return /* @__PURE__ */ jsx("html", { children: /* @__PURE__ */ jsxs("body", { style: { color: "red" }, children: [
+      `Miss the `,
+      [
+        hasSetHead,
+        hasSetBody
+        // hasSetScripts,
+        // hasSetRoot,
+      ].map((item, index) => {
+        return item ? null : [
+          "Head",
+          "Body"
+          // 'Scripts',
+          // 'Root',
+        ][index];
+      }),
+      ` Element`
+    ] }) });
   }
-  return /* @__PURE__ */ jsx("html", {
-    children: /* @__PURE__ */ jsxs(DocumentStructureContext.Provider, {
+  return /* @__PURE__ */ jsx("html", { children: /* @__PURE__ */ jsxs(
+    DocumentStructureContext.Provider,
+    {
       value: {
         hasSetHead,
         hasSetScripts,
@@ -70,8 +72,8 @@ function Html(props) {
         !hasSetBody && /* @__PURE__ */ jsx(Body, {}),
         children
       ]
-    })
-  });
+    }
+  ) });
 }
 export {
   Html

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

@@ -1,9 +1,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { DOCUMENT_LINKS_PLACEHOLDER } from "./constants";
 function Links() {
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: DOCUMENT_LINKS_PLACEHOLDER
-  });
+  return /* @__PURE__ */ jsx(Fragment, { children: DOCUMENT_LINKS_PLACEHOLDER });
 }
 export {
   Links

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

@@ -7,25 +7,19 @@ function Root(props) {
   const {
     templateParams: { mountId = "root" }
   } = useContext(DocumentContext);
-  return /* @__PURE__ */ jsxs("div", {
-    id: `${rootId || mountId}`,
-    children: [
-      `${DOCUMENT_SSR_PLACEHOLDER}`,
-      children
-    ]
-  });
+  return /* @__PURE__ */ jsxs("div", { id: `${rootId || mountId}`, children: [
+    `${DOCUMENT_SSR_PLACEHOLDER}`,
+    children
+  ] });
 }
 function DefaultRoot(props) {
   const {
     templateParams: { mountId = "root" }
   } = useContext(DocumentContext);
-  return /* @__PURE__ */ jsxs("div", {
-    id: `${mountId}`,
-    children: [
-      `${DOCUMENT_SSR_PLACEHOLDER}`,
-      props.children
-    ]
-  });
+  return /* @__PURE__ */ jsxs("div", { id: `${mountId}`, children: [
+    `${DOCUMENT_SSR_PLACEHOLDER}`,
+    props.children
+  ] });
 }
 export {
   DefaultRoot,

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

@@ -7,13 +7,11 @@ function Script(props) {
   const { content } = props;
   const contentStr = content.toString();
   const contentIIFE = encodeURIComponent(`(${contentStr})()`);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      `${DOCUMENT_SCRIPT_PLACEHOLDER_START}`,
-      `${contentIIFE}`,
-      `${DOCUMENT_SCRIPT_PLACEHOLDER_END}`
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    `${DOCUMENT_SCRIPT_PLACEHOLDER_START}`,
+    `${contentIIFE}`,
+    `${DOCUMENT_SCRIPT_PLACEHOLDER_END}`
+  ] });
 }
 export {
   Script

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

@@ -1,9 +1,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { DOCUMENT_SCRIPTS_PLACEHOLDER } from "./constants";
 function Scripts() {
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: `${DOCUMENT_SCRIPTS_PLACEHOLDER}`
-  });
+  return /* @__PURE__ */ jsx(Fragment, { children: `${DOCUMENT_SCRIPTS_PLACEHOLDER}` });
 }
 export {
   Scripts

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

@@ -91,6 +91,7 @@ var cli_default = () => ({
           entryPoints: [documentFilePath],
           outfile: htmlOutputFile,
           platform: "node",
+          // change esbuild use the rootDir tsconfig.json as default to tempTsConfigFile
           tsconfig: tempTsConfigFile,
           target: "es6",
           loader: {
@@ -147,7 +148,7 @@ var cli_default = () => ({
               `${DOCUMENT_SCRIPT_PLACEHOLDER_START}(.*?)${DOCUMENT_SCRIPT_PLACEHOLDER_END}`,
               "g"
             ),
-            (_scriptStr, $1) => `<script>${decodeURIComponent($1)}<\/script>`
+            (_scriptStr, $1) => `<script>${decodeURIComponent($1)}</script>`
           );
         }
         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(
@@ -173,6 +174,7 @@ var cli_default = () => ({
               ) : { ...options == null ? void 0 : options.templateParameters };
               const templateContent = documentEntry(
                 entry.entryName,
+                // options,
                 hackParameters
               );
               const documentHtmlOptions = templateContent ? {

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

@@ -1,14 +1,11 @@
 import {
   getEntryOptions,
   createRuntimeExportsUtils,
-  PLUGIN_SCHEMAS
+  PLUGIN_SCHEMAS,
+  isRouterV5 as isV5
 } from "@modern-js/utils";
 const PLUGIN_IDENTIFIER = "router";
 const ROUTES_IDENTIFIER = "routes";
-const isV5 = (config) => {
-  var _a, _b;
-  return ((_b = (_a = config == null ? void 0 : config.runtime) == null ? void 0 : _a.router) == null ? void 0 : _b.mode) === "react-router-5";
-};
 var cli_default = () => ({
   name: "@modern-js/plugin-router",
   required: ["@modern-js/runtime"],

package/dist/esm-node/router/runtime/DefaultNotFound.js

@@ -1,14 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-const DefaultNotFound = () => /* @__PURE__ */ jsx("div", {
-  style: {
-    margin: "150px auto",
-    textAlign: "center",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  children: "404"
-});
+const DefaultNotFound = () => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      margin: "150px auto",
+      textAlign: "center",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: "404"
+  }
+);
 export {
   DefaultNotFound
 };