@module-federation/bridge-react 0.0.0-next-20250410121036 → 0.0.0-next-20250411200445

package/dist/v18.es.js

@@ -1,15 +0,0 @@
-import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./internal/bridge-base-CW88-1Be.es.js";
-function createReact18Root(container, options) {
-  return createRoot(container, options);
-}
-function createBridgeComponent(bridgeInfo) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact18Root
-  };
-  return createBaseBridgeComponent(fullBridgeInfo);
-}
-export {
-  createBridgeComponent
-};

package/dist/v19.cjs.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const client = require("react-dom/client");
-const bridgeBase = require("./internal/bridge-base-DBiwuddQ.cjs.js");
-function createReact19Root(container, options) {
-  return client.createRoot(container, options);
-}
-function createBridgeComponent(bridgeInfo) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact19Root
-  };
-  return bridgeBase.createBaseBridgeComponent(fullBridgeInfo);
-}
-exports.createBridgeComponent = createBridgeComponent;

package/dist/v19.d.ts

@@ -1,106 +0,0 @@
-import { default as default_2 } from 'react';
-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;
-    transitionCallbacks?: unknown;
-}
-
-/**
- * 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: default_2.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/v19.es.js

@@ -1,15 +0,0 @@
-import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./internal/bridge-base-CW88-1Be.es.js";
-function createReact19Root(container, options) {
-  return createRoot(container, options);
-}
-function createBridgeComponent(bridgeInfo) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact19Root
-  };
-  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/versions/bridge-base.tsx

@@ -1,122 +0,0 @@
-/**
- * Base bridge component implementation
- * This file contains bridge component logic shared across all React versions
- */
-import * as React from 'react';
-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';
-
-export function createBaseBridgeComponent<T>({
-  createRoot,
-  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;
-
-        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>
-        );
-
-        if (bridgeInfo.render) {
-          await Promise.resolve(
-            bridgeInfo.render(rootComponentWithErrorBoundary, dom),
-          ).then((root: RootType) => rootMap.set(dom, root));
-        } else {
-          let root = rootMap.get(dom);
-          // Do not call createRoot multiple times
-          if (!root && createRoot) {
-            root = createRoot(dom, mergedRootOptions);
-            rootMap.set(dom, root as any);
-          }
-
-          if (root && '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 {
-            console.warn('Root does not have unmount method');
-          }
-          rootMap.delete(dom);
-        }
-        instance?.bridgeHook?.lifecycle?.afterBridgeDestroy?.emit(info);
-      },
-    };
-  };
-}

package/src/provider/versions/legacy.ts

@@ -1,42 +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
- */
-import type { ProviderFnParams } from '../../types';
-import { createBaseBridgeComponent } from './bridge-base';
-import ReactDOM from 'react-dom';
-
-export interface CreateRootOptions {
-  identifierPrefix?: string;
-  onRecoverableError?: (error: unknown, errorInfo: unknown) => void;
-}
-
-export interface Root {
-  render(children: React.ReactNode): void;
-  unmount(): void;
-}
-
-export function createReact16Or17Root(
-  container: Element | DocumentFragment,
-): Root {
-  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);
-    },
-  };
-}
-
-export function createBridgeComponent<T = any>(
-  bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>,
-) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact16Or17Root,
-  } as unknown as ProviderFnParams<T>;
-
-  return createBaseBridgeComponent(fullBridgeInfo);
-}

package/src/provider/versions/v18.ts

@@ -1,47 +0,0 @@
-/**
- * Entry point for React 18 specific bridge components
- */
-import React from 'react';
-import { createRoot as createReactRoot, hydrateRoot } from 'react-dom/client';
-import { createBaseBridgeComponent } from './bridge-base';
-import type { ProviderFnParams } from '../../types';
-
-export interface CreateRootOptions {
-  identifierPrefix?: string;
-  onRecoverableError?: (error: unknown, errorInfo: unknown) => void;
-}
-
-export interface Root {
-  render(children: React.ReactNode): void;
-  unmount(): void;
-}
-
-export function createReact18Root(
-  container: Element | DocumentFragment,
-  options?: CreateRootOptions,
-): Root {
-  return createReactRoot(container, options);
-}
-
-export function hydrateReact18Root(
-  container: Element | DocumentFragment,
-  initialChildren: React.ReactNode,
-  options?: CreateRootOptions,
-) {
-  return hydrateRoot(
-    container as Element,
-    initialChildren as React.ReactElement,
-    options,
-  );
-}
-
-export function createBridgeComponent<T = any>(
-  bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>,
-) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact18Root,
-  } as unknown as ProviderFnParams<T>;
-
-  return createBaseBridgeComponent(fullBridgeInfo);
-}

package/src/provider/versions/v19.ts

@@ -1,48 +0,0 @@
-/**
- * Entry point for React 19 specific bridge components
- * This file provides support for React 19 version, using the new ReactDOM.createRoot API
- */
-import React from 'react';
-import { createRoot, hydrateRoot } from 'react-dom/client';
-import { createBaseBridgeComponent } from './bridge-base';
-import type { ProviderFnParams } from '../../types';
-export interface CreateRootOptions {
-  identifierPrefix?: string;
-  onRecoverableError?: (error: unknown, errorInfo: unknown) => void;
-  transitionCallbacks?: unknown;
-}
-
-export interface Root {
-  render(children: React.ReactNode): void;
-  unmount(): void;
-}
-
-export function createReact19Root(
-  container: Element | DocumentFragment,
-  options?: CreateRootOptions,
-): Root {
-  return createRoot(container as Element, options);
-}
-
-export function hydrateReact19Root(
-  container: Element | DocumentFragment,
-  initialChildren: React.ReactNode,
-  options?: CreateRootOptions,
-): Root {
-  return hydrateRoot(
-    container as Element,
-    initialChildren as React.ReactElement,
-    options,
-  );
-}
-
-export function createBridgeComponent<T = any>(
-  bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>,
-) {
-  const fullBridgeInfo = {
-    ...bridgeInfo,
-    createRoot: createReact19Root,
-  } as unknown as ProviderFnParams<T>;
-
-  return createBaseBridgeComponent(fullBridgeInfo);
-}

package/src/v18.ts

@@ -1,9 +0,0 @@
-export { createBridgeComponent } from './provider/versions/v18';
-export type { CreateRootOptions, Root } from './provider/versions/v18';
-export type {
-  ProviderParams,
-  ProviderFnParams,
-  RootType,
-  DestroyParams,
-  RenderParams,
-} from './types';

package/src/v19.ts

@@ -1,9 +0,0 @@
-export { createBridgeComponent } from './provider/versions/v19';
-export type { CreateRootOptions, Root } from './provider/versions/v19';
-export type {
-  ProviderParams,
-  ProviderFnParams,
-  RootType,
-  DestroyParams,
-  RenderParams,
-} from './types';