@module-federation/bridge-react 2.0.1 → 2.2.0

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 index = require("./index-DhFNWacm.js");
+const index = require("./index-DbjGCKOr.js");
 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 "./index-DtXhorFI.mjs";
+import { R as RouterContext, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
 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 index = require("./index-DhFNWacm.js");
+const index = require("./index-DbjGCKOr.js");
 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 "./index-DtXhorFI.mjs";
+import { R as RouterContext, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
 export * from "react-router-dom/dist/index.js";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;

package/dist/router-v7.cjs.js

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

package/dist/router-v7.es.js

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import * as ReactRouterDom from 'react-router/dist/production/index.js';
 export * from 'react-router/dist/production/index.js';
-import { R as RouterContext, L as LoggerInstance } from "./index-DtXhorFI.mjs";
+import { R as RouterContext, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
 function WraperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};

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 index = require("./index-DhFNWacm.js");
+const index = require("./index-DbjGCKOr.js");
 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 "./index-DtXhorFI.mjs";
+import { R as RouterContext, L as LoggerInstance } from "./index-Bs2NxD2z.mjs";
 function WrapperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};

package/dist/{utils-TDonIHDD.js → utils-CFTy4LVE.js}

@@ -19,7 +19,19 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _a, _constructing, _b, _c, _max, _maxSize, _dispose, _disposeAfter, _fetchMethod, _memoMethod, _size, _calculatedSize, _keyMap, _keyList, _valList, _next, _prev, _head, _tail, _free, _disposed, _sizes, _starts, _ttls, _hasDispose, _hasFetchMethod, _hasDisposeAfter, _LRUCache_instances, initializeTTLTracking_fn, _updateItemAge, _statusTTL, _setItemTTL, _isStale, initializeSizeTracking_fn, _removeItemSize, _addItemSize, _requireSize, indexes_fn, rindexes_fn, isValidIndex_fn, evict_fn, backgroundFetch_fn, isBackgroundFetch_fn, connect_fn, moveToTail_fn, delete_fn, clear_fn;
-const index_esm = require("./index.esm-CYiGJfQW.js");
+const logger$1 = require("./logger-Dxblx6P-.js");
+const LOG_CATEGORY = "[ Federation Runtime ]";
+const composeKeyWithSeparator = function(...args) {
+  if (!args.length) return "";
+  return args.reduce((sum, cur) => {
+    if (!cur) return sum;
+    if (!sum) return cur;
+    return `${sum}${logger$1.SEPARATOR}${cur}`;
+  }, "");
+};
+const warn = (msg) => {
+  console.warn(`${LOG_CATEGORY}: ${msg}`);
+};
 const PLUGIN_IDENTIFIER = "[ Module Federation React ]";
 const DOWNGRADE_KEY = "_mfSSRDowngrade";
 const DATA_FETCH_FUNCTION = "_mfDataFetch";
@@ -47,7 +59,7 @@ const DATA_FETCH_CLIENT_SUFFIX = ".client";
 const DATA_FETCH_QUERY = "x-mf-data-fetch";
 const DATA_FETCH_ERROR_PREFIX = "caught the following error during dataFetch: ";
 const LOAD_REMOTE_ERROR_PREFIX = "caught the following error during loadRemote: ";
-const logger = index_esm.createLogger(PLUGIN_IDENTIFIER);
+const logger = logger$1.createLogger(PLUGIN_IDENTIFIER);
 const perf = typeof performance === "object" && performance && typeof performance.now === "function" ? performance : Date;
 const warned = /* @__PURE__ */ new Set();
 const PROCESS = typeof process === "object" && !!process ? process : {};
@@ -1803,7 +1815,7 @@ async function fetchData(id, params, remoteInfo) {
       _id: id
     });
   };
-  if (index_esm.isBrowserEnv()) {
+  if (logger$1.isBrowserEnvValue) {
     const dataFetchItem = getDataFetchItem(id);
     if (!dataFetchItem) {
       throw new Error(`dataFetchItem not found, id: ${id}`);
@@ -1839,7 +1851,7 @@ function getDataFetchMapKey(dataFetchInfo, hostInfo) {
     return;
   }
   const { dataFetchKey } = dataFetchInfo;
-  return index_esm.composeKeyWithSeparator(dataFetchKey, hostInfo.name, hostInfo.version);
+  return composeKeyWithSeparator(dataFetchKey, hostInfo.name, hostInfo.version);
 }
 async function loadDataFetchModule(instance, id) {
   return instance.loadRemote(id).then((m) => {
@@ -1991,6 +2003,7 @@ exports.cache = cache;
 exports.callAllDowngrade = callAllDowngrade;
 exports.callDowngrade = callDowngrade;
 exports.clearStore = clearStore;
+exports.composeKeyWithSeparator = composeKeyWithSeparator;
 exports.configureCache = configureCache;
 exports.fetchData = fetchData;
 exports.flushDataFetch = flushDataFetch;
@@ -2012,4 +2025,5 @@ exports.logger = logger;
 exports.revalidateTag = revalidateTag;
 exports.setDataFetchItemLoadedStatus = setDataFetchItemLoadedStatus;
 exports.setSSREnv = setSSREnv;
+exports.warn = warn;
 exports.wrapDataFetchId = wrapDataFetchId;

package/dist/{utils-DpoLOH_j.mjs → utils-D4k5eixv.mjs}

@@ -18,7 +18,19 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _a, _constructing, _b, _c, _max, _maxSize, _dispose, _disposeAfter, _fetchMethod, _memoMethod, _size, _calculatedSize, _keyMap, _keyList, _valList, _next, _prev, _head, _tail, _free, _disposed, _sizes, _starts, _ttls, _hasDispose, _hasFetchMethod, _hasDisposeAfter, _LRUCache_instances, initializeTTLTracking_fn, _updateItemAge, _statusTTL, _setItemTTL, _isStale, initializeSizeTracking_fn, _removeItemSize, _addItemSize, _requireSize, indexes_fn, rindexes_fn, isValidIndex_fn, evict_fn, backgroundFetch_fn, isBackgroundFetch_fn, connect_fn, moveToTail_fn, delete_fn, clear_fn;
-import { c as createLogger, i as isBrowserEnv, d as composeKeyWithSeparator } from "./index.esm-BvTtsZnu.mjs";
+import { S as SEPARATOR, c as createLogger, i as isBrowserEnvValue } from "./logger-DwWkXsWl.mjs";
+const LOG_CATEGORY = "[ Federation Runtime ]";
+const composeKeyWithSeparator = function(...args) {
+  if (!args.length) return "";
+  return args.reduce((sum, cur) => {
+    if (!cur) return sum;
+    if (!sum) return cur;
+    return `${sum}${SEPARATOR}${cur}`;
+  }, "");
+};
+const warn = (msg) => {
+  console.warn(`${LOG_CATEGORY}: ${msg}`);
+};
 const PLUGIN_IDENTIFIER = "[ Module Federation React ]";
 const DOWNGRADE_KEY = "_mfSSRDowngrade";
 const DATA_FETCH_FUNCTION = "_mfDataFetch";
@@ -1802,7 +1814,7 @@ async function fetchData(id, params, remoteInfo) {
       _id: id
     });
   };
-  if (isBrowserEnv()) {
+  if (isBrowserEnvValue) {
     const dataFetchItem = getDataFetchItem(id);
     if (!dataFetchItem) {
       throw new Error(`dataFetchItem not found, id: ${id}`);
@@ -1975,18 +1987,20 @@ function getLoadedRemoteInfos(id, instance) {
   };
 }
 export {
-  DOWNGRADE_KEY as A,
-  callAllDowngrade as B,
+  warn as A,
+  DOWNGRADE_KEY as B,
   CacheSize as C,
   DATA_FETCH_QUERY as D,
   ERROR_TYPE as E,
   FS_HREF as F,
-  callDowngrade as G,
-  getDowngradeTag as H,
-  flushDataFetch as I,
-  getDataFetchCache as J,
+  callAllDowngrade as G,
+  callDowngrade as H,
+  getDowngradeTag as I,
+  composeKeyWithSeparator as J,
+  flushDataFetch as K,
   LOAD_REMOTE_ERROR_PREFIX as L,
   MF_DATA_FETCH_STATUS as M,
+  getDataFetchCache as N,
   CacheTime as a,
   clearStore as b,
   cache as c,

package/dist/v18.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-vSCG9ebE.js");
+const bridgeBase = require("./bridge-base-IlvdqYIj.js");
 function createReact18Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v18.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-BVX0EbsV.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-EnVXD4Hr.mjs";
 function createReact18Root(container, options) {
   return createRoot(container, options);
 }

package/dist/v19.cjs.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("react-dom/client");
-const bridgeBase = require("./bridge-base-vSCG9ebE.js");
+const bridgeBase = require("./bridge-base-IlvdqYIj.js");
 function createReact19Root(container, options) {
   return client.createRoot(container, options);
 }

package/dist/v19.es.js

@@ -1,5 +1,5 @@
 import { createRoot } from "react-dom/client";
-import { c as createBaseBridgeComponent } from "./bridge-base-BVX0EbsV.mjs";
+import { c as createBaseBridgeComponent } from "./bridge-base-EnVXD4Hr.mjs";
 function createReact19Root(container, options) {
   return createRoot(container, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "2.0.1",
+  "version": "2.2.0",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -129,8 +129,8 @@
   "dependencies": {
     "react-error-boundary": "^4.1.2",
     "lru-cache": "^10.4.3",
-    "@module-federation/sdk": "2.0.1",
-    "@module-federation/bridge-shared": "2.0.1"
+    "@module-federation/bridge-shared": "2.2.0",
+    "@module-federation/sdk": "2.2.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -161,13 +161,14 @@
     "typescript": "^5.2.2",
     "vite": "^5.4.21",
     "vite-plugin-dts": "^4.3.0",
-    "hono": "4.11.7",
-    "@module-federation/runtime": "2.0.1",
-    "@module-federation/runtime-core": "2.0.1"
+    "hono": "4.12.7",
+    "@module-federation/runtime": "2.2.0",
+    "@module-federation/runtime-core": "2.2.0"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "pnpm exec jest --config jest.config.ts --passWithNoTests"
   }
 }

package/src/lazy/utils.ts

@@ -1,4 +1,7 @@
-import { isBrowserEnv, composeKeyWithSeparator } from '@module-federation/sdk';
+import {
+  isBrowserEnvValue,
+  composeKeyWithSeparator,
+} from '@module-federation/sdk';
 import logger from './logger';
 import {
   DOWNGRADE_KEY,
@@ -153,7 +156,7 @@ export async function fetchData(
       _id: id,
     });
   };
-  if (isBrowserEnv()) {
+  if (isBrowserEnvValue) {
     const dataFetchItem = getDataFetchItem(id);
     if (!dataFetchItem) {
       throw new Error(`dataFetchItem not found, id: ${id}`);

package/vitest.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitest/config';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import tsconfigPaths from 'vite-tsconfig-paths';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 export default defineConfig({
@@ -13,7 +13,7 @@ export default defineConfig({
   resolve: {
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
   },
-  plugins: [react(), nxViteTsPaths()],
+  plugins: [react(), tsconfigPaths()],
   test: {
     environment: 'jsdom',
     include: [