@module-federation/bridge-react 0.0.0-next-20250321090937 → 0.0.0-next-20250323051630

package/CHANGELOG.md

@@ -1,31 +1,13 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250321090937
-
-### Patch Changes
-
-- f4f843d: remove @loadable/component from package.json
-  - @module-federation/sdk@0.0.0-next-20250321090937
-  - @module-federation/bridge-shared@0.0.0-next-20250321090937
-
-## 0.11.1
-
-### Patch Changes
-
-- 790bdea: fix(bridge-react): export DestroyParams and RenderParams types
-  - @module-federation/sdk@0.11.1
-  - @module-federation/bridge-shared@0.11.1
-
-## 0.11.0
+## 0.0.0-next-20250323051630
 
 ### Patch Changes
 
 - 4d67b8f: feat(bridge-react): enable custom createRoot in bridge-react
-- 2d086fc: Fix react-bridge version check for React versions earlier than 16.13.0
 - 4d67b8f: refactor(bridge-react): centralize type definitions into a single file for better maintainability and consistency
-- Updated dependencies [fce107e]
-  - @module-federation/sdk@0.11.0
-  - @module-federation/bridge-shared@0.11.0
+  - @module-federation/sdk@0.0.0-next-20250323051630
+  - @module-federation/bridge-shared@0.0.0-next-20250323051630
 
 ## 0.10.0
 

package/dist/{context-B5HZIYe5.js → context-YcJWgOAv.js}

@@ -24,9 +24,6 @@ function isDebugMode() {
   return isBrowserDebug();
 }
 let Logger = class Logger2 {
-  setPrefix(prefix) {
-    this.prefix = prefix;
-  }
   log(...args) {
     console.log(this.prefix, ...args);
   }

package/dist/{context-BGIGBPw-.cjs → context-yPtLY2cD.cjs}

@@ -25,9 +25,6 @@ function isDebugMode() {
   return isBrowserDebug();
 }
 let Logger = class Logger2 {
-  setPrefix(prefix) {
-    this.prefix = prefix;
-  }
   log(...args) {
     console.log(this.prefix, ...args);
   }

package/dist/index.cjs.js

@@ -1,8 +1,7 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const context = require("./context-BGIGBPw-.cjs");
+const context = require("./context-yPtLY2cD.cjs");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
 const ReactDOM = require("react-dom");
@@ -146,8 +145,8 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     providerInfoRef.current = providerReturn;
     setInitialized(true);
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h;
-      if ((_a2 = providerInfoRef.current) == null ? void 0 : _a2.destroy) {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
         context.LoggerInstance.debug(
           `createRemoteComponent LazyComponent destroy >>>`,
           { moduleName, basename, dom: renderDom.current }
@@ -176,7 +175,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
     };
   }, [moduleName]);
   React.useEffect(() => {
-    var _a2, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f;
     if (!initialized || !providerInfoRef.current) return;
     let renderProps = {
       moduleName,
@@ -187,7 +186,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
       ...resProps
     };
     renderDom.current = rootRef.current;
-    const beforeBridgeRenderRes = ((_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(renderProps)) || {};
+    const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(renderProps)) || {};
     renderProps = { ...renderProps, ...beforeBridgeRenderRes.extraProps };
     providerInfoRef.current.render(renderProps);
     (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps);
@@ -197,7 +196,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
 });
 function withRouterData(WrappedComponent) {
   const Component = React.forwardRef(function(props, ref) {
-    var _a2;
+    var _a;
     if (props == null ? void 0 : props.basename) {
       return /* @__PURE__ */ React.createElement(WrappedComponent, { ...props, basename: props.basename, ref });
     }
@@ -230,7 +229,7 @@ function withRouterData(WrappedComponent) {
         const match = useRouteMatch == null ? void 0 : useRouteMatch();
         if (useHistory) {
           const history = useHistory == null ? void 0 : useHistory();
-          basename = (_a2 = history == null ? void 0 : history.createHref) == null ? void 0 : _a2.call(history, { pathname: "/" });
+          basename = (_a = history == null ? void 0 : history.createHref) == null ? void 0 : _a.call(history, { pathname: "/" });
         }
         if (match) {
           basename = context.pathJoin(basename, (match == null ? void 0 : match.path) || "/");
@@ -321,7 +320,7 @@ function createRemoteComponent(info) {
     return /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: info.fallback }, /* @__PURE__ */ React.createElement(React.Suspense, { fallback: info.loading }, /* @__PURE__ */ React.createElement(LazyComponent, { ...props, ref })));
   });
 }
-const isReact18 = (_a = ReactDOM.version) == null ? void 0 : _a.startsWith("18");
+const isReact18 = ReactDOM.version.startsWith("18");
 function createRoot(container, options) {
   if (isReact18) {
     return ReactDOM.createRoot(container, options);
@@ -360,7 +359,7 @@ function createBridgeComponent({
     };
     return {
       async render(info) {
-        var _a2, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f;
         context.LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
@@ -370,7 +369,7 @@ function createBridgeComponent({
           fallback,
           ...propsInfo
         } = info;
-        const beforeBridgeRenderRes = ((_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
+        const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React__namespace.createElement(ErrorBoundary, { FallbackComponent: fallback }, /* @__PURE__ */ React__namespace.createElement(
           RawComponent,
           {
@@ -399,7 +398,7 @@ function createBridgeComponent({
         ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
       },
       destroy(info) {
-        var _a2, _b, _c;
+        var _a, _b, _c;
         const { dom } = info;
         context.LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
@@ -411,7 +410,7 @@ function createBridgeComponent({
           }
           rootMap.delete(dom);
         }
-        (_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
+        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
       }
     };
   };

package/dist/index.d.ts

@@ -20,7 +20,7 @@ declare interface CreateRootOptions {
 /**
  * Parameters for the destroy function
  */
-export declare interface DestroyParams {
+declare interface DestroyParams {
     moduleName: string;
     dom: HTMLElement;
 }
@@ -89,7 +89,7 @@ export declare interface RenderFnParams extends ProviderParams {
 /**
  * Parameters for the render function
  */
-export declare interface RenderParams {
+declare interface RenderParams {
     moduleName?: string;
     basename?: string;
     memoryRoute?: {

package/dist/index.es.js

@@ -1,7 +1,6 @@
-var _a;
 import * as React from "react";
-import React__default, { createContext, Component, createElement, forwardRef, useRef, useState, useEffect, useContext } from "react";
-import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin, R as RouterContext } from "./context-B5HZIYe5.js";
+import React__default, { Component, createElement, createContext, forwardRef, useRef, useState, useEffect, useContext } from "react";
+import { L as LoggerInstance, g as getRootDomDefaultClassName, p as pathJoin, R as RouterContext } from "./context-YcJWgOAv.js";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
 import ReactDOM from "react-dom";
@@ -127,8 +126,8 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
     providerInfoRef.current = providerReturn;
     setInitialized(true);
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h;
-      if ((_a2 = providerInfoRef.current) == null ? void 0 : _a2.destroy) {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      if ((_a = providerInfoRef.current) == null ? void 0 : _a.destroy) {
         LoggerInstance.debug(
           `createRemoteComponent LazyComponent destroy >>>`,
           { moduleName, basename, dom: renderDom.current }
@@ -157,7 +156,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
     };
   }, [moduleName]);
   useEffect(() => {
-    var _a2, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f;
     if (!initialized || !providerInfoRef.current) return;
     let renderProps = {
       moduleName,
@@ -168,7 +167,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
       ...resProps
     };
     renderDom.current = rootRef.current;
-    const beforeBridgeRenderRes = ((_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(renderProps)) || {};
+    const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(renderProps)) || {};
     renderProps = { ...renderProps, ...beforeBridgeRenderRes.extraProps };
     providerInfoRef.current.render(renderProps);
     (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(renderProps);
@@ -178,7 +177,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
 });
 function withRouterData(WrappedComponent) {
   const Component2 = forwardRef(function(props, ref) {
-    var _a2;
+    var _a;
     if (props == null ? void 0 : props.basename) {
       return /* @__PURE__ */ React__default.createElement(WrappedComponent, { ...props, basename: props.basename, ref });
     }
@@ -211,7 +210,7 @@ function withRouterData(WrappedComponent) {
         const match = useRouteMatch == null ? void 0 : useRouteMatch();
         if (useHistory) {
           const history = useHistory == null ? void 0 : useHistory();
-          basename = (_a2 = history == null ? void 0 : history.createHref) == null ? void 0 : _a2.call(history, { pathname: "/" });
+          basename = (_a = history == null ? void 0 : history.createHref) == null ? void 0 : _a.call(history, { pathname: "/" });
         }
         if (match) {
           basename = pathJoin(basename, (match == null ? void 0 : match.path) || "/");
@@ -302,7 +301,7 @@ function createRemoteComponent(info) {
     return /* @__PURE__ */ React__default.createElement(ErrorBoundary, { FallbackComponent: info.fallback }, /* @__PURE__ */ React__default.createElement(React__default.Suspense, { fallback: info.loading }, /* @__PURE__ */ React__default.createElement(LazyComponent, { ...props, ref })));
   });
 }
-const isReact18 = (_a = ReactDOM.version) == null ? void 0 : _a.startsWith("18");
+const isReact18 = ReactDOM.version.startsWith("18");
 function createRoot(container, options) {
   if (isReact18) {
     return ReactDOM.createRoot(container, options);
@@ -341,7 +340,7 @@ function createBridgeComponent({
     };
     return {
       async render(info) {
-        var _a2, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f;
         LoggerInstance.debug(`createBridgeComponent render Info`, info);
         const {
           moduleName,
@@ -351,7 +350,7 @@ function createBridgeComponent({
           fallback,
           ...propsInfo
         } = info;
-        const beforeBridgeRenderRes = ((_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
+        const beforeBridgeRenderRes = ((_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeRender) == null ? void 0 : _c.emit(info)) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: fallback }, /* @__PURE__ */ React.createElement(
           RawComponent,
           {
@@ -380,7 +379,7 @@ function createBridgeComponent({
         ((_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeRender) == null ? void 0 : _f.emit(info)) || {};
       },
       destroy(info) {
-        var _a2, _b, _c;
+        var _a, _b, _c;
         const { dom } = info;
         LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
@@ -392,7 +391,7 @@ function createBridgeComponent({
           }
           rootMap.delete(dom);
         }
-        (_c = (_b = (_a2 = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a2.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
+        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.afterBridgeDestroy) == null ? void 0 : _c.emit(info);
       }
     };
   };

package/dist/router-v5.cjs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const ReactRouterDom$1 = require("react-router-dom/index.js");
-const context = require("./context-BGIGBPw-.cjs");
+const context = require("./context-yPtLY2cD.cjs");
 const ReactRouterDom = require("react-router-dom/index.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/router-v5.es.js

@@ -1,6 +1,6 @@
 import React__default, { useContext } from "react";
 import * as ReactRouterDom$1 from "react-router-dom/index.js";
-import { R as RouterContext, L as LoggerInstance } from "./context-B5HZIYe5.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-YcJWgOAv.js";
 export * from "react-router-dom/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;

package/dist/router-v6.cjs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const ReactRouterDom$1 = require("react-router-dom/dist/index.js");
-const context = require("./context-BGIGBPw-.cjs");
+const context = require("./context-yPtLY2cD.cjs");
 const ReactRouterDom = require("react-router-dom/dist/index.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/router-v6.es.js

@@ -1,6 +1,6 @@
 import React__default, { useContext } from "react";
 import * as ReactRouterDom$1 from "react-router-dom/dist/index.js";
-import { R as RouterContext, L as LoggerInstance } from "./context-B5HZIYe5.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-YcJWgOAv.js";
 export * from "react-router-dom/dist/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;

package/dist/router.cjs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const ReactRouterDom = require("react-router-dom/");
-const context = require("./context-BGIGBPw-.cjs");
+const context = require("./context-yPtLY2cD.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/router.es.js

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import * as ReactRouterDom from "react-router-dom/";
 export * from "react-router-dom/";
-import { R as RouterContext, L as LoggerInstance } from "./context-B5HZIYe5.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-YcJWgOAv.js";
 function WrapperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.0.0-next-20250321090937",
+  "version": "0.0.0-next-20250323051630",
   "publishConfig": {
     "access": "public"
   },
@@ -44,14 +44,15 @@
     "./*": "./*"
   },
   "dependencies": {
+    "@loadable/component": "^5.16.4",
     "react-error-boundary": "^4.1.2",
-    "@module-federation/bridge-shared": "0.0.0-next-20250321090937",
-    "@module-federation/sdk": "0.0.0-next-20250321090937"
+    "@module-federation/bridge-shared": "0.0.0-next-20250323051630",
+    "@module-federation/sdk": "0.0.0-next-20250323051630"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
-    "react-router-dom": "^4 || ^5 || ^6 || ^7"
+    "react-router-dom": "^4 || ^5 || ^6"
   },
   "devDependencies": {
     "@testing-library/react": "15.0.7",
@@ -67,7 +68,7 @@
     "typescript": "^5.2.2",
     "vite": "^5.4.12",
     "vite-plugin-dts": "^4.3.0",
-    "@module-federation/runtime": "0.0.0-next-20250321090937"
+    "@module-federation/runtime": "0.0.0-next-20250323051630"
   },
   "scripts": {
     "dev": "vite",

package/src/index.ts

@@ -1,8 +1,3 @@
 export { createRemoteComponent } from './remote/create';
 export { createBridgeComponent } from './provider/create';
-export type {
-  ProviderParams,
-  RenderFnParams,
-  DestroyParams,
-  RenderParams,
-} from './types';
+export type { ProviderParams, RenderFnParams } from './types';

package/src/provider/compat.ts

@@ -1,8 +1,7 @@
 import ReactDOM from 'react-dom';
 import { CreateRootOptions, Root } from '../types';
 
-// ReactDOM.version is only available in React 16.13.0 and later
-const isReact18 = ReactDOM.version?.startsWith('18');
+const isReact18 = ReactDOM.version.startsWith('18');
 
 /**
  * Creates a root for a container element compatible with both React 16 and 18