@modern-js/runtime 2.0.0-beta.3 → 2.0.0-beta.5

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

@@ -1,29 +1,65 @@
-"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 __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 entry_exports = {};
+__export(entry_exports, {
+  default: () => Entry
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _server = _interopRequireDefault(require("react-dom/server"));
-var _serializeJavascript = _interopRequireDefault(require("serialize-javascript"));
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-var _helmet = _interopRequireDefault(require("../helmet"));
-var _types = require("../types");
-var _utils = require("../utils");
-var _prefetch = _interopRequireDefault(require("../../prefetch"));
-var _template = require("./template");
-var _reduce = require("./reduce");
-var loadableRenderer = _interopRequireWildcard(require("./loadable"));
-var styledComponentRenderer = _interopRequireWildcard(require("./styledComponent"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(entry_exports);
+var import_react = __toESM(require("react"));
+var import_server = __toESM(require("react-dom/server"));
+var import_serialize_javascript = __toESM(require("serialize-javascript"));
+var import_react_helmet = __toESM(require("react-helmet"));
+var import_helmet = __toESM(require("../helmet"));
+var import_types = require("../types");
+var import_utils = require("../utils");
+var import_prefetch = __toESM(require("../../prefetch"));
+var import_template = require("./template");
+var import_reduce = require("./reduce");
+var loadableRenderer = __toESM(require("./loadable"));
+var styledComponentRenderer = __toESM(require("./styledComponent"));
 const buildTemplateData = (context, data, renderLevel) => {
-  const {
-    request
-  } = context;
+  const { request } = context;
   return {
     data,
     context: {
@@ -42,26 +78,13 @@ const buildTemplateData = (context, data, renderLevel) => {
 };
 class Entry {
   constructor(options) {
-    _defineProperty(this, "entryName", void 0);
-    _defineProperty(this, "result", void 0);
-    _defineProperty(this, "metrics", void 0);
-    _defineProperty(this, "logger", void 0);
-    _defineProperty(this, "App", void 0);
-    _defineProperty(this, "fragments", void 0);
-    _defineProperty(this, "pluginConfig", void 0);
-    _defineProperty(this, "host", void 0);
-    const {
-      ctx,
-      config
-    } = options;
+    const { ctx, config } = options;
     const {
       entryName,
       template,
-      request: {
-        host
-      }
+      request: { host }
     } = ctx;
-    this.fragments = (0, _template.toFragments)(template, entryName);
+    this.fragments = (0, import_template.toFragments)(template, entryName);
     this.entryName = entryName;
     this.host = host;
     this.App = options.App;
@@ -69,69 +92,73 @@ class Entry {
     this.metrics = ctx.metrics;
     this.logger = ctx.logger;
     this.result = {
-      renderLevel: _types.RenderLevel.CLIENT_RENDER,
-      html: '',
+      renderLevel: import_types.RenderLevel.CLIENT_RENDER,
+      html: "",
       chunksMap: {
-        js: '',
-        css: ''
+        js: "",
+        css: ""
       }
     };
   }
-  async renderToHtml(context) {
-    const ssrContext = context.ssrContext;
-    if (ssrContext.redirection.url) {
-      return '';
-    }
-    const prefetchData = await this.prefetch(context);
-    if (ssrContext.redirection.url) {
-      return '';
-    }
-    if (this.result.renderLevel >= _types.RenderLevel.SERVER_PREFETCH) {
-      this.result.html = this.renderToString(context);
-    }
-    if (ssrContext.redirection.url) {
-      return '';
-    }
-    let html = '';
-    const templateData = buildTemplateData(ssrContext, prefetchData, this.result.renderLevel);
-    const SSRData = this.getSSRDataScript(templateData);
-    for (const fragment of this.fragments) {
-      if (fragment.isVariable && fragment.content === 'SSRDataScript') {
-        html += fragment.getValue(SSRData);
-      } else {
-        html += fragment.getValue(this.result);
+  renderToHtml(context) {
+    return __async(this, null, function* () {
+      const ssrContext = context.ssrContext;
+      if (ssrContext.redirection.url) {
+        return "";
       }
-    }
-    const helmetData = _reactHelmet.default.renderStatic();
-    return helmetData ? (0, _helmet.default)(html, helmetData) : html;
+      const prefetchData = yield this.prefetch(context);
+      if (ssrContext.redirection.url) {
+        return "";
+      }
+      if (this.result.renderLevel >= import_types.RenderLevel.SERVER_PREFETCH) {
+        this.result.html = this.renderToString(context);
+      }
+      if (ssrContext.redirection.url) {
+        return "";
+      }
+      let html = "";
+      const templateData = buildTemplateData(
+        ssrContext,
+        prefetchData,
+        this.result.renderLevel
+      );
+      const SSRData = this.getSSRDataScript(templateData);
+      for (const fragment of this.fragments) {
+        if (fragment.isVariable && fragment.content === "SSRDataScript") {
+          html += fragment.getValue(SSRData);
+        } else {
+          html += fragment.getValue(this.result);
+        }
+      }
+      const helmetData = import_react_helmet.default.renderStatic();
+      return helmetData ? (0, import_helmet.default)(html, helmetData) : html;
+    });
   }
-  async prefetch(context) {
-    let prefetchData;
-    const end = (0, _utils.time)();
-    try {
-      prefetchData = await (0, _prefetch.default)(this.App, context);
-      this.result.renderLevel = _types.RenderLevel.SERVER_PREFETCH;
-      const prefetchCost = end();
-      this.logger.debug(`App Prefetch cost = %d ms`, prefetchCost);
-      this.metrics.emitTimer('app.prefetch.cost', prefetchCost);
-    } catch (e) {
-      this.result.renderLevel = _types.RenderLevel.CLIENT_RENDER;
-      this.logger.error('App Prefetch Render', e);
-      this.metrics.emitCounter('app.prefetch.render.error', 1);
-    }
-    return prefetchData || {};
+  prefetch(context) {
+    return __async(this, null, function* () {
+      let prefetchData;
+      const end = (0, import_utils.time)();
+      try {
+        prefetchData = yield (0, import_prefetch.default)(this.App, context);
+        this.result.renderLevel = import_types.RenderLevel.SERVER_PREFETCH;
+        const prefetchCost = end();
+        this.logger.debug(`App Prefetch cost = %d ms`, prefetchCost);
+        this.metrics.emitTimer("app.prefetch.cost", prefetchCost);
+      } catch (e) {
+        this.result.renderLevel = import_types.RenderLevel.CLIENT_RENDER;
+        this.logger.error("App Prefetch Render", e);
+        this.metrics.emitCounter("app.prefetch.render.error", 1);
+      }
+      return prefetchData || {};
+    });
   }
   renderToString(context) {
-    let html = '';
-    const end = (0, _utils.time)();
-    const {
-      ssrContext
-    } = context;
+    let html = "";
+    const end = (0, import_utils.time)();
+    const { ssrContext } = context;
     try {
-      const App = /*#__PURE__*/_react.default.createElement(this.App, {
-        context: Object.assign(context, {
-          ssr: true
-        })
+      const App = import_react.default.createElement(this.App, {
+        context: Object.assign(context, { ssr: true })
       });
       const renderContext = {
         stats: ssrContext.loadableStats,
@@ -140,25 +167,30 @@ class Entry {
         entryName: this.entryName,
         config: this.pluginConfig
       };
-      html = (0, _reduce.reduce)(App, renderContext, [styledComponentRenderer.toHtml, loadableRenderer.toHtml, jsx => _server.default.renderToString(jsx)]);
+      html = (0, import_reduce.reduce)(App, renderContext, [
+        styledComponentRenderer.toHtml,
+        loadableRenderer.toHtml,
+        (jsx) => import_server.default.renderToString(jsx)
+      ]);
       const cost = end();
-      this.logger.debug('App Render To HTML cost = %d ms', cost);
-      this.metrics.emitTimer('app.render.html.cost', cost);
-      this.result.renderLevel = _types.RenderLevel.SERVER_RENDER;
+      this.logger.debug("App Render To HTML cost = %d ms", cost);
+      this.metrics.emitTimer("app.render.html.cost", cost);
+      this.result.renderLevel = import_types.RenderLevel.SERVER_RENDER;
     } catch (e) {
-      this.logger.error('App Render To HTML', e);
-      this.metrics.emitCounter('app.render.html.error', 1);
+      this.logger.error("App Render To HTML", e);
+      this.metrics.emitCounter("app.render.html.error", 1);
     }
     return html;
   }
   getSSRDataScript(templateData) {
     return {
       SSRDataScript: `
-        <script>window._SSR_DATA = ${(0, _serializeJavascript.default)(templateData, {
+        <script>window._SSR_DATA = ${(0, import_serialize_javascript.default)(templateData, {
         isJSON: true
-      })}</script>
+      })}<\/script>
       `
     };
   }
 }
-exports.default = Entry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -1,37 +1,81 @@
-"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 __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 renderToString_exports = {};
+__export(renderToString_exports, {
+  render: () => render
 });
-exports.render = void 0;
-var _ssr = require("@modern-js/utils/ssr");
-var _prerender = require("../../react/prerender");
-var _utils = require("../utils");
-var _entry = _interopRequireDefault(require("./entry"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+module.exports = __toCommonJS(renderToString_exports);
+var import_ssr = require("@modern-js/utils/ssr");
+var import_prerender = require("../../react/prerender");
+var import_utils = require("../utils");
+var import_entry = __toESM(require("./entry"));
 const render = ({
   App,
   context,
   config
 }) => {
   const ssrContext = context.ssrContext;
-  return (0, _ssr.run)(ssrContext.request.headers, async () => {
-    const entry = new _entry.default({
+  return (0, import_ssr.run)(ssrContext.request.headers, () => __async(void 0, null, function* () {
+    const entry = new import_entry.default({
       ctx: ssrContext,
       App,
       config
     });
-    entry.metrics.emitCounter('app.visit.count', 1);
-    const end = (0, _utils.time)();
-    const html = await entry.renderToHtml(context);
+    entry.metrics.emitCounter("app.visit.count", 1);
+    const end = (0, import_utils.time)();
+    const html = yield entry.renderToHtml(context);
     const cost = end();
-    entry.logger.info('App Render Total cost = %d ms', cost);
-    entry.metrics.emitTimer('app.render.cost', cost);
-    const cacheConfig = _prerender.PreRender.config();
+    entry.logger.info("App Render Total cost = %d ms", cost);
+    entry.metrics.emitTimer("app.render.cost", cost);
+    const cacheConfig = import_prerender.PreRender.config();
     if (cacheConfig) {
       context.ssrContext.cacheConfig = cacheConfig;
     }
     return html;
-  });
+  }));
 };
-exports.render = render;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

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

@@ -1,52 +1,71 @@
-"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 loadable_exports = {};
+__export(loadable_exports, {
+  toHtml: () => toHtml
 });
-exports.toHtml = void 0;
-var _server = require("@loadable/server");
-var _utils = require("../../utils");
-var _utils2 = require("../utils");
-const extname = uri => {
-  if (typeof uri !== 'string' || !uri.includes('.')) {
-    return '';
+module.exports = __toCommonJS(loadable_exports);
+var import_server = require("@loadable/server");
+var import_utils = require("../../utils");
+var import_utils2 = require("../utils");
+const extname = (uri) => {
+  if (typeof uri !== "string" || !uri.includes(".")) {
+    return "";
   }
-  return `.${uri === null || uri === void 0 ? void 0 : uri.split('.').pop()}` || '';
+  return `.${uri == null ? void 0 : uri.split(".").pop()}` || "";
 };
 const toHtml = (jsx, renderer, next) => {
   const {
     stats,
-    result: {
-      chunksMap
-    },
+    result: { chunksMap },
     host,
     config = {}
   } = renderer;
   if (!stats || chunksMap.js) {
     return next(jsx);
   }
-  const extractor = new _server.ChunkExtractor({
+  const extractor = new import_server.ChunkExtractor({
     stats,
     entrypoints: [renderer.entryName]
   });
   const html = next(extractor.collectChunks(jsx));
   const chunks = extractor.getChunkAssets(extractor.chunks);
-  chunksMap.js = (chunksMap.js || '') + (0, _utils2.getLoadableScripts)(extractor);
+  chunksMap.js = (chunksMap.js || "") + (0, import_utils2.getLoadableScripts)(extractor);
   for (const v of chunks) {
     const fileType = extname(v.url).slice(1);
-    if (fileType === 'js') {
+    if (fileType === "js") {
       const props = [];
-      const {
-        crossorigin
-      } = config;
-      if (crossorigin && (0, _utils.isCrossOrigin)(v.url, host)) {
-        props.push(`crossorigin="${crossorigin === true ? 'anonymous' : crossorigin}"`);
+      const { crossorigin } = config;
+      if (crossorigin && (0, import_utils.isCrossOrigin)(v.url, host)) {
+        props.push(
+          `crossorigin="${crossorigin === true ? "anonymous" : crossorigin}"`
+        );
       }
-      chunksMap[fileType] += `<script src="${v.url}" ${props.join(' ')}></script>`;
-    } else if (fileType === 'css') {
+      chunksMap[fileType] += `<script src="${v.url}" ${props.join(
+        " "
+      )}><\/script>`;
+    } else if (fileType === "css") {
       chunksMap[fileType] += `<link href="${v.url}" rel="stylesheet" />`;
     }
   }
   return html;
 };
-exports.toHtml = toHtml;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toHtml
+});

package/dist/js/node/ssr/serverRender/renderToString/reduce.js

@@ -1,11 +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 reduce_exports = {};
+__export(reduce_exports, {
+  reduce: () => reduce
 });
-exports.reduce = reduce;
+module.exports = __toCommonJS(reduce_exports);
 function reduce(jsx, renderer, middleware) {
   let index = 0;
-  const createNext = () => App => middleware[index++](App, renderer, createNext());
+  const createNext = () => (App) => middleware[index++](App, renderer, createNext());
   return createNext()(jsx);
-}
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  reduce
+});

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

@@ -1,15 +1,34 @@
-"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 styledComponent_exports = {};
+__export(styledComponent_exports, {
+  toHtml: () => toHtml
 });
-exports.toHtml = void 0;
-var _styledComponents = require("styled-components");
+module.exports = __toCommonJS(styledComponent_exports);
+var import_styled_components = require("styled-components");
 const toHtml = (jsx, renderer, next) => {
-  const sheet = new _styledComponents.ServerStyleSheet();
+  const sheet = new import_styled_components.ServerStyleSheet();
   const html = next(sheet.collectStyles(jsx));
   const css = sheet.getStyleTags();
   renderer.result.chunksMap.css += css;
   return html;
 };
-exports.toHtml = toHtml;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  toHtml
+});