@module-federation/bridge-react 0.0.0-next-20250618090118 → 0.0.0-next-20250620084158

package/CHANGELOG.md

@@ -1,16 +1,11 @@
 # @module-federation/bridge-react
 
-## 0.0.0-next-20250618090118
-
-### Minor Changes
-
-- eb0d1dc: refactor(bridge-react): rename createRemoteComponent as createRemoteAppComponent
+## 0.0.0-next-20250620084158
 
 ### Patch Changes
 
-- eb0d1dc: feat(bridge-react): export createLazyCompoent api
-  - @module-federation/sdk@0.0.0-next-20250618090118
-  - @module-federation/bridge-shared@0.0.0-next-20250618090118
+- @module-federation/sdk@0.0.0-next-20250620084158
+- @module-federation/bridge-shared@0.0.0-next-20250620084158
 
 ## 0.15.0
 

package/__tests__/bridge.spec.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { assert, describe, it } from 'vitest';
-import { createBridgeComponent, createRemoteAppComponent } from '../src';
+import { createBridgeComponent, createRemoteComponent } from '../src';
 import {
   act,
   fireEvent,
@@ -44,14 +44,14 @@ describe('bridge', () => {
     expect(document.querySelector('#container')!.innerHTML).toContain('');
   });
 
-  it('createRemoteAppComponent', async () => {
+  it('createRemoteComponent', async () => {
     function Component({ props }: { props?: Record<string, any> }) {
       return <div>life cycle render {props?.msg}</div>;
     }
     const BridgeComponent = createBridgeComponent({
       rootComponent: Component,
     });
-    const RemoteComponent = createRemoteAppComponent({
+    const RemoteComponent = createRemoteComponent({
       loader: async () => {
         return {
           default: BridgeComponent,
@@ -71,7 +71,7 @@ describe('bridge', () => {
     expect(getHtml(container)).toMatch('hello world');
   });
 
-  it('createRemoteAppComponent and obtain ref property', async () => {
+  it('createRemoteComponent and obtain ref property', async () => {
     const ref = {
       current: null,
     };
@@ -82,7 +82,7 @@ describe('bridge', () => {
     const BridgeComponent = createBridgeComponent({
       rootComponent: Component,
     });
-    const RemoteComponent = createRemoteAppComponent({
+    const RemoteComponent = createRemoteComponent({
       loader: async () => {
         return {
           default: BridgeComponent,
@@ -103,7 +103,7 @@ describe('bridge', () => {
     expect(ref.current).not.toBeNull();
   });
 
-  it('createRemoteAppComponent with custom createRoot prop', async () => {
+  it('createRemoteComponent with custom createRoot prop', async () => {
     const renderMock = vi.fn();
 
     function Component({ props }: { props?: Record<string, any> }) {
@@ -118,7 +118,7 @@ describe('bridge', () => {
         };
       },
     });
-    const RemoteComponent = createRemoteAppComponent({
+    const RemoteComponent = createRemoteComponent({
       loader: async () => {
         return {
           default: BridgeComponent,

package/dist/{bridge-base-DKPEvcPJ.js → bridge-base-BBH982Tz.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const React = require("react");
-const index = require("./index-BYOQ_Qrb.js");
+const index = require("./index-Cv3p6r66.cjs");
 const plugin = require("./plugin.cjs.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/{bridge-base-YDjQh_vg.mjs → bridge-base-P6pEjY1q.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Component, createElement, createContext } from "react";
-import { L as LoggerInstance, R as RouterContext } from "./index-CUrEc0Q1.mjs";
+import { L as LoggerInstance, R as RouterContext } from "./index-D4yt7Udv.js";
 import { federationRuntime } from "./plugin.es.js";
 const ErrorBoundaryContext = createContext(null);
 const initialState = {

package/dist/{index.esm-BjwhLgko.js → index-Cv3p6r66.cjs}

@@ -1,7 +1,7 @@
 "use strict";
-const MANIFEST_EXT = ".json";
+const React = require("react");
+const RouterContext = React.createContext(null);
 const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
-const SEPARATOR = ":";
 function isBrowserEnv() {
   return typeof window !== "undefined" && typeof window.document !== "undefined";
 }
@@ -24,20 +24,6 @@ function isDebugMode() {
   }
   return isBrowserDebug();
 }
-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}`;
-  }, "");
-};
 let Logger = class Logger2 {
   setPrefix(prefix) {
     this.prefix = prefix;
@@ -206,8 +192,44 @@ async function loadModule(url2, options) {
   });
   return module2;
 }
-exports.MANIFEST_EXT = MANIFEST_EXT;
-exports.SEPARATOR = SEPARATOR;
-exports.composeKeyWithSeparator = composeKeyWithSeparator;
-exports.createLogger = createLogger;
-exports.isBrowserEnv = isBrowserEnv;
+const LoggerInstance = createLogger(
+  "[ Module Federation Bridge React ]"
+);
+function pathJoin(...args) {
+  const res2 = args.reduce((res22, path2) => {
+    let nPath = path2;
+    if (!nPath || typeof nPath !== "string") {
+      return res22;
+    }
+    if (nPath[0] !== "/") {
+      nPath = `/${nPath}`;
+    }
+    const lastIndex = nPath.length - 1;
+    if (nPath[lastIndex] === "/") {
+      nPath = nPath.substring(0, lastIndex);
+    }
+    return res22 + nPath;
+  }, "");
+  return res2 || "/";
+}
+const getModuleName = (id) => {
+  if (!id) {
+    return id;
+  }
+  const idArray = id.split("/");
+  if (idArray.length < 2) {
+    return id;
+  }
+  return idArray[0] + "/" + idArray[1];
+};
+const getRootDomDefaultClassName = (moduleName) => {
+  if (!moduleName) {
+    return "";
+  }
+  const name = getModuleName(moduleName).replace(/\@/, "").replace(/\//, "-");
+  return `bridge-root-component-${name}`;
+};
+exports.LoggerInstance = LoggerInstance;
+exports.RouterContext = RouterContext;
+exports.getRootDomDefaultClassName = getRootDomDefaultClassName;
+exports.pathJoin = pathJoin;

package/dist/{index.esm-nDSYG6Nj.mjs → index-D4yt7Udv.js}

@@ -1,6 +1,6 @@
-const MANIFEST_EXT = ".json";
+import React__default from "react";
+const RouterContext = React__default.createContext(null);
 const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
-const SEPARATOR = ":";
 function isBrowserEnv() {
   return typeof window !== "undefined" && typeof window.document !== "undefined";
 }
@@ -23,20 +23,6 @@ function isDebugMode() {
   }
   return isBrowserDebug();
 }
-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}`;
-  }, "");
-};
 let Logger = class Logger2 {
   setPrefix(prefix) {
     this.prefix = prefix;
@@ -205,10 +191,46 @@ async function loadModule(url2, options) {
   });
   return module;
 }
+const LoggerInstance = createLogger(
+  "[ Module Federation Bridge React ]"
+);
+function pathJoin(...args) {
+  const res2 = args.reduce((res22, path2) => {
+    let nPath = path2;
+    if (!nPath || typeof nPath !== "string") {
+      return res22;
+    }
+    if (nPath[0] !== "/") {
+      nPath = `/${nPath}`;
+    }
+    const lastIndex = nPath.length - 1;
+    if (nPath[lastIndex] === "/") {
+      nPath = nPath.substring(0, lastIndex);
+    }
+    return res22 + nPath;
+  }, "");
+  return res2 || "/";
+}
+const getModuleName = (id) => {
+  if (!id) {
+    return id;
+  }
+  const idArray = id.split("/");
+  if (idArray.length < 2) {
+    return id;
+  }
+  return idArray[0] + "/" + idArray[1];
+};
+const getRootDomDefaultClassName = (moduleName) => {
+  if (!moduleName) {
+    return "";
+  }
+  const name = getModuleName(moduleName).replace(/\@/, "").replace(/\//, "-");
+  return `bridge-root-component-${name}`;
+};
 export {
-  MANIFEST_EXT as M,
-  SEPARATOR as S,
-  composeKeyWithSeparator as a,
-  createLogger as c,
-  isBrowserEnv as i
+  LoggerInstance as L,
+  RouterContext as R,
+  getRootDomDefaultClassName as g,
+  pathJoin as p
 };