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

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

@@ -1,20 +1,57 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => cli_default
 });
-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)) {
+module.exports = __toCommonJS(stdin_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const PLUGIN_IDENTIFIER = "ssr";
+const hasStringSSREntry = (userConfig) => {
+  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
+  const { server } = userConfig;
+  if ((server == null ? void 0 : server.ssr) && !isStreaming(server.ssr)) {
     return true;
   }
-  if (server !== null && server !== void 0 && server.ssrByEntries && typeof server.ssrByEntries === 'object') {
+  if ((server == null ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
     for (const name of Object.keys(server.ssrByEntries)) {
       if (!isStreaming(server.ssrByEntries[name])) {
         return true;
@@ -23,81 +60,99 @@ const hasStringSSREntry = userConfig => {
   }
   return false;
 };
-var _default = () => ({
-  name: '@modern-js/plugin-ssr',
-  required: ['@modern-js/runtime'],
-  setup: api => {
-    const ssrConfigMap = new Map();
+var cli_default = () => ({
+  name: "@modern-js/plugin-ssr",
+  required: ["@modern-js/runtime"],
+  setup: (api) => {
+    const ssrConfigMap = /* @__PURE__ */ new Map();
     let pluginsExportsUtils;
     return {
       config() {
         const appContext = api.useAppContext();
-        pluginsExportsUtils = (0, _utils.createRuntimeExportsUtils)(appContext.internalDirectory, 'plugins');
+        pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(
+          appContext.internalDirectory,
+          "plugins"
+        );
         return {
           source: {
             alias: {
-              '@modern-js/runtime/plugins': pluginsExportsUtils.getPath()
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath()
             }
           },
           tools: {
-            webpackChain: (chain, {
-              name,
-              CHAIN_ID
-            }) => {
+            webpackChain: (chain, { name, isServer, CHAIN_ID }) => {
               const userConfig = api.useResolvedConfigContext();
-              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('@loadable/webpack-plugin');
-                chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [{
-                  filename: _utils.LOADABLE_STATS_FILE
-                }]);
+              if ((0, import_utils.isUseSSRBundle)(userConfig) && name !== "server" && hasStringSSREntry(userConfig)) {
+                const LoadableWebpackPlugin = require("@loadable/webpack-plugin");
+                chain.plugin(CHAIN_ID.PLUGIN.LOADABLE).use(LoadableWebpackPlugin, [
+                  { filename: import_utils.LOADABLE_STATS_FILE }
+                ]);
               }
+              const prefix = `${appContext.metaName.split(/[-_]/)[0]}_`.toUpperCase();
+              const modernVars = {
+                [`process.env.${prefix}TARGET`]: JSON.stringify(
+                  isServer ? "node" : "browser"
+                )
+              };
+              chain.plugin(CHAIN_ID.PLUGIN.DEFINE).tap((args) => {
+                const [vars, ...rest] = args;
+                return [
+                  __spreadValues(__spreadValues({}, vars), modernVars),
+                  ...rest
+                ];
+              });
             },
-            babel: config => {
+            babel: (config) => {
+              config.plugins.push(
+                import_path.default.join(__dirname, "./babel-plugin-ssr-loader-id")
+              );
               const userConfig = api.useResolvedConfigContext();
-              if ((0, _utils.isUseSSRBundle)(userConfig) && hasStringSSREntry(userConfig)) {
-                config.plugins.push(require.resolve('@loadable/babel-plugin'));
+              if ((0, import_utils.isUseSSRBundle)(userConfig) && hasStringSSREntry(userConfig)) {
+                config.plugins.push(require.resolve("@loadable/babel-plugin"));
               }
             }
           }
         };
       },
-      modifyEntryImports({
-        entrypoint,
-        imports
-      }) {
-        const {
-          entryName,
-          fileSystemRoutes
-        } = entrypoint;
+      modifyEntryImports({ entrypoint, imports }) {
+        var _a;
+        const { 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
-        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'`);
+        const { packageName, entrypoints } = api.useAppContext();
+        pluginsExportsUtils.addExport(
+          `export { default as ssr } from '@modern-js/runtime/ssr'`
+        );
+        const ssrConfig = (0, import_utils.getEntryOptions)(
+          entryName,
+          userConfig.server.ssr,
+          userConfig.server.ssrByEntries,
+          packageName
+        );
+        if (typeof ssrConfig === "object" && ssrConfig.mode === "stream") {
+          const runtimeConfig = (0, import_utils.getEntryOptions)(
+            entryName,
+            userConfig.runtime,
+            userConfig.runtimeByEntries,
+            packageName
+          );
+          if ((_a = runtimeConfig == null ? void 0 : runtimeConfig.router) == null ? void 0 : _a.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.`);
+            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]);
+        const useSSG = (0, import_utils.isSingleEntry)(entrypoints) ? Boolean(ssgConfig) : ssgConfig === true || typeof (ssgConfig == null ? void 0 : ssgConfig[0]) === "function" || Boolean(ssgConfig == null ? void 0 : ssgConfig[entryName]);
         ssrConfigMap.set(entryName, ssrConfig || useSSG);
         if (ssrConfig || useSSG) {
           imports.push({
-            value: '@modern-js/runtime/plugins',
-            specifiers: [{
-              imported: PLUGIN_IDENTIFIER
-            }]
+            value: "@modern-js/runtime/plugins",
+            specifiers: [{ imported: PLUGIN_IDENTIFIER }]
           });
         }
         return {
@@ -105,10 +160,7 @@ var _default = () => ({
           imports
         };
       },
-      modifyEntryRuntimePlugins({
-        entrypoint,
-        plugins
-      }) {
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
         if (ssrConfigMap.get(entrypoint.entryName)) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
@@ -120,24 +172,20 @@ var _default = () => ({
           plugins
         };
       },
-      modifyEntryExport({
-        entrypoint,
-        exportStatement
-      }) {
+      modifyEntryExport({ entrypoint, exportStatement }) {
         if (ssrConfigMap.get(entrypoint.entryName)) {
           return {
             entrypoint,
-            exportStatement: [`export function ${_utils.SERVER_RENDER_FUNCTION_NAME}(context) {
+            exportStatement: [
+              `export function ${import_utils.SERVER_RENDER_FUNCTION_NAME}(context) {
               return bootstrap(AppWrapper, context)
-            }`, exportStatement].join('\n')
+            }`,
+              exportStatement
+            ].join("\n")
           };
         }
-        return {
-          entrypoint,
-          exportStatement
-        };
+        return { entrypoint, exportStatement };
       }
     };
   }
 });
-exports.default = _default;

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

@@ -1,155 +1,176 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ssr: 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;
 };
-exports.ssr = exports.default = void 0;
-var _component = require("@loadable/component");
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-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;
-  if (key in exports && exports[key] === _react[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _react[key];
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => ssr_default,
+  ssr: () => ssr
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_component = require("@loadable/component");
+var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+var import_types = require("./serverRender/types");
+var import_withCallback = require("./react/withCallback");
+var import_utils = require("./utils");
+__reExport(stdin_exports, require("./react"), module.exports);
+var __defProp2 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp2.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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());
   });
-});
-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 ssr = config => ({
-  name: '@modern-js/plugin-ssr',
+};
+const ssr = (config) => ({
+  name: "@modern-js/plugin-ssr",
   setup: () => {
-    const mockResp = (0, _utils.mockResponse)();
+    const mockResp = (0, import_utils.mockResponse)();
     return {
-      client: async ({
-        App,
-        context,
-        ModernRender,
-        ModernHydrate
-      }) => {
-        var _window, _window$_SSR_DATA;
-        const hydrateContext = _objectSpread(_objectSpread({}, context), {}, {
+      client: (_0) => __async(void 0, [_0], function* ({ App, context, ModernRender, ModernHydrate }) {
+        var _a;
+        const hydrateContext = __spreadProps(__spreadValues({}, 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) || _types.RenderLevel.CLIENT_RENDER;
-
-        // react streamSSR hydrate
-        if ((0, _utils.isReact18)() && config.mode === 'stream') {
+        const renderLevel = ((_a = window == null ? void 0 : window._SSR_DATA) == null ? void 0 : _a.renderLevel) || import_types.RenderLevel.CLIENT_RENDER;
+        if ((0, import_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
+          if (renderLevel === import_types.RenderLevel.CLIENT_RENDER || renderLevel === import_types.RenderLevel.SERVER_PREFETCH) {
+            ModernRender(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              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, {
+          } else if (renderLevel === import_types.RenderLevel.SERVER_RENDER) {
+            if ((0, import_utils.isReact18)()) {
+              (0, import_component.loadableReady)(() => {
+                let SSRApp = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_withCallback.WithCallback, {
+                  callback,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
                     context: hydrateContext
                   })
                 });
-                SSRApp = (0, _hoistNonReactStatics.default)(SSRApp, App);
-                ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(SSRApp, {}));
+                SSRApp = (0, import_hoist_non_react_statics.default)(SSRApp, App);
+                ModernHydrate(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SSRApp, {}));
               });
             } else {
-              (0, _component.loadableReady)(() => {
-                ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+              (0, import_component.loadableReady)(() => {
+                ModernHydrate(/* @__PURE__ */ (0, import_jsx_runtime.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
+            console.warn(
+              `unknow render level: ${renderLevel}, execute render()`
+            );
+            ModernRender(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              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, {
+          if (renderLevel === import_types.RenderLevel.SERVER_RENDER) {
+            let SSRApp = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_withCallback.WithCallback, {
+              callback,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
                 context: hydrateContext
               })
             });
-            SSRApp = (0, _hoistNonReactStatics.default)(SSRApp, App);
-            ModernHydrate( /*#__PURE__*/(0, _jsxRuntime.jsx)(SSRApp, {}));
+            SSRApp = (0, import_hoist_non_react_statics.default)(SSRApp, App);
+            ModernHydrate(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SSRApp, {}));
           } else {
-            ModernRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
-              context: context
+            ModernRender(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              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;
+      }),
+      init({ context }, next) {
+        var _a, _b;
+        const request = (_b = (_a = window == null ? void 0 : window._SSR_DATA) == null ? void 0 : _a.context) == null ? void 0 : _b.request;
         if (!request) {
-          context.ssrContext = _objectSpread(_objectSpread({}, context.ssrContext), {}, {
+          context.ssrContext = __spreadProps(__spreadValues({}, context.ssrContext), {
             response: mockResp,
-            request: (0, _utils.formatClient)({})
-          });
-          return next({
-            context
+            request: (0, import_utils.formatClient)({})
           });
+          return next({ context });
         }
         context.ssrContext.response = mockResp;
-        context.ssrContext.request = (0, _utils.formatClient)(request);
-        return next({
-          context
-        });
+        context.ssrContext.request = (0, import_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;
+      pickContext: ({ context, pickedContext }, next) => {
+        var _a, _b;
+        const request = (_b = (_a = window == null ? void 0 : window._SSR_DATA) == null ? void 0 : _a.context) == null ? void 0 : _b.request;
+        const { initialData } = context;
         if (!request) {
           return next({
             context,
-            pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+            pickedContext: __spreadProps(__spreadValues({}, pickedContext), {
               initialData
             })
           });
         }
         return next({
           context,
-          pickedContext: _objectSpread(_objectSpread({}, pickedContext), {}, {
+          pickedContext: __spreadProps(__spreadValues({}, pickedContext), {
             initialData,
             request,
             response: mockResp
@@ -159,6 +180,4 @@ const ssr = config => ({
     };
   }
 });
-exports.ssr = ssr;
-var _default = ssr;
-exports.default = _default;
+var ssr_default = ssr;