@module-federation/bridge-react 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @module-federation/bridge-react
 
+## 0.18.0
+
+### Patch Changes
+
+- Updated dependencies [f6381e6]
+  - @module-federation/sdk@0.18.0
+  - @module-federation/bridge-shared@0.18.0
+
+## 0.17.1
+
+### Patch Changes
+
+- 65aa038: chore(bridge-react): set sideEffects false
+- a7cf276: chore: upgrade NX to 21.2.3, Storybook to 9.0.9, and TypeScript to 5.8.3
+
+  - Upgraded NX from 21.0.3 to 21.2.3 with workspace configuration updates
+  - Migrated Storybook from 8.3.5 to 9.0.9 with updated configurations and automigrations
+  - Upgraded TypeScript from 5.7.3 to 5.8.3 with compatibility fixes
+  - Fixed package exports and type declaration paths across all packages
+  - Resolved module resolution issues and TypeScript compatibility problems
+  - Updated build configurations and dependencies to support latest versions
+
+- d31a326: refactor: sink React packages from root to individual packages
+
+  - Removed React dependencies from root package.json and moved them to packages that actually need them
+  - Fixed rsbuild-plugin configuration to match workspace patterns
+  - Updated tests to handle platform-specific files
+  - This change improves dependency management by ensuring packages only have the dependencies they actually use
+
+- Updated dependencies [a7cf276]
+- Updated dependencies [d31a326]
+  - @module-federation/sdk@0.17.1
+  - @module-federation/bridge-shared@0.17.1
+
 ## 0.17.0
 
 ### Minor Changes

package/__tests__/bridge.spec.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { assert, describe, it } from 'vitest';
 import { createBridgeComponent, createRemoteAppComponent } from '../src';
 import {
   act,
@@ -39,6 +38,7 @@ describe('bridge', () => {
 
     lifeCycle.destroy({
       dom: containerInfo?.container,
+      moduleName: 'test',
     });
 
     expect(document.querySelector('#container')!.innerHTML).toContain('');
@@ -104,7 +104,7 @@ describe('bridge', () => {
   });
 
   it('createRemoteAppComponent with custom createRoot prop', async () => {
-    const renderMock = vi.fn();
+    const renderMock = jest.fn();
 
     function Component({ props }: { props?: Record<string, any> }) {
       return <div>life cycle render {props?.msg}</div>;
@@ -114,7 +114,7 @@ describe('bridge', () => {
       createRoot: () => {
         return {
           render: renderMock,
-          unmount: vi.fn(),
+          unmount: jest.fn(),
         };
       },
     });

package/__tests__/createLazyComponent.spec.tsx

@@ -1,6 +1,5 @@
 import React, { Suspense } from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
 import {
   createLazyComponent,
   collectSSRAssets,
@@ -9,13 +8,13 @@ import * as runtime from '@module-federation/runtime';
 import * as utils from '../src/lazy/utils';
 
 // Mocking dependencies
-vi.mock('@module-federation/runtime');
-vi.mock('../src/lazy/utils');
+jest.mock('@module-federation/runtime');
+jest.mock('../src/lazy/utils');
 
-const mockGetInstance = runtime.getInstance as vi.Mock;
-const mockGetLoadedRemoteInfos = utils.getLoadedRemoteInfos as vi.Mock;
-const mockGetDataFetchMapKey = utils.getDataFetchMapKey as vi.Mock;
-const mockFetchData = utils.fetchData as vi.Mock;
+const mockGetInstance = runtime.getInstance as jest.Mock;
+const mockGetLoadedRemoteInfos = utils.getLoadedRemoteInfos as jest.Mock;
+const mockGetDataFetchMapKey = utils.getDataFetchMapKey as jest.Mock;
+const mockFetchData = utils.fetchData as jest.Mock;
 
 const MockComponent = () => <div>Mock Component</div>;
 const LoadingComponent = () => <div>Loading...</div>;
@@ -25,11 +24,11 @@ describe('createLazyComponent', () => {
   let mockInstance: any;
 
   beforeEach(() => {
-    vi.clearAllMocks();
+    jest.clearAllMocks();
     mockInstance = {
       name: 'host-app',
       options: { version: '1.0.0' },
-      getModuleInfo: vi.fn(),
+      getModuleInfo: jest.fn(),
     };
     mockGetInstance.mockReturnValue(mockInstance);
     mockGetLoadedRemoteInfos.mockReturnValue({
@@ -56,7 +55,7 @@ describe('createLazyComponent', () => {
   });
 
   it('should render loading component then the actual component', async () => {
-    const loader = vi.fn().mockResolvedValue({
+    const loader = jest.fn().mockResolvedValue({
       default: MockComponent,
       [Symbol.for('mf_module_id')]: 'remoteApp/Component',
     });
@@ -84,7 +83,7 @@ describe('createLazyComponent', () => {
   it('should render fallback component on data fetch error', async () => {
     mockFetchData.mockRejectedValue(new Error('Data fetch failed'));
     const LazyComponentWithDataFetch = createLazyComponent({
-      loader: vi.fn().mockResolvedValue({
+      loader: jest.fn().mockResolvedValue({
         default: MockComponent,
         [Symbol.for('mf_module_id')]: 'remoteApp/Component',
       }),
@@ -101,7 +100,7 @@ describe('createLazyComponent', () => {
   });
 
   it('should fetch data and pass it to the component', async () => {
-    const loader = vi.fn().mockResolvedValue({
+    const loader = jest.fn().mockResolvedValue({
       default: (props: { mfData: any }) => (
         <div>Data: {JSON.stringify(props.mfData)}</div>
       ),
@@ -131,7 +130,7 @@ describe('collectSSRAssets', () => {
   let mockInstance: any;
 
   beforeEach(() => {
-    vi.clearAllMocks();
+    jest.clearAllMocks();
     mockInstance = {
       name: 'host-app',
       options: { version: '1.0.0' },

package/__tests__/prefetch.spec.ts

@@ -1,26 +1,29 @@
-import { vi, describe, it, expect, beforeEach } from 'vitest';
 import { prefetch } from '../src/lazy/data-fetch/prefetch';
 import * as utils from '../src/lazy/utils';
 import logger from '../src/lazy/logger';
 import helpers from '@module-federation/runtime/helpers';
 
 // Mock dependencies
-vi.mock('../src/lazy/logger');
-vi.mock('../src/lazy/utils');
-vi.mock('@module-federation/runtime/helpers', () => ({
+jest.mock('../src/lazy/logger');
+jest.mock('../src/lazy/utils');
+jest.mock('@module-federation/runtime/helpers', () => ({
   default: {
     utils: {
-      matchRemoteWithNameAndExpose: vi.fn(),
-      getRemoteInfo: vi.fn(),
+      matchRemoteWithNameAndExpose: jest.fn(),
+      getRemoteInfo: jest.fn(),
     },
   },
+  utils: {
+    matchRemoteWithNameAndExpose: jest.fn(),
+    getRemoteInfo: jest.fn(),
+  },
 }));
 
 describe('prefetch', () => {
   let mockInstance: any;
 
   beforeEach(() => {
-    vi.clearAllMocks();
+    jest.clearAllMocks();
     mockInstance = {
       name: 'host',
       options: {
@@ -34,13 +37,13 @@ describe('prefetch', () => {
         ],
       },
       snapshotHandler: {
-        loadRemoteSnapshotInfo: vi.fn(),
+        loadRemoteSnapshotInfo: jest.fn(),
       },
       remoteHandler: {
         hooks: {
           lifecycle: {
             generatePreloadAssets: {
-              emit: vi.fn(),
+              emit: jest.fn(),
             },
           },
         },
@@ -63,7 +66,7 @@ describe('prefetch', () => {
   });
 
   it('should log an error if remote is not found', async () => {
-    (helpers.utils.matchRemoteWithNameAndExpose as vi.Mock).mockReturnValue(
+    (helpers.utils.matchRemoteWithNameAndExpose as jest.Mock).mockReturnValue(
       undefined,
     );
     await prefetch({ id: 'nonexistent/component', instance: mockInstance });
@@ -77,40 +80,40 @@ describe('prefetch', () => {
       remote: { name: 'remote1', alias: 'remote1_alias' },
       expose: './component1',
     };
-    (helpers.utils.matchRemoteWithNameAndExpose as vi.Mock).mockReturnValue(
+    (helpers.utils.matchRemoteWithNameAndExpose as jest.Mock).mockReturnValue(
       mockRemoteInfo,
     );
     (
-      mockInstance.snapshotHandler.loadRemoteSnapshotInfo as vi.Mock
+      mockInstance.snapshotHandler.loadRemoteSnapshotInfo as jest.Mock
     ).mockResolvedValue({
       remoteSnapshot: {},
       globalSnapshot: {},
     });
-    (helpers.utils.getRemoteInfo as vi.Mock).mockReturnValue({});
+    (helpers.utils.getRemoteInfo as jest.Mock).mockReturnValue({});
 
-    const mockDataFetchFn = vi
+    const mockDataFetchFn = jest
       .fn()
       .mockResolvedValue({ data: 'prefetched data' });
-    const mockGetDataFetchGetter = vi.fn().mockResolvedValue(mockDataFetchFn);
+    const mockGetDataFetchGetter = jest.fn().mockResolvedValue(mockDataFetchFn);
     const mockDataFetchMap = {
       'remote1_alias@remote1/component1': [
         [mockGetDataFetchGetter, 'GET', undefined],
       ],
     };
-    (utils.getDataFetchMap as vi.Mock).mockReturnValue(mockDataFetchMap);
-    (utils.getDataFetchInfo as vi.Mock).mockReturnValue({
+    (utils.getDataFetchMap as jest.Mock).mockReturnValue(mockDataFetchMap);
+    (utils.getDataFetchInfo as jest.Mock).mockReturnValue({
       name: 'remote1',
       alias: 'remote1_alias',
       id: 'remote1/component1',
     });
-    (utils.getDataFetchMapKey as vi.Mock).mockReturnValue(
+    (utils.getDataFetchMapKey as jest.Mock).mockReturnValue(
       'remote1_alias@remote1/component1',
     );
 
     await prefetch({
       id: 'remote1/component1',
       instance: mockInstance,
-      dataFetchParams: { some: 'param' },
+      dataFetchParams: { some: 'param', isDowngrade: false } as any,
       preloadComponentResource: true,
     });
 
@@ -132,16 +135,16 @@ describe('prefetch', () => {
       remote: { name: 'remote1', alias: 'remote1_alias' },
       expose: './component1',
     };
-    (helpers.utils.matchRemoteWithNameAndExpose as vi.Mock).mockReturnValue(
+    (helpers.utils.matchRemoteWithNameAndExpose as jest.Mock).mockReturnValue(
       mockRemoteInfo,
     );
     (
-      mockInstance.snapshotHandler.loadRemoteSnapshotInfo as vi.Mock
+      mockInstance.snapshotHandler.loadRemoteSnapshotInfo as jest.Mock
     ).mockResolvedValue({
       remoteSnapshot: {},
       globalSnapshot: {},
     });
-    (utils.getDataFetchMap as vi.Mock).mockReturnValue(undefined);
+    (utils.getDataFetchMap as jest.Mock).mockReturnValue(undefined);
 
     await prefetch({
       id: 'remote1/component1',

package/__tests__/router.spec.tsx

@@ -1,4 +1,4 @@
-import { assert, describe, it } from 'vitest';
+// Test file for router
 import { render } from '@testing-library/react';
 import React from 'react';
 import {
@@ -15,7 +15,7 @@ import { getHtml, getWindowImpl } from './util';
 describe('react router proxy', () => {
   it('BrowserRouter not wraper context', async () => {
     let { container } = render(
-      <RouterContext.Provider value={{ name: 'test', basename: '/test' }}>
+      <RouterContext.Provider value={{ basename: '/test' } as any}>
         <BrowserRouter basename="/" window={getWindowImpl('/test', false)}>
           <ul>
             <li>
@@ -73,7 +73,7 @@ describe('react router proxy', () => {
       },
     );
     let { container } = render(
-      <RouterContext.Provider value={{ name: 'test', basename: '/test' }}>
+      <RouterContext.Provider value={{ basename: '/test' } as any}>
         <RouterProvider router={router} />
       </RouterContext.Provider>,
     );

package/__tests__/setupTests.ts

@@ -1,3 +1,8 @@
 // In vitest, you can use the setupFiles option in your configuration file to import any necessary setup files for your tests.
 // For example, if you want to use testing-library's custom matchers, you can import them in a setup file like this:
 import '@testing-library/jest-dom';
+
+// Fix TextEncoder/TextDecoder not defined in Node.js
+import { TextEncoder, TextDecoder } from 'util';
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder as any;

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

@@ -1,4 +1,4 @@
-import { D as DATA_FETCH_QUERY, l as logger, g as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, a as loadDataFetchModule } from "./utils-Cy-amYU5.mjs";
+import { D as DATA_FETCH_QUERY, l as logger, g as getDataFetchMap, i as initDataFetchMap, M as MF_DATA_FETCH_STATUS, f as fetchData, a as loadDataFetchModule } from "./utils-C4oPJV34.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") {

package/dist/data-fetch-utils.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-iEVlDmyk.js");
-const prefetch = require("./prefetch-CZvoIftg.js");
+const prefetch = require("./prefetch-BdNDwnqI.js");
 async function callDataFetch() {
   const dataFetch = globalThis[lazyUtils.DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/data-fetch-utils.es.js

@@ -1,7 +1,7 @@
-import { x as DATA_FETCH_FUNCTION } from "./utils-Cy-amYU5.mjs";
-import { C, b, e, h, c, d, r } from "./utils-Cy-amYU5.mjs";
-import { d as dataFetchFunction } from "./prefetch-Dux8GUpr.mjs";
-import { i, p } from "./prefetch-Dux8GUpr.mjs";
+import { x as DATA_FETCH_FUNCTION } from "./utils-C4oPJV34.mjs";
+import { C, b, e, h, c, d, r } from "./utils-C4oPJV34.mjs";
+import { d as dataFetchFunction } from "./prefetch-DkCa_033.mjs";
+import { i, p } from "./prefetch-DkCa_033.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/index.cjs.js

@@ -6,10 +6,10 @@ const React = require("react");
 const index = require("./index-C0fDZB5b.js");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-C1tVve-W.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BqBbq96C.js");
 const lazyUtils = require("./utils-iEVlDmyk.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-CZvoIftg.js");
+const prefetch = require("./prefetch-BdNDwnqI.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { default as default_2 } from 'react';
-import { FederationRuntimePlugin } from '@module-federation/runtime';
 import { getInstance } from '@module-federation/runtime';
+import { ModuleFederationRuntimePlugin } from '@module-federation/runtime';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 
-export declare const autoFetchDataPlugin: () => FederationRuntimePlugin;
+export declare const autoFetchDataPlugin: () => ModuleFederationRuntimePlugin;
 
 export declare function cache<T>(fn: DataFetch<T>, options?: CacheOptions): DataFetch<T>;
 
@@ -132,9 +132,9 @@ declare type ErrorInfo = {
 
 export declare function generateKey(dataFetchOptions: DataFetchParams): string;
 
-export declare function lazyLoadComponentPlugin(): FederationRuntimePlugin;
+export declare function lazyLoadComponentPlugin(): ModuleFederationRuntimePlugin;
 
-declare type LazyRemoteComponentInfo<T, E extends keyof T> = RemoteComponentParams<T>;
+declare type LazyRemoteComponentInfo<T, _E extends keyof T> = RemoteComponentParams<T>;
 
 export declare type NoSSRRemoteInfo = {
     name: string;

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import { c as createBaseBridgeComponent, E as ErrorBoundary } from "./bridge-base-BoshEggF.mjs";
 import ReactDOM from "react-dom";
-import React__default, { forwardRef, useRef, useState, useEffect, useContext } from "react";
-import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin } from "./index-CqxytsLY.mjs";
+import React__default, { forwardRef, useContext, useState, useEffect, useRef } from "react";
+import { p as pathJoin, L as LoggerInstance, g as getRootDomDefaultClassName } from "./index-CqxytsLY.mjs";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
-import { b, a, c, l } from "./lazy-load-component-plugin-PERjiaFJ.mjs";
-import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-Cy-amYU5.mjs";
+import { b, a, c, l } from "./lazy-load-component-plugin-bvcZL_K6.mjs";
+import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-C4oPJV34.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-Dux8GUpr.mjs";
+import { p } from "./prefetch-DkCa_033.mjs";
 function createReact16Or17Root(container) {
   return {
     render(children) {

package/dist/{lazy-load-component-plugin-C1tVve-W.js → lazy-load-component-plugin-BqBbq96C.js}

@@ -1,5 +1,5 @@
 "use strict";
-const prefetch = require("./prefetch-CZvoIftg.js");
+const prefetch = require("./prefetch-BdNDwnqI.js");
 const lazyUtils = require("./utils-iEVlDmyk.js");
 const React = require("react");
 const autoFetchData = () => {

package/dist/{lazy-load-component-plugin-PERjiaFJ.mjs → lazy-load-component-plugin-bvcZL_K6.mjs}

@@ -1,5 +1,5 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-Dux8GUpr.mjs";
-import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isServerEnv, t as isCSROnly, a as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, g as getDataFetchMap, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-Cy-amYU5.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-DkCa_033.mjs";
+import { i as initDataFetchMap, j as isDataLoaderExpose, k as getDataFetchInfo, m as getDataFetchMapKey, l as logger, n as getDataFetchItem, o as DATA_FETCH_CLIENT_SUFFIX, p as MF_DATA_FETCH_TYPE, q as isCSROnly, a as loadDataFetchModule, M as MF_DATA_FETCH_STATUS, g as getDataFetchMap, t as isServerEnv, u as getDataFetchIdWithErrorMsgs, v as DATA_FETCH_ERROR_PREFIX, E as ERROR_TYPE, w as wrapDataFetchId, L as LOAD_REMOTE_ERROR_PREFIX, x as DATA_FETCH_FUNCTION, y as getLoadedRemoteInfos, f as fetchData$1, z as setDataFetchItemLoadedStatus, F as FS_HREF } from "./utils-C4oPJV34.mjs";
 import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {
   initDataFetchMap();

package/dist/lazy-load-component-plugin.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-C1tVve-W.js");
-require("./prefetch-CZvoIftg.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-BqBbq96C.js");
+require("./prefetch-BdNDwnqI.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

package/dist/lazy-load-component-plugin.d.ts

@@ -1,6 +1,6 @@
-import { FederationRuntimePlugin } from '@module-federation/runtime';
+import { ModuleFederationRuntimePlugin } from '@module-federation/runtime';
 
-declare function lazyLoadComponentPlugin(): FederationRuntimePlugin;
+declare function lazyLoadComponentPlugin(): ModuleFederationRuntimePlugin;
 export default lazyLoadComponentPlugin;
 export { lazyLoadComponentPlugin }
 

package/dist/lazy-load-component-plugin.es.js

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-PERjiaFJ.mjs";
-import "./prefetch-Dux8GUpr.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-bvcZL_K6.mjs";
+import "./prefetch-DkCa_033.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/lazy-utils.es.js

@@ -1,5 +1,5 @@
 import "./index.esm-BCeUd-x9.mjs";
-import { G, H, f, J, I, u, k, n, g, m, B, y, i, t, j, q, a, z, s, w } from "./utils-Cy-amYU5.mjs";
+import { G, H, f, J, I, u, k, n, g, m, B, y, i, q, j, t, a, z, s, w } from "./utils-C4oPJV34.mjs";
 export {
   G as callAllDowngrade,
   H as callDowngrade,
@@ -14,9 +14,9 @@ export {
   B as getDowngradeTag,
   y as getLoadedRemoteInfos,
   i as initDataFetchMap,
-  t as isCSROnly,
+  q as isCSROnly,
   j as isDataLoaderExpose,
-  q as isServerEnv,
+  t as isServerEnv,
   a as loadDataFetchModule,
   z as setDataFetchItemLoadedStatus,
   s as setSSREnv,

package/dist/{prefetch-CZvoIftg.js → prefetch-BdNDwnqI.js}

@@ -172,14 +172,18 @@ function assert(condition, msg) {
 }
 function error(msg) {
   if (msg instanceof Error) {
-    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    if (!msg.message.startsWith(LOG_CATEGORY)) {
+      msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    }
     throw msg;
   }
   throw new Error(`${LOG_CATEGORY}: ${msg}`);
 }
 function warn(msg) {
   if (msg instanceof Error) {
-    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    if (!msg.message.startsWith(LOG_CATEGORY)) {
+      msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    }
     logger.warn(msg);
   } else {
     logger.warn(msg);
@@ -267,7 +271,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = index_esm.isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.17.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.18.0";
   }
 }
 function getInfoWithoutType(target, key) {

package/dist/{prefetch-Dux8GUpr.mjs → prefetch-DkCa_033.mjs}

@@ -1,5 +1,5 @@
-import { x as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, g as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as getDowngradeTag, G as callAllDowngrade, H as callDowngrade, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils-Cy-amYU5.mjs";
-import { b as isDebugMode, d as createLink, e as createScript, i as isBrowserEnv, c as createLogger, a as composeKeyWithSeparator, l as loadScriptNode, f as loadScript } from "./index.esm-BCeUd-x9.mjs";
+import { x as DATA_FETCH_FUNCTION, F as FS_HREF, l as logger$1, g as getDataFetchMap, i as initDataFetchMap, n as getDataFetchItem, M as MF_DATA_FETCH_STATUS, p as MF_DATA_FETCH_TYPE, A as DOWNGRADE_KEY, B as getDowngradeTag, G as callAllDowngrade, H as callDowngrade, k as getDataFetchInfo, m as getDataFetchMapKey } from "./utils-C4oPJV34.mjs";
+import { b as isDebugMode, c as createLogger, d as createLink, e as createScript, i as isBrowserEnv, a as composeKeyWithSeparator, l as loadScriptNode, f as loadScript } from "./index.esm-BCeUd-x9.mjs";
 const dataFetchFunction = async function(options) {
   var _a, _b;
   const [id, data, downgrade] = options;
@@ -171,14 +171,18 @@ function assert(condition, msg) {
 }
 function error(msg) {
   if (msg instanceof Error) {
-    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    if (!msg.message.startsWith(LOG_CATEGORY)) {
+      msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    }
     throw msg;
   }
   throw new Error(`${LOG_CATEGORY}: ${msg}`);
 }
 function warn(msg) {
   if (msg instanceof Error) {
-    msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    if (!msg.message.startsWith(LOG_CATEGORY)) {
+      msg.message = `${LOG_CATEGORY}: ${msg.message}`;
+    }
     logger.warn(msg);
   } else {
     logger.warn(msg);
@@ -266,7 +270,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.17.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.18.0";
   }
 }
 function getInfoWithoutType(target, key) {

package/dist/{utils-Cy-amYU5.mjs → utils-C4oPJV34.mjs}

@@ -2003,10 +2003,10 @@ export {
   getDataFetchItem as n,
   DATA_FETCH_CLIENT_SUFFIX as o,
   MF_DATA_FETCH_TYPE as p,
-  isServerEnv as q,
+  isCSROnly as q,
   revalidateTag as r,
   setSSREnv as s,
-  isCSROnly as t,
+  isServerEnv as t,
   getDataFetchIdWithErrorMsgs as u,
   DATA_FETCH_ERROR_PREFIX as v,
   wrapDataFetchId as w,

package/jest.config.ts

@@ -0,0 +1,21 @@
+export default {
+  displayName: 'bridge-react',
+  preset: '../../../jest.preset.js',
+  transform: {
+    '^.+\\.[tj]sx?$': [
+      'ts-jest',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        isolatedModules: true,
+      },
+    ],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../../coverage/packages/bridge/bridge-react',
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['<rootDir>/__tests__/setupTests.ts'],
+  testMatch: [
+    '<rootDir>/__tests__/**/*.spec.ts',
+    '<rootDir>/__tests__/**/*.spec.tsx',
+  ],
+};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.17.0",
+  "version": "0.18.0",
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
@@ -94,8 +95,8 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/bridge-shared": "0.17.0",
-    "@module-federation/sdk": "0.17.0"
+    "@module-federation/bridge-shared": "0.18.0",
+    "@module-federation/sdk": "0.18.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -110,7 +111,6 @@
     "@vitejs/plugin-react": "^4.3.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
-    "jsdom": "^24.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.22.3",
@@ -118,8 +118,8 @@
     "vite": "^5.4.18",
     "vite-plugin-dts": "^4.3.0",
     "hono": "3.12.12",
-    "@module-federation/runtime": "0.17.0",
-    "@module-federation/runtime-core": "0.17.0"
+    "@module-federation/runtime": "0.18.0",
+    "@module-federation/runtime-core": "0.18.0"
   },
   "scripts": {
     "dev": "vite",

package/project.json

@@ -12,15 +12,11 @@
       }
     },
     "test": {
-      "executor": "nx:run-commands",
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "parallel": false,
-        "commands": [
-          {
-            "command": "vitest run -c packages/bridge/bridge-react/vitest.config.ts",
-            "forwardAllArgs": false
-          }
-        ]
+        "jestConfig": "packages/bridge/bridge-react/jest.config.ts",
+        "passWithNoTests": true
       }
     }
   }

package/src/lazy/data-fetch/runtime-plugin.ts

@@ -18,14 +18,14 @@ import {
 } from '../constant';
 
 import type { MF_DATA_FETCH_MAP_VALUE } from '../types';
-import type { FederationRuntimePlugin } from '@module-federation/runtime';
+import type { ModuleFederationRuntimePlugin } from '@module-federation/runtime';
 
-const autoFetchData: () => FederationRuntimePlugin = () => {
+const autoFetchData: () => ModuleFederationRuntimePlugin = () => {
   initDataFetchMap();
   injectDataFetch();
   return {
     name: 'auto-fetch-data-plugin',
-    afterLoadSnapshot(args) {
+    afterLoadSnapshot(args: any) {
       const { id, moduleInfo, remoteSnapshot, host } = args;
       if (typeof id === 'string' && isDataLoaderExpose(id)) {
         return args;
@@ -68,7 +68,7 @@ const autoFetchData: () => FederationRuntimePlugin = () => {
       const hasSSRAsset = Boolean(remoteSnapshot.ssrRemoteEntry);
       const hasDataFetchClient = Boolean(
         remoteSnapshot.modules.find(
-          (module) =>
+          (module: any) =>
             module.moduleName === `${dataFetchName}${DATA_FETCH_CLIENT_SUFFIX}`,
         ),
       );

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

@@ -1,6 +1,6 @@
 import type {
   ModuleFederation,
-  FederationRuntimePlugin,
+  ModuleFederationRuntimePlugin,
 } from '@module-federation/runtime';
 import {
   createLazyComponent,
@@ -24,7 +24,7 @@ declare module '@module-federation/runtime-core' {
   }
 }
 
-export function lazyLoadComponentPlugin(): FederationRuntimePlugin {
+export function lazyLoadComponentPlugin(): ModuleFederationRuntimePlugin {
   return {
     name: 'lazy-load-component-plugin',
     apply(instance: ModuleFederation) {

package/src/remote/create.tsx

@@ -8,7 +8,7 @@ import {
   RemoteModule,
 } from '../types';
 
-type LazyRemoteComponentInfo<T, E extends keyof T> = RemoteComponentParams<T>;
+type LazyRemoteComponentInfo<T, _E extends keyof T> = RemoteComponentParams<T>;
 
 function createLazyRemoteComponent<
   T = Record<string, unknown>,

package/tsconfig.spec.json

@@ -0,0 +1,26 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node", "@testing-library/jest-dom"],
+    "jsx": "react-jsx",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.test.js",
+    "**/*.test.jsx",
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.spec.js",
+    "**/*.spec.jsx",
+    "**/*.d.ts",
+    "__tests__/**/*"
+  ]
+}