@modern-js/runtime 1.3.5 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @modern-js/runtime
 
+## 1.4.0
+
+### Minor Changes
+
+- 4fc801f: chore(runtime): merge `@modern-js/plugin-state` to `@modern-js/runtime`
+
+  chore(runtime): 合并 `@modern-js/plugin-state` 到 `@modern-js/runtime`
+
+- 4fc801f: chore(runtime): merge `@modern-js/plugin-router` to `@modern-js/runtime`
+
+  chore(runtime): 合并 `@modern-js/plugin-router` 到 `@modern-js/runtime`
+
+- 4fc801f: chore(runtime): merge `@modern-js/plugin-ssr` to `@modern-js/runtime`
+
+  chore(runtime): 合并 `@modern-js/plugin-ssr` 到 `@modern-js/runtime`
+
+- 4fc801f: chore(runtime): remove `@modern-js/create-request` from `@modern-js/runtime`
+
+  chore(runtime): `@modern-js/runtime` 中移除 `@modern-js/create-request` 依赖
+
+- 16eaebd: fix: package exports field
+
+  fix: 修复包导出字段
+
+- 8f046e8: chore(bff): remove `@modern-js/bff-runtime` from `@modern-js/runtime` dependence
+
+  chore(bff): `@modern-js/runtime` 中移除 `@modern-js/bff-runtime` 依赖
+
+### Patch Changes
+
+- 1421965: fix: ssg build error when multi entries
+  fix: 修复多入口下 SSG 构建错误
+- b8ea9cd: fix runtime ssr exports
+- c8614b8: fix: using typeof window to determine the browser environment is not accurate
+  fix: 使用 typeof windows 判断浏览器环境不够准确
+- Updated dependencies [1421965]
+- Updated dependencies [02647d2]
+- Updated dependencies [4fc801f]
+- Updated dependencies [9d60891]
+- Updated dependencies [e4b73b2]
+- Updated dependencies [c8614b8]
+- Updated dependencies [df73691]
+  - @modern-js/webpack@1.12.2
+  - @modern-js/utils@1.8.0
+  - @modern-js/runtime-core@1.5.4
+
 ## 1.3.5
 
 ### Patch Changes

package/dist/js/modern/cli/index.js

@@ -1,8 +1,8 @@
 import path from 'path';
 import { PLUGIN_SCHEMAS, createRuntimeExportsUtils, cleanRequireCache } from '@modern-js/utils';
-import PluginState from '@modern-js/plugin-state/cli';
-import PluginRouter from '@modern-js/plugin-router/cli';
-import PluginSSR from '@modern-js/plugin-ssr/cli';
+import PluginState from "../state/cli";
+import PluginSSR from "../ssr/cli";
+import PluginRouter from "../router/cli";
 export default (() => ({
   name: '@modern-js/runtime',
   post: ['@modern-js/plugin-router', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-design-token'],
@@ -43,7 +43,7 @@ export default (() => ({
       },
 
       async beforeRestart() {
-        cleanRequireCache([require.resolve('@modern-js/plugin-state/cli'), require.resolve('@modern-js/plugin-router/cli'), require.resolve('@modern-js/plugin-ssr/cli')]);
+        cleanRequireCache([require.resolve("../state/cli"), require.resolve("../router/cli"), require.resolve("../ssr/cli")]);
       }
 
     };

package/dist/js/modern/common.js

@@ -0,0 +1 @@
+export const isBrowser = () => typeof window !== 'undefined' && window.name !== 'nodejs';

package/dist/js/modern/exports/model.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-state';
+export { default as state } from "../state";
+export * from "../state";

package/dist/js/modern/exports/router.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-router';
+export { default as router } from "../router";
+export * from "../router";

package/dist/js/modern/exports/server.js

@@ -1,2 +1 @@
-export * from '@modern-js/bff-runtime';
 export const hook = attacher => attacher;

package/dist/js/modern/exports/ssr.js

@@ -1 +1,2 @@
-export * from '@modern-js/plugin-ssr';
+export { default as ssr } from "../ssr";
+export * from "../ssr";

package/dist/js/modern/router/cli/index.js

@@ -0,0 +1,106 @@
+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; }
+
+import path from 'path';
+import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from '@modern-js/utils';
+const PLUGIN_IDENTIFIER = 'router';
+const ROUTES_IDENTIFIER = 'routes';
+export default (() => ({
+  name: '@modern-js/plugin-router',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const runtimeConfigMap = new Map();
+    let pluginsExportsUtils;
+    const runtimeModulePath = path.resolve(__dirname, '../');
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
+          }
+        };
+      },
+
+      validateSchema() {
+        return PLUGIN_SCHEMAS['@modern-js/plugin-router'];
+      },
+
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        const {
+          entryName,
+          fileSystemRoutes
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName
+        } = api.useAppContext();
+        const runtimeConfig = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName);
+        runtimeConfigMap.set(entryName, runtimeConfig);
+
+        if (runtimeConfig !== null && runtimeConfig !== void 0 && runtimeConfig.router) {
+          imports.push({
+            value: '@modern-js/runtime/plugins',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+        } else if (fileSystemRoutes) {
+          throw new Error(`should enable runtime.router for entry ${entryName}`);
+        }
+
+        return {
+          entrypoint,
+          imports
+        };
+      },
+
+      modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins
+      }) {
+        const {
+          entryName,
+          fileSystemRoutes
+        } = entrypoint;
+        const {
+          serverRoutes
+        } = api.useAppContext();
+        const runtimeConfig = runtimeConfigMap.get(entryName);
+
+        if (runtimeConfig.router) {
+          // Todo: plugin-router best to only handle manage client route.
+          // here support base server route usage, part for compatibility
+          const serverBase = serverRoutes.filter(route => route.entryName === entryName).map(route => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify(_objectSpread(_objectSpread({
+              serverBase
+            }, runtimeConfig.router), {}, {
+              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : undefined
+            })).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
+          });
+        }
+
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+
+      addRuntimeExports() {
+        pluginsExportsUtils.addExport(`export { default as router } from '${runtimeModulePath}'`);
+      }
+
+    };
+  }
+}));

package/dist/js/modern/router/index.js

@@ -0,0 +1,2 @@
+export { default } from "./runtime";
+export * from "./runtime";

package/dist/js/modern/router/runtime/DefaultNotFound.js

@@ -0,0 +1,13 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DefaultNotFound = () => /*#__PURE__*/_jsx("div", {
+  style: {
+    margin: '150px auto',
+    textAlign: 'center',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  children: "404"
+});

package/dist/js/modern/router/runtime/index.js

@@ -0,0 +1,4 @@
+import { routerPlugin } from "./plugin";
+export default routerPlugin;
+export * from 'react-router-dom';
+export * from 'history';

package/dist/js/modern/router/runtime/plugin.js

@@ -0,0 +1,88 @@
+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; }
+
+import React, { useContext } from 'react';
+import { createBrowserHistory, createHashHistory } from 'history';
+import { Router, StaticRouter } from 'react-router-dom';
+import { RuntimeReactContext } from '@modern-js/runtime-core';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { isBrowser } from "../../common";
+import { renderRoutes, getLocation, urlJoin } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const routerPlugin = ({
+  serverBase: _serverBase = [],
+  history: customHistory,
+  supportHtml5History: _supportHtml5History = true,
+  routesConfig,
+  historyOptions: _historyOptions = {}
+}) => {
+  const isBrow = isBrowser();
+
+  const select = pathname => _serverBase.find(baseUrl => pathname.search(baseUrl) === 0) || '/';
+
+  return {
+    name: '@modern-js/plugin-router',
+    setup: () => {
+      return {
+        hoc: ({
+          App
+        }, next) => {
+          const getRouteApp = () => {
+            if (isBrow) {
+              var _window$_SERVER_DATA;
+
+              const baseUrl = ((_window$_SERVER_DATA = window._SERVER_DATA) === null || _window$_SERVER_DATA === void 0 ? void 0 : _window$_SERVER_DATA.router.baseUrl) || select(location.pathname);
+              _historyOptions.basename = baseUrl === '/' ? urlJoin(baseUrl, _historyOptions.basename) : baseUrl;
+              const history = customHistory || (_supportHtml5History ? createBrowserHistory(_historyOptions) : createHashHistory(_historyOptions));
+              return props => /*#__PURE__*/_jsx(Router, {
+                history: history,
+                children: /*#__PURE__*/_jsx(App, _objectSpread(_objectSpread({}, props), {}, {
+                  children: routesConfig ? renderRoutes(routesConfig, props) : null
+                }))
+              });
+            }
+
+            return props => {
+              const runtimeContext = useContext(RuntimeReactContext);
+              const {
+                ssrContext
+              } = runtimeContext;
+              const location = getLocation(ssrContext);
+              const routerContext = (ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.redirection) || {};
+              const request = ssrContext === null || ssrContext === void 0 ? void 0 : ssrContext.request;
+              const baseUrl = request === null || request === void 0 ? void 0 : request.baseUrl;
+              const basename = baseUrl === '/' ? urlJoin(baseUrl, _historyOptions.basename) : baseUrl;
+              return /*#__PURE__*/_jsx(StaticRouter, {
+                basename: basename === '/' ? '' : basename,
+                location: location,
+                context: routerContext,
+                children: /*#__PURE__*/_jsx(App, _objectSpread(_objectSpread({}, props), {}, {
+                  children: routesConfig ? renderRoutes(routesConfig, props) : null
+                }))
+              });
+            };
+          };
+
+          let RouteApp = getRouteApp();
+
+          if (App) {
+            RouteApp = hoistNonReactStatics(RouteApp, App);
+          }
+
+          if (routesConfig !== null && routesConfig !== void 0 && routesConfig.globalApp) {
+            return next({
+              App: hoistNonReactStatics(RouteApp, routesConfig.globalApp)
+            });
+          }
+
+          return next({
+            App: RouteApp
+          });
+        }
+      };
+    }
+  };
+};

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

@@ -0,0 +1,108 @@
+const _excluded = ["Component"];
+
+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; }
+
+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; }
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
+import { Route, matchPath } from 'react-router-dom';
+import { DefaultNotFound } from "./DefaultNotFound";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function renderRoutes(routesConfig, extraProps = {}) {
+  const Layout = _ref => {
+    let {
+      Component
+    } = _ref,
+        props = _objectWithoutProperties(_ref, _excluded);
+
+    const GlobalLayout = routesConfig === null || routesConfig === void 0 ? void 0 : routesConfig.globalApp;
+
+    if (!GlobalLayout) {
+      return /*#__PURE__*/_jsx(Component, _objectSpread({}, props));
+    }
+
+    return /*#__PURE__*/_jsx(GlobalLayout, _objectSpread({
+      Component: Component
+    }, props));
+  };
+
+  const findMatchedRoute = pathname => {
+    var _routesConfig$routes;
+
+    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 = matchPath(pathname, {
+        path: route.path,
+        exact: route.exact,
+        sensitive: route.sensitive
+      });
+      return Boolean(info);
+    });
+  };
+
+  return /*#__PURE__*/_jsx(Route, {
+    path: "/",
+    render: props => {
+      const matchedRoute = findMatchedRoute(props.location.pathname);
+
+      if (!matchedRoute) {
+        return /*#__PURE__*/_jsx(DefaultNotFound, {});
+      }
+
+      return /*#__PURE__*/_jsx(Route, {
+        path: matchedRoute.path,
+        exact: matchedRoute.exact,
+        sensitive: matchedRoute.sensitive,
+        render: routeProps => /*#__PURE__*/_jsx(Layout, _objectSpread(_objectSpread({
+          Component: matchedRoute.component
+        }, routeProps), extraProps))
+      });
+    }
+  });
+}
+export function getLocation(serverContext) {
+  const {
+    pathname,
+    url
+  } = (serverContext === null || serverContext === void 0 ? void 0 : serverContext.request) || {};
+  const cleanUrl = url.replace('http://', '').replace('https://', '');
+  const index = (cleanUrl || '').indexOf(pathname);
+
+  if (index === -1) {
+    return pathname;
+  }
+
+  return cleanUrl.substring(index);
+}
+export const urlJoin = (...parts) => {
+  const separator = '/';
+  const replace = new RegExp(`${separator}{1,}`, 'g');
+  return standardSlash(parts.join(separator).replace(replace, separator));
+};
+export function standardSlash(str) {
+  let addr = str;
+
+  if (!addr || typeof addr !== 'string') {
+    return addr;
+  }
+
+  if (addr.startsWith('.')) {
+    addr = addr.slice(1);
+  }
+
+  if (!addr.startsWith('/')) {
+    addr = `/${addr}`;
+  }
+
+  if (addr.endsWith('/') && addr !== '/') {
+    addr = addr.slice(0, addr.length - 1);
+  }
+
+  return addr;
+}

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

@@ -0,0 +1,120 @@
+import path from 'path';
+import { getEntryOptions, SERVER_RENDER_FUNCTION_NAME, LOADABLE_STATS_FILE, isUseSSRBundle, createRuntimeExportsUtils, isSingleEntry } from '@modern-js/utils';
+const PLUGIN_IDENTIFIER = 'ssr';
+export default (() => ({
+  name: '@modern-js/plugin-ssr',
+  required: ['@modern-js/runtime'],
+  setup: api => {
+    const ssrConfigMap = new Map();
+    let pluginsExportsUtils;
+    const ssrModulePath = path.resolve(__dirname, '../');
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(appContext.internalDirectory, 'plugins');
+        return {
+          source: {
+            alias: {
+              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+            }
+          },
+          tools: {
+            webpackChain: (chain, {
+              name,
+              CHAIN_ID
+            }) => {
+              const userConfig = api.useResolvedConfigContext();
+
+              if (isUseSSRBundle(userConfig) && name !== 'server') {
+                // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
+                const LoadableWebpackPlugin = require('@modern-js/webpack/@loadable/webpack-plugin');
+
+                chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [{
+                  filename: LOADABLE_STATS_FILE
+                }]);
+              }
+            },
+            babel: config => {
+              const userConfig = api.useResolvedConfigContext();
+
+              if (isUseSSRBundle(userConfig)) {
+                config.plugins.push(require.resolve('@loadable/babel-plugin'));
+              }
+            }
+          }
+        };
+      },
+
+      modifyEntryImports({
+        entrypoint,
+        imports
+      }) {
+        const {
+          entryName
+        } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const {
+          packageName,
+          entrypoints
+        } = api.useAppContext();
+        pluginsExportsUtils.addExport(`export { default as ssr } from '${ssrModulePath}'`); // if use ssg then set ssr config to true
+
+        const ssrConfig = getEntryOptions(entryName, userConfig.server.ssr, userConfig.server.ssrByEntries, packageName);
+        const ssgConfig = userConfig.output.ssg;
+        const useSSG = 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',
+            specifiers: [{
+              imported: PLUGIN_IDENTIFIER
+            }]
+          });
+        }
+
+        return {
+          entrypoint,
+          imports
+        };
+      },
+
+      modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins
+      }) {
+        if (ssrConfigMap.get(entrypoint.entryName)) {
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: ssrConfigMap.get(entrypoint.entryName)
+          });
+        }
+
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+
+      modifyEntryExport({
+        entrypoint,
+        exportStatement
+      }) {
+        if (ssrConfigMap.get(entrypoint.entryName)) {
+          return {
+            entrypoint,
+            exportStatement: [`export function ${SERVER_RENDER_FUNCTION_NAME}(context) {
+              return bootstrap(AppWrapper, context)
+            }`, exportStatement].join('\n')
+          };
+        }
+
+        return {
+          entrypoint,
+          exportStatement
+        };
+      }
+
+    };
+  }
+}));

package/dist/js/modern/ssr/index.js

@@ -0,0 +1,109 @@
+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; }
+
+import ReactDOM from 'react-dom';
+import { loadableReady } from '@loadable/component';
+import { RenderLevel } from "./serverRender/type";
+import { formatClient, mockResponse } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const ssr = () => ({
+  name: '@modern-js/plugin-ssr',
+  setup: () => {
+    const mockResp = mockResponse();
+    return {
+      client: async ({
+        App,
+        context,
+        rootElement
+      }) => {
+        var _window, _window$_SSR_DATA;
+
+        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;
+
+        if (renderLevel === RenderLevel.CLIENT_RENDER) {
+          var _prefetch, _ref;
+
+          await (App === null || App === void 0 ? void 0 : (_prefetch = (_ref = App).prefetch) === null || _prefetch === void 0 ? void 0 : _prefetch.call(_ref, context));
+          ReactDOM.render( /*#__PURE__*/_jsx(App, {
+            context: context
+          }), rootElement);
+        } else if (renderLevel === RenderLevel.SERVER_RENDER) {
+          loadableReady(() => {
+            const hydrateContext = _objectSpread(_objectSpread({}, context), {}, {
+              _hydration: true
+            });
+
+            ReactDOM.hydrate( /*#__PURE__*/_jsx(App, {
+              context: hydrateContext
+            }), rootElement, () => {
+              // won't cause component re-render because context's reference identity doesn't change
+              delete hydrateContext._hydration;
+            });
+          });
+        } else {
+          // unknown renderlevel or renderlevel is server prefetch.
+          ReactDOM.render( /*#__PURE__*/_jsx(App, {
+            context: context
+          }), rootElement);
+        }
+      },
+
+      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) {
+          return next({
+            context
+          });
+        }
+
+        context.ssrContext.response = mockResp;
+        context.ssrContext.request = 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,
+            pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+              initialData
+            })
+          });
+        }
+
+        return next({
+          context,
+          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            initialData,
+            request,
+            response: mockResp
+          })
+        });
+      }
+    };
+  }
+});
+
+export default ssr;
+export * from "./react";