@modern-js/runtime 1.21.5 → 2.0.0-beta.1

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

@@ -4,11 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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'],
@@ -31,11 +45,9 @@ var _default = () => ({
               CHAIN_ID
             }) => {
               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
                 }]);
@@ -43,34 +55,43 @@ 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'));
               }
             }
           }
         };
       },
-
       modifyEntryImports({
         entrypoint,
         imports
       }) {
         const {
-          entryName
+          entryName,
+          fileSystemRoutes
         } = entrypoint;
         const userConfig = api.useResolvedConfigContext();
         const {
           packageName,
           entrypoints
         } = api.useAppContext();
-        pluginsExportsUtils.addExport(`export { default as ssr } from '@modern-js/runtime/ssr'`); // if use ssg then set ssr config to true
+        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);
-
         if (ssrConfig || useSSG) {
           imports.push({
             value: '@modern-js/runtime/plugins',
@@ -79,13 +100,11 @@ var _default = () => ({
             }]
           });
         }
-
         return {
           entrypoint,
           imports
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
@@ -93,16 +112,14 @@ var _default = () => ({
         if (ssrConfigMap.get(entrypoint.entryName)) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
-            options: ssrConfigMap.get(entrypoint.entryName)
+            options: JSON.stringify(ssrConfigMap.get(entrypoint.entryName))
           });
         }
-
         return {
           entrypoint,
           plugins
         };
       },
-
       modifyEntryExport({
         entrypoint,
         exportStatement
@@ -115,15 +132,12 @@ var _default = () => ({
             }`, exportStatement].join('\n')
           };
         }
-
         return {
           entrypoint,
           exportStatement
         };
       }
-
     };
   }
 });
-
 exports.default = _default;

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

@@ -7,21 +7,13 @@ var _exportNames = {
   ssr: true
 };
 exports.ssr = exports.default = void 0;
-
 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");
-
 var _utils = require("./utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _react = require("./react");
-
 Object.keys(_react).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -33,18 +25,11 @@ Object.keys(_react).forEach(function (key) {
     }
   });
 });
-
 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 IS_REACT18 = process.env.IS_REACT18 === 'true';
-
-const ssr = _ => ({
+const ssr = config => ({
   name: '@modern-js/plugin-ssr',
   setup: () => {
     const mockResp = (0, _utils.mockResponse)();
@@ -56,58 +41,80 @@ const ssr = _ => ({
         ModernHydrate
       }) => {
         var _window, _window$_SSR_DATA;
+        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;
+        };
 
         // 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
-
+        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;
 
-            if (IS_REACT18) {
-              let SSRApp = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_withCallback.WithCallback, {
-                callback: callback,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-                  context: hydrateContext
-                })
+        // react streamSSR hydrate
+        if ((0, _utils.isReact18)() && config.mode === 'stream') {
+          return streamSSRHydrate();
+        }
+        // react stringSSR hydrate
+        return stringSSRHydrate();
+        function stringSSRHydrate() {
+          // 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, {}));
               });
-
-              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
-          }));
+          } 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() {
+          if (renderLevel === _types.RenderLevel.SERVER_RENDER) {
+            // 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 {
+            ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+              context: context
+            }));
+          }
         }
       },
-
       init({
         context
       }, next) {
         var _window2, _window2$_SSR_DATA, _window2$_SSR_DATA$co;
-
         const request = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$_SSR_DATA = _window2._SSR_DATA) === null || _window2$_SSR_DATA === void 0 ? void 0 : (_window2$_SSR_DATA$co = _window2$_SSR_DATA.context) === null || _window2$_SSR_DATA$co === void 0 ? void 0 : _window2$_SSR_DATA$co.request;
-
         if (!request) {
           context.ssrContext = _objectSpread(_objectSpread({}, context.ssrContext), {}, {
             response: mockResp,
@@ -117,25 +124,21 @@ const ssr = _ => ({
             context
           });
         }
-
         context.ssrContext.response = mockResp;
         context.ssrContext.request = (0, _utils.formatClient)(request);
         return next({
           context
         });
       },
-
       pickContext: ({
         context,
         pickedContext
       }, next) => {
         var _window3, _window3$_SSR_DATA, _window3$_SSR_DATA$co;
-
         const request = (_window3 = window) === null || _window3 === void 0 ? void 0 : (_window3$_SSR_DATA = _window3._SSR_DATA) === null || _window3$_SSR_DATA === void 0 ? void 0 : (_window3$_SSR_DATA$co = _window3$_SSR_DATA.context) === null || _window3$_SSR_DATA$co === void 0 ? void 0 : _window3$_SSR_DATA$co.request;
         const {
           initialData
         } = context;
-
         if (!request) {
           return next({
             context,
@@ -144,7 +147,6 @@ const ssr = _ => ({
             })
           });
         }
-
         return next({
           context,
           pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
@@ -157,7 +159,6 @@ const ssr = _ => ({
     };
   }
 });
-
 exports.ssr = ssr;
 var _default = ssr;
 exports.default = _default;

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

@@ -7,17 +7,9 @@ var _exportNames = {
   ssr: true
 };
 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) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -29,17 +21,10 @@ Object.keys(_react).forEach(function (key) {
     }
   });
 });
-
 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 registeredApps = new WeakSet();
-
 const ssr = (config = {}) => ({
   name: '@modern-js/plugin-ssr',
   setup: () => {
@@ -48,15 +33,13 @@ const ssr = (config = {}) => ({
         App,
         context
       }) => {
-        if (!registeredApps.has(App)) {
-          (0, _core.registerPrefetch)(App, _context => (0, _prefetch.default)(App, _context));
-          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;
       },
-
       init({
         context
       }, next) {
@@ -68,7 +51,6 @@ const ssr = (config = {}) => ({
           context
         });
       },
-
       pickContext: ({
         context,
         pickedContext
@@ -93,7 +75,6 @@ const ssr = (config = {}) => ({
     };
   }
 });
-
 exports.ssr = ssr;
 var _default = ssr;
 exports.default = _default;

package/dist/js/node/ssr/prefetch.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _server = require("react-dom/server");
-
 var _ssr = require("@modern-js/utils/ssr");
-
 var _server2 = require("@loadable/server");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 // todo: SSRContext
 const prefetch = async (App, context) => (0, _ssr.run)(context.ssrContext.request.headers, async () => {
   var _context$store;
-
   const {
     ssrContext
   } = context;
   const {
     loadableStats
   } = ssrContext;
-
   if (loadableStats) {
     const extractor = new _server2.ChunkExtractor({
       stats: loadableStats,
@@ -37,18 +30,15 @@ const prefetch = async (App, context) => (0, _ssr.run)(context.ssrContext.reques
       context: context
     }));
   }
-
   if (!context.loaderManager.hasPendingLoaders()) {
     return {
       initialData: context.initialData,
       i18nData: context.__i18nData__
     };
   }
-
   const loadersData = await context.loaderManager.awaitPendingLoaders();
   Object.keys(loadersData).forEach(id => {
     const data = loadersData[id];
-
     if (data._error) {
       ssrContext.logger.error('App Prefetch Loader', data._error);
       ssrContext.metrics.emitCounter('app.prefetch.loader.error', 1);
@@ -63,6 +53,5 @@ const prefetch = async (App, context) => (0, _ssr.run)(context.ssrContext.reques
     storeState: context === null || context === void 0 ? void 0 : (_context$store = context.store) === null || _context$store === void 0 ? void 0 : _context$store.getState()
   };
 });
-
 var _default = prefetch;
 exports.default = _default;

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

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "PreRender", {
     return _prerender.PreRender;
   }
 });
-
 var _prerender = require("./prerender");
-
 var _nossr = require("./nossr");

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NoSSR = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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; }
-
 let csr = false;
-
 const NoSSR = props => {
   const [isMounted, setMounted] = (0, _react.useState)(csr);
   (0, _react.useEffect)(() => {
@@ -24,5 +19,4 @@ const NoSSR = props => {
   } = props;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isMounted ? children : null);
 };
-
 exports.NoSSR = NoSSR;

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PreRender = void 0;
-
 var _reactSideEffect = _interopRequireDefault(require("react-side-effect"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _util = require("./util");
-
 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 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 PROP_NAMES = {
   INTERVAL: 'interval',
   STALE_LIMIT: 'staleLimit',
@@ -32,10 +22,9 @@ const PROP_NAMES = {
   FALLBACK: 'fallback',
   MATCHES: 'matches'
 };
-
-const handleClientStateChange = () => {// not used
+const handleClientStateChange = () => {
+  // not used
 };
-
 const mapStateOnServer = reduceProps => {
   const defaultProps = {
     interval: 10,
@@ -50,17 +39,14 @@ const mapStateOnServer = reduceProps => {
     const propKey = key;
     const reduceProp = reduceProps[propKey];
     let nextProps = props;
-
     if ((0, _util.exist)(reduceProp)) {
       nextProps = _objectSpread(_objectSpread({}, props), {}, {
         [propKey]: reduceProp
       });
     }
-
     return nextProps;
   }, defaultProps);
 };
-
 const reducePropsToState = propsList => {
   const reduceProps = {
     interval: (0, _util.getOutermostProperty)(propsList, PROP_NAMES.INTERVAL),
@@ -73,49 +59,35 @@ const reducePropsToState = propsList => {
   };
   return reduceProps;
 };
-
 function factory(Component) {
   class Spr extends _react.default.Component {
     static set canUseDOM(canUseDOM) {
       Component.canUseDOM = canUseDOM;
     }
-
     static get canUseDOM() {
       return Component.canUseDOM;
     }
-
     verify() {
       return true;
     }
-
     render() {
       const newProps = _objectSpread({}, this.props);
-
       const validate = this.verify();
-
       if (!validate) {
         throw new Error('invalid props, check usage');
       }
-
       return /*#__PURE__*/(0, _react.createElement)(Component, _objectSpread({}, newProps));
     }
-
   }
-
   _defineProperty(Spr, "peek", Component.peek);
-
   _defineProperty(Spr, "rewind", Component.rewind);
-
   _defineProperty(Spr, "config", () => {
     const mappedState = Component.rewind();
     return mappedState;
   });
-
   return Spr;
 }
-
 const NullComponent = () => null;
-
 const SprSideEffects = (0, _reactSideEffect.default)(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);
 const PreRender = factory(SprSideEffects);
 exports.PreRender = PreRender;