@modern-js/runtime 1.21.2 → 2.0.0-beta.0

package/dist/js/node/router/runtime/utils.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLocation = getLocation;
+exports.getRouteComponents = getRouteComponents;
 exports.renderRoutes = renderRoutes;
 exports.standardSlash = standardSlash;
 exports.urlJoin = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -18,7 +19,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const _excluded = ["Component"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 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; }
 
@@ -26,18 +33,65 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+const renderNestedRoute = (nestedRoute, parent) => {
+  const {
+    children,
+    index,
+    id,
+    component: Component
+  } = nestedRoute;
+  const childElements = children === null || children === void 0 ? void 0 : children.map(childRoute => {
+    return renderNestedRoute(childRoute, nestedRoute);
+  });
+  const routeProps = {
+    caseSensitive: nestedRoute.caseSensitive,
+    path: nestedRoute.path,
+    id: nestedRoute.id,
+    loader: nestedRoute.loader,
+    action: nestedRoute.action,
+    hasErrorBoundary: nestedRoute.hasErrorBoundary,
+    shouldRevalidate: nestedRoute.shouldRevalidate,
+    handle: nestedRoute.handle,
+    index: nestedRoute.index,
+    errorElement: nestedRoute.errorElement
+  };
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+  if (nestedRoute.error) {
+    const errorElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(nestedRoute.error, {});
+    routeProps.errorElement = errorElement;
+  }
+
+  if (Component) {
+    if (parent !== null && parent !== void 0 && parent.loading) {
+      const Loading = parent.loading;
+      routeProps.element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+        fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {}),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {})
+      });
+    } else {
+      routeProps.element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {})
+      });
+    }
+  }
 
-function renderRoutes(routesConfig, extraProps = {}) {
+  const routeElement = index ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, _objectSpread(_objectSpread({}, routeProps), {}, {
+    index: true
+  }), id) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, _objectSpread(_objectSpread({}, routeProps), {}, {
+    index: false,
+    children: childElements
+  }), id);
+  return routeElement;
+};
+
+function getRouteComponents(routes, globalApp) {
   const Layout = _ref => {
     let {
       Component
     } = _ref,
         props = _objectWithoutProperties(_ref, _excluded);
 
-    const GlobalLayout = routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp;
+    const GlobalLayout = globalApp;
 
     if (!GlobalLayout) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props));
@@ -48,38 +102,46 @@ function renderRoutes(routesConfig, extraProps = {}) {
     }, props));
   };
 
-  const findMatchedRoute = pathname => {
-    var _routesConfig$routes;
+  const routeElements = [];
 
-    return routesConfig === null || routesConfig === void 0 ? void 0 : (_routesConfig$routes = routesConfig.routes) === null || _routesConfig$routes === void 0 ? void 0 : _routesConfig$routes.find(route => {
-      const info = (0, _reactRouterDom.matchPath)(pathname, {
+  for (const route of routes) {
+    if (route.type === 'nested') {
+      const routeElement = renderNestedRoute(route);
+      routeElements.push(routeElement);
+    } else {
+      const routeElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
         path: route.path,
-        exact: route.exact,
-        sensitive: route.sensitive
-      });
-      return Boolean(info);
-    });
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-    path: "/",
-    render: props => {
-      const matchedRoute = findMatchedRoute(props.location.pathname);
-
-      if (!matchedRoute) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultNotFound.DefaultNotFound, {});
-      }
-
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-        path: matchedRoute.path,
-        exact: matchedRoute.exact,
-        sensitive: matchedRoute.sensitive,
-        render: routeProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, _objectSpread(_objectSpread({
-          Component: matchedRoute.component
-        }, routeProps), extraProps))
-      });
+        element: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, {
+          Component: route.component
+        })
+      }, route.path);
+      routeElements.push(routeElement);
     }
-  });
+  }
+
+  routeElements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
+    path: "*",
+    element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultNotFound.DefaultNotFound, {})
+  }, "*"));
+  return routeElements;
+}
+
+function renderRoutes(routesConfig) {
+  if (!routesConfig) {
+    return null;
+  }
+
+  const {
+    routes,
+    globalApp
+  } = routesConfig;
+
+  if (!routes) {
+    return null;
+  }
+
+  const routeElements = getRouteComponents(routes, globalApp);
+  return routeElements;
 }
 
 function getLocation(serverContext) {

package/dist/js/node/router/runtime/withRouter.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withRouter = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const withRouter = Component => {
+  return props => {
+    const location = (0, _reactRouterDom.useLocation)();
+    const params = (0, _reactRouterDom.useParams)();
+    const navigate = (0, _reactRouterDom.useNavigate)();
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({}, props), {}, {
+      location: location,
+      params: params,
+      navigate: navigate
+    }));
+  };
+};
+
+exports.withRouter = withRouter;

package/dist/js/node/runtime-context.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RuntimeReactContext = void 0;
+exports.ServerRouterContext = exports.RuntimeReactContext = void 0;
 
 var _react = require("react");
 
 const RuntimeReactContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.RuntimeReactContext = RuntimeReactContext;
+exports.RuntimeReactContext = RuntimeReactContext;
+const ServerRouterContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.ServerRouterContext = ServerRouterContext;

package/dist/js/node/ssr/cli/index.js

@@ -9,6 +9,28 @@ var _utils = require("@modern-js/utils");
 
 const PLUGIN_IDENTIFIER = 'ssr';
 
+const hasStringSSREntry = userConfig => {
+  const isStreaming = ssr => ssr && typeof ssr === 'object' && ssr.mode === 'stream';
+
+  const {
+    server
+  } = userConfig;
+
+  if (server !== null && server !== void 0 && server.ssr && !isStreaming(server.ssr)) {
+    return true;
+  }
+
+  if (server !== null && server !== void 0 && server.ssrByEntries && typeof server.ssrByEntries === 'object') {
+    for (const name of Object.keys(server.ssrByEntries)) {
+      if (!isStreaming(server.ssrByEntries[name])) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+};
+
 var _default = () => ({
   name: '@modern-js/plugin-ssr',
   required: ['@modern-js/runtime'],
@@ -32,9 +54,9 @@ var _default = () => ({
             }) => {
               const userConfig = api.useResolvedConfigContext();
 
-              if ((0, _utils.isUseSSRBundle)(userConfig) && name !== 'server') {
+              if ((0, _utils.isUseSSRBundle)(userConfig) && name !== 'server' && hasStringSSREntry(userConfig)) {
                 // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-                const LoadableWebpackPlugin = require('@modern-js/webpack/@loadable/webpack-plugin');
+                const LoadableWebpackPlugin = require('@loadable/webpack-plugin');
 
                 chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [{
                   filename: _utils.LOADABLE_STATS_FILE
@@ -44,7 +66,7 @@ var _default = () => ({
             babel: config => {
               const userConfig = api.useResolvedConfigContext();
 
-              if ((0, _utils.isUseSSRBundle)(userConfig)) {
+              if ((0, _utils.isUseSSRBundle)(userConfig) && hasStringSSREntry(userConfig)) {
                 config.plugins.push(require.resolve('@loadable/babel-plugin'));
               }
             }
@@ -57,7 +79,8 @@ var _default = () => ({
         imports
       }) {
         const {
-          entryName
+          entryName,
+          fileSystemRoutes
         } = entrypoint;
         const userConfig = api.useResolvedConfigContext();
         const {
@@ -67,6 +90,21 @@ var _default = () => ({
         pluginsExportsUtils.addExport(`export { default as ssr } from '@modern-js/runtime/ssr'`); // if use ssg then set ssr config to true
 
         const ssrConfig = (0, _utils.getEntryOptions)(entryName, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
+
+        if (typeof ssrConfig === 'object' && ssrConfig.mode === 'stream') {
+          var _runtimeConfig$router;
+
+          const runtimeConfig = (0, _utils.getEntryOptions)(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+
+          if (runtimeConfig !== null && runtimeConfig !== void 0 && (_runtimeConfig$router = runtimeConfig.router) !== null && _runtimeConfig$router !== void 0 && _runtimeConfig$router.legacy) {
+            throw new Error(`Legacy router plugin doesn't support streaming SSR, check your config 'runtime.router'`);
+          }
+
+          if (fileSystemRoutes && !entrypoint.nestedRoutesEntry) {
+            throw new Error(`You should switch to file-system based router to support streaming SSR.`);
+          }
+        }
+
         const ssgConfig = userConfig.output.ssg;
         const useSSG = (0, _utils.isSingleEntry)(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[0]) === 'function' || Boolean(ssgConfig === null || ssgConfig === void 0 ? void 0 : ssgConfig[entryName]);
         ssrConfigMap.set(entryName, ssrConfig || useSSG);
@@ -93,7 +131,7 @@ var _default = () => ({
         if (ssrConfigMap.get(entrypoint.entryName)) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: ssrConfigMap.get(entrypoint.entryName)
+            options: JSON.stringify(ssrConfigMap.get(entrypoint.entryName))
           });
         }
 

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

@@ -12,7 +12,7 @@ var _component = require("@loadable/component");
 
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
 
-var _type = require("./serverRender/type");
+var _types = require("./serverRender/types");
 
 var _withCallback = require("./react/withCallback");
 
@@ -42,9 +42,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-const IS_REACT18 = process.env.IS_REACT18 === 'true';
-
-const ssr = _ => ({
+const ssr = config => ({
   name: '@modern-js/plugin-ssr',
   setup: () => {
     const mockResp = (0, _utils.mockResponse)();
@@ -55,49 +53,74 @@ const ssr = _ => ({
         ModernRender,
         ModernHydrate
       }) => {
-        var _window, _window$_SSR_DATA;
-
-        // if render level not exist, use client render
-        const renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : _window$_SSR_DATA.renderLevel) || _type.RenderLevel.CLIENT_RENDER; // client render and server prefetch use same logic
-
-        if (renderLevel === _type.RenderLevel.CLIENT_RENDER || renderLevel === _type.RenderLevel.SERVER_PREFETCH) {
-          ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-            context: context
-          }));
-        } else if (renderLevel === _type.RenderLevel.SERVER_RENDER) {
-          (0, _component.loadableReady)(() => {
-            const hydrateContext = _objectSpread(_objectSpread({}, context), {}, {
-              _hydration: true
-            });
-
-            const callback = () => {
-              // won't cause component re-render because context's reference identity doesn't change
-              delete hydrateContext._hydration;
-            }; // callback: https://github.com/reactwg/react-18/discussions/5
-
-
-            if (IS_REACT18) {
-              let SSRApp = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_withCallback.WithCallback, {
-                callback: callback,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-                  context: hydrateContext
-                })
-              });
+        const hydrateContext = _objectSpread(_objectSpread({}, context), {}, {
+          _hydration: true
+        });
+
+        const callback = () => {
+          // won't cause component re-render because context's reference identity doesn't change
+          delete hydrateContext._hydration;
+        }; // react streamSSR hydrate
+
+
+        if ((0, _utils.isReact18)() && config.mode === 'stream') {
+          return streamSSRHydrate();
+        } // react stringSSR hydrate
+
+
+        return stringSSRHydrate();
+
+        function stringSSRHydrate() {
+          var _window, _window$_SSR_DATA;
 
-              SSRApp = (0, _hoistNonReactStatics.default)(SSRApp, App);
-              ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(SSRApp, {}));
+          // if render level not exist, use client render
+          const renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : _window$_SSR_DATA.renderLevel) || _types.RenderLevel.CLIENT_RENDER; // client render and server prefetch use same logic
+
+          if (renderLevel === _types.RenderLevel.CLIENT_RENDER || renderLevel === _types.RenderLevel.SERVER_PREFETCH) {
+            ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+              context: context
+            }));
+          } else if (renderLevel === _types.RenderLevel.SERVER_RENDER) {
+            if ((0, _utils.isReact18)()) {
+              (0, _component.loadableReady)(() => {
+                // callback: https://github.com/reactwg/react-18/discussions/5
+                let SSRApp = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_withCallback.WithCallback, {
+                  callback: callback,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+                    context: hydrateContext
+                  })
+                });
+
+                SSRApp = (0, _hoistNonReactStatics.default)(SSRApp, App);
+                ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(SSRApp, {}));
+              });
             } else {
-              ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-                context: hydrateContext
-              }), callback);
+              (0, _component.loadableReady)(() => {
+                ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+                  context: hydrateContext
+                }), callback);
+              });
             }
+          } else {
+            // unknown renderlevel or renderlevel is server prefetch.
+            console.warn(`unknow render level: ${renderLevel}, execute render()`);
+            ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+              context: context
+            }));
+          }
+        }
+
+        function streamSSRHydrate() {
+          // callback: https://github.com/reactwg/react-18/discussions/5
+          let SSRApp = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_withCallback.WithCallback, {
+            callback: callback,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+              context: hydrateContext
+            })
           });
-        } else {
-          // unknown renderlevel or renderlevel is server prefetch.
-          console.warn(`unknow render level: ${renderLevel}, execute render()`);
-          ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-            context: context
-          }));
+
+          SSRApp = (0, _hoistNonReactStatics.default)(SSRApp, App);
+          ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(SSRApp, {}));
         }
       },
 

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

@@ -10,12 +10,12 @@ exports.ssr = exports.default = void 0;
 
 var _core = require("../core");
 
-var _serverRender = require("./serverRender");
-
 var _prefetch = _interopRequireDefault(require("./prefetch"));
 
 var _utils = require("./utils");
 
+var _serverRender = _interopRequireDefault(require("./serverRender"));
+
 var _react = require("./react");
 
 Object.keys(_react).forEach(function (key) {
@@ -53,7 +53,11 @@ const ssr = (config = {}) => ({
           registeredApps.add(App);
         }
 
-        const html = await (0, _serverRender.render)(context, config, App);
+        const html = await (0, _serverRender.default)({
+          context: context,
+          App: App,
+          config
+        });
         return html;
       },
 

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

@@ -3,43 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.render = void 0;
+exports.default = serverRender;
 
-var _ssr = require("@modern-js/utils/ssr");
+var _utils = require("../utils");
 
-var _prerender = require("../react/prerender");
+/* eslint-disable eslint-comments/disable-enable-pair */
 
-var _entry = _interopRequireDefault(require("./entry"));
-
-var _measure = require("./measure");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const render = async (ctx, config, App) => {
-  const {
-    ssrContext
-  } = ctx;
-  return (0, _ssr.run)(ssrContext.request.headers, async () => {
-    const entry = new _entry.default({
-      ctx: ssrContext,
-      App,
-      config
-    });
-    entry.metrics.emitCounter('app.visit.count', 1);
-    const end = (0, _measure.time)();
-    const html = await entry.renderToHtml(ctx);
-    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();
-
-    if (cacheConfig) {
-      ctx.ssrContext.cacheConfig = cacheConfig;
-    }
+/* eslint-disable @typescript-eslint/no-var-requires */
 
+/* eslint-disable @typescript-eslint/no-require-imports */
+async function serverRender(options) {
+  if ((0, _utils.isReact18)() && options.config.mode === 'stream') {
+    const pipe = await require("./renderToStream").render(options);
+    return pipe;
+  } else {
+    const html = await require("./renderToString").render(options);
     return html;
-  });
-};
-
-exports.render = render;
+  }
+}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildShellAfterTemplate = buildShellAfterTemplate;
+
+var _serializeJavascript = _interopRequireDefault(require("serialize-javascript"));
+
+var _buildTemplate = require("./buildTemplate.share");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function buildShellAfterTemplate(afterAppTemplate, options) {
+  const callbacks = [injectSSRDataScript];
+  return (0, _buildTemplate.buildTemplate)(afterAppTemplate, callbacks);
+
+  function injectSSRDataScript(template) {
+    const ssrDataScript = buildSSRDataScript();
+    return template.replace('<!--<?- SSRDataScript ?>-->', ssrDataScript);
+
+    function buildSSRDataScript() {
+      const {
+        ssrContext
+      } = options.context;
+      const {
+        request
+      } = ssrContext;
+      const SSRData = {
+        context: {
+          request: {
+            params: request.params,
+            query: request.query,
+            pathname: request.pathname,
+            host: request.host,
+            url: request.url,
+            headers: request.headers,
+            cookieMap: request.cookieMap
+          }
+        }
+      };
+      return `
+      <script>window._SSR_DATA = ${(0, _serializeJavascript.default)(SSRData, {
+        isJSON: true
+      })}</script>
+      `;
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HEAD_REG_EXP = void 0;
+exports.buildTemplate = buildTemplate;
+// share script
+const HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
+exports.HEAD_REG_EXP = HEAD_REG_EXP;
+
+function buildTemplate(template, callbacks) {
+  return callbacks.reduce((template, buildTemplateCb) => buildTemplateCb(template), template);
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildShellBeforeTemplate = buildShellBeforeTemplate;
+
+var _reactHelmet = _interopRequireDefault(require("react-helmet"));
+
+var _helmet = _interopRequireDefault(require("../helmet"));
+
+var _buildTemplate = require("./buildTemplate.share");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// build head template
+function getHeadTemplate(beforeEntryTemplate) {
+  const callbacks = [headTemplate => {
+    const helmetData = _reactHelmet.default.renderStatic();
+
+    return helmetData ? (0, _helmet.default)(headTemplate, helmetData) : headTemplate;
+  }];
+  const [headTemplate = ''] = beforeEntryTemplate.match(_buildTemplate.HEAD_REG_EXP) || [];
+
+  if (!headTemplate.length) {
+    return '';
+  }
+
+  return (0, _buildTemplate.buildTemplate)(headTemplate, callbacks); // @TODO: inject css chunks of lazy components
+  // @TODO: prefetch scripts of lazy component
+} // build script
+
+
+function buildShellBeforeTemplate(beforeAppTemplate) {
+  const headTemplate = getHeadTemplate(beforeAppTemplate);
+  return beforeAppTemplate.replace(_buildTemplate.HEAD_REG_EXP, headTemplate);
+}