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

package/src/lazy/index.ts

@@ -9,7 +9,7 @@ export type {
 
 export { createLazyComponent, collectSSRAssets } from './createLazyComponent';
 
-export { wrapNoSSR } from './wrapNoSSR';
+// export { wrapNoSSR } from './wrapNoSSR';
 
 export {
   injectDataFetch,
@@ -28,4 +28,8 @@ export { setSSREnv } from './utils';
 
 export { autoFetchDataPlugin };
 
-export type { CacheStatus, CacheStatsInfo } from './data-fetch';
+export type {
+  CacheStatus,
+  CacheStatsInfo,
+  PrefetchOptions,
+} from './data-fetch';

package/src/plugins/lazy-load-component-plugin.ts

@@ -0,0 +1,72 @@
+import type {
+  FederationHost,
+  FederationRuntimePlugin,
+} from '@module-federation/runtime';
+import {
+  createLazyComponent,
+  prefetch,
+  collectSSRAssets,
+  autoFetchDataPlugin,
+} from '../lazy';
+import type { CreateLazyComponentOptions, PrefetchOptions } from '../lazy';
+
+declare module '@module-federation/runtime' {
+  interface FederationHost {
+    createLazyComponent<T, E extends keyof T>(
+      options: Omit<CreateLazyComponentOptions<T, E>, 'instance'>,
+    ): ReturnType<typeof createLazyComponent<T, E>>;
+    prefetch(
+      options: Omit<PrefetchOptions, 'instance'>,
+    ): ReturnType<typeof prefetch>;
+    // wrapNoSSR<T, E extends keyof T>(
+    //   createLazyComponentFn: typeof createLazyComponent<T, E>,
+    // ): (
+    //   options: Omit<CreateLazyComponentOptions<T, E>, 'instance' | 'noSSR'>,
+    // ) => ReturnType<typeof createLazyComponent<T, E>>;
+    collectSSRAssets(
+      options: Omit<Parameters<typeof collectSSRAssets>[0], 'instance'>,
+    ): ReturnType<typeof collectSSRAssets>;
+  }
+}
+
+export function lazyLoadComponentPlugin(): FederationRuntimePlugin {
+  return {
+    name: 'lazy-load-component-plugin',
+    apply(instance: FederationHost) {
+      instance.registerPlugins([autoFetchDataPlugin()]);
+
+      instance.createLazyComponent = (options) => {
+        return createLazyComponent({
+          instance,
+          ...options,
+        });
+      };
+
+      instance.prefetch = (options) => {
+        return prefetch({
+          instance,
+          ...options,
+        });
+      };
+
+      instance.wrapNoSSR = (fn) => {
+        return (options) => {
+          return fn({
+            instance,
+            noSSR: true,
+            ...options,
+          });
+        };
+      };
+
+      instance.collectSSRAssets = (options) => {
+        return collectSSRAssets({
+          instance,
+          ...options,
+        });
+      };
+    },
+  };
+}
+
+export default lazyLoadComponentPlugin;

package/vite.config.ts

@@ -26,9 +26,9 @@ export default defineConfig({
         'router-v6': path.resolve(__dirname, 'src/router/v6.tsx'),
         v18: path.resolve(__dirname, 'src/v18.ts'),
         v19: path.resolve(__dirname, 'src/v19.ts'),
-        'data-fetch-runtime-plugin': path.resolve(
+        'lazy-load-component-plugin': path.resolve(
           __dirname,
-          'src/lazy/data-fetch/runtime-plugin.ts',
+          'src/plugins/lazy-load-component-plugin.ts',
         ),
         'data-fetch-server-middleware': path.resolve(
           __dirname,

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

@@ -1,73 +0,0 @@
-"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

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

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

@@ -1,74 +0,0 @@
-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/inject-data-fetch-CAvi-gSf.js

@@ -1,79 +0,0 @@
-"use strict";
-const lazyUtils = require("./utils-iEVlDmyk.js");
-const dataFetchFunction = async function(options) {
-  var _a, _b;
-  const [id, data, downgrade] = options;
-  lazyUtils.logger.debug("==========call data fetch function!");
-  if (data) {
-    if (!id) {
-      throw new Error("id is required!");
-    }
-    if (!lazyUtils.getDataFetchMap()) {
-      lazyUtils.initDataFetchMap();
-    }
-    const dataFetchItem = lazyUtils.getDataFetchItem(id);
-    if (dataFetchItem) {
-      (_b = (_a = dataFetchItem[1]) == null ? void 0 : _a[1]) == null ? void 0 : _b.call(_a, data);
-      dataFetchItem[2] = lazyUtils.MF_DATA_FETCH_STATUS.LOADED;
-      return;
-    }
-    if (!dataFetchItem) {
-      const dataFetchMap = lazyUtils.getDataFetchMap();
-      let res;
-      let rej;
-      const p = new Promise((resolve, reject) => {
-        res = resolve;
-        rej = reject;
-      });
-      dataFetchMap[id] = [
-        [
-          async () => async () => {
-            return "";
-          },
-          lazyUtils.MF_DATA_FETCH_TYPE.FETCH_SERVER
-        ],
-        [p, res, rej],
-        lazyUtils.MF_DATA_FETCH_STATUS.LOADED
-      ];
-      res && res(data);
-      return;
-    }
-  }
-  if (downgrade) {
-    const mfDowngrade2 = lazyUtils.getDowngradeTag();
-    if (!mfDowngrade2) {
-      globalThis[lazyUtils.DOWNGRADE_KEY] = id ? [id] : true;
-    } else if (Array.isArray(mfDowngrade2) && id && !mfDowngrade2.includes(id)) {
-      mfDowngrade2.push(id);
-    }
-  }
-  const mfDowngrade = lazyUtils.getDowngradeTag();
-  if (typeof mfDowngrade === "boolean") {
-    return lazyUtils.callAllDowngrade();
-  }
-  if (Array.isArray(mfDowngrade)) {
-    if (!id) {
-      globalThis[lazyUtils.DOWNGRADE_KEY] = true;
-      return lazyUtils.callAllDowngrade();
-    }
-    if (!mfDowngrade.includes(id)) {
-      mfDowngrade.push(id);
-    }
-    return lazyUtils.callDowngrade(id);
-  }
-};
-function injectDataFetch() {
-  var _a;
-  globalThis[_a = lazyUtils.DATA_FETCH_FUNCTION] || (globalThis[_a] = []);
-  const dataFetch = globalThis[lazyUtils.DATA_FETCH_FUNCTION];
-  if (dataFetch.push === dataFetchFunction) {
-    return;
-  }
-  if (typeof window === "undefined") {
-    return;
-  }
-  globalThis[lazyUtils.FS_HREF] = window.location.href;
-  dataFetch.push = dataFetchFunction;
-}
-exports.dataFetchFunction = dataFetchFunction;
-exports.injectDataFetch = injectDataFetch;

package/dist/inject-data-fetch-errCdqBS.mjs

@@ -1,80 +0,0 @@
-import { n as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger, h as getDataFetchMap, j as initDataFetchMap, b as getDataFetchItem, f as MF_DATA_FETCH_STATUS, M as MF_DATA_FETCH_TYPE, o as DOWNGRADE_KEY, p as getDowngradeTag, q as callAllDowngrade, r as callDowngrade } from "./utils-Bk8hGjjF.mjs";
-const dataFetchFunction = async function(options) {
-  var _a, _b;
-  const [id, data, downgrade] = options;
-  logger.debug("==========call data fetch function!");
-  if (data) {
-    if (!id) {
-      throw new Error("id is required!");
-    }
-    if (!getDataFetchMap()) {
-      initDataFetchMap();
-    }
-    const dataFetchItem = getDataFetchItem(id);
-    if (dataFetchItem) {
-      (_b = (_a = dataFetchItem[1]) == null ? void 0 : _a[1]) == null ? void 0 : _b.call(_a, data);
-      dataFetchItem[2] = MF_DATA_FETCH_STATUS.LOADED;
-      return;
-    }
-    if (!dataFetchItem) {
-      const dataFetchMap = getDataFetchMap();
-      let res;
-      let rej;
-      const p = new Promise((resolve, reject) => {
-        res = resolve;
-        rej = reject;
-      });
-      dataFetchMap[id] = [
-        [
-          async () => async () => {
-            return "";
-          },
-          MF_DATA_FETCH_TYPE.FETCH_SERVER
-        ],
-        [p, res, rej],
-        MF_DATA_FETCH_STATUS.LOADED
-      ];
-      res && res(data);
-      return;
-    }
-  }
-  if (downgrade) {
-    const mfDowngrade2 = getDowngradeTag();
-    if (!mfDowngrade2) {
-      globalThis[DOWNGRADE_KEY] = id ? [id] : true;
-    } else if (Array.isArray(mfDowngrade2) && id && !mfDowngrade2.includes(id)) {
-      mfDowngrade2.push(id);
-    }
-  }
-  const mfDowngrade = getDowngradeTag();
-  if (typeof mfDowngrade === "boolean") {
-    return callAllDowngrade();
-  }
-  if (Array.isArray(mfDowngrade)) {
-    if (!id) {
-      globalThis[DOWNGRADE_KEY] = true;
-      return callAllDowngrade();
-    }
-    if (!mfDowngrade.includes(id)) {
-      mfDowngrade.push(id);
-    }
-    return callDowngrade(id);
-  }
-};
-function injectDataFetch() {
-  var _a;
-  globalThis[_a = DATA_FETCH_FUNCTION] || (globalThis[_a] = []);
-  const dataFetch = globalThis[DATA_FETCH_FUNCTION];
-  if (dataFetch.push === dataFetchFunction) {
-    return;
-  }
-  if (typeof window === "undefined") {
-    return;
-  }
-  globalThis[FS_HREF] = window.location.href;
-  dataFetch.push = dataFetchFunction;
-}
-export {
-  dataFetchFunction as d,
-  injectDataFetch as i
-};

package/src/.eslintrc.js

@@ -1,9 +0,0 @@
-// eslint-disable-next-line import/no-commonjs
-module.exports = {
-  root: true,
-  extends: ['@modern-js-app'],
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: ['../tsconfig.json'],
-  },
-};