@module-federation/bridge-react 0.0.0-next-20250707074728 → 0.0.0-next-20250708033956

package/CHANGELOG.md

@@ -1,12 +1,16 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250707074728
+## 0.0.0-next-20250708033956
+
+### Minor Changes
+
+- eb0d1dc: refactor(bridge-react): rename createRemoteComponent as createRemoteAppComponent
 
 ### Patch Changes
 
-- f1834fa: chore: rename FederationHost to ModuleFederation
-  - @module-federation/sdk@0.0.0-next-20250707074728
-  - @module-federation/bridge-shared@0.0.0-next-20250707074728
+- eb0d1dc: feat(bridge-react): export createLazyCompoent api
+  - @module-federation/sdk@0.0.0-next-20250708033956
+  - @module-federation/bridge-shared@0.0.0-next-20250708033956
 
 ## 0.16.0
 

package/__tests__/bridge.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { assert, describe, it } from 'vitest';
-import { createBridgeComponent, createRemoteComponent } from '../src';
+import { createBridgeComponent, createRemoteAppComponent } from '../src';
 import {
   act,
   fireEvent,
@@ -44,14 +44,14 @@ describe('bridge', () => {
     expect(document.querySelector('#container')!.innerHTML).toContain('');
   });
 
-  it('createRemoteComponent', async () => {
+  it('createRemoteAppComponent', async () => {
     function Component({ props }: { props?: Record<string, any> }) {
       return <div>life cycle render {props?.msg}</div>;
     }
     const BridgeComponent = createBridgeComponent({
       rootComponent: Component,
     });
-    const RemoteComponent = createRemoteComponent({
+    const RemoteComponent = createRemoteAppComponent({
       loader: async () => {
         return {
           default: BridgeComponent,
@@ -71,7 +71,7 @@ describe('bridge', () => {
     expect(getHtml(container)).toMatch('hello world');
   });
 
-  it('createRemoteComponent and obtain ref property', async () => {
+  it('createRemoteAppComponent and obtain ref property', async () => {
     const ref = {
       current: null,
     };
@@ -82,7 +82,7 @@ describe('bridge', () => {
     const BridgeComponent = createBridgeComponent({
       rootComponent: Component,
     });
-    const RemoteComponent = createRemoteComponent({
+    const RemoteComponent = createRemoteAppComponent({
       loader: async () => {
         return {
           default: BridgeComponent,
@@ -103,7 +103,7 @@ describe('bridge', () => {
     expect(ref.current).not.toBeNull();
   });
 
-  it('createRemoteComponent with custom createRoot prop', async () => {
+  it('createRemoteAppComponent with custom createRoot prop', async () => {
     const renderMock = vi.fn();
 
     function Component({ props }: { props?: Record<string, any> }) {
@@ -118,7 +118,7 @@ describe('bridge', () => {
         };
       },
     });
-    const RemoteComponent = createRemoteComponent({
+    const RemoteComponent = createRemoteAppComponent({
       loader: async () => {
         return {
           default: BridgeComponent,

package/dist/{bridge-base-P6pEjY1q.js → bridge-base-BoshEggF.mjs}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Component, createElement, createContext } from "react";
-import { L as LoggerInstance, R as RouterContext } from "./index-D4yt7Udv.js";
+import { L as LoggerInstance, R as RouterContext } from "./index-CqxytsLY.mjs";
 import { federationRuntime } from "./plugin.es.js";
 const ErrorBoundaryContext = createContext(null);
 const initialState = {

package/dist/{bridge-base-BBH982Tz.cjs → bridge-base-UGCwcMnG.js}

@@ -1,6 +1,6 @@
 "use strict";
 const React = require("react");
-const index = require("./index-Cv3p6r66.cjs");
+const index = require("./index-C0fDZB5b.js");
 const plugin = require("./plugin.cjs.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/data-fetch-runtime-plugin.cjs.js

@@ -0,0 +1,73 @@
+"use strict";
+const injectDataFetch = require("./inject-data-fetch-CAvi-gSf.js");
+const lazyUtils = require("./utils-iEVlDmyk.js");
+const autoFetchData = () => ({
+  name: "auto-fetch-data-plugin",
+  beforeInit(args) {
+    lazyUtils.initDataFetchMap();
+    injectDataFetch.injectDataFetch();
+    return args;
+  },
+  afterLoadSnapshot(args) {
+    const { id, moduleInfo, remoteSnapshot, host } = args;
+    if (typeof id === "string" && lazyUtils.isDataLoaderExpose(id)) {
+      return args;
+    }
+    if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
+      return args;
+    }
+    const { name, alias } = moduleInfo;
+    const dataFetchInfo = lazyUtils.getDataFetchInfo({
+      name,
+      alias,
+      id,
+      remoteSnapshot
+    });
+    if (!dataFetchInfo) {
+      return args;
+    }
+    const { dataFetchId, dataFetchName } = dataFetchInfo;
+    const dataFetchMapKey = lazyUtils.getDataFetchMapKey(dataFetchInfo, {
+      name: host.name,
+      version: host.options.version
+    });
+    lazyUtils.logger.debug(
+      "======= auto fetch plugin dataFetchMapKey: ",
+      dataFetchMapKey
+    );
+    if (!dataFetchMapKey) {
+      return args;
+    }
+    const dataFetchItem = lazyUtils.getDataFetchItem(dataFetchMapKey);
+    if (dataFetchItem) {
+      return args;
+    }
+    const dataFetchMap = lazyUtils.getDataFetchMap();
+    const hasSSRAsset = Boolean(remoteSnapshot.ssrRemoteEntry);
+    const hasDataFetchClient = Boolean(
+      remoteSnapshot.modules.find(
+        (module2) => module2.moduleName === `${dataFetchName}${lazyUtils.DATA_FETCH_CLIENT_SUFFIX}`
+      )
+    );
+    const downgradeType = hasDataFetchClient ? lazyUtils.MF_DATA_FETCH_TYPE.FETCH_CLIENT : hasSSRAsset ? lazyUtils.MF_DATA_FETCH_TYPE.FETCH_SERVER : lazyUtils.MF_DATA_FETCH_TYPE.FETCH_CLIENT;
+    let finalDataFetchId = dataFetchId;
+    if (!lazyUtils.isServerEnv()) {
+      finalDataFetchId = downgradeType === lazyUtils.MF_DATA_FETCH_TYPE.FETCH_CLIENT ? hasDataFetchClient ? `${dataFetchId}${lazyUtils.DATA_FETCH_CLIENT_SUFFIX}` : dataFetchId : dataFetchId;
+    }
+    const getDataFetchGetter = () => lazyUtils.loadDataFetchModule(host, finalDataFetchId);
+    const dataFetchFnItem = [
+      getDataFetchGetter,
+      downgradeType
+    ];
+    if (typeof window === "undefined" || lazyUtils.isCSROnly()) {
+      dataFetchFnItem.push(getDataFetchGetter());
+    }
+    dataFetchMap[dataFetchMapKey] = [
+      dataFetchFnItem,
+      void 0,
+      lazyUtils.MF_DATA_FETCH_STATUS.AWAIT
+    ];
+    return args;
+  }
+});
+module.exports = autoFetchData;

package/dist/data-fetch-runtime-plugin.d.ts

@@ -0,0 +1,6 @@
+import { FederationRuntimePlugin } from '@module-federation/runtime';
+
+declare const autoFetchData: () => FederationRuntimePlugin;
+export default autoFetchData;
+
+export { }

package/dist/data-fetch-runtime-plugin.es.js

@@ -0,0 +1,74 @@
+import { i as injectDataFetch } from "./inject-data-fetch-errCdqBS.mjs";
+import { i as isDataLoaderExpose, g as getDataFetchInfo, a as getDataFetchMapKey, l as logger, b as getDataFetchItem, D as DATA_FETCH_CLIENT_SUFFIX, M as MF_DATA_FETCH_TYPE, c as isServerEnv, d as isCSROnly, e as loadDataFetchModule, f as MF_DATA_FETCH_STATUS, h as getDataFetchMap, j as initDataFetchMap } from "./utils-Bk8hGjjF.mjs";
+const autoFetchData = () => ({
+  name: "auto-fetch-data-plugin",
+  beforeInit(args) {
+    initDataFetchMap();
+    injectDataFetch();
+    return args;
+  },
+  afterLoadSnapshot(args) {
+    const { id, moduleInfo, remoteSnapshot, host } = args;
+    if (typeof id === "string" && isDataLoaderExpose(id)) {
+      return args;
+    }
+    if (!remoteSnapshot || !id || !("modules" in remoteSnapshot)) {
+      return args;
+    }
+    const { name, alias } = moduleInfo;
+    const dataFetchInfo = getDataFetchInfo({
+      name,
+      alias,
+      id,
+      remoteSnapshot
+    });
+    if (!dataFetchInfo) {
+      return args;
+    }
+    const { dataFetchId, dataFetchName } = dataFetchInfo;
+    const dataFetchMapKey = getDataFetchMapKey(dataFetchInfo, {
+      name: host.name,
+      version: host.options.version
+    });
+    logger.debug(
+      "======= auto fetch plugin dataFetchMapKey: ",
+      dataFetchMapKey
+    );
+    if (!dataFetchMapKey) {
+      return args;
+    }
+    const dataFetchItem = getDataFetchItem(dataFetchMapKey);
+    if (dataFetchItem) {
+      return args;
+    }
+    const dataFetchMap = getDataFetchMap();
+    const hasSSRAsset = Boolean(remoteSnapshot.ssrRemoteEntry);
+    const hasDataFetchClient = Boolean(
+      remoteSnapshot.modules.find(
+        (module) => module.moduleName === `${dataFetchName}${DATA_FETCH_CLIENT_SUFFIX}`
+      )
+    );
+    const downgradeType = hasDataFetchClient ? MF_DATA_FETCH_TYPE.FETCH_CLIENT : hasSSRAsset ? MF_DATA_FETCH_TYPE.FETCH_SERVER : MF_DATA_FETCH_TYPE.FETCH_CLIENT;
+    let finalDataFetchId = dataFetchId;
+    if (!isServerEnv()) {
+      finalDataFetchId = downgradeType === MF_DATA_FETCH_TYPE.FETCH_CLIENT ? hasDataFetchClient ? `${dataFetchId}${DATA_FETCH_CLIENT_SUFFIX}` : dataFetchId : dataFetchId;
+    }
+    const getDataFetchGetter = () => loadDataFetchModule(host, finalDataFetchId);
+    const dataFetchFnItem = [
+      getDataFetchGetter,
+      downgradeType
+    ];
+    if (typeof window === "undefined" || isCSROnly()) {
+      dataFetchFnItem.push(getDataFetchGetter());
+    }
+    dataFetchMap[dataFetchMapKey] = [
+      dataFetchFnItem,
+      void 0,
+      MF_DATA_FETCH_STATUS.AWAIT
+    ];
+    return args;
+  }
+});
+export {
+  autoFetchData as default
+};

package/dist/data-fetch-server-middleware.cjs.js

@@ -0,0 +1,163 @@
+"use strict";
+const lazyUtils = require("./utils-iEVlDmyk.js");
+const index_esm = require("./index.esm-j_1sIRzg.js");
+function wrapSetTimeout(targetPromise, delay = 2e4, id) {
+  if (targetPromise && typeof targetPromise.then === "function") {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => {
+        lazyUtils.logger.warn(`Data fetch for ID ${id} timed out after 20 seconds.`);
+        reject(new Error(`Data fetch for ID ${id} timed out after 20 seconds`));
+      }, delay);
+      targetPromise.then((value) => {
+        clearTimeout(timeoutId);
+        resolve(value);
+      }).catch((err) => {
+        clearTimeout(timeoutId);
+        reject(err);
+      });
+    });
+  }
+}
+function addProtocol(url) {
+  if (url.startsWith("//")) {
+    return "https:" + url;
+  }
+  return url;
+}
+const getDecodeQuery = (url, name) => {
+  const res = url.searchParams.get(name);
+  if (!res) {
+    return null;
+  }
+  return decodeURIComponent(res);
+};
+const dataFetchServerMiddleware = async (ctx, next) => {
+  var _a, _b, _c;
+  let url;
+  let dataFetchKey;
+  let params;
+  let remoteInfo;
+  try {
+    url = new URL(ctx.req.url);
+    dataFetchKey = getDecodeQuery(url, lazyUtils.DATA_FETCH_QUERY);
+    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
+    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
+    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
+  } catch (e) {
+    lazyUtils.logger.error("fetch data from server, error: ", e);
+    return next();
+  }
+  if (!dataFetchKey) {
+    return next();
+  }
+  lazyUtils.logger.log("fetch data from server, dataFetchKey: ", dataFetchKey);
+  lazyUtils.logger.debug(
+    "fetch data from server, moduleInfo: ",
+    (_a = globalThis.__FEDERATION__) == null ? void 0 : _a.moduleInfo
+  );
+  try {
+    const dataFetchMap = lazyUtils.getDataFetchMap();
+    if (!dataFetchMap) {
+      lazyUtils.initDataFetchMap();
+    }
+    const fetchDataPromise = (_b = dataFetchMap[dataFetchKey]) == null ? void 0 : _b[1];
+    lazyUtils.logger.debug(
+      "fetch data from server, fetchDataPromise: ",
+      fetchDataPromise
+    );
+    if (fetchDataPromise && ((_c = dataFetchMap[dataFetchKey]) == null ? void 0 : _c[2]) !== lazyUtils.MF_DATA_FETCH_STATUS.ERROR) {
+      const targetPromise = fetchDataPromise[0];
+      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchKey);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        lazyUtils.logger.log("fetch data from server, fetchDataPromise res: ", res);
+        return ctx.json(res);
+      }
+      lazyUtils.logger.error(
+        `Expected a Promise from fetchDataPromise[0] for dataFetchKey ${dataFetchKey}, but received:`,
+        targetPromise,
+        "Will try call new dataFetch again..."
+      );
+    }
+    if (remoteInfo) {
+      try {
+        const hostInstance2 = globalThis.__FEDERATION__.__INSTANCES__[0];
+        const remoteEntry = `${addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry}`;
+        if (!hostInstance2) {
+          throw new Error("host instance not found!");
+        }
+        const remote = hostInstance2.options.remotes.find(
+          (remote2) => remote2.name === remoteInfo.name
+        );
+        lazyUtils.logger.debug("find remote: ", JSON.stringify(remote));
+        if (!remote) {
+          hostInstance2.registerRemotes([
+            {
+              name: remoteInfo.name,
+              entry: remoteEntry,
+              entryGlobalName: remoteInfo.globalName
+            }
+          ]);
+        } else if (!("entry" in remote) || !remote.entry.includes(index_esm.MANIFEST_EXT)) {
+          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
+          lazyUtils.logger.debug(
+            "find hostGlobalSnapshot: ",
+            JSON.stringify(hostGlobalSnapshot)
+          );
+          lazyUtils.logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
+          if (!hostGlobalSnapshot || !remoteSnapshot) {
+            if ("version" in remote) {
+              delete remote.version;
+            }
+            remote.entry = remoteEntry;
+            remote.entryGlobalName = remoteInfo.globalName;
+          }
+        }
+      } catch (e) {
+        ctx.status(500);
+        return ctx.text(
+          `failed to fetch ${remoteInfo.name} data, error:
+ ${e}`
+        );
+      }
+    }
+    const dataFetchItem = dataFetchMap[dataFetchKey];
+    lazyUtils.logger.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
+    if (dataFetchItem) {
+      const callFetchDataPromise = lazyUtils.fetchData(dataFetchKey, {
+        ...params,
+        isDowngrade: !remoteInfo,
+        _id: dataFetchKey
+      });
+      const wrappedPromise = wrapSetTimeout(
+        callFetchDataPromise,
+        2e4,
+        dataFetchKey
+      );
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        lazyUtils.logger.log("fetch data from server, dataFetchItem res: ", res);
+        return ctx.json(res);
+      }
+    }
+    const remoteId = dataFetchKey.split(index_esm.SEPARATOR)[0];
+    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
+    if (!hostInstance) {
+      throw new Error("host instance not found!");
+    }
+    const dataFetchFn = await lazyUtils.loadDataFetchModule(hostInstance, remoteId);
+    const data = await dataFetchFn({
+      ...params,
+      isDowngrade: !remoteInfo,
+      _id: dataFetchKey
+    });
+    lazyUtils.logger.log("fetch data from server, loadDataFetchModule res: ", data);
+    return ctx.json(data);
+  } catch (e) {
+    lazyUtils.logger.error("server plugin data fetch error: ", e);
+    ctx.status(500);
+    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+  }
+};
+module.exports = dataFetchServerMiddleware;

package/dist/data-fetch-server-middleware.d.ts

@@ -0,0 +1,6 @@
+import { MiddlewareHandler } from 'hono';
+
+declare const dataFetchServerMiddleware: MiddlewareHandler;
+export default dataFetchServerMiddleware;
+
+export { }

package/dist/data-fetch-server-middleware.es.js

@@ -0,0 +1,164 @@
+import { k as DATA_FETCH_QUERY, l as logger, h as getDataFetchMap, j as initDataFetchMap, f as MF_DATA_FETCH_STATUS, m as fetchData, e as loadDataFetchModule } from "./utils-Bk8hGjjF.mjs";
+import { M as MANIFEST_EXT, S as SEPARATOR } from "./index.esm-BCeUd-x9.mjs";
+function wrapSetTimeout(targetPromise, delay = 2e4, id) {
+  if (targetPromise && typeof targetPromise.then === "function") {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => {
+        logger.warn(`Data fetch for ID ${id} timed out after 20 seconds.`);
+        reject(new Error(`Data fetch for ID ${id} timed out after 20 seconds`));
+      }, delay);
+      targetPromise.then((value) => {
+        clearTimeout(timeoutId);
+        resolve(value);
+      }).catch((err) => {
+        clearTimeout(timeoutId);
+        reject(err);
+      });
+    });
+  }
+}
+function addProtocol(url) {
+  if (url.startsWith("//")) {
+    return "https:" + url;
+  }
+  return url;
+}
+const getDecodeQuery = (url, name) => {
+  const res = url.searchParams.get(name);
+  if (!res) {
+    return null;
+  }
+  return decodeURIComponent(res);
+};
+const dataFetchServerMiddleware = async (ctx, next) => {
+  var _a, _b, _c;
+  let url;
+  let dataFetchKey;
+  let params;
+  let remoteInfo;
+  try {
+    url = new URL(ctx.req.url);
+    dataFetchKey = getDecodeQuery(url, DATA_FETCH_QUERY);
+    params = JSON.parse(getDecodeQuery(url, "params") || "{}");
+    const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
+    remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
+  } catch (e) {
+    logger.error("fetch data from server, error: ", e);
+    return next();
+  }
+  if (!dataFetchKey) {
+    return next();
+  }
+  logger.log("fetch data from server, dataFetchKey: ", dataFetchKey);
+  logger.debug(
+    "fetch data from server, moduleInfo: ",
+    (_a = globalThis.__FEDERATION__) == null ? void 0 : _a.moduleInfo
+  );
+  try {
+    const dataFetchMap = getDataFetchMap();
+    if (!dataFetchMap) {
+      initDataFetchMap();
+    }
+    const fetchDataPromise = (_b = dataFetchMap[dataFetchKey]) == null ? void 0 : _b[1];
+    logger.debug(
+      "fetch data from server, fetchDataPromise: ",
+      fetchDataPromise
+    );
+    if (fetchDataPromise && ((_c = dataFetchMap[dataFetchKey]) == null ? void 0 : _c[2]) !== MF_DATA_FETCH_STATUS.ERROR) {
+      const targetPromise = fetchDataPromise[0];
+      const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchKey);
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        logger.log("fetch data from server, fetchDataPromise res: ", res);
+        return ctx.json(res);
+      }
+      logger.error(
+        `Expected a Promise from fetchDataPromise[0] for dataFetchKey ${dataFetchKey}, but received:`,
+        targetPromise,
+        "Will try call new dataFetch again..."
+      );
+    }
+    if (remoteInfo) {
+      try {
+        const hostInstance2 = globalThis.__FEDERATION__.__INSTANCES__[0];
+        const remoteEntry = `${addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry}`;
+        if (!hostInstance2) {
+          throw new Error("host instance not found!");
+        }
+        const remote = hostInstance2.options.remotes.find(
+          (remote2) => remote2.name === remoteInfo.name
+        );
+        logger.debug("find remote: ", JSON.stringify(remote));
+        if (!remote) {
+          hostInstance2.registerRemotes([
+            {
+              name: remoteInfo.name,
+              entry: remoteEntry,
+              entryGlobalName: remoteInfo.globalName
+            }
+          ]);
+        } else if (!("entry" in remote) || !remote.entry.includes(MANIFEST_EXT)) {
+          const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
+          logger.debug(
+            "find hostGlobalSnapshot: ",
+            JSON.stringify(hostGlobalSnapshot)
+          );
+          logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
+          if (!hostGlobalSnapshot || !remoteSnapshot) {
+            if ("version" in remote) {
+              delete remote.version;
+            }
+            remote.entry = remoteEntry;
+            remote.entryGlobalName = remoteInfo.globalName;
+          }
+        }
+      } catch (e) {
+        ctx.status(500);
+        return ctx.text(
+          `failed to fetch ${remoteInfo.name} data, error:
+ ${e}`
+        );
+      }
+    }
+    const dataFetchItem = dataFetchMap[dataFetchKey];
+    logger.debug("fetch data from server, dataFetchItem: ", dataFetchItem);
+    if (dataFetchItem) {
+      const callFetchDataPromise = fetchData(dataFetchKey, {
+        ...params,
+        isDowngrade: !remoteInfo,
+        _id: dataFetchKey
+      });
+      const wrappedPromise = wrapSetTimeout(
+        callFetchDataPromise,
+        2e4,
+        dataFetchKey
+      );
+      if (wrappedPromise) {
+        const res = await wrappedPromise;
+        logger.log("fetch data from server, dataFetchItem res: ", res);
+        return ctx.json(res);
+      }
+    }
+    const remoteId = dataFetchKey.split(SEPARATOR)[0];
+    const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
+    if (!hostInstance) {
+      throw new Error("host instance not found!");
+    }
+    const dataFetchFn = await loadDataFetchModule(hostInstance, remoteId);
+    const data = await dataFetchFn({
+      ...params,
+      isDowngrade: !remoteInfo,
+      _id: dataFetchKey
+    });
+    logger.log("fetch data from server, loadDataFetchModule res: ", data);
+    return ctx.json(data);
+  } catch (e) {
+    logger.error("server plugin data fetch error: ", e);
+    ctx.status(500);
+    return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
+ ${e}`);
+  }
+};
+export {
+  dataFetchServerMiddleware as default
+};