@modern-js/runtime 2.22.1 → 2.22.2-alpha.0

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

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var renderToStream_exports = {};
+__export(renderToStream_exports, {
+  render: () => render
+});
+module.exports = __toCommonJS(renderToStream_exports);
+var import_react = require("react");
+var import_ssr = require("@modern-js/utils/ssr");
+var import_prerender = require("../../react/prerender");
+var import_time = require("../time");
+var import_renderToPipe = __toESM(require("./renderToPipe"));
+const render = ({ App, context }) => {
+  const { ssrContext } = context;
+  if (!ssrContext) {
+    throw new Error(
+      'The "ssrContext" must not be undefined, but received undefined'
+    );
+  }
+  return (0, import_ssr.run)(ssrContext.request.headers, () => __async(void 0, null, function* () {
+    const end = (0, import_time.time)();
+    const rootElement = (0, import_react.createElement)(App, {
+      context: Object.assign(context || {}, {
+        ssr: true
+      })
+    });
+    const pipe = (0, import_renderToPipe.default)(rootElement, context, {
+      onShellReady() {
+        const cacheConfig = import_prerender.PreRender.config();
+        if (cacheConfig) {
+          ssrContext.cacheConfig = cacheConfig;
+        }
+      },
+      onAllReady() {
+        const cost = end();
+        ssrContext.logger.debug("App Render To HTML cost = %d ms", cost);
+        ssrContext.metrics.emitTimer("app.render.html.cost", cost);
+      }
+    });
+    return pipe;
+  }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

package/dist/js/node/ssr/serverRender/renderToStream/index.worker.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_worker_exports = {};
+__export(index_worker_exports, {
+  render: () => render
+});
+module.exports = __toCommonJS(index_worker_exports);
+var import_react = require("react");
+var import_prerender = require("../../react/prerender");
+var import_time = require("../time");
+var import_renderToPipe = __toESM(require("./renderToPipe"));
+const render = ({ App, context }) => {
+  const { ssrContext } = context;
+  if (!ssrContext) {
+    throw new Error(
+      'The "ssrContext" must not be undefined, but received undefined'
+    );
+  }
+  const end = (0, import_time.time)();
+  const rootElement = (0, import_react.createElement)(App, {
+    context: Object.assign(context || {}, {
+      ssr: true
+    })
+  });
+  const pipe = (0, import_renderToPipe.default)(rootElement, context, {
+    onShellReady() {
+      const cacheConfig = import_prerender.PreRender.config();
+      if (cacheConfig) {
+        ssrContext.cacheConfig = cacheConfig;
+      }
+    },
+    onAllReady() {
+      const cost = end();
+      ssrContext.logger.debug("App Render To HTML cost = %d ms", cost);
+      ssrContext.metrics.emitTimer("app.render.html.cost", cost);
+    }
+  });
+  return pipe;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

package/dist/js/node/ssr/serverRender/renderToStream/loadable.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var loadable_exports = {};
+__export(loadable_exports, {
+  getLoadableChunks: () => getLoadableChunks
+});
+module.exports = __toCommonJS(loadable_exports);
+var import_server = require("@loadable/server");
+function getLoadableChunks({
+  context,
+  jsx
+}) {
+  const { loadableStats, entryName } = context.ssrContext;
+  if (!loadableStats) {
+    return {
+      jsx
+    };
+  }
+  const extractor = new import_server.ChunkExtractor({
+    stats: loadableStats,
+    entrypoints: [entryName]
+  });
+  const collectedJsx = extractor.collectChunks(jsx);
+  return {
+    jsx: collectedJsx,
+    chunkExtractor: extractor
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getLoadableChunks
+});

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

@@ -0,0 +1,115 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var renderToPipe_exports = {};
+__export(renderToPipe_exports, {
+  default: () => renderToPipe_default
+});
+module.exports = __toCommonJS(renderToPipe_exports);
+var import_stream = require("stream");
+var import_types = require("../types");
+var import_template = require("./template");
+function renderToPipe(rootElement, context, options) {
+  let isShellStream = true;
+  const { ssrContext } = context;
+  const forUserPipe = (stream) => {
+    return new Promise((resolve) => {
+      let renderToPipeableStream;
+      try {
+        ({ renderToPipeableStream } = require("react-dom/server"));
+      } catch (e) {
+      }
+      const { pipe } = renderToPipeableStream(rootElement, __spreadProps(__spreadValues({}, options), {
+        onShellReady() {
+          var _a;
+          const { shellAfter, shellBefore } = (0, import_template.getTemplates)(
+            context,
+            import_types.RenderLevel.SERVER_RENDER
+          );
+          (_a = options == null ? void 0 : options.onShellReady) == null ? void 0 : _a.call(options);
+          const injectableTransform = new import_stream.Transform({
+            transform(chunk, _encoding, callback) {
+              try {
+                if (isShellStream) {
+                  this.push(joinChunk(shellBefore, chunk, shellAfter));
+                  isShellStream = false;
+                } 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));
+        },
+        onShellError(error) {
+          var _a;
+          ssrContext.metrics.emitCounter(
+            "app.render.streaming.shell.error",
+            1
+          );
+          const { shellAfter, shellBefore } = (0, import_template.getTemplates)(
+            context,
+            import_types.RenderLevel.CLIENT_RENDER
+          );
+          const fallbackHtml = `${shellBefore}${shellAfter}`;
+          resolve(fallbackHtml);
+          (_a = options == null ? void 0 : options.onShellError) == null ? void 0 : _a.call(options, error);
+        },
+        onError(error) {
+          var _a;
+          ssrContext.logger.error(
+            "An error occurs during streaming SSR",
+            error
+          );
+          ssrContext.metrics.emitCounter("app.render.streaming.error", 1);
+          (_a = options == null ? void 0 : options.onError) == null ? void 0 : _a.call(options, error);
+        }
+      }));
+    });
+  };
+  return forUserPipe;
+  function joinChunk(before = "", chunk, after = "") {
+    return `${before}${chunk.toString()}${after}`;
+  }
+}
+var renderToPipe_default = renderToPipe;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,136 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var renderToPipe_worker_exports = {};
+__export(renderToPipe_worker_exports, {
+  default: () => renderToPipe_worker_default
+});
+module.exports = __toCommonJS(renderToPipe_worker_exports);
+var import_types = require("../types");
+var import_template = require("./template");
+function renderToPipe(rootElement, context, options) {
+  let isShellStream = true;
+  const { ssrContext } = context;
+  const forUserPipe = (stream) => __async(this, null, function* () {
+    let renderToReadableStream;
+    try {
+      ({ renderToReadableStream } = require("react-dom/server"));
+    } catch (e) {
+    }
+    const { shellAfter, shellBefore } = (0, import_template.getTemplates)(
+      context,
+      import_types.RenderLevel.SERVER_RENDER
+    );
+    try {
+      const readableOriginal = yield renderToReadableStream(rootElement, __spreadProps(__spreadValues({}, options), {
+        onError(error) {
+          var _a;
+          ssrContext.logger.error(
+            "An error occurs during streaming SSR",
+            error
+          );
+          ssrContext.metrics.emitCounter("app.render.streaming.error", 1);
+          (_a = options == null ? void 0 : options.onError) == null ? void 0 : _a.call(options, error);
+        }
+      }));
+      const reader = readableOriginal.getReader();
+      const injectableStream = new ReadableStream({
+        start(controller) {
+          function push() {
+            return __async(this, null, function* () {
+              const { done, value } = yield reader.read();
+              if (done) {
+                controller.close();
+                return;
+              }
+              if (isShellStream) {
+                controller.enqueue(encodeForWebStream(shellBefore));
+                controller.enqueue(value);
+                controller.enqueue(encodeForWebStream(shellAfter));
+                isShellStream = false;
+              } else {
+                controller.enqueue(value);
+              }
+              push();
+            });
+          }
+          push();
+        }
+      });
+      return readableOriginal(injectableStream).readableOriginal(stream);
+    } catch (err) {
+      ssrContext.metrics.emitCounter("app.render.streaming.shell.error", 1);
+      const { shellAfter: shellAfter2, shellBefore: shellBefore2 } = (0, import_template.getTemplates)(
+        context,
+        import_types.RenderLevel.CLIENT_RENDER
+      );
+      const fallbackHtml = `${shellBefore2}${shellAfter2}`;
+      return fallbackHtml;
+    }
+  });
+  return forUserPipe;
+}
+let encoder;
+function encodeForWebStream(thing) {
+  if (!encoder) {
+    encoder = new TextEncoder();
+  }
+  if (typeof thing === "string") {
+    return encoder.encode(thing);
+  }
+  return thing;
+}
+var renderToPipe_worker_default = renderToPipe;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/ssr/serverRender/renderToStream/styledComponent.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styledComponent_exports = {};
+__export(styledComponent_exports, {
+  getStyledComponentCss: () => getStyledComponentCss
+});
+module.exports = __toCommonJS(styledComponent_exports);
+var import_styled_components = require("styled-components");
+function getStyledComponentCss({ jsx }) {
+  const sheet = new import_styled_components.ServerStyleSheet();
+  const collectedJsx = sheet.collectStyles(jsx);
+  return {
+    styleSheet: sheet,
+    jsx: collectedJsx
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStyledComponentCss
+});

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

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_exports = {};
+__export(template_exports, {
+  getTemplates: () => getTemplates
+});
+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 { 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, {
+    ssrContext,
+    renderLevel
+  });
+  return {
+    shellBefore: builtBeforeTemplate,
+    shellAfter: builtAfterTemplate
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getTemplates
+});

package/dist/js/node/ssr/serverRender/renderToStream/type.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);