@module-federation/bridge-react 0.21.0 → 0.21.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @module-federation/bridge-react
 
+## 0.21.2
+
+### Patch Changes
+
+- e98133e: feat: Re-export the exports of the v18/v19/plugin from @module-federation/bridge-react in modernjs
+- dc103ee: fix: support React Router v6 in peer dependencies
+
+  Update react-router peer dependency from "^7" to "^6 || ^7" to fix npm install failures for projects using React Router v6.
+
+  - @module-federation/sdk@0.21.2
+  - @module-federation/bridge-shared@0.21.2
+
+## 0.21.1
+
+### Patch Changes
+
+- @module-federation/sdk@0.21.1
+- @module-federation/bridge-shared@0.21.1
+
 ## 0.21.0
 
 ### Minor Changes

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const lazyUtils = require("./utils-tM9yE73c.js");
-const prefetch = require("./prefetch-C8kORtvg.js");
+const prefetch = require("./prefetch-k61Qz1E-.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-Bx_8GGd-.mjs";
 import { C, b, e, h, c, d, r } from "./utils-Bx_8GGd-.mjs";
-import { d as dataFetchFunction } from "./prefetch-Cxo6GKct.mjs";
-import { i, p } from "./prefetch-Cxo6GKct.mjs";
+import { d as dataFetchFunction } from "./prefetch-BWGWrW3l.mjs";
+import { i, p } from "./prefetch-BWGWrW3l.mjs";
 async function callDataFetch() {
   const dataFetch = globalThis[DATA_FETCH_FUNCTION];
   if (dataFetch) {

package/dist/index.cjs.js

@@ -6,10 +6,10 @@ const index = require("./index-DRSBaSu3.js");
 const React = require("react");
 const ReactRouterDOM = require("react-router-dom");
 const plugin = require("./plugin.cjs.js");
-const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-B-nqmULm.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CTOmHqqN.js");
 const lazyUtils = require("./utils-tM9yE73c.js");
 const dataFetchUtils = require("./data-fetch-utils.cjs.js");
-const prefetch = require("./prefetch-C8kORtvg.js");
+const prefetch = require("./prefetch-k61Qz1E-.js");
 function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {

package/dist/index.d.ts

@@ -134,7 +134,7 @@ export declare function generateKey(dataFetchOptions: DataFetchParams): string;
 
 export declare function lazyLoadComponentPlugin(): ModuleFederationRuntimePlugin;
 
-declare type LazyRemoteComponentInfo<T, _E extends keyof T> = RemoteComponentParams<T>;
+export declare type LazyRemoteComponentInfo<T, _E extends keyof T> = RemoteComponentParams<T>;
 
 export declare type NoSSRRemoteInfo = {
     name: string;
@@ -193,7 +193,7 @@ declare type ReactKey = {
 /**
  * Parameters for the remote component loader
  */
-declare interface RemoteComponentParams<T = Record<string, unknown>, E extends keyof T = keyof T> {
+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<{
@@ -206,7 +206,7 @@ declare interface RemoteComponentParams<T = Record<string, unknown>, E extends k
 /**
  * Parameters for the remote component
  */
-declare interface RemoteComponentProps<T = Record<string, unknown>> {
+export declare interface RemoteComponentProps<T = Record<string, unknown>> {
     props?: T;
     fallback?: React_2.ComponentType<{
         error: Error;
@@ -215,6 +215,29 @@ declare interface RemoteComponentProps<T = Record<string, unknown>> {
     [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
  */

package/dist/index.es.js

@@ -4,10 +4,10 @@ import { L as LoggerInstance, p as pathJoin, g as getRootDomDefaultClassName } f
 import React__default, { forwardRef, useContext, useState, useEffect, useRef } from "react";
 import * as ReactRouterDOM from "react-router-dom";
 import { federationRuntime } from "./plugin.es.js";
-import { b, a, c, l } from "./lazy-load-component-plugin-D_--Azke.mjs";
+import { b, a, c, l } from "./lazy-load-component-plugin-Cd5_LHQf.mjs";
 import { C, b as b2, E, e, h, c as c2, d, r, s } from "./utils-Bx_8GGd-.mjs";
 import { callDataFetch } from "./data-fetch-utils.es.js";
-import { p } from "./prefetch-Cxo6GKct.mjs";
+import { p } from "./prefetch-BWGWrW3l.mjs";
 function createReact16Or17Root(container) {
   return {
     render(children) {

package/dist/{lazy-load-component-plugin-B-nqmULm.js → lazy-load-component-plugin-CTOmHqqN.js}

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

package/dist/{lazy-load-component-plugin-D_--Azke.mjs → lazy-load-component-plugin-Cd5_LHQf.mjs}

@@ -1,4 +1,4 @@
-import { i as injectDataFetch, p as prefetch } from "./prefetch-Cxo6GKct.mjs";
+import { i as injectDataFetch, p as prefetch } from "./prefetch-BWGWrW3l.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-Bx_8GGd-.mjs";
 import React__default, { useRef, useState, Suspense, useEffect } from "react";
 const autoFetchData = () => {

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-B-nqmULm.js");
-require("./prefetch-C8kORtvg.js");
+const lazyLoadComponentPlugin = require("./lazy-load-component-plugin-CTOmHqqN.js");
+require("./prefetch-k61Qz1E-.js");
 exports.default = lazyLoadComponentPlugin.lazyLoadComponentPlugin;
 exports.lazyLoadComponentPlugin = lazyLoadComponentPlugin.lazyLoadComponentPlugin;

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

@@ -1,5 +1,5 @@
-import { l, l as l2 } from "./lazy-load-component-plugin-D_--Azke.mjs";
-import "./prefetch-Cxo6GKct.mjs";
+import { l, l as l2 } from "./lazy-load-component-plugin-Cd5_LHQf.mjs";
+import "./prefetch-BWGWrW3l.mjs";
 export {
   l as default,
   l2 as lazyLoadComponentPlugin

package/dist/{prefetch-Cxo6GKct.mjs → prefetch-BWGWrW3l.mjs}

@@ -210,7 +210,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.21.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.21.2";
   }
 }
 function getInfoWithoutType(target, key) {

package/dist/{prefetch-C8kORtvg.js → prefetch-k61Qz1E-.js}

@@ -211,7 +211,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = index_esm.isDebugMode()) {
   if (isDebug) {
     CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.21.0";
+    CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.21.2";
   }
 }
 function getInfoWithoutType(target, key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,7 @@
     "./plugin": {
       "types": "./dist/plugin.d.ts",
       "import": "./dist/plugin.es.js",
-      "require": "./dist/plugin.es.js"
+      "require": "./dist/plugin.cjs.js"
     },
     "./router-v5": {
       "types": "./dist/router-v5.d.ts",
@@ -81,7 +81,28 @@
   "typesVersions": {
     "*": {
       ".": [
-        "./dist/types/index.d.ts"
+        "./dist/index.d.ts"
+      ],
+      "v18": [
+        "./dist/v18.d.ts"
+      ],
+      "v19": [
+        "./dist/v19.d.ts"
+      ],
+      "router": [
+        "./dist/router.d.ts"
+      ],
+      "plugin": [
+        "./dist/plugin.d.ts"
+      ],
+      "router-v5": [
+        "./dist/router-v5.d.ts"
+      ],
+      "router-v6": [
+        "./dist/router-v6.d.ts"
+      ],
+      "router-v7": [
+        "./dist/router-v7.d.ts"
       ],
       "lazy-load-component-plugin": [
         "./dist/lazy-load-component-plugin.d.ts"
@@ -100,14 +121,14 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/bridge-shared": "0.21.0",
-    "@module-federation/sdk": "0.21.0"
+    "@module-federation/bridge-shared": "0.21.2",
+    "@module-federation/sdk": "0.21.2"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
     "react-router-dom": "^4 || ^5 || ^6 || ^7",
-    "react-router": "^7"
+    "react-router": "^6 || ^7"
   },
   "peerDependenciesMeta": {
     "react-router-dom": {
@@ -130,11 +151,11 @@
     "react-router-dom": "6.22.3",
     "react-router": "7.9.4",
     "typescript": "^5.2.2",
-    "vite": "^5.4.20",
+    "vite": "^5.4.21",
     "vite-plugin-dts": "^4.3.0",
-    "hono": "3.12.12",
-    "@module-federation/runtime": "0.21.0",
-    "@module-federation/runtime-core": "0.21.0"
+    "hono": "4.10.2",
+    "@module-federation/runtime-core": "0.21.2",
+    "@module-federation/runtime": "0.21.2"
   },
   "scripts": {
     "dev": "vite",

package/src/index.ts

@@ -7,6 +7,7 @@ export {
   createRemoteComponent,
   createRemoteAppComponent,
 } from './remote/create';
+export type { LazyRemoteComponentInfo } from './remote/create';
 export {
   ERROR_TYPE,
   createLazyComponent,
@@ -34,6 +35,10 @@ export type {
   RootType,
   DestroyParams,
   RenderParams,
+  RemoteComponentParams,
+  RenderFnParams,
+  RemoteComponentProps,
+  RemoteModule,
 } from './types';
 export type {
   DataFetchParams,

package/src/remote/create.tsx

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