@modern-js/runtime 2.54.6 → 2.55.0

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

@@ -1,55 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { isReact18 } from "../utils";
-import { CHUNK_CSS_PLACEHOLDER } from "./constants";
-function serverRender(options) {
-  return _serverRender.apply(this, arguments);
-}
-function _serverRender() {
-  _serverRender = _async_to_generator(function(options) {
-    var _options_context_ssrContext, _options_context_ssrContext1, pipe, html;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          if ((_options_context_ssrContext = options.context.ssrContext) === null || _options_context_ssrContext === void 0 ? void 0 : _options_context_ssrContext.template) {
-            ;
-            options.context.ssrContext.template = (_options_context_ssrContext1 = options.context.ssrContext) === null || _options_context_ssrContext1 === void 0 ? void 0 : _options_context_ssrContext1.template.replace("</head>", "".concat(CHUNK_CSS_PLACEHOLDER, "</head>"));
-          }
-          if (!(isReact18() && options.config.mode === "stream"))
-            return [
-              3,
-              2
-            ];
-          return [
-            4,
-            require("./renderToStream").render(options)
-          ];
-        case 1:
-          pipe = _state.sent();
-          return [
-            2,
-            pipe
-          ];
-        case 2:
-          return [
-            4,
-            require("./renderToString").render(options)
-          ];
-        case 3:
-          html = _state.sent();
-          return [
-            2,
-            html
-          ];
-        case 4:
-          return [
-            2
-          ];
-      }
-    });
-  });
-  return _serverRender.apply(this, arguments);
-}
-export {
-  serverRender as default
-};

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

@@ -1,48 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { serializeJson } from "@modern-js/runtime-utils/node";
-import { attributesToString, safeReplace } from "../utils";
-import { SSR_DATA_PLACEHOLDER } from "../constants";
-import { buildTemplate } from "./buildTemplate.share";
-function buildShellAfterTemplate(afterAppTemplate, options) {
-  var callbacks = [
-    injectSSRDataScript
-  ];
-  return buildTemplate(afterAppTemplate, callbacks);
-  function injectSSRDataScript(template) {
-    var ssrDataScript = buildSSRDataScript();
-    return safeReplace(template, SSR_DATA_PLACEHOLDER, ssrDataScript);
-    function buildSSRDataScript() {
-      var _options_context = options.context, ssrContext = _options_context.ssrContext, initialData = _options_context.initialData, __i18nData__ = _options_context.__i18nData__, renderLevel = options.renderLevel;
-      var request = ssrContext.request, enableUnsafeCtx = ssrContext.enableUnsafeCtx, nonce = ssrContext.nonce, tracker = ssrContext.tracker;
-      var unsafeContext = {
-        headers: request.headers
-      };
-      var SSRData = {
-        data: {
-          initialData,
-          i18nData: __i18nData__
-        },
-        context: {
-          reporter: {
-            sessionId: tracker.sessionId
-          },
-          request: _object_spread({
-            params: request.params,
-            query: request.query,
-            pathname: request.pathname,
-            host: request.host,
-            url: request.url
-          }, enableUnsafeCtx ? unsafeContext : {})
-        },
-        renderLevel
-      };
-      var attrsStr = attributesToString({
-        nonce
-      });
-      return "\n      <script".concat(attrsStr, ">window._SSR_DATA = ").concat(serializeJson(SSRData), "</script>\n      ");
-    }
-  }
-}
-export {
-  buildShellAfterTemplate
-};

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

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

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

@@ -1,49 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { createElement } from "react";
-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";
-var render = function(param) {
-  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');
-  }
-  return run(ssrContext.request.headers, /* @__PURE__ */ _async_to_generator(function() {
-    var end, rootElement, tracker, stream;
-    return _ts_generator(this, function(_state) {
-      end = time();
-      rootElement = createElement(App, {
-        context: Object.assign(context || {}, {
-          ssr: true
-        })
-      });
-      tracker = ssrContext.tracker;
-      stream = renderToPipe(rootElement, context, config, {
-        onShellReady: function onShellReady() {
-          var cost = end();
-          tracker.trackTiming(SSRTimings.RENDER_SHELL, cost);
-        },
-        onAllReady: function onAllReady() {
-          var cost = end();
-          tracker.trackTiming(SSRTimings.RENDER_HTML, cost);
-        },
-        onShellError: function onShellError(e) {
-          tracker.trackError(SSRErrors.RENDER_SHELL, e);
-        },
-        onError: function onError(error) {
-          tracker.trackError(SSRErrors.RENDER_STREAM, error);
-        }
-      });
-      return [
-        2,
-        stream
-      ];
-    });
-  }));
-};
-export {
-  render
-};

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

@@ -1,164 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { RenderLevel } from "../types";
-import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
-import { SSRErrors } from "../tracker";
-import { getTemplates } from "./template";
-var ShellChunkStatus;
-(function(ShellChunkStatus2) {
-  ShellChunkStatus2[ShellChunkStatus2["START"] = 0] = "START";
-  ShellChunkStatus2[ShellChunkStatus2["FINIESH"] = 1] = "FINIESH";
-})(ShellChunkStatus || (ShellChunkStatus = {}));
-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, _ref2, shellAfter, shellBefore, _options_onShellReady, _context_ssrContext, readableOriginal, reader, injectableStream, err, _ref1, shellAfter1, shellBefore1, fallbackHtml;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            try {
-              renderToReadableStream = require("react-dom/server").renderToReadableStream;
-            } catch (e) {
-            }
-            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([
-              2,
-              6,
-              ,
-              8
-            ]);
-            return [
-              4,
-              renderToReadableStream(rootElement, _object_spread_props(_object_spread({}, options), {
-                nonce: ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.nonce,
-                onError: function onError(error) {
-                  var _options_onError;
-                  options === null || options === void 0 ? void 0 : (_options_onError = options.onError) === null || _options_onError === void 0 ? void 0 : _options_onError.call(options, error);
-                }
-              }))
-            ];
-          case 3:
-            readableOriginal = _state.sent();
-            options === null || options === void 0 ? void 0 : (_options_onShellReady = options.onShellReady) === null || _options_onShellReady === void 0 ? void 0 : _options_onShellReady.call(options);
-            readableOriginal.allReady.then(function() {
-              var _options_onAllReady;
-              options === null || options === void 0 ? void 0 : (_options_onAllReady = options.onAllReady) === null || _options_onAllReady === void 0 ? void 0 : _options_onAllReady.call(options);
-            });
-            if (!((_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.isSpider))
-              return [
-                3,
-                5
-              ];
-            return [
-              4,
-              readableOriginal.allReady
-            ];
-          case 4:
-            _state.sent();
-            _state.label = 5;
-          case 5:
-            reader = readableOriginal.getReader();
-            injectableStream = new ReadableStream({
-              start: function start(controller) {
-                function push() {
-                  return _push.apply(this, arguments);
-                }
-                function _push() {
-                  _push = _async_to_generator(function() {
-                    var _ref3, done, value, chunk, concatedChunk;
-                    return _ts_generator(this, function(_state2) {
-                      switch (_state2.label) {
-                        case 0:
-                          return [
-                            4,
-                            reader.read()
-                          ];
-                        case 1:
-                          _ref3 = _state2.sent(), done = _ref3.done, value = _ref3.value;
-                          if (done) {
-                            controller.close();
-                            return [
-                              2
-                            ];
-                          }
-                          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 = 1;
-                              controller.enqueue(encodeForWebStream("".concat(shellBefore).concat(concatedChunk).concat(shellAfter)));
-                            }
-                          } else {
-                            controller.enqueue(value);
-                          }
-                          push();
-                          return [
-                            2
-                          ];
-                      }
-                    });
-                  });
-                  return _push.apply(this, arguments);
-                }
-                push();
-              }
-            });
-            return [
-              2,
-              injectableStream
-            ];
-          case 6:
-            err = _state.sent();
-            ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.tracker.trackError(SSRErrors.RENDER_SHELL, err);
-            return [
-              4,
-              getTemplates(context, RenderLevel.CLIENT_RENDER, pluginConfig)
-            ];
-          case 7:
-            _ref1 = _state.sent(), shellAfter1 = _ref1.shellAfter, shellBefore1 = _ref1.shellBefore;
-            fallbackHtml = "".concat(shellBefore1).concat(shellAfter1);
-            return [
-              2,
-              fallbackHtml
-            ];
-          case 8:
-            return [
-              2
-            ];
-        }
-      });
-    });
-    return function forUserPipe2() {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return forUserPipe();
-}
-var encoder;
-function encodeForWebStream(thing) {
-  if (!encoder) {
-    encoder = new TextEncoder();
-  }
-  if (typeof thing === "string") {
-    return encoder.encode(thing);
-  }
-  return thing;
-}
-var renderToPipe_worker_default = renderToPipe;
-export {
-  renderToPipe_worker_default as default
-};

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

@@ -1,46 +0,0 @@
-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() {
-  var _ref = _async_to_generator(function(context, renderLevel, pluginConfig, styledComponentsStyleTags) {
-    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, styledComponentsStyleTags)
-          ];
-        case 1:
-          builtBeforeTemplate = _state.sent();
-          return [
-            4,
-            buildShellAfterTemplate(afterAppHtmlTemplate, {
-              context,
-              renderLevel
-            })
-          ];
-        case 2:
-          builtAfterTemplate = _state.sent();
-          return [
-            2,
-            {
-              shellBefore: builtBeforeTemplate,
-              shellAfter: builtAfterTemplate
-            }
-          ];
-      }
-    });
-  });
-  return function getTemplates2(context, renderLevel, pluginConfig, styledComponentsStyleTags) {
-    return _ref.apply(this, arguments);
-  };
-}();
-export {
-  getTemplates
-};

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

@@ -1,34 +0,0 @@
-import { safeReplace } from "../utils";
-import { HTML_PLACEHOLDER, SSR_DATA_PLACEHOLDER, CHUNK_JS_PLACEHOLDER, CHUNK_CSS_PLACEHOLDER } from "../constants";
-function buildHtml(template, callbacks) {
-  return callbacks.reduce(function(tmp, cb) {
-    return cb(tmp);
-  }, template);
-}
-function createReplaceHtml(html) {
-  return function(template) {
-    return safeReplace(template, HTML_PLACEHOLDER, html);
-  };
-}
-function createReplaceSSRDataScript(data) {
-  return function(template) {
-    return safeReplace(template, SSR_DATA_PLACEHOLDER, data);
-  };
-}
-function createReplaceChunkJs(js) {
-  return function(template) {
-    return safeReplace(template, CHUNK_JS_PLACEHOLDER, js);
-  };
-}
-function createReplaceChunkCss(css) {
-  return function(template) {
-    return safeReplace(template, CHUNK_CSS_PLACEHOLDER, css);
-  };
-}
-export {
-  buildHtml,
-  createReplaceChunkCss,
-  createReplaceChunkJs,
-  createReplaceHtml,
-  createReplaceSSRDataScript
-};

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

@@ -1,257 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
-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 React from "react";
-import { serializeJson } from "@modern-js/runtime-utils/node";
-import { time } from "@modern-js/runtime-utils/time";
-import { serializeErrors } from "../../../router/runtime/utils";
-import helmetReplace from "../helmet";
-import { RenderLevel } from "../types";
-import prefetch from "../../prefetch";
-import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants";
-import { attributesToString } from "../utils";
-import { SSRErrors, SSRTimings } from "../tracker";
-import { createLoadableCollector } from "./loadable";
-import { createRender } from "./render";
-import { createStyledCollector } from "./styledComponent";
-import { buildHtml, createReplaceChunkCss, createReplaceChunkJs, createReplaceHtml, createReplaceSSRDataScript } from "./buildHtml";
-var buildTemplateData = function(context, data, renderLevel, tracker, config) {
-  var request = context.request;
-  var unsafeHeaders = config.unsafeHeaders;
-  var headers = unsafeHeaders ? Object.fromEntries(Object.entries(request.headers).filter(function(param) {
-    var _param = _sliced_to_array(param, 2), key = _param[0], _ = _param[1];
-    var _unsafeHeaders_map;
-    return unsafeHeaders === null || unsafeHeaders === void 0 ? void 0 : (_unsafeHeaders_map = unsafeHeaders.map(function(header) {
-      return header.toLowerCase();
-    })) === null || _unsafeHeaders_map === void 0 ? void 0 : _unsafeHeaders_map.includes(key.toLowerCase());
-  })) : void 0;
-  return {
-    data,
-    context: {
-      request: {
-        params: request.params,
-        query: request.query,
-        pathname: request.pathname,
-        host: request.host,
-        url: request.url,
-        headers
-      },
-      reporter: {
-        sessionId: tracker.sessionId
-      }
-    },
-    renderLevel
-  };
-};
-var Entry = /* @__PURE__ */ function() {
-  "use strict";
-  function Entry2(options) {
-    _class_call_check(this, Entry2);
-    var ctx = options.ctx, config = options.config;
-    var entryName = ctx.entryName, template = ctx.template, nonce = ctx.nonce;
-    this.template = template;
-    this.entryName = entryName;
-    this.App = options.App;
-    this.pluginConfig = config;
-    this.routeManifest = ctx.routeManifest;
-    this.tracker = ctx.tracker;
-    this.htmlModifiers = ctx.htmlModifiers;
-    this.nonce = nonce;
-    this.result = {
-      renderLevel: RenderLevel.CLIENT_RENDER,
-      html: "",
-      chunksMap: {
-        js: "",
-        css: ""
-      }
-    };
-  }
-  var _proto = Entry2.prototype;
-  _proto.renderToHtml = function renderToHtml(context) {
-    var _this = this;
-    return _async_to_generator(function() {
-      var _ssrContext_redirection, _ssrContext_redirection1, _ssrContext_redirection2, ssrContext, prefetchData, _, routerContext, routerData, templateData, ssrDataScripts, html, helmetData;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            ssrContext = context.ssrContext;
-            if ((_ssrContext_redirection = ssrContext.redirection) === null || _ssrContext_redirection === void 0 ? void 0 : _ssrContext_redirection.url) {
-              return [
-                2,
-                ""
-              ];
-            }
-            return [
-              4,
-              _this.prefetch(context)
-            ];
-          case 1:
-            prefetchData = _state.sent();
-            if ((_ssrContext_redirection1 = ssrContext.redirection) === null || _ssrContext_redirection1 === void 0 ? void 0 : _ssrContext_redirection1.url) {
-              return [
-                2,
-                ""
-              ];
-            }
-            if (!(_this.result.renderLevel >= RenderLevel.SERVER_PREFETCH))
-              return [
-                3,
-                3
-              ];
-            _ = _this.result;
-            return [
-              4,
-              _this.renderToString(context)
-            ];
-          case 2:
-            _.html = _state.sent();
-            _state.label = 3;
-          case 3:
-            if ((_ssrContext_redirection2 = ssrContext.redirection) === null || _ssrContext_redirection2 === void 0 ? void 0 : _ssrContext_redirection2.url) {
-              return [
-                2,
-                ""
-              ];
-            }
-            routerContext = context.routerContext;
-            routerData = routerContext ? {
-              loaderData: routerContext.loaderData,
-              errors: serializeErrors(routerContext.errors)
-            } : void 0;
-            templateData = buildTemplateData(ssrContext, prefetchData, _this.result.renderLevel, _this.tracker, _this.pluginConfig);
-            ssrDataScripts = _this.getSSRDataScript(templateData, routerData);
-            html = buildHtml(_this.template, [
-              createReplaceChunkCss(_this.result.chunksMap.css),
-              createReplaceChunkJs(_this.result.chunksMap.js),
-              createReplaceSSRDataScript(ssrDataScripts),
-              createReplaceHtml(_this.result.html || "")
-            ].concat(_to_consumable_array(_this.htmlModifiers)));
-            helmetData = _this.result.helmet;
-            return [
-              2,
-              helmetData ? helmetReplace(html, helmetData) : html
-            ];
-        }
-      });
-    })();
-  };
-  _proto.prefetch = function prefetch1(context) {
-    var _this = this;
-    return _async_to_generator(function() {
-      var prefetchData, e;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            _state.trys.push([
-              0,
-              2,
-              ,
-              3
-            ]);
-            return [
-              4,
-              prefetch(_this.App, context, _this.pluginConfig, _this.tracker)
-            ];
-          case 1:
-            prefetchData = _state.sent();
-            _this.result.renderLevel = RenderLevel.SERVER_PREFETCH;
-            return [
-              3,
-              3
-            ];
-          case 2:
-            e = _state.sent();
-            _this.result.renderLevel = RenderLevel.CLIENT_RENDER;
-            return [
-              3,
-              3
-            ];
-          case 3:
-            return [
-              2,
-              prefetchData || {}
-            ];
-        }
-      });
-    })();
-  };
-  _proto.renderToString = function renderToString(context) {
-    var _this = this;
-    return _async_to_generator(function() {
-      var html, end, ssrContext, App, cost, e;
-      return _ts_generator(this, function(_state) {
-        switch (_state.label) {
-          case 0:
-            html = "";
-            end = time();
-            ssrContext = context.ssrContext;
-            _state.label = 1;
-          case 1:
-            _state.trys.push([
-              1,
-              3,
-              ,
-              4
-            ]);
-            App = React.createElement(_this.App, {
-              context: Object.assign(context, {
-                ssr: true
-              })
-            });
-            return [
-              4,
-              createRender(App, _this.result).addCollector(createStyledCollector(_this.result)).addCollector(createLoadableCollector({
-                stats: ssrContext.loadableStats,
-                result: _this.result,
-                entryName: _this.entryName,
-                config: _this.pluginConfig,
-                nonce: _this.nonce,
-                template: _this.template,
-                routeManifest: _this.routeManifest
-              })).finish()
-            ];
-          case 2:
-            html = _state.sent();
-            cost = end();
-            _this.tracker.trackTiming(SSRTimings.RENDER_HTML, cost);
-            _this.result.renderLevel = RenderLevel.SERVER_RENDER;
-            return [
-              3,
-              4
-            ];
-          case 3:
-            e = _state.sent();
-            _this.tracker.trackError(SSRErrors.RENDER_HTML, e);
-            return [
-              3,
-              4
-            ];
-          case 4:
-            return [
-              2,
-              html
-            ];
-        }
-      });
-    })();
-  };
-  _proto.getSSRDataScript = function getSSRDataScript(templateData, routerData) {
-    var useInlineScript = this.pluginConfig.inlineScript !== false;
-    var ssrData = serializeJson(templateData);
-    var attrsStr = attributesToString({
-      nonce: this.nonce
-    });
-    var ssrDataScripts = useInlineScript ? "<script".concat(attrsStr, ">window._SSR_DATA = ").concat(ssrData, "</script>") : '<script type="application/json" id="'.concat(SSR_DATA_JSON_ID, '">').concat(ssrData, "</script>");
-    if (routerData) {
-      var serializedRouterData = serializeJson(routerData);
-      ssrDataScripts += useInlineScript ? "\n<script".concat(attrsStr, ">window._ROUTER_DATA = ").concat(serializedRouterData, "</script>") : '\n<script type="application/json" id="'.concat(ROUTER_DATA_JSON_ID, '">').concat(serializedRouterData, "</script>");
-    }
-    return ssrDataScripts;
-  };
-  return Entry2;
-}();
-export {
-  Entry as default
-};