@modern-js/runtime 2.0.0-beta.2 → 2.0.0-beta.4

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

@@ -1,48 +1,83 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 stdin_exports = {};
+__export(stdin_exports, {
+  render: () => render
 });
-exports.render = void 0;
-var _react = require("react");
-var _ssr = require("@modern-js/utils/ssr");
-var _prerender = require("../../react/prerender");
-var _utils = require("../utils");
-var _renderToPipe = _interopRequireDefault(require("./renderToPipe"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const render = ({
-  App,
-  context
-}) => {
-  const {
-    ssrContext
-  } = context;
+module.exports = __toCommonJS(stdin_exports);
+var import_react = require("react");
+var import_ssr = require("@modern-js/utils/ssr");
+var import_prerender = require("../../react/prerender");
+var import_utils = require("../utils");
+var import_renderToPipe = __toESM(require("./renderToPipe"));
+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());
+  });
+};
+const render = ({ App, context }) => {
+  const { ssrContext } = context;
   if (!ssrContext) {
-    throw new Error('The "ssrContext" must not be undefined, but received undefined');
+    throw new Error(
+      'The "ssrContext" must not be undefined, but received undefined'
+    );
   }
-  return (0, _ssr.run)(ssrContext.request.headers, async () => {
-    const end = (0, _utils.time)();
-    const rootElement = /*#__PURE__*/(0, _react.createElement)(App, {
+  return (0, import_ssr.run)(ssrContext.request.headers, () => __async(void 0, null, function* () {
+    const end = (0, import_utils.time)();
+    const rootElement = (0, import_react.createElement)(App, {
       context: Object.assign(context || {}, {
         ssr: true
       })
     });
-    const pipe = (0, _renderToPipe.default)(rootElement, context, {
+    const pipe = (0, import_renderToPipe.default)(rootElement, context, {
       onShellReady() {
-        // set cacheConfig
-        const cacheConfig = _prerender.PreRender.config();
+        const cacheConfig = import_prerender.PreRender.config();
         if (cacheConfig) {
           ssrContext.cacheConfig = cacheConfig;
         }
       },
       onAllReady() {
-        // calculate streaming ssr cost
         const cost = end();
-        ssrContext.logger.debug('App Render To HTML cost = %d ms', cost);
-        ssrContext.metrics.emitTimer('app.render.html.cost', cost);
+        ssrContext.logger.debug("App Render To HTML cost = %d ms", cost);
+        ssrContext.metrics.emitTimer("app.render.html.cost", cost);
       }
     });
     return pipe;
-  });
+  }));
 };
-exports.render = render;

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

@@ -1,24 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 stdin_exports = {};
+__export(stdin_exports, {
+  getLoadableChunks: () => getLoadableChunks
 });
-exports.getLoadableChunks = getLoadableChunks;
-var _server = require("@loadable/server");
+module.exports = __toCommonJS(stdin_exports);
+var import_server = require("@loadable/server");
 function getLoadableChunks({
   context,
   jsx
 }) {
-  const {
-    loadableStats,
-    entryName
-  } = context.ssrContext;
+  const { loadableStats, entryName } = context.ssrContext;
   if (!loadableStats) {
     return {
       jsx
     };
   }
-  const extractor = new _server.ChunkExtractor({
+  const extractor = new import_server.ChunkExtractor({
     stats: loadableStats,
     entrypoints: [entryName]
   });
@@ -27,4 +40,4 @@ function getLoadableChunks({
     jsx: collectedJsx,
     chunkExtractor: extractor
   };
-}
+}

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

@@ -1,34 +1,62 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 stdin_exports = {};
+__export(stdin_exports, {
+  default: () => renderToPipe_default
 });
-exports.default = void 0;
-var _stream = require("stream");
-var _server = require("react-dom/server");
-var _types = require("../types");
-var _template = require("./template");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+module.exports = __toCommonJS(stdin_exports);
+var import_stream = require("stream");
+var import_server = require("react-dom/server");
+var import_types = require("../types");
+var import_template = require("./template");
+var __defProp2 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.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));
 function renderToPipe(rootElement, context, options) {
   let isShellStream = true;
-  const {
-    ssrContext
-  } = context;
-  const forUserPipe = stream => {
-    return new Promise(resolve => {
-      const {
-        pipe
-      } = (0, _server.renderToPipeableStream)(rootElement, _objectSpread(_objectSpread({}, options), {}, {
+  const { ssrContext } = context;
+  const forUserPipe = (stream) => {
+    return new Promise((resolve) => {
+      const { pipe } = (0, import_server.renderToPipeableStream)(rootElement, __spreadProps(__spreadValues({}, options), {
         onShellReady() {
-          var _options$onShellReady;
-          const {
-            shellAfter,
-            shellBefore
-          } = (0, _template.getTemplates)(context, _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 _stream.Transform({
+          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) {
@@ -42,7 +70,7 @@ function renderToPipe(rootElement, context, options) {
                 if (e instanceof Error) {
                   callback(e);
                 } else {
-                  callback(new Error('Received unkown error when streaming'));
+                  callback(new Error("Received unkown error when streaming"));
                 }
               }
             }
@@ -50,30 +78,34 @@ function renderToPipe(rootElement, context, options) {
           resolve(pipe(injectableTransform).pipe(stream));
         },
         onShellError(error) {
-          var _options$onShellError;
-          // Don't log error in `onShellError` callback, since it has been logged in `onError` callback
-          ssrContext.metrics.emitCounter('app.render.streaming.shell.error', 1);
-          const {
-            shellAfter,
-            shellBefore
-          } = (0, _template.getTemplates)(context, _types.RenderLevel.CLIENT_RENDER);
+          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);
-          options === null || options === void 0 ? void 0 : (_options$onShellError = options.onShellError) === null || _options$onShellError === void 0 ? void 0 : _options$onShellError.call(options, error);
+          (_a = options == null ? void 0 : options.onShellError) == null ? void 0 : _a.call(options, error);
         },
         onError(error) {
-          var _options$onError;
-          ssrContext.logger.error('An error occurs during streaming SSR', error);
-          ssrContext.metrics.emitCounter('app.render.streaming.error', 1);
-          options === null || options === void 0 ? void 0 : (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(options, 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 = '') {
+  function joinChunk(before = "", chunk, after = "") {
     return `${before}${chunk.toString()}${after}`;
   }
 }
-var _default = renderToPipe;
-exports.default = _default;
+var renderToPipe_default = renderToPipe;

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

@@ -1,17 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 stdin_exports = {};
+__export(stdin_exports, {
+  getStyledComponentCss: () => getStyledComponentCss
 });
-exports.getStyledComponentCss = getStyledComponentCss;
-var _styledComponents = require("styled-components");
-function getStyledComponentCss({
-  jsx
-}) {
-  const sheet = new _styledComponents.ServerStyleSheet();
+module.exports = __toCommonJS(stdin_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
   };
-}
+}

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

@@ -1,20 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 stdin_exports = {};
+__export(stdin_exports, {
+  getTemplates: () => getTemplates
 });
-exports.getTemplates = void 0;
-var _buildTemplate = require("./buildTemplate.after");
-var _bulidTemplate = require("./bulidTemplate.before");
-const HTML_SEPARATOR = '<!--<?- html ?>-->';
+module.exports = __toCommonJS(stdin_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, _bulidTemplate.buildShellBeforeTemplate)(beforeAppTemplate, context);
-  const builtAfterTemplate = (0, _buildTemplate.buildShellAfterTemplate)(afterAppHtmlTemplate, {
-    ssrContext: ssrContext,
+  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 {
@@ -22,4 +39,3 @@ const getTemplates = (context, renderLevel) => {
     shellAfter: builtAfterTemplate
   };
 };
-exports.getTemplates = getTemplates;