@module-federation/bridge-react 0.0.0-next-20250416061914 → 0.0.0-next-20250421062338

package/dist/react-error-boundary.esm-CMdlkNPP.js

@@ -1,99 +0,0 @@
-import { createContext, Component, createElement } from "react";
-const ErrorBoundaryContext = createContext(null);
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = createElement(FallbackComponent, props);
-      } else if (fallback !== void 0) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-export {
-  ErrorBoundary as E
-};

package/dist/react-error-boundary.esm-D8nxmvmv.cjs

@@ -1,98 +0,0 @@
-"use strict";
-const React = require("react");
-const ErrorBoundaryContext = React.createContext(null);
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = React.createElement(FallbackComponent, props);
-      } else if (fallback !== void 0) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return React.createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-exports.ErrorBoundary = ErrorBoundary;

package/dist/v16.cjs.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const bridgeBase = require("./bridge-base-BQcdOEoU.cjs");
-const ReactDOM = require("react-dom");
-function createReact16Or17Root(container) {
-  return {
-    render(children) {
-      ReactDOM.render(children, container);
-    },
-    unmount() {
-      ReactDOM.unmountComponentAtNode(container);
-    }
-  };
-}
-function createBridgeComponent(bridgeInfo) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact16Or17Root
-  };
-  return bridgeBase.createBaseBridgeComponent(fullBridgeInfo);
-}
-exports.createBridgeComponent = createBridgeComponent;

package/dist/v16.d.ts

@@ -1,104 +0,0 @@
-import * as React_2 from 'react';
-
-export declare function createBridgeComponent<T = any>(bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>): () => {
-    render(info: RenderParams): Promise<void>;
-    destroy(info: DestroyParams): void;
-};
-
-export declare interface CreateRootOptions {
-    identifierPrefix?: string;
-    onRecoverableError?: (error: unknown, errorInfo: unknown) => void;
-}
-
-/**
- * Options for creating a React root
- */
-declare interface CreateRootOptions_2 {
-    identifierPrefix?: string;
-    onRecoverableError?: (error: unknown) => void;
-    transitionCallbacks?: unknown;
-}
-
-/**
- * Parameters for the destroy function
- */
-export declare interface DestroyParams {
-    moduleName: string;
-    dom: HTMLElement;
-}
-
-/**
- * Parameters for the provider function
- */
-export declare interface ProviderFnParams<T> {
-    rootComponent: React_2.ComponentType<T>;
-    render?: (App: React_2.ReactElement, id?: HTMLElement | string) => RootType | Promise<RootType>;
-    createRoot?: (container: Element | DocumentFragment, options?: CreateRootOptions_2) => Root_2;
-    /**
-     * Default options to pass to createRoot for React 18 and 19
-     * These options will be used when creating a root unless overridden by rootOptions in render params
-     * @example
-     * {
-     *   identifierPrefix: 'app-',
-     *   onRecoverableError: (err) => console.error(err)
-     * }
-     */
-    defaultRootOptions?: CreateRootOptions_2;
-}
-
-/**
- * Parameters for the provider function
- */
-export declare interface ProviderParams {
-    moduleName?: string;
-    basename?: string;
-    memoryRoute?: {
-        entryPath: string;
-        initialState?: Record<string, unknown>;
-    };
-    style?: React_2.CSSProperties;
-    className?: string;
-}
-
-/**
- * Parameters for the render function
- */
-export declare interface RenderParams {
-    moduleName?: string;
-    basename?: string;
-    memoryRoute?: {
-        entryPath: string;
-        initialState?: Record<string, unknown>;
-    };
-    dom: HTMLElement;
-    /**
-     * Options to pass to createRoot for React 18 and 19
-     * @example
-     * {
-     *   identifierPrefix: 'app-',
-     *   onRecoverableError: (err) => console.error(err)
-     * }
-     */
-    rootOptions?: CreateRootOptions_2;
-    [key: string]: unknown;
-}
-
-export declare interface Root {
-    render(children: React.ReactNode): void;
-    unmount(): void;
-}
-
-/**
- * Interface for a React root object
- */
-declare interface Root_2 {
-    render(children: React_2.ReactNode): void;
-    unmount(): void;
-}
-
-/**
- * Type for a root element, which can be either an HTMLElement or a React root
- */
-export declare type RootType = HTMLElement | Root_2;
-
-export { }

package/dist/v16.es.js

@@ -1,22 +0,0 @@
-import { c as createBaseBridgeComponent } from "./bridge-base-BbzPi965.js";
-import ReactDOM from "react-dom";
-function createReact16Or17Root(container) {
-  return {
-    render(children) {
-      ReactDOM.render(children, container);
-    },
-    unmount() {
-      ReactDOM.unmountComponentAtNode(container);
-    }
-  };
-}
-function createBridgeComponent(bridgeInfo) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact16Or17Root
-  };
-  return createBaseBridgeComponent(fullBridgeInfo);
-}
-export {
-  createBridgeComponent
-};

package/src/legacy.ts

@@ -1,13 +0,0 @@
-/**
- * Entry point for React 16/17 (legacy) specific bridge components
- * This file provides support for React 16 and 17 versions, using the traditional ReactDOM.render API
- */
-export { createBridgeComponent } from './provider/versions/legacy';
-export type { CreateRootOptions, Root } from './provider/versions/legacy';
-export type {
-  ProviderParams,
-  ProviderFnParams,
-  RootType,
-  DestroyParams,
-  RenderParams,
-} from './types';

package/src/provider/create.tsx

@@ -1,161 +0,0 @@
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import type {
-  ProviderParams,
-  ProviderFnParams,
-  RootType,
-  DestroyParams,
-  RenderParams,
-  CreateRootOptions,
-} from '../types';
-import { ErrorBoundary, FallbackProps } from 'react-error-boundary';
-import { RouterContext } from './context';
-import { LoggerInstance } from '../utils';
-import { federationRuntime } from './plugin';
-
-/**
- * Default createRoot function that automatically detects React version and uses the appropriate API(only support React 16/17, 18)
- *
- * Note: Users can also directly import version-specific bridge components:
- * - import { createBridgeComponent } from '@module-federation/bridge-react/legacy'
- * - import { createBridgeComponent } from '@module-federation/bridge-react/v18'
- * - import { createBridgeComponent } from '@module-federation/bridge-react/v19'
- */
-function defaultCreateRoot(
-  container: Element | DocumentFragment,
-  options?: CreateRootOptions,
-): {
-  render(children: React.ReactNode): void;
-  unmount(): void;
-} {
-  const reactVersion = ReactDOM.version || '';
-  const isReact18 = reactVersion.startsWith('18');
-
-  // For React 18, use createRoot API
-  if (isReact18) {
-    try {
-      // @ts-ignore - Types will be available in React 18
-      return (ReactDOM as any).createRoot(container, options);
-    } catch (e) {
-      console.warn(
-        'Failed to use React 18 createRoot API, falling back to legacy API',
-        e,
-      );
-    }
-  }
-
-  // For React 16/17, use legacy API
-  return {
-    render(children: React.ReactNode) {
-      // @ts-ignore - React 17's render method is deprecated but still functional
-      ReactDOM.render(children, container);
-    },
-    unmount() {
-      ReactDOM.unmountComponentAtNode(container as Element);
-    },
-  };
-}
-
-/**
- * Creates a bridge component factory that automatically detects and uses
- * the appropriate React version (16/17, 18, or 19)
- */
-export function createBridgeComponent<T>({
-  createRoot = defaultCreateRoot,
-  defaultRootOptions,
-  ...bridgeInfo
-}: ProviderFnParams<T>) {
-  return () => {
-    const rootMap = new Map<any, RootType>();
-    const instance = federationRuntime.instance;
-    LoggerInstance.debug(
-      `createBridgeComponent instance from props >>>`,
-      instance,
-    );
-
-    const RawComponent = (info: { propsInfo: T; appInfo: ProviderParams }) => {
-      const { appInfo, propsInfo, ...restProps } = info;
-      const { moduleName, memoryRoute, basename = '/' } = appInfo;
-      return (
-        <RouterContext.Provider value={{ moduleName, basename, memoryRoute }}>
-          <bridgeInfo.rootComponent
-            {...propsInfo}
-            basename={basename}
-            {...restProps}
-          />
-        </RouterContext.Provider>
-      );
-    };
-
-    return {
-      async render(info: RenderParams) {
-        LoggerInstance.debug(`createBridgeComponent render Info`, info);
-        const {
-          moduleName,
-          dom,
-          basename,
-          memoryRoute,
-          fallback,
-          rootOptions,
-          ...propsInfo
-        } = info;
-
-        // Merge default root options with render-specific root options
-        const mergedRootOptions: CreateRootOptions | undefined = {
-          ...defaultRootOptions,
-          ...(rootOptions as CreateRootOptions),
-        };
-
-        const beforeBridgeRenderRes =
-          instance?.bridgeHook?.lifecycle?.beforeBridgeRender?.emit(info) || {};
-
-        const rootComponentWithErrorBoundary = (
-          <ErrorBoundary
-            FallbackComponent={fallback as React.ComponentType<FallbackProps>}
-          >
-            <RawComponent
-              appInfo={{
-                moduleName,
-                basename,
-                memoryRoute,
-              }}
-              propsInfo={
-                {
-                  ...propsInfo,
-                  ...(beforeBridgeRenderRes as any)?.extraProps,
-                } as T
-              }
-            />
-          </ErrorBoundary>
-        );
-
-        let root = rootMap.get(dom);
-        // Do not call createRoot multiple times
-        if (!root) {
-          root = createRoot(dom, mergedRootOptions);
-          rootMap.set(dom, root);
-        }
-
-        if ('render' in root) {
-          root.render(rootComponentWithErrorBoundary);
-        }
-        instance?.bridgeHook?.lifecycle?.afterBridgeRender?.emit(info) || {};
-      },
-
-      destroy(info: DestroyParams) {
-        const { dom } = info;
-        LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
-        const root = rootMap.get(dom);
-        if (root) {
-          if ('unmount' in root) {
-            root.unmount();
-          } else {
-            ReactDOM.unmountComponentAtNode(dom as HTMLElement);
-          }
-          rootMap.delete(dom);
-        }
-        instance?.bridgeHook?.lifecycle?.afterBridgeDestroy?.emit(info);
-      },
-    };
-  };
-}

package/dist/{context-C79iMWYD.cjs → index-BYDWxFmi.cjs}

@@ -1,5 +1,6 @@
 "use strict";
 const React = require("react");
+const RouterContext = React.createContext(null);
 const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
 const BROWSER_LOG_VALUE = "1";
 function isBrowserEnv() {
@@ -95,7 +96,6 @@ const getRootDomDefaultClassName = (moduleName) => {
   const name = getModuleName(moduleName).replace(/\@/, "").replace(/\//, "-");
   return `bridge-root-component-${name}`;
 };
-const RouterContext = React.createContext(null);
 exports.LoggerInstance = LoggerInstance;
 exports.RouterContext = RouterContext;
 exports.getRootDomDefaultClassName = getRootDomDefaultClassName;

package/dist/{context-Dbqf0szX.js → index-BlBMQSoq.js}

@@ -1,4 +1,5 @@
 import React__default from "react";
+const RouterContext = React__default.createContext(null);
 const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
 const BROWSER_LOG_VALUE = "1";
 function isBrowserEnv() {
@@ -94,7 +95,6 @@ const getRootDomDefaultClassName = (moduleName) => {
   const name = getModuleName(moduleName).replace(/\@/, "").replace(/\//, "-");
   return `bridge-root-component-${name}`;
 };
-const RouterContext = React__default.createContext(null);
 export {
   LoggerInstance as L,
   RouterContext as R,