@modern-js/runtime 2.43.0 → 2.44.0

package/dist/cjs/ssr/serverRender/renderToStream/buildTemplate.share.js

@@ -24,7 +24,7 @@ __export(buildTemplate_share_exports, {
 module.exports = __toCommonJS(buildTemplate_share_exports);
 const HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
 function buildTemplate(template, callbacks) {
-  return callbacks.reduce((template2, buildTemplateCb) => buildTemplateCb(template2), template);
+  return callbacks.reduce((promise, buildTemplateCb) => promise.then((template2) => buildTemplateCb(template2)), Promise.resolve(template));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -37,7 +37,24 @@ var import_helmet = __toESM(require("../helmet"));
 var import_constants = require("../constants");
 var import_utils = require("../utils");
 var import_buildTemplate = require("./buildTemplate.share");
-function getHeadTemplate(beforeEntryTemplate, context) {
+const readAsset = async (chunk) => {
+  const fs = await Promise.resolve().then(() => __toESM(require("fs/promises")));
+  const path = await Promise.resolve().then(() => __toESM(require("path")));
+  const filepath = path.join(__dirname, chunk);
+  return fs.readFile(filepath, "utf-8");
+};
+const checkIsInline = (chunk, enableInline) => {
+  if (process.env.NODE_ENV === "production") {
+    if (enableInline instanceof RegExp) {
+      return enableInline.test(chunk);
+    } else {
+      return Boolean(enableInline);
+    }
+  } else {
+    return false;
+  }
+};
+function getHeadTemplate(beforeEntryTemplate, context, pluginConfig) {
   const callbacks = [
     (headTemplate2) => {
       const helmetData = import_react_helmet.default.renderStatic();
@@ -51,9 +68,10 @@ function getHeadTemplate(beforeEntryTemplate, context) {
     return "";
   }
   return (0, import_buildTemplate.buildTemplate)(headTemplate, callbacks);
-  function injectCss(headTemplate2) {
-    return (0, import_utils.safeReplace)(headTemplate2, import_constants.CHUNK_CSS_PLACEHOLDER, getCssChunks());
-    function getCssChunks() {
+  async function injectCss(headTemplate2) {
+    const css = await getCssChunks();
+    return (0, import_utils.safeReplace)(headTemplate2, import_constants.CHUNK_CSS_PLACEHOLDER, css);
+    async function getCssChunks() {
       const { routeManifest, routerContext, routes } = context;
       if (!routeManifest || !routerContext || !routes) {
         return "";
@@ -75,15 +93,23 @@ function getHeadTemplate(beforeEntryTemplate, context) {
           }
         }
       });
-      const styleLinks = cssChunks.map((chunk) => {
-        return `<link href="${chunk}" rel="stylesheet" />`;
-      });
-      return `${styleLinks.join("")}`;
+      const { enableInlineStyles } = pluginConfig;
+      const styles = await Promise.all(cssChunks.map(async (chunk) => {
+        const link = `<link href="${chunk}" rel="stylesheet" />`;
+        if ((0, import_utils.checkIsNode)() && checkIsInline(chunk, enableInlineStyles)) {
+          return readAsset(chunk).then((content) => `<style>${content}</style>`).catch((_) => {
+            return link;
+          });
+        } else {
+          return link;
+        }
+      }));
+      return `${styles.join("")}`;
     }
   }
 }
-function buildShellBeforeTemplate(beforeAppTemplate, context) {
-  const headTemplate = getHeadTemplate(beforeAppTemplate, context);
+async function buildShellBeforeTemplate(beforeAppTemplate, context, pluginConfig) {
+  const headTemplate = await getHeadTemplate(beforeAppTemplate, context, pluginConfig);
   return beforeAppTemplate.replace(import_buildTemplate.HEAD_REG_EXP, headTemplate);
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -36,7 +36,7 @@ var import_node = require("@modern-js/runtime-utils/node");
 var import_time = require("@modern-js/runtime-utils/time");
 var import_tracker = require("../tracker");
 var import_renderToPipe = __toESM(require("./renderToPipe"));
-const render = ({ App, context }) => {
+const render = ({ App, context, config }) => {
   const { ssrContext } = context;
   if (!ssrContext) {
     throw new Error('The "ssrContext" must not be undefined, but received undefined');
@@ -49,7 +49,7 @@ const render = ({ App, context }) => {
       })
     });
     const { tracker } = ssrContext;
-    const pipe = (0, import_renderToPipe.default)(rootElement, context, {
+    const pipe = (0, import_renderToPipe.default)(rootElement, context, config, {
       onShellReady() {
         const cost = end();
         tracker.trackTiming(import_tracker.SSRTimings.RENDER_SHELL, cost);

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

@@ -30,7 +30,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   let shellChunkStatus = 0;
   const { ssrContext } = context;
   const chunkVec = [];
@@ -45,41 +45,43 @@ function renderToPipe(rootElement, context, options) {
         ...options,
         nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
         onShellReady() {
-          var _options_onShellReady;
-          const { shellAfter, shellBefore } = (0, import_template.getTemplates)(context, import_types.RenderLevel.SERVER_RENDER);
-          options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
-          const injectableTransform = new import_stream.Transform({
-            transform(chunk, _encoding, callback) {
-              try {
-                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 = 1;
-                    this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
+          (0, import_template.getTemplates)(context, import_types.RenderLevel.SERVER_RENDER, pluginConfig).then(({ shellAfter, shellBefore }) => {
+            var _options_onShellReady;
+            options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
+            const injectableTransform = new import_stream.Transform({
+              transform(chunk, _encoding, callback) {
+                try {
+                  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 = 1;
+                      this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
+                    }
+                  } else {
+                    this.push(chunk);
+                  }
+                  callback();
+                } catch (e) {
+                  if (e instanceof Error) {
+                    callback(e);
+                  } else {
+                    callback(new Error("Received unkown error when streaming"));
                   }
-                } else {
-                  this.push(chunk);
-                }
-                callback();
-              } catch (e) {
-                if (e instanceof Error) {
-                  callback(e);
-                } else {
-                  callback(new Error("Received unkown error when streaming"));
                 }
               }
-            }
+            });
+            resolve(pipe(injectableTransform).pipe(stream));
           });
-          resolve(pipe(injectableTransform).pipe(stream));
         },
         onShellError(error) {
-          var _options_onShellError;
-          const { shellAfter, shellBefore } = (0, import_template.getTemplates)(context, import_types.RenderLevel.CLIENT_RENDER);
-          const fallbackHtml = `${shellBefore}${shellAfter}`;
-          resolve(fallbackHtml);
-          options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          (0, import_template.getTemplates)(context, import_types.RenderLevel.CLIENT_RENDER, pluginConfig).then(({ shellAfter, shellBefore }) => {
+            var _options_onShellError;
+            const fallbackHtml = `${shellBefore}${shellAfter}`;
+            resolve(fallbackHtml);
+            options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          });
         }
       });
     });

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

@@ -30,7 +30,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   let shellChunkStatus = 0;
   const chunkVec = [];
   const { ssrContext } = context;
@@ -40,7 +40,7 @@ function renderToPipe(rootElement, context, options) {
       ({ renderToReadableStream } = require("react-dom/server"));
     } catch (e) {
     }
-    const { shellAfter, shellBefore } = (0, import_template.getTemplates)(context, import_types.RenderLevel.SERVER_RENDER);
+    const { shellAfter, shellBefore } = await (0, import_template.getTemplates)(context, import_types.RenderLevel.SERVER_RENDER, pluginConfig);
     try {
       const readableOriginal = await renderToReadableStream(rootElement, {
         ...options,
@@ -79,7 +79,7 @@ function renderToPipe(rootElement, context, options) {
       return injectableStream;
     } catch (err) {
       ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.tracker.trackError(import_tracker.SSRErrors.RENDER_SHELL, err);
-      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = (0, import_template.getTemplates)(context, import_types.RenderLevel.CLIENT_RENDER);
+      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = await (0, import_template.getTemplates)(context, import_types.RenderLevel.CLIENT_RENDER, pluginConfig);
       const fallbackHtml = `${shellBefore2}${shellAfter2}`;
       return fallbackHtml;
     }

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

@@ -24,11 +24,11 @@ module.exports = __toCommonJS(template_exports);
 var import_buildTemplate = require("./buildTemplate.after");
 var import_bulidTemplate = require("./bulidTemplate.before");
 const HTML_SEPARATOR = "<!--<?- html ?>-->";
-const getTemplates = (context, renderLevel) => {
+const getTemplates = async (context, renderLevel, pluginConfig) => {
   const { ssrContext } = context;
   const [beforeAppTemplate = "", afterAppHtmlTemplate = ""] = ssrContext.template.split(HTML_SEPARATOR) || [];
-  const builtBeforeTemplate = (0, import_bulidTemplate.buildShellBeforeTemplate)(beforeAppTemplate, context);
-  const builtAfterTemplate = (0, import_buildTemplate.buildShellAfterTemplate)(afterAppHtmlTemplate, {
+  const builtBeforeTemplate = await (0, import_bulidTemplate.buildShellBeforeTemplate)(beforeAppTemplate, context, pluginConfig);
+  const builtAfterTemplate = await (0, import_buildTemplate.buildShellAfterTemplate)(afterAppHtmlTemplate, {
     context,
     renderLevel
   });

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

@@ -58,10 +58,6 @@ const readAsset = async (chunk) => {
   const filepath = path.resolve(__dirname, chunk.filename);
   return fs.readFile(filepath, "utf-8");
 };
-const checkIsNode = () => {
-  var _process_release;
-  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
-};
 class LoadableCollector {
   get existsAssets() {
     var _routeManifest_routeAssets_entryName, _routeManifest_routeAssets;
@@ -121,7 +117,7 @@ class LoadableCollector {
       return !jsChunkReg.test(template) && !((_this_existsAssets = this.existsAssets) === null || _this_existsAssets === void 0 ? void 0 : _this_existsAssets.includes(chunk.path));
     }).map(async (chunk) => {
       const script = `<script${attributes} src="${chunk.url}"></script>`;
-      if (checkIsInline(chunk, enableInlineScripts) && checkIsNode()) {
+      if ((0, import_utils.checkIsNode)() && checkIsInline(chunk, enableInlineScripts)) {
         return readAsset(chunk).then((content) => `<script>${content}</script>`).catch((_) => {
           return script;
         });
@@ -140,7 +136,7 @@ class LoadableCollector {
       return !cssChunkReg.test(template) && !((_this_existsAssets = this.existsAssets) === null || _this_existsAssets === void 0 ? void 0 : _this_existsAssets.includes(chunk.path));
     }).map(async (chunk) => {
       const link = `<link${atrributes} href="${chunk.url}" rel="stylesheet" />`;
-      if (checkIsInline(chunk, enableInlineStyles) && checkIsNode()) {
+      if ((0, import_utils.checkIsNode)() && checkIsInline(chunk, enableInlineStyles)) {
         return readAsset(chunk).then((content) => `<style>${content}</style>`).catch((_) => {
           return link;
         });

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

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   attributesToString: () => attributesToString,
+  checkIsNode: () => checkIsNode,
   safeReplace: () => safeReplace
 });
 module.exports = __toCommonJS(utils_exports);
@@ -30,8 +31,13 @@ function attributesToString(attributes) {
 function safeReplace(source, searchValue, replaceValue) {
   return source.replace(searchValue, () => replaceValue);
 }
+function checkIsNode() {
+  var _process_release;
+  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   attributesToString,
+  checkIsNode,
   safeReplace
 });

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

@@ -1,8 +1,10 @@
 var HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
 function buildTemplate(template, callbacks) {
-  return callbacks.reduce(function(template2, buildTemplateCb) {
-    return buildTemplateCb(template2);
-  }, template);
+  return callbacks.reduce(function(promise, buildTemplateCb) {
+    return promise.then(function(template2) {
+      return buildTemplateCb(template2);
+    });
+  }, Promise.resolve(template));
 }
 export {
   HEAD_REG_EXP,

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

@@ -1,12 +1,56 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import ReactHelmet from "react-helmet";
 import { matchRoutes } from "@modern-js/runtime-utils/router";
 import helmetReplace from "../helmet";
 import { CHUNK_CSS_PLACEHOLDER } from "../constants";
-import { safeReplace } from "../utils";
+import { checkIsNode, safeReplace } from "../utils";
 import { HEAD_REG_EXP, buildTemplate } from "./buildTemplate.share";
-function getHeadTemplate(beforeEntryTemplate, context) {
+var readAsset = function() {
+  var _ref = _async_to_generator(function(chunk) {
+    var fs, path, filepath;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          return [
+            4,
+            import("fs/promises")
+          ];
+        case 1:
+          fs = _state.sent();
+          return [
+            4,
+            import("path")
+          ];
+        case 2:
+          path = _state.sent();
+          filepath = path.join(__dirname, chunk);
+          return [
+            2,
+            fs.readFile(filepath, "utf-8")
+          ];
+      }
+    });
+  });
+  return function readAsset2(chunk) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var checkIsInline = function(chunk, enableInline) {
+  if (process.env.NODE_ENV === "production") {
+    if (_instanceof(enableInline, RegExp)) {
+      return enableInline.test(chunk);
+    } else {
+      return Boolean(enableInline);
+    }
+  } else {
+    return false;
+  }
+};
+function getHeadTemplate(beforeEntryTemplate, context, pluginConfig) {
   var callbacks = [
     function(headTemplate2) {
       var helmetData = ReactHelmet.renderStatic();
@@ -21,42 +65,133 @@ function getHeadTemplate(beforeEntryTemplate, context) {
   }
   return buildTemplate(headTemplate, callbacks);
   function injectCss(headTemplate2) {
-    return safeReplace(headTemplate2, CHUNK_CSS_PLACEHOLDER, getCssChunks());
-    function getCssChunks() {
-      var routeManifest = context.routeManifest, routerContext = context.routerContext, routes = context.routes;
-      if (!routeManifest || !routerContext || !routes) {
-        return "";
+    return _injectCss.apply(this, arguments);
+  }
+  function _injectCss() {
+    _injectCss = _async_to_generator(function(headTemplate2) {
+      var css;
+      function getCssChunks() {
+        return _getCssChunks.apply(this, arguments);
       }
-      var routeAssets = routeManifest.routeAssets;
-      var cssChunks = [];
-      var matches = matchRoutes(routes, routerContext.location, routerContext.basename);
-      matches === null || matches === void 0 ? void 0 : matches.forEach(function(match, index) {
-        if (!index) {
-          return;
-        }
-        var routeId = match.route.id;
-        if (routeId) {
-          var routeManifest2 = routeAssets[routeId];
-          if (routeManifest2) {
-            var _cssChunks;
-            var _routeManifest_referenceCssAssets = routeManifest2.referenceCssAssets, referenceCssAssets = _routeManifest_referenceCssAssets === void 0 ? [] : _routeManifest_referenceCssAssets;
-            var _cssChunks1 = referenceCssAssets.filter(function(asset) {
-              return (asset === null || asset === void 0 ? void 0 : asset.endsWith(".css")) && !headTemplate2.includes(asset);
-            });
-            (_cssChunks = cssChunks).push.apply(_cssChunks, _to_consumable_array(_cssChunks1));
-          }
+      function _getCssChunks() {
+        _getCssChunks = _async_to_generator(function() {
+          var routeManifest, routerContext, routes, routeAssets, cssChunks, matches, enableInlineStyles, styles;
+          return _ts_generator(this, function(_state) {
+            switch (_state.label) {
+              case 0:
+                routeManifest = context.routeManifest, routerContext = context.routerContext, routes = context.routes;
+                if (!routeManifest || !routerContext || !routes) {
+                  return [
+                    2,
+                    ""
+                  ];
+                }
+                routeAssets = routeManifest.routeAssets;
+                cssChunks = [];
+                matches = matchRoutes(routes, routerContext.location, routerContext.basename);
+                matches === null || matches === void 0 ? void 0 : matches.forEach(function(match, index) {
+                  if (!index) {
+                    return;
+                  }
+                  var routeId = match.route.id;
+                  if (routeId) {
+                    var routeManifest2 = routeAssets[routeId];
+                    if (routeManifest2) {
+                      var _cssChunks;
+                      var _routeManifest_referenceCssAssets = routeManifest2.referenceCssAssets, referenceCssAssets = _routeManifest_referenceCssAssets === void 0 ? [] : _routeManifest_referenceCssAssets;
+                      var _cssChunks1 = referenceCssAssets.filter(function(asset) {
+                        return (asset === null || asset === void 0 ? void 0 : asset.endsWith(".css")) && !headTemplate2.includes(asset);
+                      });
+                      (_cssChunks = cssChunks).push.apply(_cssChunks, _to_consumable_array(_cssChunks1));
+                    }
+                  }
+                });
+                enableInlineStyles = pluginConfig.enableInlineStyles;
+                return [
+                  4,
+                  Promise.all(cssChunks.map(function() {
+                    var _ref2 = _async_to_generator(function(chunk) {
+                      var link;
+                      return _ts_generator(this, function(_state2) {
+                        link = '<link href="'.concat(chunk, '" rel="stylesheet" />');
+                        if (checkIsNode() && checkIsInline(chunk, enableInlineStyles)) {
+                          return [
+                            2,
+                            readAsset(chunk).then(function(content) {
+                              return "<style>".concat(content, "</style>");
+                            }).catch(function(_) {
+                              return link;
+                            })
+                          ];
+                        } else {
+                          return [
+                            2,
+                            link
+                          ];
+                        }
+                        return [
+                          2
+                        ];
+                      });
+                    });
+                    return function(chunk) {
+                      return _ref2.apply(this, arguments);
+                    };
+                  }()))
+                ];
+              case 1:
+                styles = _state.sent();
+                return [
+                  2,
+                  "".concat(styles.join(""))
+                ];
+            }
+          });
+        });
+        return _getCssChunks.apply(this, arguments);
+      }
+      return _ts_generator(this, function(_state) {
+        switch (_state.label) {
+          case 0:
+            return [
+              4,
+              getCssChunks()
+            ];
+          case 1:
+            css = _state.sent();
+            return [
+              2,
+              safeReplace(headTemplate2, CHUNK_CSS_PLACEHOLDER, css)
+            ];
         }
       });
-      var styleLinks = cssChunks.map(function(chunk) {
-        return '<link href="'.concat(chunk, '" rel="stylesheet" />');
-      });
-      return "".concat(styleLinks.join(""));
-    }
+    });
+    return _injectCss.apply(this, arguments);
   }
 }
-function buildShellBeforeTemplate(beforeAppTemplate, context) {
-  var headTemplate = getHeadTemplate(beforeAppTemplate, context);
-  return beforeAppTemplate.replace(HEAD_REG_EXP, headTemplate);
+function buildShellBeforeTemplate(beforeAppTemplate, context, pluginConfig) {
+  return _buildShellBeforeTemplate.apply(this, arguments);
+}
+function _buildShellBeforeTemplate() {
+  _buildShellBeforeTemplate = _async_to_generator(function(beforeAppTemplate, context, pluginConfig) {
+    var headTemplate;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          return [
+            4,
+            getHeadTemplate(beforeAppTemplate, context, pluginConfig)
+          ];
+        case 1:
+          headTemplate = _state.sent();
+          return [
+            2,
+            beforeAppTemplate.replace(HEAD_REG_EXP, headTemplate)
+          ];
+      }
+    });
+  });
+  return _buildShellBeforeTemplate.apply(this, arguments);
 }
 export {
   buildShellBeforeTemplate

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

@@ -6,7 +6,7 @@ import { time } from "@modern-js/runtime-utils/time";
 import { SSRErrors, SSRTimings } from "../tracker";
 import renderToPipe from "./renderToPipe";
 var render = function(param) {
-  var App = param.App, context = param.context;
+  var App = param.App, context = param.context, config = param.config;
   var ssrContext = context.ssrContext;
   if (!ssrContext) {
     throw new Error('The "ssrContext" must not be undefined, but received undefined');
@@ -21,7 +21,7 @@ var render = function(param) {
         })
       });
       tracker = ssrContext.tracker;
-      pipe = renderToPipe(rootElement, context, {
+      pipe = renderToPipe(rootElement, context, config, {
         onShellReady: function onShellReady() {
           var cost = end();
           tracker.trackTiming(SSRTimings.RENDER_SHELL, cost);

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

@@ -10,7 +10,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   var shellChunkStatus = 0;
   var ssrContext = context.ssrContext;
   var chunkVec = [];
@@ -24,41 +24,45 @@ function renderToPipe(rootElement, context, options) {
       var pipe = renderToPipeableStream(rootElement, _object_spread_props(_object_spread({}, options), {
         nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
         onShellReady: function onShellReady() {
-          var _options_onShellReady;
-          var _getTemplates = getTemplates(context, RenderLevel.SERVER_RENDER), shellAfter = _getTemplates.shellAfter, shellBefore = _getTemplates.shellBefore;
-          options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
-          var injectableTransform = new Transform({
-            transform: function transform(chunk, _encoding, callback) {
-              try {
-                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 = 1;
-                    this.push("".concat(shellBefore).concat(concatedChunk).concat(shellAfter));
+          getTemplates(context, RenderLevel.SERVER_RENDER, pluginConfig).then(function(param) {
+            var shellAfter = param.shellAfter, shellBefore = param.shellBefore;
+            var _options_onShellReady;
+            options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
+            var injectableTransform = new Transform({
+              transform: function transform(chunk, _encoding, callback) {
+                try {
+                  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 = 1;
+                      this.push("".concat(shellBefore).concat(concatedChunk).concat(shellAfter));
+                    }
+                  } else {
+                    this.push(chunk);
+                  }
+                  callback();
+                } catch (e) {
+                  if (_instanceof(e, Error)) {
+                    callback(e);
+                  } else {
+                    callback(new Error("Received unkown error when streaming"));
                   }
-                } else {
-                  this.push(chunk);
-                }
-                callback();
-              } catch (e) {
-                if (_instanceof(e, Error)) {
-                  callback(e);
-                } else {
-                  callback(new Error("Received unkown error when streaming"));
                 }
               }
-            }
+            });
+            resolve(pipe(injectableTransform).pipe(stream));
           });
-          resolve(pipe(injectableTransform).pipe(stream));
         },
         onShellError: function onShellError(error) {
-          var _options_onShellError;
-          var _getTemplates = getTemplates(context, RenderLevel.CLIENT_RENDER), shellAfter = _getTemplates.shellAfter, shellBefore = _getTemplates.shellBefore;
-          var fallbackHtml = "".concat(shellBefore).concat(shellAfter);
-          resolve(fallbackHtml);
-          options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          getTemplates(context, RenderLevel.CLIENT_RENDER, pluginConfig).then(function(param) {
+            var shellAfter = param.shellAfter, shellBefore = param.shellBefore;
+            var _options_onShellError;
+            var fallbackHtml = "".concat(shellBefore).concat(shellAfter);
+            resolve(fallbackHtml);
+            options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          });
         }
       })).pipe;
     });

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

@@ -11,13 +11,13 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   var shellChunkStatus = 0;
   var chunkVec = [];
   var ssrContext = context.ssrContext;
   var forUserPipe = function() {
     var _ref = _async_to_generator(function() {
-      var renderToReadableStream, _getTemplates, shellAfter, shellBefore, readableOriginal, reader, injectableStream, err, _getTemplates1, shellAfter1, shellBefore1, fallbackHtml;
+      var renderToReadableStream, _ref2, shellAfter, shellBefore, readableOriginal, reader, injectableStream, err, _ref1, shellAfter1, shellBefore1, fallbackHtml;
       return _ts_generator(this, function(_state) {
         switch (_state.label) {
           case 0:
@@ -25,14 +25,19 @@ function renderToPipe(rootElement, context, options) {
               renderToReadableStream = require("react-dom/server").renderToReadableStream;
             } catch (e) {
             }
-            _getTemplates = getTemplates(context, RenderLevel.SERVER_RENDER), shellAfter = _getTemplates.shellAfter, shellBefore = _getTemplates.shellBefore;
-            _state.label = 1;
+            return [
+              4,
+              getTemplates(context, RenderLevel.SERVER_RENDER, pluginConfig)
+            ];
           case 1:
+            _ref2 = _state.sent(), shellAfter = _ref2.shellAfter, shellBefore = _ref2.shellBefore;
+            _state.label = 2;
+          case 2:
             _state.trys.push([
-              1,
-              3,
+              2,
+              4,
               ,
-              4
+              6
             ]);
             return [
               4,
@@ -44,7 +49,7 @@ function renderToPipe(rootElement, context, options) {
                 }
               }))
             ];
-          case 2:
+          case 3:
             readableOriginal = _state.sent();
             reader = readableOriginal.getReader();
             injectableStream = new ReadableStream({
@@ -54,7 +59,7 @@ function renderToPipe(rootElement, context, options) {
                 }
                 function _push() {
                   _push = _async_to_generator(function() {
-                    var _ref2, done, value, chunk, concatedChunk;
+                    var _ref3, done, value, chunk, concatedChunk;
                     return _ts_generator(this, function(_state2) {
                       switch (_state2.label) {
                         case 0:
@@ -63,7 +68,7 @@ function renderToPipe(rootElement, context, options) {
                             reader.read()
                           ];
                         case 1:
-                          _ref2 = _state2.sent(), done = _ref2.done, value = _ref2.value;
+                          _ref3 = _state2.sent(), done = _ref3.done, value = _ref3.value;
                           if (done) {
                             controller.close();
                             return [
@@ -98,16 +103,21 @@ function renderToPipe(rootElement, context, options) {
               2,
               injectableStream
             ];
-          case 3:
+          case 4:
             err = _state.sent();
             ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.tracker.trackError(SSRErrors.RENDER_SHELL, err);
-            _getTemplates1 = getTemplates(context, RenderLevel.CLIENT_RENDER), shellAfter1 = _getTemplates1.shellAfter, shellBefore1 = _getTemplates1.shellBefore;
+            return [
+              4,
+              getTemplates(context, RenderLevel.CLIENT_RENDER, pluginConfig)
+            ];
+          case 5:
+            _ref1 = _state.sent(), shellAfter1 = _ref1.shellAfter, shellBefore1 = _ref1.shellBefore;
             fallbackHtml = "".concat(shellBefore1).concat(shellAfter1);
             return [
               2,
               fallbackHtml
             ];
-          case 4:
+          case 6:
             return [
               2
             ];

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

@@ -1,20 +1,46 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { buildShellAfterTemplate } from "./buildTemplate.after";
 import { buildShellBeforeTemplate } from "./bulidTemplate.before";
 var HTML_SEPARATOR = "<!--<?- html ?>-->";
-var getTemplates = function(context, renderLevel) {
-  var ssrContext = context.ssrContext;
-  var _ref = _sliced_to_array(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, {
-    context,
-    renderLevel
+var getTemplates = function() {
+  var _ref = _async_to_generator(function(context, renderLevel, pluginConfig) {
+    var ssrContext, _ref2, tmp, beforeAppTemplate, tmp1, afterAppHtmlTemplate, builtBeforeTemplate, builtAfterTemplate;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          ssrContext = context.ssrContext;
+          _ref2 = _sliced_to_array(ssrContext.template.split(HTML_SEPARATOR) || [], 2), tmp = _ref2[0], beforeAppTemplate = tmp === void 0 ? "" : tmp, tmp1 = _ref2[1], afterAppHtmlTemplate = tmp1 === void 0 ? "" : tmp1;
+          return [
+            4,
+            buildShellBeforeTemplate(beforeAppTemplate, context, pluginConfig)
+          ];
+        case 1:
+          builtBeforeTemplate = _state.sent();
+          return [
+            4,
+            buildShellAfterTemplate(afterAppHtmlTemplate, {
+              context,
+              renderLevel
+            })
+          ];
+        case 2:
+          builtAfterTemplate = _state.sent();
+          return [
+            2,
+            {
+              shellBefore: builtBeforeTemplate,
+              shellAfter: builtAfterTemplate
+            }
+          ];
+      }
+    });
   });
-  return {
-    shellBefore: builtBeforeTemplate,
-    shellAfter: builtAfterTemplate
+  return function getTemplates2(context, renderLevel, pluginConfig) {
+    return _ref.apply(this, arguments);
   };
-};
+}();
 export {
   getTemplates
 };

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

@@ -6,7 +6,7 @@ import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { ChunkExtractor } from "@loadable/server";
-import { attributesToString } from "../utils";
+import { attributesToString, checkIsNode } from "../utils";
 var extname = function(uri) {
   if (typeof uri !== "string" || !uri.includes(".")) {
     return "";
@@ -61,10 +61,6 @@ var readAsset = function() {
     return _ref.apply(this, arguments);
   };
 }();
-var checkIsNode = function() {
-  var _process_release;
-  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
-};
 var LoadableCollector = /* @__PURE__ */ function() {
   "use strict";
   function LoadableCollector2(options) {
@@ -184,7 +180,7 @@ var LoadableCollector = /* @__PURE__ */ function() {
                       var script;
                       return _ts_generator(this, function(_state2) {
                         script = "<script".concat(attributes, ' src="').concat(chunk.url, '"></script>');
-                        if (checkIsInline(chunk, enableInlineScripts) && checkIsNode()) {
+                        if (checkIsNode() && checkIsInline(chunk, enableInlineScripts)) {
                           return [
                             2,
                             readAsset(chunk).then(function(content) {
@@ -244,7 +240,7 @@ var LoadableCollector = /* @__PURE__ */ function() {
                       var link;
                       return _ts_generator(this, function(_state2) {
                         link = "<link".concat(atrributes, ' href="').concat(chunk.url, '" rel="stylesheet" />');
-                        if (checkIsInline(chunk, enableInlineStyles) && checkIsNode()) {
+                        if (checkIsNode() && checkIsInline(chunk, enableInlineStyles)) {
                           return [
                             2,
                             readAsset(chunk).then(function(content) {

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

@@ -10,7 +10,12 @@ function safeReplace(source, searchValue, replaceValue) {
     return replaceValue;
   });
 }
+function checkIsNode() {
+  var _process_release;
+  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
+}
 export {
   attributesToString,
+  checkIsNode,
   safeReplace
 };

package/dist/esm-node/ssr/serverRender/renderToStream/buildTemplate.share.js

@@ -1,6 +1,6 @@
 const HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
 function buildTemplate(template, callbacks) {
-  return callbacks.reduce((template2, buildTemplateCb) => buildTemplateCb(template2), template);
+  return callbacks.reduce((promise, buildTemplateCb) => promise.then((template2) => buildTemplateCb(template2)), Promise.resolve(template));
 }
 export {
   HEAD_REG_EXP,

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

@@ -2,9 +2,26 @@ import ReactHelmet from "react-helmet";
 import { matchRoutes } from "@modern-js/runtime-utils/router";
 import helmetReplace from "../helmet";
 import { CHUNK_CSS_PLACEHOLDER } from "../constants";
-import { safeReplace } from "../utils";
+import { checkIsNode, safeReplace } from "../utils";
 import { HEAD_REG_EXP, buildTemplate } from "./buildTemplate.share";
-function getHeadTemplate(beforeEntryTemplate, context) {
+const readAsset = async (chunk) => {
+  const fs = await import("fs/promises");
+  const path = await import("path");
+  const filepath = path.join(__dirname, chunk);
+  return fs.readFile(filepath, "utf-8");
+};
+const checkIsInline = (chunk, enableInline) => {
+  if (process.env.NODE_ENV === "production") {
+    if (enableInline instanceof RegExp) {
+      return enableInline.test(chunk);
+    } else {
+      return Boolean(enableInline);
+    }
+  } else {
+    return false;
+  }
+};
+function getHeadTemplate(beforeEntryTemplate, context, pluginConfig) {
   const callbacks = [
     (headTemplate2) => {
       const helmetData = ReactHelmet.renderStatic();
@@ -18,9 +35,10 @@ function getHeadTemplate(beforeEntryTemplate, context) {
     return "";
   }
   return buildTemplate(headTemplate, callbacks);
-  function injectCss(headTemplate2) {
-    return safeReplace(headTemplate2, CHUNK_CSS_PLACEHOLDER, getCssChunks());
-    function getCssChunks() {
+  async function injectCss(headTemplate2) {
+    const css = await getCssChunks();
+    return safeReplace(headTemplate2, CHUNK_CSS_PLACEHOLDER, css);
+    async function getCssChunks() {
       const { routeManifest, routerContext, routes } = context;
       if (!routeManifest || !routerContext || !routes) {
         return "";
@@ -42,15 +60,23 @@ function getHeadTemplate(beforeEntryTemplate, context) {
           }
         }
       });
-      const styleLinks = cssChunks.map((chunk) => {
-        return `<link href="${chunk}" rel="stylesheet" />`;
-      });
-      return `${styleLinks.join("")}`;
+      const { enableInlineStyles } = pluginConfig;
+      const styles = await Promise.all(cssChunks.map(async (chunk) => {
+        const link = `<link href="${chunk}" rel="stylesheet" />`;
+        if (checkIsNode() && checkIsInline(chunk, enableInlineStyles)) {
+          return readAsset(chunk).then((content) => `<style>${content}</style>`).catch((_) => {
+            return link;
+          });
+        } else {
+          return link;
+        }
+      }));
+      return `${styles.join("")}`;
     }
   }
 }
-function buildShellBeforeTemplate(beforeAppTemplate, context) {
-  const headTemplate = getHeadTemplate(beforeAppTemplate, context);
+async function buildShellBeforeTemplate(beforeAppTemplate, context, pluginConfig) {
+  const headTemplate = await getHeadTemplate(beforeAppTemplate, context, pluginConfig);
   return beforeAppTemplate.replace(HEAD_REG_EXP, headTemplate);
 }
 export {

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

@@ -3,7 +3,7 @@ import { run } from "@modern-js/runtime-utils/node";
 import { time } from "@modern-js/runtime-utils/time";
 import { SSRErrors, SSRTimings } from "../tracker";
 import renderToPipe from "./renderToPipe";
-const render = ({ App, context }) => {
+const render = ({ App, context, config }) => {
   const { ssrContext } = context;
   if (!ssrContext) {
     throw new Error('The "ssrContext" must not be undefined, but received undefined');
@@ -16,7 +16,7 @@ const render = ({ App, context }) => {
       })
     });
     const { tracker } = ssrContext;
-    const pipe = renderToPipe(rootElement, context, {
+    const pipe = renderToPipe(rootElement, context, config, {
       onShellReady() {
         const cost = end();
         tracker.trackTiming(SSRTimings.RENDER_SHELL, cost);

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

@@ -7,7 +7,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   let shellChunkStatus = 0;
   const { ssrContext } = context;
   const chunkVec = [];
@@ -22,41 +22,43 @@ function renderToPipe(rootElement, context, options) {
         ...options,
         nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
         onShellReady() {
-          var _options_onShellReady;
-          const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.SERVER_RENDER);
-          options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
-          const injectableTransform = new Transform({
-            transform(chunk, _encoding, callback) {
-              try {
-                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 = 1;
-                    this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
+          getTemplates(context, RenderLevel.SERVER_RENDER, pluginConfig).then(({ shellAfter, shellBefore }) => {
+            var _options_onShellReady;
+            options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
+            const injectableTransform = new Transform({
+              transform(chunk, _encoding, callback) {
+                try {
+                  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 = 1;
+                      this.push(`${shellBefore}${concatedChunk}${shellAfter}`);
+                    }
+                  } else {
+                    this.push(chunk);
+                  }
+                  callback();
+                } catch (e) {
+                  if (e instanceof Error) {
+                    callback(e);
+                  } else {
+                    callback(new Error("Received unkown error when streaming"));
                   }
-                } else {
-                  this.push(chunk);
-                }
-                callback();
-              } catch (e) {
-                if (e instanceof Error) {
-                  callback(e);
-                } else {
-                  callback(new Error("Received unkown error when streaming"));
                 }
               }
-            }
+            });
+            resolve(pipe(injectableTransform).pipe(stream));
           });
-          resolve(pipe(injectableTransform).pipe(stream));
         },
         onShellError(error) {
-          var _options_onShellError;
-          const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.CLIENT_RENDER);
-          const fallbackHtml = `${shellBefore}${shellAfter}`;
-          resolve(fallbackHtml);
-          options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          getTemplates(context, RenderLevel.CLIENT_RENDER, pluginConfig).then(({ shellAfter, shellBefore }) => {
+            var _options_onShellError;
+            const fallbackHtml = `${shellBefore}${shellAfter}`;
+            resolve(fallbackHtml);
+            options === null || options === void 0 ? void 0 : (_options_onShellError = options.onShellError) === null || _options_onShellError === void 0 ? void 0 : _options_onShellError.call(options, error);
+          });
         }
       });
     });

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

@@ -7,7 +7,7 @@ var ShellChunkStatus;
   ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
   ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
 })(ShellChunkStatus || (ShellChunkStatus = {}));
-function renderToPipe(rootElement, context, options) {
+function renderToPipe(rootElement, context, pluginConfig, options) {
   let shellChunkStatus = 0;
   const chunkVec = [];
   const { ssrContext } = context;
@@ -17,7 +17,7 @@ function renderToPipe(rootElement, context, options) {
       ({ renderToReadableStream } = require("react-dom/server"));
     } catch (e) {
     }
-    const { shellAfter, shellBefore } = getTemplates(context, RenderLevel.SERVER_RENDER);
+    const { shellAfter, shellBefore } = await getTemplates(context, RenderLevel.SERVER_RENDER, pluginConfig);
     try {
       const readableOriginal = await renderToReadableStream(rootElement, {
         ...options,
@@ -56,7 +56,7 @@ function renderToPipe(rootElement, context, options) {
       return injectableStream;
     } catch (err) {
       ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.tracker.trackError(SSRErrors.RENDER_SHELL, err);
-      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = getTemplates(context, RenderLevel.CLIENT_RENDER);
+      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = await getTemplates(context, RenderLevel.CLIENT_RENDER, pluginConfig);
       const fallbackHtml = `${shellBefore2}${shellAfter2}`;
       return fallbackHtml;
     }

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

@@ -1,11 +1,11 @@
 import { buildShellAfterTemplate } from "./buildTemplate.after";
 import { buildShellBeforeTemplate } from "./bulidTemplate.before";
 const HTML_SEPARATOR = "<!--<?- html ?>-->";
-const getTemplates = (context, renderLevel) => {
+const getTemplates = async (context, renderLevel, pluginConfig) => {
   const { ssrContext } = context;
   const [beforeAppTemplate = "", afterAppHtmlTemplate = ""] = ssrContext.template.split(HTML_SEPARATOR) || [];
-  const builtBeforeTemplate = buildShellBeforeTemplate(beforeAppTemplate, context);
-  const builtAfterTemplate = buildShellAfterTemplate(afterAppHtmlTemplate, {
+  const builtBeforeTemplate = await buildShellBeforeTemplate(beforeAppTemplate, context, pluginConfig);
+  const builtAfterTemplate = await buildShellAfterTemplate(afterAppHtmlTemplate, {
     context,
     renderLevel
   });

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

@@ -1,6 +1,6 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { ChunkExtractor } from "@loadable/server";
-import { attributesToString } from "../utils";
+import { attributesToString, checkIsNode } from "../utils";
 const extname = (uri) => {
   if (typeof uri !== "string" || !uri.includes(".")) {
     return "";
@@ -25,10 +25,6 @@ const readAsset = async (chunk) => {
   const filepath = path.resolve(__dirname, chunk.filename);
   return fs.readFile(filepath, "utf-8");
 };
-const checkIsNode = () => {
-  var _process_release;
-  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
-};
 class LoadableCollector {
   get existsAssets() {
     var _routeManifest_routeAssets_entryName, _routeManifest_routeAssets;
@@ -88,7 +84,7 @@ class LoadableCollector {
       return !jsChunkReg.test(template) && !((_this_existsAssets = this.existsAssets) === null || _this_existsAssets === void 0 ? void 0 : _this_existsAssets.includes(chunk.path));
     }).map(async (chunk) => {
       const script = `<script${attributes} src="${chunk.url}"></script>`;
-      if (checkIsInline(chunk, enableInlineScripts) && checkIsNode()) {
+      if (checkIsNode() && checkIsInline(chunk, enableInlineScripts)) {
         return readAsset(chunk).then((content) => `<script>${content}</script>`).catch((_) => {
           return script;
         });
@@ -107,7 +103,7 @@ class LoadableCollector {
       return !cssChunkReg.test(template) && !((_this_existsAssets = this.existsAssets) === null || _this_existsAssets === void 0 ? void 0 : _this_existsAssets.includes(chunk.path));
     }).map(async (chunk) => {
       const link = `<link${atrributes} href="${chunk.url}" rel="stylesheet" />`;
-      if (checkIsInline(chunk, enableInlineStyles) && checkIsNode()) {
+      if (checkIsNode() && checkIsInline(chunk, enableInlineStyles)) {
         return readAsset(chunk).then((content) => `<style>${content}</style>`).catch((_) => {
           return link;
         });

package/dist/esm-node/ssr/serverRender/utils.js

@@ -6,7 +6,12 @@ function attributesToString(attributes) {
 function safeReplace(source, searchValue, replaceValue) {
   return source.replace(searchValue, () => replaceValue);
 }
+function checkIsNode() {
+  var _process_release;
+  return typeof process !== "undefined" && ((_process_release = process.release) === null || _process_release === void 0 ? void 0 : _process_release.name) === "node";
+}
 export {
   attributesToString,
+  checkIsNode,
   safeReplace
 };

package/dist/types/ssr/serverRender/renderToStream/buildTemplate.after.d.ts

@@ -3,5 +3,5 @@ type BuildShellAfterTemplateOptions = {
     context: RuntimeContext;
     renderLevel: RenderLevel;
 };
-export declare function buildShellAfterTemplate(afterAppTemplate: string, options: BuildShellAfterTemplateOptions): string;
+export declare function buildShellAfterTemplate(afterAppTemplate: string, options: BuildShellAfterTemplateOptions): Promise<string>;
 export {};

package/dist/types/ssr/serverRender/renderToStream/buildTemplate.share.d.ts

@@ -1,3 +1,3 @@
 export declare const HEAD_REG_EXP: RegExp;
-export type BuildTemplateCb = (headTemplate: string) => string;
-export declare function buildTemplate(template: string, callbacks: BuildTemplateCb[]): string;
+export type BuildTemplateCb = (headTemplate: string) => string | Promise<string>;
+export declare function buildTemplate(template: string, callbacks: BuildTemplateCb[]): Promise<string>;

package/dist/types/ssr/serverRender/renderToStream/bulidTemplate.before.d.ts

@@ -1,2 +1,2 @@
-import { RuntimeContext } from '../types';
-export declare function buildShellBeforeTemplate(beforeAppTemplate: string, context: RuntimeContext): string;
+import { RuntimeContext, SSRPluginConfig } from '../types';
+export declare function buildShellBeforeTemplate(beforeAppTemplate: string, context: RuntimeContext, pluginConfig: SSRPluginConfig): Promise<string>;

package/dist/types/ssr/serverRender/renderToStream/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="node" />
 import { ServerRenderOptions } from '../types';
-export declare const render: ({ App, context }: ServerRenderOptions) => Promise<import("./renderToPipe").Pipe<import("stream").Writable>>;
+export declare const render: ({ App, context, config }: ServerRenderOptions) => Promise<import("./renderToPipe").Pipe<import("stream").Writable>>;

package/dist/types/ssr/serverRender/renderToStream/renderToPipe.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react" />
 import { Writable } from 'stream';
 import type { RenderToPipeableStreamOptions } from 'react-dom/server';
-import { RuntimeContext } from '../types';
+import { RuntimeContext, SSRPluginConfig } from '../types';
 export type Pipe<T extends Writable> = (output: T) => Promise<T | string>;
-declare function renderToPipe(rootElement: React.ReactElement, context: RuntimeContext, options?: RenderToPipeableStreamOptions): Pipe<Writable>;
+declare function renderToPipe(rootElement: React.ReactElement, context: RuntimeContext, pluginConfig: SSRPluginConfig, options?: RenderToPipeableStreamOptions): Pipe<Writable>;
 export default renderToPipe;

package/dist/types/ssr/serverRender/renderToStream/renderToPipe.worker.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react" />
 import type { Writable } from 'stream';
 import type { RenderToReadableStreamOptions } from 'react-dom/server';
-import { RuntimeContext } from '../types';
+import { RuntimeContext, SSRPluginConfig } from '../types';
 export type Pipe<T extends Writable> = (output: T) => Promise<T | string>;
-declare function renderToPipe(rootElement: React.ReactElement, context: RuntimeContext, options?: RenderToReadableStreamOptions): Promise<string | ReadableStream<any>>;
+declare function renderToPipe(rootElement: React.ReactElement, context: RuntimeContext, pluginConfig: SSRPluginConfig, options?: RenderToReadableStreamOptions): Promise<string | ReadableStream<any>>;
 export default renderToPipe;

package/dist/types/ssr/serverRender/renderToStream/template.d.ts

@@ -1,6 +1,6 @@
-import { RenderLevel, RuntimeContext } from '../types';
+import { RenderLevel, RuntimeContext, SSRPluginConfig } from '../types';
 export type InjectTemplate = {
     shellBefore: string;
     shellAfter: string;
 };
-export declare const getTemplates: (context: RuntimeContext, renderLevel: RenderLevel) => InjectTemplate;
+export declare const getTemplates: (context: RuntimeContext, renderLevel: RenderLevel, pluginConfig: SSRPluginConfig) => Promise<InjectTemplate>;

package/dist/types/ssr/serverRender/utils.d.ts

@@ -6,3 +6,4 @@ export declare function attributesToString(attributes: Record<string, any>): str
  * @returns
  */
 export declare function safeReplace(source: string, searchValue: string | RegExp, replaceValue: string): string;
+export declare function checkIsNode(): boolean;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.43.0",
+  "version": "2.44.0",
   "engines": {
     "node": ">=14.17.6"
   },
@@ -171,10 +171,10 @@
     "react-side-effect": "^2.1.1",
     "styled-components": "^5.3.1",
     "@swc/helpers": "0.5.3",
-    "@modern-js/plugin": "2.43.0",
-    "@modern-js/runtime-utils": "2.43.0",
-    "@modern-js/utils": "2.43.0",
-    "@modern-js/types": "2.43.0"
+    "@modern-js/types": "2.44.0",
+    "@modern-js/utils": "2.44.0",
+    "@modern-js/runtime-utils": "2.44.0",
+    "@modern-js/plugin": "2.44.0"
   },
   "peerDependencies": {
     "react": ">=17",
@@ -195,11 +195,11 @@
     "ts-jest": "^29.1.0",
     "typescript": "^5",
     "webpack": "^5.89.0",
-    "@modern-js/app-tools": "2.43.0",
-    "@modern-js/server-core": "2.43.0",
-    "@scripts/jest-config": "2.43.0",
-    "@modern-js/core": "2.43.0",
-    "@scripts/build": "2.43.0"
+    "@modern-js/app-tools": "2.44.0",
+    "@modern-js/core": "2.44.0",
+    "@modern-js/server-core": "2.44.0",
+    "@scripts/build": "2.44.0",
+    "@scripts/jest-config": "2.44.0"
   },
   "sideEffects": false,
   "publishConfig": {