@module-federation/bridge-react 0.6.12 → 0.6.14

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @module-federation/bridge-react
 
+## 0.6.14
+
+### Patch Changes
+
+- ad605d2: chore: unified logger
+- Updated dependencies [ad605d2]
+  - @module-federation/bridge-shared@0.6.14
+  - @module-federation/sdk@0.6.14
+
+## 0.6.13
+
+### Patch Changes
+
+- @module-federation/bridge-shared@0.6.13
+
 ## 0.6.12
 
 ### Patch Changes

package/dist/context-9t7opEwi.js

@@ -0,0 +1,329 @@
+import React__default from "react";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var browser_exports = {};
+__export(browser_exports, {
+  createLogger: () => createLogger2,
+  logger: () => logger
+});
+var browser = __toCommonJS(browser_exports);
+var supportsSubstitutions = void 0;
+var supportColor = () => {
+  if (typeof supportsSubstitutions !== "undefined") {
+    return supportsSubstitutions;
+  }
+  try {
+    console.log("%c", "color:");
+    supportsSubstitutions = true;
+  } catch (e) {
+    supportsSubstitutions = false;
+  }
+  return supportsSubstitutions;
+};
+var ansiToCss = {
+  "bold": "font-weight: bold;",
+  "red": "color: red;",
+  "green": "color: green;",
+  "yellow": "color: yellow;",
+  "magenta": "color: magenta;",
+  "cyan": "color: cyan;",
+  "gray": "color: gray;"
+};
+var formatter = (key) => supportColor() ? (input) => {
+  if (Array.isArray(input)) {
+    const [label, style] = input;
+    return [`%c${label.replace("%c", "")}`, style ? `${ansiToCss[key]}${style}` : `${ansiToCss[key] || ""}`];
+  }
+  return [`%c${String(input).replace("%c", "")}`, ansiToCss[key] || ""];
+} : (input) => [String(input)];
+var bold = formatter("bold");
+var red = formatter("red");
+var green = formatter("green");
+var yellow = formatter("yellow");
+var magenta = formatter("magenta");
+var cyan = formatter("cyan");
+formatter("gray");
+function getLabel(type, logType, labels) {
+  let label = [""];
+  if ("label" in logType) {
+    label = [labels[type] || logType.label || ""];
+    label = bold(logType.color ? logType.color(label) : label[0]);
+  }
+  label = label.filter(Boolean);
+  return label;
+}
+function finalLog(label, text, args, message) {
+  if (label.length) {
+    if (Array.isArray(message)) {
+      console.log(...label, ...message);
+    } else {
+      console.log(...label, text);
+    }
+  } else {
+    Array.isArray(message) ? console.log(...message) : console.log(text, ...args);
+  }
+}
+var LOG_LEVEL = {
+  error: 0,
+  warn: 1,
+  info: 2,
+  log: 3,
+  verbose: 4
+};
+var errorStackRegExp = /at\s.*:\d+:\d+[\s\)]*$/;
+var anonymousErrorStackRegExp = /at\s.*\(<anonymous>\)$/;
+var isErrorStackMessage = (message) => errorStackRegExp.test(message) || anonymousErrorStackRegExp.test(message);
+var createLogger$1 = (options = {}, { getLabel: getLabel2, handleError, finalLog: finalLog2, greet, LOG_TYPES: LOG_TYPES2 }) => {
+  let maxLevel = options.level || "log";
+  let customLabels = options.labels || {};
+  let log = (type, message, ...args) => {
+    if (LOG_LEVEL[LOG_TYPES2[type].level] > LOG_LEVEL[maxLevel]) {
+      return;
+    }
+    if (message === void 0 || message === null) {
+      return console.log();
+    }
+    let logType = LOG_TYPES2[type];
+    let text = "";
+    const label = getLabel2(type, logType, customLabels);
+    if (message instanceof Error) {
+      if (message.stack) {
+        let [name, ...rest] = message.stack.split("\n");
+        if (name.startsWith("Error: ")) {
+          name = name.slice(7);
+        }
+        text = `${name}
+${handleError(rest.join("\n"))}`;
+      } else {
+        text = message.message;
+      }
+    } else if (logType.level === "error" && typeof message === "string") {
+      let lines = message.split("\n");
+      text = lines.map((line) => isErrorStackMessage(line) ? handleError(line) : line).join("\n");
+    } else {
+      text = `${message}`;
+    }
+    finalLog2(label, text, args, message);
+  };
+  let logger2 = {
+    // greet
+    greet: (message) => log("log", greet(message))
+  };
+  Object.keys(LOG_TYPES2).forEach((key) => {
+    logger2[key] = (...args) => log(key, ...args);
+  });
+  Object.defineProperty(logger2, "level", {
+    get: () => maxLevel,
+    set(val) {
+      maxLevel = val;
+    }
+  });
+  Object.defineProperty(logger2, "labels", {
+    get: () => customLabels,
+    set(val) {
+      customLabels = val;
+    }
+  });
+  logger2.override = (customLogger) => {
+    Object.assign(logger2, customLogger);
+  };
+  return logger2;
+};
+var startColor = [189, 255, 243];
+var endColor = [74, 194, 154];
+var isWord = (char) => !/[\s\n]/.test(char);
+function gradient(message) {
+  if (!supportColor()) {
+    return [message];
+  }
+  const chars = [...message];
+  const words = chars.filter(isWord);
+  const steps = words.length - 1;
+  if (steps === 0) {
+    console.log(`%c${message}`, `color: rgb(${startColor.join(",")}); font-weight: bold;`);
+    return [message];
+  }
+  let output = "";
+  let styles = [];
+  chars.forEach((char) => {
+    if (isWord(char)) {
+      const progress = words.indexOf(char) / steps;
+      const r = Math.round(startColor[0] + (endColor[0] - startColor[0]) * progress);
+      const g = Math.round(startColor[1] + (endColor[1] - startColor[1]) * progress);
+      const b = Math.round(startColor[2] + (endColor[2] - startColor[2]) * progress);
+      output += `%c${char}`;
+      styles.push(`color: rgb(${r},${g},${b}); font-weight: bold;`);
+    } else {
+      output += char;
+    }
+  });
+  return [output, ...styles];
+}
+var LOG_TYPES = {
+  // Level error
+  error: {
+    label: "error",
+    level: "error",
+    color: red
+  },
+  // Level warn
+  warn: {
+    label: "warn",
+    level: "warn",
+    color: yellow
+  },
+  // Level info
+  info: {
+    label: "info",
+    level: "info",
+    color: cyan
+  },
+  start: {
+    label: "start",
+    level: "info",
+    color: cyan
+  },
+  ready: {
+    label: "ready",
+    level: "info",
+    color: green
+  },
+  success: {
+    label: "success",
+    level: "info",
+    color: green
+  },
+  // Level log
+  log: {
+    level: "log"
+  },
+  // Level debug
+  debug: {
+    label: "debug",
+    level: "verbose",
+    color: magenta
+  }
+};
+function createLogger2(options = {}) {
+  return createLogger$1(options, {
+    handleError: (msg) => msg,
+    getLabel,
+    gradient,
+    finalLog,
+    LOG_TYPES,
+    greet: (msg) => {
+      return gradient(msg);
+    }
+  });
+}
+var logger = createLogger2();
+const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
+const BROWSER_LOG_VALUE = "1";
+function isBrowserEnv() {
+  return typeof window !== "undefined";
+}
+function isBrowserDebug() {
+  try {
+    if (isBrowserEnv() && window.localStorage) {
+      return localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE;
+    }
+  } catch (error) {
+    return false;
+  }
+  return false;
+}
+function isDebugMode() {
+  if (typeof process !== "undefined" && process.env && process.env["FEDERATION_DEBUG"]) {
+    return Boolean(process.env["FEDERATION_DEBUG"]);
+  }
+  if (typeof FEDERATION_DEBUG !== "undefined" && Boolean(FEDERATION_DEBUG)) {
+    return true;
+  }
+  return isBrowserDebug();
+}
+const PREFIX = "[ Module Federation ]";
+function setDebug(loggerInstance) {
+  if (isDebugMode()) {
+    loggerInstance.level = "verbose";
+  }
+}
+function setPrefix(loggerInstance, prefix) {
+  loggerInstance.labels = {
+    warn: `${prefix} Warn`,
+    error: `${prefix} Error`,
+    success: `${prefix} Success`,
+    info: `${prefix} Info`,
+    ready: `${prefix} Ready`,
+    debug: `${prefix} Debug`
+  };
+}
+function createLogger(prefix) {
+  const loggerInstance = browser.createLogger({
+    labels: {
+      warn: `${PREFIX} Warn`,
+      error: `${PREFIX} Error`,
+      success: `${PREFIX} Success`,
+      info: `${PREFIX} Info`,
+      ready: `${PREFIX} Ready`,
+      debug: `${PREFIX} Debug`
+    }
+  });
+  setDebug(loggerInstance);
+  setPrefix(loggerInstance, prefix);
+  return loggerInstance;
+}
+createLogger(PREFIX);
+const LoggerInstance = createLogger(
+  "[ Module Federation Bridge React ]"
+);
+function atLeastReact18(React2) {
+  if (React2 && typeof React2.version === "string" && React2.version.indexOf(".") >= 0) {
+    const majorVersionString = React2.version.split(".")[0];
+    try {
+      return Number(majorVersionString) >= 18;
+    } catch (err) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+}
+function pathJoin(...args) {
+  const res = args.reduce((res2, path) => {
+    let nPath = path;
+    if (!nPath || typeof nPath !== "string") {
+      return res2;
+    }
+    if (nPath[0] !== "/") {
+      nPath = `/${nPath}`;
+    }
+    const lastIndex = nPath.length - 1;
+    if (nPath[lastIndex] === "/") {
+      nPath = nPath.substring(0, lastIndex);
+    }
+    return res2 + nPath;
+  }, "");
+  return res || "/";
+}
+const RouterContext = React__default.createContext(null);
+export {
+  LoggerInstance as L,
+  RouterContext as R,
+  atLeastReact18 as a,
+  pathJoin as p
+};

package/dist/context-BVnJi3LE.cjs

@@ -0,0 +1,328 @@
+"use strict";
+const React = require("react");
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var browser_exports = {};
+__export(browser_exports, {
+  createLogger: () => createLogger2,
+  logger: () => logger
+});
+var browser = __toCommonJS(browser_exports);
+var supportsSubstitutions = void 0;
+var supportColor = () => {
+  if (typeof supportsSubstitutions !== "undefined") {
+    return supportsSubstitutions;
+  }
+  try {
+    console.log("%c", "color:");
+    supportsSubstitutions = true;
+  } catch (e) {
+    supportsSubstitutions = false;
+  }
+  return supportsSubstitutions;
+};
+var ansiToCss = {
+  "bold": "font-weight: bold;",
+  "red": "color: red;",
+  "green": "color: green;",
+  "yellow": "color: yellow;",
+  "magenta": "color: magenta;",
+  "cyan": "color: cyan;",
+  "gray": "color: gray;"
+};
+var formatter = (key) => supportColor() ? (input) => {
+  if (Array.isArray(input)) {
+    const [label, style] = input;
+    return [`%c${label.replace("%c", "")}`, style ? `${ansiToCss[key]}${style}` : `${ansiToCss[key] || ""}`];
+  }
+  return [`%c${String(input).replace("%c", "")}`, ansiToCss[key] || ""];
+} : (input) => [String(input)];
+var bold = formatter("bold");
+var red = formatter("red");
+var green = formatter("green");
+var yellow = formatter("yellow");
+var magenta = formatter("magenta");
+var cyan = formatter("cyan");
+formatter("gray");
+function getLabel(type, logType, labels) {
+  let label = [""];
+  if ("label" in logType) {
+    label = [labels[type] || logType.label || ""];
+    label = bold(logType.color ? logType.color(label) : label[0]);
+  }
+  label = label.filter(Boolean);
+  return label;
+}
+function finalLog(label, text, args, message) {
+  if (label.length) {
+    if (Array.isArray(message)) {
+      console.log(...label, ...message);
+    } else {
+      console.log(...label, text);
+    }
+  } else {
+    Array.isArray(message) ? console.log(...message) : console.log(text, ...args);
+  }
+}
+var LOG_LEVEL = {
+  error: 0,
+  warn: 1,
+  info: 2,
+  log: 3,
+  verbose: 4
+};
+var errorStackRegExp = /at\s.*:\d+:\d+[\s\)]*$/;
+var anonymousErrorStackRegExp = /at\s.*\(<anonymous>\)$/;
+var isErrorStackMessage = (message) => errorStackRegExp.test(message) || anonymousErrorStackRegExp.test(message);
+var createLogger$1 = (options = {}, { getLabel: getLabel2, handleError, finalLog: finalLog2, greet, LOG_TYPES: LOG_TYPES2 }) => {
+  let maxLevel = options.level || "log";
+  let customLabels = options.labels || {};
+  let log = (type, message, ...args) => {
+    if (LOG_LEVEL[LOG_TYPES2[type].level] > LOG_LEVEL[maxLevel]) {
+      return;
+    }
+    if (message === void 0 || message === null) {
+      return console.log();
+    }
+    let logType = LOG_TYPES2[type];
+    let text = "";
+    const label = getLabel2(type, logType, customLabels);
+    if (message instanceof Error) {
+      if (message.stack) {
+        let [name, ...rest] = message.stack.split("\n");
+        if (name.startsWith("Error: ")) {
+          name = name.slice(7);
+        }
+        text = `${name}
+${handleError(rest.join("\n"))}`;
+      } else {
+        text = message.message;
+      }
+    } else if (logType.level === "error" && typeof message === "string") {
+      let lines = message.split("\n");
+      text = lines.map((line) => isErrorStackMessage(line) ? handleError(line) : line).join("\n");
+    } else {
+      text = `${message}`;
+    }
+    finalLog2(label, text, args, message);
+  };
+  let logger2 = {
+    // greet
+    greet: (message) => log("log", greet(message))
+  };
+  Object.keys(LOG_TYPES2).forEach((key) => {
+    logger2[key] = (...args) => log(key, ...args);
+  });
+  Object.defineProperty(logger2, "level", {
+    get: () => maxLevel,
+    set(val) {
+      maxLevel = val;
+    }
+  });
+  Object.defineProperty(logger2, "labels", {
+    get: () => customLabels,
+    set(val) {
+      customLabels = val;
+    }
+  });
+  logger2.override = (customLogger) => {
+    Object.assign(logger2, customLogger);
+  };
+  return logger2;
+};
+var startColor = [189, 255, 243];
+var endColor = [74, 194, 154];
+var isWord = (char) => !/[\s\n]/.test(char);
+function gradient(message) {
+  if (!supportColor()) {
+    return [message];
+  }
+  const chars = [...message];
+  const words = chars.filter(isWord);
+  const steps = words.length - 1;
+  if (steps === 0) {
+    console.log(`%c${message}`, `color: rgb(${startColor.join(",")}); font-weight: bold;`);
+    return [message];
+  }
+  let output = "";
+  let styles = [];
+  chars.forEach((char) => {
+    if (isWord(char)) {
+      const progress = words.indexOf(char) / steps;
+      const r = Math.round(startColor[0] + (endColor[0] - startColor[0]) * progress);
+      const g = Math.round(startColor[1] + (endColor[1] - startColor[1]) * progress);
+      const b = Math.round(startColor[2] + (endColor[2] - startColor[2]) * progress);
+      output += `%c${char}`;
+      styles.push(`color: rgb(${r},${g},${b}); font-weight: bold;`);
+    } else {
+      output += char;
+    }
+  });
+  return [output, ...styles];
+}
+var LOG_TYPES = {
+  // Level error
+  error: {
+    label: "error",
+    level: "error",
+    color: red
+  },
+  // Level warn
+  warn: {
+    label: "warn",
+    level: "warn",
+    color: yellow
+  },
+  // Level info
+  info: {
+    label: "info",
+    level: "info",
+    color: cyan
+  },
+  start: {
+    label: "start",
+    level: "info",
+    color: cyan
+  },
+  ready: {
+    label: "ready",
+    level: "info",
+    color: green
+  },
+  success: {
+    label: "success",
+    level: "info",
+    color: green
+  },
+  // Level log
+  log: {
+    level: "log"
+  },
+  // Level debug
+  debug: {
+    label: "debug",
+    level: "verbose",
+    color: magenta
+  }
+};
+function createLogger2(options = {}) {
+  return createLogger$1(options, {
+    handleError: (msg) => msg,
+    getLabel,
+    gradient,
+    finalLog,
+    LOG_TYPES,
+    greet: (msg) => {
+      return gradient(msg);
+    }
+  });
+}
+var logger = createLogger2();
+const BROWSER_LOG_KEY = "FEDERATION_DEBUG";
+const BROWSER_LOG_VALUE = "1";
+function isBrowserEnv() {
+  return typeof window !== "undefined";
+}
+function isBrowserDebug() {
+  try {
+    if (isBrowserEnv() && window.localStorage) {
+      return localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE;
+    }
+  } catch (error) {
+    return false;
+  }
+  return false;
+}
+function isDebugMode() {
+  if (typeof process !== "undefined" && process.env && process.env["FEDERATION_DEBUG"]) {
+    return Boolean(process.env["FEDERATION_DEBUG"]);
+  }
+  if (typeof FEDERATION_DEBUG !== "undefined" && Boolean(FEDERATION_DEBUG)) {
+    return true;
+  }
+  return isBrowserDebug();
+}
+const PREFIX = "[ Module Federation ]";
+function setDebug(loggerInstance) {
+  if (isDebugMode()) {
+    loggerInstance.level = "verbose";
+  }
+}
+function setPrefix(loggerInstance, prefix) {
+  loggerInstance.labels = {
+    warn: `${prefix} Warn`,
+    error: `${prefix} Error`,
+    success: `${prefix} Success`,
+    info: `${prefix} Info`,
+    ready: `${prefix} Ready`,
+    debug: `${prefix} Debug`
+  };
+}
+function createLogger(prefix) {
+  const loggerInstance = browser.createLogger({
+    labels: {
+      warn: `${PREFIX} Warn`,
+      error: `${PREFIX} Error`,
+      success: `${PREFIX} Success`,
+      info: `${PREFIX} Info`,
+      ready: `${PREFIX} Ready`,
+      debug: `${PREFIX} Debug`
+    }
+  });
+  setDebug(loggerInstance);
+  setPrefix(loggerInstance, prefix);
+  return loggerInstance;
+}
+createLogger(PREFIX);
+const LoggerInstance = createLogger(
+  "[ Module Federation Bridge React ]"
+);
+function atLeastReact18(React2) {
+  if (React2 && typeof React2.version === "string" && React2.version.indexOf(".") >= 0) {
+    const majorVersionString = React2.version.split(".")[0];
+    try {
+      return Number(majorVersionString) >= 18;
+    } catch (err) {
+      return false;
+    }
+  } else {
+    return false;
+  }
+}
+function pathJoin(...args) {
+  const res = args.reduce((res2, path) => {
+    let nPath = path;
+    if (!nPath || typeof nPath !== "string") {
+      return res2;
+    }
+    if (nPath[0] !== "/") {
+      nPath = `/${nPath}`;
+    }
+    const lastIndex = nPath.length - 1;
+    if (nPath[lastIndex] === "/") {
+      nPath = nPath.substring(0, lastIndex);
+    }
+    return res2 + nPath;
+  }, "");
+  return res || "/";
+}
+const RouterContext = React.createContext(null);
+exports.LoggerInstance = LoggerInstance;
+exports.RouterContext = RouterContext;
+exports.atLeastReact18 = atLeastReact18;
+exports.pathJoin = pathJoin;

package/dist/index.cjs.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const context = require("./context--mtFt3tp.cjs");
+const context = require("./context-BVnJi3LE.cjs");
 const ReactRouterDOM = require("react-router-dom");
 const ReactDOM = require("react-dom");
-function _interopNamespaceDefault(e) {
+function _interopNamespaceDefault(e2) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
+  if (e2) {
+    for (const k in e2) {
       if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
+        const d = Object.getOwnPropertyDescriptor(e2, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: () => e[k]
+          get: () => e2[k]
         });
       }
     }
   }
-  n.default = e;
+  n.default = e2;
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
@@ -117,6 +117,10 @@ function hasArrayChanged() {
   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 e() {
+  const t = new PopStateEvent("popstate", { state: window.history.state });
+  window.dispatchEvent(t);
+}
 const RemoteAppWrapper = React.forwardRef(function(props, ref) {
   const RemoteApp2 = () => {
     context.LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
@@ -177,7 +181,7 @@ const RemoteAppWrapper = React.forwardRef(function(props, ref) {
       }
     );
   };
-  RemoteApp2["__APP_VERSION__"] = "0.6.12";
+  RemoteApp2["__APP_VERSION__"] = "0.6.14";
   return /* @__PURE__ */ React.createElement(RemoteApp2, null);
 });
 function withRouterData(WrappedComponent) {
@@ -234,7 +238,7 @@ function withRouterData(WrappedComponent) {
             name: props.name,
             pathname: location.pathname
           });
-          context.f();
+          e();
         }
         setPathname(location.pathname);
       }, [location]);

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { createContext, Component, createElement, isValidElement, forwardRef, useRef, useEffect, useContext, useState } from "react";
-import { L as LoggerInstance, p as pathJoin, f, a as atLeastReact18, R as RouterContext } from "./context-Bw2PEwa6.js";
+import { L as LoggerInstance, p as pathJoin, a as atLeastReact18, R as RouterContext } from "./context-9t7opEwi.js";
 import * as ReactRouterDOM from "react-router-dom";
 import ReactDOM from "react-dom";
 const ErrorBoundaryContext = createContext(null);
@@ -98,6 +98,10 @@ function hasArrayChanged() {
   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 e() {
+  const t = new PopStateEvent("popstate", { state: window.history.state });
+  window.dispatchEvent(t);
+}
 const RemoteAppWrapper = forwardRef(function(props, ref) {
   const RemoteApp2 = () => {
     LoggerInstance.log(`RemoteAppWrapper RemoteApp props >>>`, { props });
@@ -158,7 +162,7 @@ const RemoteAppWrapper = forwardRef(function(props, ref) {
       }
     );
   };
-  RemoteApp2["__APP_VERSION__"] = "0.6.12";
+  RemoteApp2["__APP_VERSION__"] = "0.6.14";
   return /* @__PURE__ */ React__default.createElement(RemoteApp2, null);
 });
 function withRouterData(WrappedComponent) {
@@ -215,7 +219,7 @@ function withRouterData(WrappedComponent) {
             name: props.name,
             pathname: location.pathname
           });
-          f();
+          e();
         }
         setPathname(location.pathname);
       }, [location]);

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 context = require("./context--mtFt3tp.cjs");
+const context = require("./context-BVnJi3LE.cjs");
 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 "./context-Bw2PEwa6.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-9t7opEwi.js";
 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 = require("react-router-dom/dist/index.js");
-const context = require("./context--mtFt3tp.cjs");
+const context = require("./context-BVnJi3LE.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/router-v6.es.js

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import * as ReactRouterDom from "react-router-dom/dist/index.js";
 export * from "react-router-dom/dist/index.js";
-import { R as RouterContext, L as LoggerInstance } from "./context-Bw2PEwa6.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-9t7opEwi.js";
 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 context = require("./context--mtFt3tp.cjs");
+const context = require("./context-BVnJi3LE.cjs");
 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 "./context-Bw2PEwa6.js";
+import { R as RouterContext, L as LoggerInstance } from "./context-9t7opEwi.js";
 function WrapperRouter(props) {
   const { basename, ...propsRes } = props;
   const routerContextProps = useContext(RouterContext) || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/bridge-react",
-  "version": "0.6.12",
+  "version": "0.6.14",
   "publishConfig": {
     "access": "public"
   },
@@ -35,7 +35,8 @@
   "dependencies": {
     "@loadable/component": "^5.16.4",
     "react-error-boundary": "^4.0.13",
-    "@module-federation/bridge-shared": "0.6.12"
+    "@module-federation/bridge-shared": "0.6.14",
+    "@module-federation/sdk": "0.6.14"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

package/src/utils.ts

@@ -1,7 +1,9 @@
 import React from 'react';
-import { Logger } from '@module-federation/bridge-shared';
+import { createLogger } from '@module-federation/sdk';
 
-export const LoggerInstance = new Logger('bridge-react');
+export const LoggerInstance = createLogger(
+  '[ Module Federation Bridge React ]',
+);
 
 type typeReact = typeof React;
 

package/dist/context--mtFt3tp.cjs

@@ -1,73 +0,0 @@
-"use strict";
-const React = require("react");
-var a = Object.defineProperty;
-var c = (s, e, t) => e in s ? a(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
-class g {
-  constructor(e) {
-    i(this, "name");
-    i(this, "isDebugEnabled");
-    i(this, "color");
-    this.name = e, this.isDebugEnabled = false, this.color = this.stringToColor(e), typeof window < "u" && typeof localStorage < "u" && (this.isDebugEnabled = localStorage.getItem("debug") === "true"), typeof process < "u" && process.env && (this.isDebugEnabled = process.env.DEBUG === "true");
-  }
-  log(...e) {
-    var t, n;
-    if (this.isDebugEnabled) {
-      const o = `color: ${this.color}; font-weight: bold`, l = `%c[${this.name}]`, r = ((n = (t = new Error().stack) == null ? void 0 : t.split(`
-`)[2]) == null ? void 0 : n.trim()) || "Stack information not available";
-      typeof console < "u" && console.debug && console.debug(l, o, ...e, `
- (${r})`);
-    }
-  }
-  stringToColor(e) {
-    let t = 0;
-    for (let o = 0; o < e.length; o++)
-      t = e.charCodeAt(o) + ((t << 5) - t);
-    let n = "#";
-    for (let o = 0; o < 3; o++) {
-      const l = t >> o * 8 & 255;
-      n += ("00" + l.toString(16)).substr(-2);
-    }
-    return n;
-  }
-}
-function f() {
-  const s = new PopStateEvent("popstate", { state: window.history.state });
-  window.dispatchEvent(s);
-}
-const LoggerInstance = new g("bridge-react");
-function atLeastReact18(React2) {
-  if (React2 && typeof React2.version === "string" && React2.version.indexOf(".") >= 0) {
-    const majorVersionString = React2.version.split(".")[0];
-    try {
-      return Number(majorVersionString) >= 18;
-    } catch (err) {
-      return false;
-    }
-  } else {
-    return false;
-  }
-}
-function pathJoin(...args) {
-  const res = args.reduce((res2, path) => {
-    let nPath = path;
-    if (!nPath || typeof nPath !== "string") {
-      return res2;
-    }
-    if (nPath[0] !== "/") {
-      nPath = `/${nPath}`;
-    }
-    const lastIndex = nPath.length - 1;
-    if (nPath[lastIndex] === "/") {
-      nPath = nPath.substring(0, lastIndex);
-    }
-    return res2 + nPath;
-  }, "");
-  return res || "/";
-}
-const RouterContext = React.createContext(null);
-exports.LoggerInstance = LoggerInstance;
-exports.RouterContext = RouterContext;
-exports.atLeastReact18 = atLeastReact18;
-exports.f = f;
-exports.pathJoin = pathJoin;

package/dist/context-Bw2PEwa6.js

@@ -1,74 +0,0 @@
-import React__default from "react";
-var a = Object.defineProperty;
-var c = (s, e, t) => e in s ? a(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
-class g {
-  constructor(e) {
-    i(this, "name");
-    i(this, "isDebugEnabled");
-    i(this, "color");
-    this.name = e, this.isDebugEnabled = false, this.color = this.stringToColor(e), typeof window < "u" && typeof localStorage < "u" && (this.isDebugEnabled = localStorage.getItem("debug") === "true"), typeof process < "u" && process.env && (this.isDebugEnabled = process.env.DEBUG === "true");
-  }
-  log(...e) {
-    var t, n;
-    if (this.isDebugEnabled) {
-      const o = `color: ${this.color}; font-weight: bold`, l = `%c[${this.name}]`, r = ((n = (t = new Error().stack) == null ? void 0 : t.split(`
-`)[2]) == null ? void 0 : n.trim()) || "Stack information not available";
-      typeof console < "u" && console.debug && console.debug(l, o, ...e, `
- (${r})`);
-    }
-  }
-  stringToColor(e) {
-    let t = 0;
-    for (let o = 0; o < e.length; o++)
-      t = e.charCodeAt(o) + ((t << 5) - t);
-    let n = "#";
-    for (let o = 0; o < 3; o++) {
-      const l = t >> o * 8 & 255;
-      n += ("00" + l.toString(16)).substr(-2);
-    }
-    return n;
-  }
-}
-function f() {
-  const s = new PopStateEvent("popstate", { state: window.history.state });
-  window.dispatchEvent(s);
-}
-const LoggerInstance = new g("bridge-react");
-function atLeastReact18(React2) {
-  if (React2 && typeof React2.version === "string" && React2.version.indexOf(".") >= 0) {
-    const majorVersionString = React2.version.split(".")[0];
-    try {
-      return Number(majorVersionString) >= 18;
-    } catch (err) {
-      return false;
-    }
-  } else {
-    return false;
-  }
-}
-function pathJoin(...args) {
-  const res = args.reduce((res2, path) => {
-    let nPath = path;
-    if (!nPath || typeof nPath !== "string") {
-      return res2;
-    }
-    if (nPath[0] !== "/") {
-      nPath = `/${nPath}`;
-    }
-    const lastIndex = nPath.length - 1;
-    if (nPath[lastIndex] === "/") {
-      nPath = nPath.substring(0, lastIndex);
-    }
-    return res2 + nPath;
-  }, "");
-  return res || "/";
-}
-const RouterContext = React__default.createContext(null);
-export {
-  LoggerInstance as L,
-  RouterContext as R,
-  atLeastReact18 as a,
-  f,
-  pathJoin as p
-};