@module-federation/bridge-react 0.0.0-perf-devtools-20260107043700 → 0.0.0-perf-website-code-usage-20260914033703

package/dist/base.cjs.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createHelpers = require("./createHelpers-B_L612IN.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-Dr5VV1mu.js");
-const lazyUtils = require("./utils-tM9yE73c.js");
+const createHelpers = require("./createHelpers-D6thyyLv.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-DSURjnZ0.js");
+const lazyUtils = require("./utils-5dGErM3C.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-J3x-_5zT.js");
+const prefetch = require("./prefetch-Bxf6DSx_.js");
 const createRemoteAppComponent = createHelpers.createRemoteAppComponentFactory(createHelpers.RemoteAppWrapper);
 const createRemoteComponent = createHelpers.createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent

package/dist/base.d.ts

@@ -1,311 +1,8 @@
-import { default as default_2 } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { getInstance } from '@module-federation/runtime';
-import { ModuleFederationRuntimePlugin } from '@module-federation/runtime';
-import * as React_2 from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-
-export declare const autoFetchDataPlugin: () => ModuleFederationRuntimePlugin;
-
-export declare function cache<T>(fn: DataFetch<T>, options?: CacheOptions): DataFetch<T>;
-
-declare interface CacheConfig {
-    maxSize?: number;
-    unstable_shouldDisable?: ({ request, }: {
-        request: Request;
-    }) => boolean | Promise<boolean>;
-}
-
-declare interface CacheOptions {
-    tag?: string | string[];
-    maxAge?: number;
-    revalidate?: number;
-    getKey?: <Args extends any[]>(...args: Args) => string;
-    onCache?: (info: CacheStatsInfo) => boolean;
-}
-
-export declare const CacheSize: {
-    readonly KB: 1024;
-    readonly MB: number;
-    readonly GB: number;
-};
-
-export declare interface CacheStatsInfo {
-    status: CacheStatus;
-    key: string | symbol;
-    params: DataFetchParams;
-    result: any;
-}
-
-export declare type CacheStatus = 'hit' | 'stale' | 'miss';
-
-export declare const CacheTime: {
-    readonly SECOND: 1000;
-    readonly MINUTE: number;
-    readonly HOUR: number;
-    readonly DAY: number;
-    readonly WEEK: number;
-    readonly MONTH: number;
-};
-
-export declare function callDataFetch(): Promise<void>;
-
-export declare function clearStore(): void;
-
-export declare function collectSSRAssets(options: CollectSSRAssetsOptions): default_2.ReactNode[];
-
-export declare type CollectSSRAssetsOptions = {
-    id: string;
-    instance: ReturnType<typeof getInstance>;
-    injectScript?: boolean;
-    injectLink?: boolean;
-};
-
-export declare function configureCache(config: CacheConfig): void;
-
-export declare function createBridgeComponent<T = any>(bridgeInfo: Omit<ProviderFnParams<T>, 'createRoot'>): () => {
-    render(info: RenderParams): Promise<void>;
-    destroy(info: DestroyParams): void;
-};
-
-export declare function createLazyComponent<T, E extends keyof T>(options: CreateLazyComponentOptions<T, E>): (props: T[E] extends (...args: any) => any ? Parameters<T[E]>[0] extends undefined ? ReactKey : Parameters<T[E]>[0] & ReactKey : ReactKey) => default_2.JSX.Element;
-
-export declare type CreateLazyComponentOptions<T, E extends keyof T> = {
-    loader: () => Promise<T>;
-    instance: ReturnType<typeof getInstance>;
-    loading: default_2.ReactNode;
-    delayLoading?: number;
-    fallback: ReactNode | ((errorInfo: ErrorInfo) => ReactNode);
-    export?: E;
-    dataFetchParams?: DataFetchParams;
-    noSSR?: boolean;
-    injectScript?: boolean;
-    injectLink?: boolean;
-};
-
-export declare const createRemoteAppComponent: <T = Record<string, unknown>, E extends keyof T = keyof T>(info: LazyRemoteComponentInfo<T, E>) => ForwardRefExoticComponent<Omit<RemoteComponentProps_2<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
-
-/**
- * @deprecated createRemoteComponent is deprecated, please use createRemoteAppComponent instead!
- */
-export declare const createRemoteComponent: <T = Record<string, unknown>, E extends keyof T = keyof T>(info: LazyRemoteComponentInfo<T, E>) => any;
-
-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;
-}
-
-declare type DataFetch<T> = (params: DataFetchParams) => Promise<T>;
-
-export declare type DataFetchParams = {
-    isDowngrade: boolean;
-    _id?: string;
-} & Record<string, unknown>;
-
-/**
- * Parameters for the destroy function
- */
-export declare interface DestroyParams {
-    moduleName: string;
-    dom: HTMLElement;
-}
-
-export declare const ERROR_TYPE: {
-    DATA_FETCH: number;
-    LOAD_REMOTE: number;
-    UNKNOWN: number;
-};
-
-declare type ErrorInfo = {
-    error: Error;
-    errorType: number;
-    dataFetchMapKey?: string;
-};
-
-export declare function generateKey(dataFetchOptions: DataFetchParams): string;
-
-export declare function lazyLoadComponentPlugin(): ModuleFederationRuntimePlugin;
-
-export declare type LazyRemoteComponentInfo<T, _E extends keyof T> = RemoteComponentParams<T>;
-
-export declare type NoSSRRemoteInfo = {
-    name: string;
-    version: string;
-    ssrPublicPath: string;
-    ssrRemoteEntry: string;
-    globalName: string;
-};
-
-export declare function prefetch(options: PrefetchOptions): Promise<void>;
-
-declare type PrefetchOptions = {
-    id: string;
-    instance: ReturnType<typeof getInstance>;
-    dataFetchParams?: DataFetchParams;
-    preloadComponentResource?: boolean;
-};
-
-/**
- * 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;
-}
-
-declare type ReactKey = {
-    key?: default_2.Key | null;
-};
-
-/**
- * Parameters for the remote component loader
- */
-export declare interface RemoteComponentParams<T = Record<string, unknown>, E extends keyof T = keyof T> {
-    loader: () => Promise<T>;
-    loading: React_2.ReactNode;
-    fallback: React_2.ComponentType<{
-        error: Error;
-    }>;
-    export?: E;
-    props?: T;
-}
-
-/**
- * Parameters for the remote component
- */
-export declare interface RemoteComponentProps<T = Record<string, unknown>> {
-    props?: T;
-    fallback?: React_2.ComponentType<{
-        error: Error;
-    }>;
-    loading?: React_2.ReactNode;
-    [key: string]: unknown;
-}
-
-/**
- * Parameters for the remote component
- */
-declare interface RemoteComponentProps_2<T = Record<string, unknown>> {
-    props?: T;
-    fallback?: React_2.ComponentType<{
-        error: Error;
-    }>;
-    loading?: React_2.ReactNode;
-    [key: string]: unknown;
-}
-
-/**
- * Interface for a remote module provider
- */
-export declare interface RemoteModule {
-    provider: () => {
-        render: (info: RenderFnParams) => void;
-        destroy: (info: {
-            dom: any;
-        }) => void;
-    };
-}
-
-/**
- * Parameters for the render function, extending ProviderParams
- */
-export declare interface RenderFnParams extends ProviderParams {
-    dom: HTMLElement;
-    fallback?: React_2.ComponentType<{
-        error: Error;
-    }>;
-    [key: string]: unknown;
-}
-
-/**
- * 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 function revalidateTag(tag: string): void;
-
-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 declare function setSSREnv({ fetchServerQuery, }: {
-    fetchServerQuery?: Record<string, unknown>;
-}): void;
-
-export { }
-
-
-declare module '@module-federation/runtime-core' {
-    interface ModuleFederation {
-        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>;
-        collectSSRAssets(options: Omit<Parameters<typeof collectSSRAssets>[0], 'instance'>): ReturnType<typeof collectSSRAssets>;
-    }
-}
+export { createBridgeComponent } from './provider/versions/legacy';
+export { createRemoteComponent, createRemoteAppComponent, } from './remote/base-component';
+export type { LazyRemoteComponentInfo } from './remote/base-component';
+export { ERROR_TYPE, createLazyComponent, collectSSRAssets, callDataFetch, setSSREnv, autoFetchDataPlugin, CacheSize, CacheTime, configureCache, generateKey, cache, revalidateTag, clearStore, prefetch, } from './lazy';
+export { lazyLoadComponentPlugin } from './plugins/lazy-load-component-plugin';
+export type { CreateRootOptions, Root } from './provider/versions/legacy';
+export type { ProviderParams, ProviderFnParams, RootType, DestroyParams, RenderParams, RemoteComponentParams, RenderFnParams, RemoteComponentProps, RemoteModule, } from './types';
+export type { DataFetchParams, NoSSRRemoteInfo, CollectSSRAssetsOptions, CreateLazyComponentOptions, CacheStatus, CacheStatsInfo, } from './lazy';

package/dist/base.es.js

@@ -1,9 +1,9 @@
-import { c as createDeprecatedRemoteComponentFactory, a as createRemoteAppComponentFactory, R as RemoteAppWrapper } from "./createHelpers-Ui5pt7je.mjs";
-import { b } from "./createHelpers-Ui5pt7je.mjs";
-import { b as b2, a, c, l } from "./lazy-load-component-plugin-CNyT62wB.mjs";
-import { C, a as a2, E, b as b3, d, c as c2, g, r, s } from "./utils-dUgb9Jkm.mjs";
+import { c as createRemoteAppComponentFactory, a as createDeprecatedRemoteComponentFactory, R as RemoteAppWrapper } from "./createHelpers-D3Sg5lKp.mjs";
+import { b } from "./createHelpers-D3Sg5lKp.mjs";
+import { a, c, b as b2, l } from "./lazy-load-component-plugin-NZphPG7_.mjs";
+import { C, a as a2, E, c as c2, b as b3, d, g, r, s } from "./utils-BBP3hEeV.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-lrSPKiuu.mjs";
+import { p } from "./prefetch-TKq_EK_q.mjs";
 const createRemoteAppComponent = createRemoteAppComponentFactory(RemoteAppWrapper);
 const createRemoteComponent = createDeprecatedRemoteComponentFactory(
   createRemoteAppComponent
@@ -12,14 +12,14 @@ export {
   C as CacheSize,
   a2 as CacheTime,
   E as ERROR_TYPE,
-  b2 as autoFetchDataPlugin,
-  b3 as cache,
+  a as autoFetchDataPlugin,
+  c2 as cache,
   callDataFetch,
-  d as clearStore,
-  a as collectSSRAssets,
-  c2 as configureCache,
+  b3 as clearStore,
+  c as collectSSRAssets,
+  d as configureCache,
   b as createBridgeComponent,
-  c as createLazyComponent,
+  b2 as createLazyComponent,
   createRemoteAppComponent,
   createRemoteComponent,
   g as generateKey,

package/dist/{bridge-base-CPSTBjEp.mjs → bridge-base-CHnL6Q9P.mjs}

@@ -1,102 +1,36 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import * as React from "react";
-import { Component, createElement, createContext } from "react";
-import { L as LoggerInstance, R as RouterContext } from "./index-DyQNwY2M.mjs";
+import { L as LoggerInstance, R as RouterContext } from "./index-Bs2NxD2z.mjs";
 import { federationRuntime } from "./plugin.es.js";
-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];
+const initialState = { didCatch: false, error: null };
+class ErrorBoundary extends React.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", initialState);
+    __publicField(this, "resetErrorBoundary", (..._args) => {
+      if (this.state.didCatch) {
+        this.setState(initialState);
       }
-      (_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);
-    }
+  static getDerivedStateFromError(error) {
+    return { didCatch: true, error };
   }
   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;
-      }
+    if (this.state.didCatch) {
+      return /* @__PURE__ */ React.createElement(
+        this.props.FallbackComponent,
+        {
+          error: this.state.error,
+          resetErrorBoundary: this.resetErrorBoundary
+        }
+      );
     }
-    return createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
+    return this.props.children;
   }
 }
-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]));
-}
 function createBaseBridgeComponent({
   createRoot,
   defaultRootOptions,
@@ -121,14 +55,18 @@ function createBaseBridgeComponent({
         }
       ));
     };
-    const DefaultFallback = ({ error }) => /* @__PURE__ */ React.createElement("div", { role: "alert" }, /* @__PURE__ */ React.createElement("p", null, "Something went wrong:"), /* @__PURE__ */ React.createElement("pre", { style: { color: "red" } }, error.message));
+    const DefaultFallback = ({ error }) => /* @__PURE__ */ React.createElement("div", { role: "alert" }, /* @__PURE__ */ React.createElement("p", null, "Something went wrong:"), /* @__PURE__ */ React.createElement("pre", { style: { color: "red" } }, error instanceof Error ? error.message : String(error)));
+    const omitHostFallback = (props) => {
+      const nextProps = { ...props };
+      delete nextProps.fallback;
+      return nextProps;
+    };
     const BridgeWrapper = ({
       basename,
       moduleName,
       memoryRoute,
-      propsInfo,
-      fallback
-    }) => /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: fallback || DefaultFallback }, /* @__PURE__ */ React.createElement(
+      propsInfo
+    }) => /* @__PURE__ */ React.createElement(ErrorBoundary, { FallbackComponent: DefaultFallback }, /* @__PURE__ */ React.createElement(
       RawComponent,
       {
         appInfo: {
@@ -148,33 +86,41 @@ function createBaseBridgeComponent({
           dom,
           basename,
           memoryRoute,
-          fallback,
           rootOptions,
           ...propsInfo
         } = info;
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: rootMap.has(dom) ? "update" : "render",
+          reason: "direct"
+        };
         const mergedRootOptions = {
           ...defaultRootOptions,
           ...rootOptions
         };
-        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 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,
+          operationContext
+        )) || {};
         const rootComponentWithErrorBoundary = /* @__PURE__ */ React.createElement(
           BridgeWrapper,
           {
             basename,
             moduleName,
             memoryRoute,
-            fallback,
             propsInfo: {
-              ...propsInfo,
+              ...omitHostFallback(propsInfo),
               basename,
               ...beforeBridgeRenderRes == null ? void 0 : beforeBridgeRenderRes.extraProps
             }
           }
         );
         if (bridgeInfo.render) {
-          await Promise.resolve(
+          const root = await Promise.resolve(
             bridgeInfo.render(rootComponentWithErrorBoundary, dom)
-          ).then((root) => rootMap.set(dom, root));
+          );
+          rootMap.set(dom, root);
         } else {
           let root = rootMap.get(dom);
           if (!root && createRoot) {
@@ -185,13 +131,25 @@ function createBaseBridgeComponent({
             root.render(rootComponentWithErrorBoundary);
           }
         }
-        ((_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)) || {};
+        ((_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, {
+          context: operationContext
+        })) || {};
       },
       destroy(info) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         const { dom } = info;
         LoggerInstance.debug(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(dom);
+        const operationContext = {
+          side: "producer",
+          framework: "react",
+          operation: "destroy",
+          reason: "direct"
+        };
+        (_c = (_b = (_a = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _a.lifecycle) == null ? void 0 : _b.beforeBridgeDestroy) == null ? void 0 : _c.emit(
+          info,
+          operationContext
+        );
         if (root) {
           if ("unmount" in root) {
             root.unmount();
@@ -200,7 +158,9 @@ function createBaseBridgeComponent({
           }
           rootMap.delete(dom);
         }
-        (_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);
+        (_f = (_e = (_d = instance == null ? void 0 : instance.bridgeHook) == null ? void 0 : _d.lifecycle) == null ? void 0 : _e.afterBridgeDestroy) == null ? void 0 : _f.emit(info, {
+          context: operationContext
+        });
       }
     };
   };