@module-federation/bridge-vue3 0.8.5 → 0.8.6

package/dist/index.es.js

@@ -18,13 +18,16 @@ __export(browser_exports, {
 var browser = __toCommonJS(browser_exports), supportsSubstitutions = void 0, supportColor = () => {
   if (typeof supportsSubstitutions < "u")
     return supportsSubstitutions;
+  const r = console.log;
   try {
-    const r = "color test", t = "color: red;", n = console.log;
-    console.log = (...o) => {
-      o[0] === `%c${r}` && o[1] === t && (supportsSubstitutions = !0);
-    }, console.log(`%c${r}`, t), console.log = n;
+    const t = "color test", n = "color: red;";
+    supportsSubstitutions = !1, console.log = (...o) => {
+      o[0] === `%c${t}` && o[1] === n && (supportsSubstitutions = !0);
+    }, console.log(`%c${t}`, n);
   } catch {
     supportsSubstitutions = !1;
+  } finally {
+    console.log = r;
   }
   return supportsSubstitutions;
 }, ansiToCss = {
@@ -45,10 +48,16 @@ var browser = __toCommonJS(browser_exports), supportsSubstitutions = void 0, sup
 formatter("gray");
 function getLabel(r, t, n) {
   let o = [""];
-  return "label" in t && (o = [n[r] || t.label || ""], o = bold(t.color ? t.color(o) : o[0])), o = o.filter(Boolean), o;
+  if ("label" in t)
+    if (o = [(r !== "log" ? n[r] : void 0) || t.label || ""], t.color) {
+      const a = t.color(o[0]);
+      Array.isArray(a) && a.length === 2 ? o = bold([a[0], a[1]]) : o = bold(a[0] || "");
+    } else
+      o = bold(o[0]);
+  return o = o.filter(Boolean), o;
 }
 function finalLog(r, t, n, o) {
-  r.length ? Array.isArray(o) ? console.log(...r, ...o) : console.log(...r, t) : Array.isArray(o) ? console.log(...o) : console.log(t, ...n);
+  r.length ? Array.isArray(o) ? console.log(...r, ...o, ...n) : console.log(...r, t, ...n) : Array.isArray(o) ? console.log(...o) : console.log(t, ...n);
 }
 var LOG_LEVEL = {
   error: 0,
@@ -56,47 +65,57 @@ var LOG_LEVEL = {
   info: 2,
   log: 3,
   verbose: 4
-}, errorStackRegExp = /at\s.*:\d+:\d+[\s\)]*$/, anonymousErrorStackRegExp = /at\s.*\(<anonymous>\)$/, isErrorStackMessage = (r) => errorStackRegExp.test(r) || anonymousErrorStackRegExp.test(r), createLogger$1 = (r = {}, { getLabel: t, handleError: n, finalLog: o, greet: s, LOG_TYPES: a }) => {
-  let l = r.level || "log", i = r.labels || {}, c = (d, p, ...m) => {
-    if (LOG_LEVEL[a[d].level] > LOG_LEVEL[l])
+}, errorStackRegExp = /at\s.*:\d+:\d+[\s\)]*$/, anonymousErrorStackRegExp = /at\s.*\(<anonymous>\)$/, isErrorStackMessage = (r) => errorStackRegExp.test(r) || anonymousErrorStackRegExp.test(r);
+function validateOptions(r) {
+  const t = { ...r };
+  if (r.labels && typeof r.labels != "object")
+    throw new Error("Labels must be an object");
+  if (r.level && typeof r.level != "string")
+    throw new Error("Level must be a string");
+  return t;
+}
+var createLogger$1 = (r = {}, { getLabel: t, handleError: n, finalLog: o, greet: s, LOG_TYPES: a }) => {
+  const l = validateOptions(r);
+  let i = l.level || "log", c = l.labels || {}, u = (p, d, ...y) => {
+    if (LOG_LEVEL[a[p].level] > LOG_LEVEL[i])
       return;
-    if (p == null)
+    if (d == null)
       return console.log();
-    let y = a[d], _ = "";
-    const R = t(d, y, i);
-    if (p instanceof Error)
-      if (p.stack) {
-        let [g, ...E] = p.stack.split(`
+    let _ = a[p], E = "";
+    const g = t(p, _, c);
+    if (d instanceof Error)
+      if (d.stack) {
+        let [b, ...S] = d.stack.split(`
 `);
-        g.startsWith("Error: ") && (g = g.slice(7)), _ = `${g}
-${n(E.join(`
+        b.startsWith("Error: ") && (b = b.slice(7)), E = `${b}
+${n(S.join(`
 `))}`;
       } else
-        _ = p.message;
+        E = d.message;
     else
-      y.level === "error" && typeof p == "string" ? _ = p.split(`
-`).map((E) => isErrorStackMessage(E) ? n(E) : E).join(`
-`) : _ = `${p}`;
-    o(R, _, m, p);
-  }, u = {
+      _.level === "error" && typeof d == "string" ? E = d.split(`
+`).map((S) => isErrorStackMessage(S) ? n(S) : S).join(`
+`) : E = `${d}`;
+    o(g, E, y, d);
+  }, m = {
     // greet
-    greet: (d) => c("log", s(d))
+    greet: (p) => u("log", s(p))
   };
-  return Object.keys(a).forEach((d) => {
-    u[d] = (...p) => c(d, ...p);
-  }), Object.defineProperty(u, "level", {
-    get: () => l,
-    set(d) {
-      l = d;
-    }
-  }), Object.defineProperty(u, "labels", {
+  return Object.keys(a).forEach((p) => {
+    m[p] = (...d) => u(p, ...d);
+  }), Object.defineProperty(m, "level", {
     get: () => i,
-    set(d) {
-      i = d;
+    set(p) {
+      i = p;
+    }
+  }), Object.defineProperty(m, "labels", {
+    get: () => c,
+    set(p) {
+      c = p;
     }
-  }), u.override = (d) => {
-    Object.assign(u, d);
-  }, u;
+  }), m.override = (p) => {
+    Object.assign(m, p);
+  }, m;
 }, startColor = [189, 255, 243], endColor = [74, 194, 154], isWord = (r) => !/[\s\n]/.test(r);
 function gradient(r) {
   if (!supportColor())
@@ -107,8 +126,8 @@ function gradient(r) {
   let s = "", a = [];
   return t.forEach((l) => {
     if (isWord(l)) {
-      const i = n.indexOf(l) / o, c = Math.round(startColor[0] + (endColor[0] - startColor[0]) * i), u = Math.round(startColor[1] + (endColor[1] - startColor[1]) * i), d = Math.round(startColor[2] + (endColor[2] - startColor[2]) * i);
-      s += `%c${l}`, a.push(`color: rgb(${c},${u},${d}); font-weight: bold;`);
+      const i = n.indexOf(l) / o, c = Math.round(startColor[0] + (endColor[0] - startColor[0]) * i), u = Math.round(startColor[1] + (endColor[1] - startColor[1]) * i), m = Math.round(startColor[2] + (endColor[2] - startColor[2]) * i);
+      s += `%c${l}`, a.push(`color: rgb(${c},${u},${m}); font-weight: bold;`);
     } else
       s += l;
   }), [s, ...a];
@@ -265,63 +284,63 @@ function generateSnapshotFromManifest(r, t = {}) {
   const { remotes: s = {}, overrides: a = {}, version: l } = t;
   let i;
   const c = () => "publicPath" in r.metaData ? r.metaData.publicPath === "auto" && l ? inferAutoPublicPath(l) : r.metaData.publicPath : r.metaData.getPublicPath, u = Object.keys(a);
-  let d = {};
+  let m = {};
   if (!Object.keys(s).length) {
     var p;
-    d = ((p = r.remotes) == null ? void 0 : p.reduce((b, $) => {
+    m = ((p = r.remotes) == null ? void 0 : p.reduce((R, $) => {
       let w;
       const O = $.federationContainerName;
-      return u.includes(O) ? w = a[O] : "version" in $ ? w = $.version : w = $.entry, b[O] = {
+      return u.includes(O) ? w = a[O] : "version" in $ ? w = $.version : w = $.entry, R[O] = {
         matchedVersion: w
-      }, b;
+      }, R;
     }, {})) || {};
   }
-  Object.keys(s).forEach((b) => d[b] = {
+  Object.keys(s).forEach((R) => m[R] = {
     // overrides will override dependencies
-    matchedVersion: u.includes(b) ? a[b] : s[b]
+    matchedVersion: u.includes(R) ? a[R] : s[R]
   });
-  const { remoteEntry: { path: m, name: y, type: _ }, types: R, buildInfo: { buildVersion: g }, globalName: E, ssrRemoteEntry: v } = r.metaData, { exposes: I } = r;
-  let S = {
+  const { remoteEntry: { path: d, name: y, type: _ }, types: E, buildInfo: { buildVersion: g }, globalName: b, ssrRemoteEntry: S } = r.metaData, { exposes: I } = r;
+  let v = {
     version: l || "",
     buildVersion: g,
-    globalName: E,
-    remoteEntry: simpleJoinRemoteEntry(m, y),
+    globalName: b,
+    remoteEntry: simpleJoinRemoteEntry(d, y),
     remoteEntryType: _,
-    remoteTypes: simpleJoinRemoteEntry(R.path, R.name),
-    remoteTypesZip: R.zip || "",
-    remoteTypesAPI: R.api || "",
-    remotesInfo: d,
-    shared: r == null ? void 0 : r.shared.map((b) => ({
-      assets: b.assets,
-      sharedName: b.name,
-      version: b.version
+    remoteTypes: simpleJoinRemoteEntry(E.path, E.name),
+    remoteTypesZip: E.zip || "",
+    remoteTypesAPI: E.api || "",
+    remotesInfo: m,
+    shared: r == null ? void 0 : r.shared.map((R) => ({
+      assets: R.assets,
+      sharedName: R.name,
+      version: R.version
     })),
-    modules: I == null ? void 0 : I.map((b) => ({
-      moduleName: b.name,
-      modulePath: b.path,
-      assets: b.assets
+    modules: I == null ? void 0 : I.map((R) => ({
+      moduleName: R.name,
+      modulePath: R.path,
+      assets: R.assets
     }))
   };
   if ((n = r.metaData) != null && n.prefetchInterface) {
-    const b = r.metaData.prefetchInterface;
-    S = _extends$2({}, S, {
-      prefetchInterface: b
+    const R = r.metaData.prefetchInterface;
+    v = _extends$2({}, v, {
+      prefetchInterface: R
     });
   }
   if ((o = r.metaData) != null && o.prefetchEntry) {
-    const { path: b, name: $, type: w } = r.metaData.prefetchEntry;
-    S = _extends$2({}, S, {
-      prefetchEntry: simpleJoinRemoteEntry(b, $),
+    const { path: R, name: $, type: w } = r.metaData.prefetchEntry;
+    v = _extends$2({}, v, {
+      prefetchEntry: simpleJoinRemoteEntry(R, $),
       prefetchEntryType: w
     });
   }
-  if ("publicPath" in r.metaData ? i = _extends$2({}, S, {
+  if ("publicPath" in r.metaData ? i = _extends$2({}, v, {
     publicPath: c()
-  }) : i = _extends$2({}, S, {
+  }) : i = _extends$2({}, v, {
     getPublicPath: c()
-  }), v) {
-    const b = simpleJoinRemoteEntry(v.path, v.name);
-    i.ssrRemoteEntry = b, i.ssrRemoteEntryType = v.type || "commonjs-module";
+  }), S) {
+    const R = simpleJoinRemoteEntry(S.path, S.name);
+    i.ssrRemoteEntry = R, i.ssrRemoteEntryType = S.type || "commonjs-module";
   }
   return i;
 }
@@ -361,17 +380,17 @@ function createScript(r) {
   const l = async (i, c) => {
     var u;
     if (clearTimeout(s), t && (t.onerror = null, t.onload = null, safeWrapper(() => {
-      const { needDeleteScript: m = !0 } = r;
-      m && t != null && t.parentNode && t.parentNode.removeChild(t);
+      const { needDeleteScript: d = !0 } = r;
+      d && t != null && t.parentNode && t.parentNode.removeChild(t);
     }), i && typeof i == "function")) {
-      var d;
-      const m = i(c);
-      if (m instanceof Promise) {
+      var m;
+      const d = i(c);
+      if (d instanceof Promise) {
         var p;
-        const y = await m;
+        const y = await d;
         return r == null || (p = r.cb) == null || p.call(r), y;
       }
-      return r == null || (d = r.cb) == null || d.call(r), m;
+      return r == null || (m = r.cb) == null || m.call(r), d;
     }
     r == null || (u = r.cb) == null || u.call(r);
   };
@@ -637,17 +656,17 @@ function setGlobalDefaultVal(r) {
   (c = (n = r.__FEDERATION__).__INSTANCES__) != null || (n.__INSTANCES__ = []);
   var u;
   (u = (o = r.__FEDERATION__).moduleInfo) != null || (o.moduleInfo = {});
-  var d;
-  (d = (s = r.__FEDERATION__).__SHARE__) != null || (s.__SHARE__ = {});
+  var m;
+  (m = (s = r.__FEDERATION__).__SHARE__) != null || (s.__SHARE__ = {});
   var p;
   (p = (a = r.__FEDERATION__).__MANIFEST_LOADING__) != null || (a.__MANIFEST_LOADING__ = {});
-  var m;
-  (m = (l = r.__FEDERATION__).__PRELOADED_MAP__) != null || (l.__PRELOADED_MAP__ = /* @__PURE__ */ new Map());
+  var d;
+  (d = (l = r.__FEDERATION__).__PRELOADED_MAP__) != null || (l.__PRELOADED_MAP__ = /* @__PURE__ */ new Map());
 }
 setGlobalDefaultVal(CurrentGlobal);
 setGlobalDefaultVal(nativeGlobal);
 function setGlobalFederationConstructor(r, t = isDebugMode()) {
-  t && (CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = r, CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.8.5");
+  t && (CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = r, CurrentGlobal.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.8.6");
 }
 function getInfoWithoutType(r, t) {
   if (typeof t == "string") {
@@ -716,7 +735,7 @@ function combineVersion(r, t, n, o) {
   return o ? `${s}-${o}` : s;
 }
 function parseHyphen(r) {
-  return r.replace(parseRegex(hyphenRange), (t, n, o, s, a, l, i, c, u, d, p, m) => (isXVersion(o) ? n = "" : isXVersion(s) ? n = `>=${o}.0.0` : isXVersion(a) ? n = `>=${o}.${s}.0` : n = `>=${n}`, isXVersion(u) ? c = "" : isXVersion(d) ? c = `<${Number(u) + 1}.0.0-0` : isXVersion(p) ? c = `<${u}.${Number(d) + 1}.0-0` : m ? c = `<=${u}.${d}.${p}-${m}` : c = `<=${c}`, `${n} ${c}`.trim()));
+  return r.replace(parseRegex(hyphenRange), (t, n, o, s, a, l, i, c, u, m, p, d) => (isXVersion(o) ? n = "" : isXVersion(s) ? n = `>=${o}.0.0` : isXVersion(a) ? n = `>=${o}.${s}.0` : n = `>=${n}`, isXVersion(u) ? c = "" : isXVersion(m) ? c = `<${Number(u) + 1}.0.0-0` : isXVersion(p) ? c = `<${u}.${Number(m) + 1}.0-0` : d ? c = `<=${u}.${m}.${p}-${d}` : c = `<=${c}`, `${n} ${c}`.trim()));
 }
 function parseComparatorTrim(r) {
   return r.replace(parseRegex(comparatorTrim), "$1$2$3");
@@ -735,8 +754,8 @@ function parseTildes(r) {
 }
 function parseXRanges(r) {
   return r.split(/\s+/).map((t) => t.trim().replace(parseRegex(xRange), (n, o, s, a, l, i) => {
-    const c = isXVersion(s), u = c || isXVersion(a), d = u || isXVersion(l);
-    return o === "=" && d && (o = ""), i = "", c ? o === ">" || o === "<" ? "<0.0.0-0" : "*" : o && d ? (u && (a = 0), l = 0, o === ">" ? (o = ">=", u ? (s = Number(s) + 1, a = 0, l = 0) : (a = Number(a) + 1, l = 0)) : o === "<=" && (o = "<", u ? s = Number(s) + 1 : a = Number(a) + 1), o === "<" && (i = "-0"), `${o + s}.${a}.${l}${i}`) : u ? `>=${s}.0.0${i} <${Number(s) + 1}.0.0-0` : d ? `>=${s}.${a}.0${i} <${s}.${Number(a) + 1}.0-0` : n;
+    const c = isXVersion(s), u = c || isXVersion(a), m = u || isXVersion(l);
+    return o === "=" && m && (o = ""), i = "", c ? o === ">" || o === "<" ? "<0.0.0-0" : "*" : o && m ? (u && (a = 0), l = 0, o === ">" ? (o = ">=", u ? (s = Number(s) + 1, a = 0, l = 0) : (a = Number(a) + 1, l = 0)) : o === "<=" && (o = "<", u ? s = Number(s) + 1 : a = Number(a) + 1), o === "<" && (i = "-0"), `${o + s}.${a}.${l}${i}`) : u ? `>=${s}.0.0${i} <${Number(s) + 1}.0.0-0` : m ? `>=${s}.${a}.0${i} <${s}.${Number(a) + 1}.0-0` : n;
   })).join(" ");
 }
 function parseStar(r) {
@@ -829,28 +848,28 @@ function parseRange(r) {
 function satisfy(r, t) {
   if (!r)
     return !1;
-  const s = parseRange(t).split(" ").map((m) => parseComparatorString(m)).join(" ").split(/\s+/).map((m) => parseGTE0(m)), a = extractComparator(r);
+  const s = parseRange(t).split(" ").map((d) => parseComparatorString(d)).join(" ").split(/\s+/).map((d) => parseGTE0(d)), a = extractComparator(r);
   if (!a)
     return !1;
-  const [, l, , i, c, u, d] = a, p = {
+  const [, l, , i, c, u, m] = a, p = {
     operator: l,
-    version: combineVersion(i, c, u, d),
+    version: combineVersion(i, c, u, m),
     major: i,
     minor: c,
     patch: u,
-    preRelease: d == null ? void 0 : d.split(".")
+    preRelease: m == null ? void 0 : m.split(".")
   };
-  for (const m of s) {
-    const y = extractComparator(m);
+  for (const d of s) {
+    const y = extractComparator(d);
     if (!y)
       return !1;
-    const [, _, , R, g, E, v] = y, I = {
+    const [, _, , E, g, b, S] = y, I = {
       operator: _,
-      version: combineVersion(R, g, E, v),
-      major: R,
+      version: combineVersion(E, g, b, S),
+      major: E,
       minor: g,
-      patch: E,
-      preRelease: v == null ? void 0 : v.split(".")
+      patch: b,
+      preRelease: S == null ? void 0 : S.split(".")
     };
     if (!compare(I, p))
       return !1;
@@ -943,18 +962,18 @@ function getRegisteredShare(r, t, n, o) {
   ];
   for (const c of i)
     if (s && r[c] && r[c][t]) {
-      const { requiredVersion: u } = s, p = getFindShareFunction(l)(r, c, t), m = () => {
+      const { requiredVersion: u } = s, p = getFindShareFunction(l)(r, c, t), d = () => {
         if (s.singleton) {
           if (typeof u == "string" && !satisfy(p, u)) {
-            const R = `Version ${p} from ${p && r[c][t][p].from} of shared singleton module ${t} does not satisfy the requirement of ${n.from} which needs ${u})`;
-            s.strictVersion ? error(R) : warn(R);
+            const E = `Version ${p} from ${p && r[c][t][p].from} of shared singleton module ${t} does not satisfy the requirement of ${n.from} which needs ${u})`;
+            s.strictVersion ? error(E) : warn(E);
           }
           return r[c][t][p];
         } else {
           if (u === !1 || u === "*" || satisfy(p, u))
             return r[c][t][p];
-          for (const [R, g] of Object.entries(r[c][t]))
-            if (satisfy(R, u))
+          for (const [E, g] of Object.entries(r[c][t]))
+            if (satisfy(E, u))
               return g;
         }
       }, y = {
@@ -963,7 +982,7 @@ function getRegisteredShare(r, t, n, o) {
         pkgName: t,
         version: p,
         GlobalFederation: Global.__FEDERATION__,
-        resolver: m
+        resolver: d
       };
       return (o.emit(y) || y).resolver();
     }
@@ -979,10 +998,10 @@ function getTargetSharedOptions(r) {
     i.forEach((p) => {
       c[p.version] = p;
     });
-    const d = findVersion(c, function(p, m) {
-      return !isLoaded(c[p]) && versionLt(p, m);
+    const m = findVersion(c, function(p, d) {
+      return !isLoaded(c[p]) && versionLt(p, d);
     });
-    return c[d];
+    return c[m];
   };
   var a;
   const l = (a = n == null ? void 0 : n.resolver) != null ? a : s;
@@ -1240,12 +1259,12 @@ let Module = class {
       loadFactory: !0
     }, l = await this.getEntry();
     if (!this.inited) {
-      const p = this.host.shareScopeMap, m = this.remoteInfo.shareScope || "default";
-      p[m] || (p[m] = {});
-      const y = p[m], _ = [], R = {
+      const p = this.host.shareScopeMap, d = this.remoteInfo.shareScope || "default";
+      p[d] || (p[d] = {});
+      const y = p[d], _ = [], E = {
         version: this.remoteInfo.version || ""
       };
-      Object.defineProperty(R, "shareScopeMap", {
+      Object.defineProperty(E, "shareScopeMap", {
         value: p,
         // remoteEntryInitOptions will be traversed and assigned during container init, ,so this attribute is not allowed to be traversed
         enumerable: !1
@@ -1253,7 +1272,7 @@ let Module = class {
       const g = await this.host.hooks.lifecycle.beforeInitContainer.emit({
         shareScope: y,
         // @ts-ignore shareScopeMap will be set by Object.defineProperty
-        remoteEntryInitOptions: R,
+        remoteEntryInitOptions: E,
         initScope: _,
         remoteInfo: this.remoteInfo,
         origin: this.host
@@ -1463,21 +1482,21 @@ function preloadAssets(r, t, n, o = !0) {
         as: "style"
       };
       s.forEach((c) => {
-        const { link: u, needAttach: d } = createLink({
+        const { link: u, needAttach: m } = createLink({
           url: c,
           cb: () => {
           },
           attrs: i,
-          createLinkHook: (p, m) => {
+          createLinkHook: (p, d) => {
             const y = t.loaderHook.lifecycle.createLink.emit({
               url: p,
-              attrs: m
+              attrs: d
             });
             if (y instanceof HTMLLinkElement)
               return y;
           }
         });
-        d && document.head.appendChild(u);
+        m && document.head.appendChild(u);
       });
     } else {
       const i = {
@@ -1485,22 +1504,22 @@ function preloadAssets(r, t, n, o = !0) {
         type: "text/css"
       };
       s.forEach((c) => {
-        const { link: u, needAttach: d } = createLink({
+        const { link: u, needAttach: m } = createLink({
           url: c,
           cb: () => {
           },
           attrs: i,
-          createLinkHook: (p, m) => {
+          createLinkHook: (p, d) => {
             const y = t.loaderHook.lifecycle.createLink.emit({
               url: p,
-              attrs: m
+              attrs: d
             });
             if (y instanceof HTMLLinkElement)
               return y;
           },
           needDeleteLink: !1
         });
-        d && document.head.appendChild(u);
+        m && document.head.appendChild(u);
       });
     }
     if (o) {
@@ -1509,21 +1528,21 @@ function preloadAssets(r, t, n, o = !0) {
         as: "script"
       };
       a.forEach((c) => {
-        const { link: u, needAttach: d } = createLink({
+        const { link: u, needAttach: m } = createLink({
           url: c,
           cb: () => {
           },
           attrs: i,
-          createLinkHook: (p, m) => {
+          createLinkHook: (p, d) => {
             const y = t.loaderHook.lifecycle.createLink.emit({
               url: p,
-              attrs: m
+              attrs: d
             });
             if (y instanceof HTMLLinkElement)
               return y;
           }
         });
-        d && document.head.appendChild(u);
+        m && document.head.appendChild(u);
       });
     } else {
       const i = {
@@ -1531,22 +1550,22 @@ function preloadAssets(r, t, n, o = !0) {
         type: (r == null ? void 0 : r.type) === "module" ? "module" : "text/javascript"
       };
       a.forEach((c) => {
-        const { script: u, needAttach: d } = createScript({
+        const { script: u, needAttach: m } = createScript({
           url: c,
           cb: () => {
           },
           attrs: i,
-          createScriptHook: (p, m) => {
+          createScriptHook: (p, d) => {
             const y = t.loaderHook.lifecycle.createScript.emit({
               url: p,
-              attrs: m
+              attrs: d
             });
             if (y instanceof HTMLScriptElement)
               return y;
           },
           needDeleteScript: !0
         });
-        d && document.head.appendChild(u);
+        m && document.head.appendChild(u);
       });
     }
   }
@@ -1609,89 +1628,89 @@ function traverseModuleInfo(r, t, n, o, s = {}, a) {
   const l = getFMId(t), { value: i } = getInfoWithoutType(r, l), c = a || i;
   if (c && !isManifestProvider(c) && (n(c, t, o), c.remotesInfo)) {
     const u = Object.keys(c.remotesInfo);
-    for (const d of u) {
-      if (s[d])
+    for (const m of u) {
+      if (s[m])
         continue;
-      s[d] = !0;
-      const p = splitId(d), m = c.remotesInfo[d];
+      s[m] = !0;
+      const p = splitId(m), d = c.remotesInfo[m];
       traverseModuleInfo(r, {
         name: p.name,
-        version: m.matchedVersion
+        version: d.matchedVersion
       }, n, !1, s, void 0);
     }
   }
 }
 function generatePreloadAssets(r, t, n, o, s) {
-  const a = [], l = [], i = [], c = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), { options: d } = r, { preloadConfig: p } = t, { depsRemote: m } = p;
-  if (traverseModuleInfo(o, n, (g, E, v) => {
+  const a = [], l = [], i = [], c = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), { options: m } = r, { preloadConfig: p } = t, { depsRemote: d } = p;
+  if (traverseModuleInfo(o, n, (g, b, S) => {
     let I;
-    if (v)
+    if (S)
       I = p;
-    else if (Array.isArray(m)) {
-      const T = m.find((A) => A.nameOrAlias === E.name || A.nameOrAlias === E.alias);
+    else if (Array.isArray(d)) {
+      const T = d.find((A) => A.nameOrAlias === b.name || A.nameOrAlias === b.alias);
       if (!T)
         return;
       I = defaultPreloadArgs(T);
-    } else if (m === !0)
+    } else if (d === !0)
       I = p;
     else
       return;
-    const S = getResourceUrl(g, getRemoteEntryInfoFromSnapshot(g).url);
-    S && i.push({
-      name: E.name,
+    const v = getResourceUrl(g, getRemoteEntryInfoFromSnapshot(g).url);
+    v && i.push({
+      name: b.name,
       moduleInfo: {
-        name: E.name,
-        entry: S,
+        name: b.name,
+        entry: v,
         type: "remoteEntryType" in g ? g.remoteEntryType : "global",
-        entryGlobalName: "globalName" in g ? g.globalName : E.name,
+        entryGlobalName: "globalName" in g ? g.globalName : b.name,
         shareScope: "",
         version: "version" in g ? g.version : void 0
       },
-      url: S
+      url: v
     });
-    let b = "modules" in g ? g.modules : [];
+    let R = "modules" in g ? g.modules : [];
     const $ = normalizePreloadExposes(I.exposes);
     if ($.length && "modules" in g) {
       var w;
-      b = g == null || (w = g.modules) == null ? void 0 : w.reduce((T, A) => (($ == null ? void 0 : $.indexOf(A.moduleName)) !== -1 && T.push(A), T), []);
+      R = g == null || (w = g.modules) == null ? void 0 : w.reduce((T, A) => (($ == null ? void 0 : $.indexOf(A.moduleName)) !== -1 && T.push(A), T), []);
     }
     function O(T) {
       const A = T.map((P) => getResourceUrl(g, P));
       return I.filter ? A.filter(I.filter) : A;
     }
-    if (b) {
-      const T = b.length;
+    if (R) {
+      const T = R.length;
       for (let A = 0; A < T; A++) {
-        const P = b[A], M = `${E.name}/${P.moduleName}`;
+        const P = R[A], L = `${b.name}/${P.moduleName}`;
         r.remoteHandler.hooks.lifecycle.handlePreloadModule.emit({
-          id: P.moduleName === "." ? E.name : M,
-          name: E.name,
+          id: P.moduleName === "." ? b.name : L,
+          name: b.name,
           remoteSnapshot: g,
           preloadConfig: I,
-          remote: E,
+          remote: b,
           origin: r
-        }), !getPreloaded(M) && (I.resourceCategory === "all" ? (a.push(...O(P.assets.css.async)), a.push(...O(P.assets.css.sync)), l.push(...O(P.assets.js.async)), l.push(...O(P.assets.js.sync))) : (I.resourceCategory = "sync") && (a.push(...O(P.assets.css.sync)), l.push(...O(P.assets.js.sync))), setPreloaded(M));
+        }), !getPreloaded(L) && (I.resourceCategory === "all" ? (a.push(...O(P.assets.css.async)), a.push(...O(P.assets.css.sync)), l.push(...O(P.assets.js.async)), l.push(...O(P.assets.js.sync))) : (I.resourceCategory = "sync") && (a.push(...O(P.assets.css.sync)), l.push(...O(P.assets.js.sync))), setPreloaded(L));
       }
     }
   }, !0, {}, s), s.shared) {
-    const g = (E, v) => {
-      const I = getRegisteredShare(r.shareScopeMap, v.sharedName, E, r.sharedHandler.hooks.lifecycle.resolveShare);
-      I && typeof I.lib == "function" && (v.assets.js.sync.forEach((S) => {
-        c.add(S);
-      }), v.assets.css.sync.forEach((S) => {
-        u.add(S);
+    const g = (b, S) => {
+      const I = getRegisteredShare(r.shareScopeMap, S.sharedName, b, r.sharedHandler.hooks.lifecycle.resolveShare);
+      I && typeof I.lib == "function" && (S.assets.js.sync.forEach((v) => {
+        c.add(v);
+      }), S.assets.css.sync.forEach((v) => {
+        u.add(v);
       }));
     };
-    s.shared.forEach((E) => {
-      var v;
-      const I = (v = d.shared) == null ? void 0 : v[E.sharedName];
+    s.shared.forEach((b) => {
+      var S;
+      const I = (S = m.shared) == null ? void 0 : S[b.sharedName];
       if (!I)
         return;
-      const S = E.version ? I.find(($) => $.version === E.version) : I;
-      if (!S)
+      const v = b.version ? I.find(($) => $.version === b.version) : I;
+      if (!v)
         return;
-      arrayOptions(S).forEach(($) => {
-        g($, E);
+      arrayOptions(v).forEach(($) => {
+        g($, b);
       });
     });
   }
@@ -1791,15 +1810,15 @@ class SnapshotHandler {
       remoteSnapshot: a,
       globalSnapshot: l
     });
-    let u, d;
+    let u, m;
     if (i)
       if (isManifestProvider(i)) {
-        const p = isBrowserEnv() ? i.remoteEntry : i.ssrRemoteEntry || i.remoteEntry || "", m = await this.getManifestJson(p, t, {}), y = setGlobalSnapshotInfoByModuleInfo(_extends$1({}, t, {
+        const p = isBrowserEnv() ? i.remoteEntry : i.ssrRemoteEntry || i.remoteEntry || "", d = await this.getManifestJson(p, t, {}), y = setGlobalSnapshotInfoByModuleInfo(_extends$1({}, t, {
           // The global remote may be overridden
           // Therefore, set the snapshot key to the global address of the actual request
           entry: p
-        }), m);
-        u = m, d = y;
+        }), d);
+        u = d, m = y;
       } else {
         const { remoteSnapshot: p } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
           options: this.HostInstance.options,
@@ -1807,16 +1826,16 @@ class SnapshotHandler {
           remoteSnapshot: i,
           from: "global"
         });
-        u = p, d = c;
+        u = p, m = c;
       }
     else if (isRemoteInfoWithEntry(t)) {
-      const p = await this.getManifestJson(t.entry, t, {}), m = setGlobalSnapshotInfoByModuleInfo(t, p), { remoteSnapshot: y } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
+      const p = await this.getManifestJson(t.entry, t, {}), d = setGlobalSnapshotInfoByModuleInfo(t, p), { remoteSnapshot: y } = await this.hooks.lifecycle.loadRemoteSnapshot.emit({
         options: this.HostInstance.options,
         moduleInfo: t,
         remoteSnapshot: p,
         from: "global"
       });
-      u = y, d = m;
+      u = y, m = d;
     } else
       error(getShortErrorMsg(RUNTIME_007, runtimeDescMap, {
         hostName: t.name,
@@ -1829,7 +1848,7 @@ class SnapshotHandler {
       remoteSnapshot: u
     }), {
       remoteSnapshot: u,
-      globalSnapshot: d
+      globalSnapshot: m
     };
   }
   getGlobalRemoteInfo(t) {
@@ -1920,11 +1939,11 @@ class SharedHandler {
       const u = await i.loading;
       return i.loaded = !0, i.lib || (i.lib = u), c(i), u;
     } else if (i) {
-      const d = (async () => {
+      const m = (async () => {
         const p = await i.get();
         l.lib = p, l.loaded = !0, c(l);
-        const m = getRegisteredShare(this.shareScopeMap, t, l, this.hooks.lifecycle.resolveShare);
-        return m && (m.lib = p, m.loaded = !0), p;
+        const d = getRegisteredShare(this.shareScopeMap, t, l, this.hooks.lifecycle.resolveShare);
+        return d && (d.lib = p, d.loaded = !0), p;
       })();
       return this.setShared({
         pkgName: t,
@@ -1932,16 +1951,16 @@ class SharedHandler {
         shared: i,
         from: o.options.name,
         lib: null,
-        loading: d
-      }), d;
+        loading: m
+      }), m;
     } else {
       if (n != null && n.customShareInfo)
         return !1;
-      const d = (async () => {
+      const m = (async () => {
         const p = await l.get();
         l.lib = p, l.loaded = !0, c(l);
-        const m = getRegisteredShare(this.shareScopeMap, t, l, this.hooks.lifecycle.resolveShare);
-        return m && (m.lib = p, m.loaded = !0), p;
+        const d = getRegisteredShare(this.shareScopeMap, t, l, this.hooks.lifecycle.resolveShare);
+        return d && (d.lib = p, d.loaded = !0), p;
       })();
       return this.setShared({
         pkgName: t,
@@ -1949,8 +1968,8 @@ class SharedHandler {
         shared: l,
         from: o.options.name,
         lib: null,
-        loading: d
-      }), d;
+        loading: m
+      }), m;
     }
   }
   /**
@@ -1966,39 +1985,39 @@ class SharedHandler {
     if (s !== "build") {
       const { initTokens: _ } = this;
       l || (l = []);
-      let R = _[t];
-      if (R || (R = _[t] = {
+      let E = _[t];
+      if (E || (E = _[t] = {
         from: this.host.name
-      }), l.indexOf(R) >= 0)
+      }), l.indexOf(E) >= 0)
         return i;
-      l.push(R);
+      l.push(E);
     }
     const c = this.shareScopeMap, u = o.options.name;
     c[t] || (c[t] = {});
-    const d = c[t], p = (_, R) => {
+    const m = c[t], p = (_, E) => {
       var g;
-      const { version: E, eager: v } = R;
-      d[_] = d[_] || {};
-      const I = d[_], S = I[E], b = !!(S && (S.eager || (g = S.shareConfig) != null && g.eager));
-      (!S || S.strategy !== "loaded-first" && !S.loaded && (!v != !b ? v : u > S.from)) && (I[E] = R);
-    }, m = (_) => _ && _.init && _.init(c[t], l), y = async (_) => {
-      const { module: R } = await o.remoteHandler.getRemoteModuleAndOptions({
+      const { version: b, eager: S } = E;
+      m[_] = m[_] || {};
+      const I = m[_], v = I[b], R = !!(v && (v.eager || (g = v.shareConfig) != null && g.eager));
+      (!v || v.strategy !== "loaded-first" && !v.loaded && (!S != !R ? S : u > v.from)) && (I[b] = E);
+    }, d = (_) => _ && _.init && _.init(c[t], l), y = async (_) => {
+      const { module: E } = await o.remoteHandler.getRemoteModuleAndOptions({
         id: _
       });
-      if (R.getEntry) {
+      if (E.getEntry) {
         let g;
         try {
-          g = await R.getEntry();
-        } catch (E) {
+          g = await E.getEntry();
+        } catch (b) {
           g = await o.remoteHandler.hooks.lifecycle.errorLoadRemote.emit({
             id: _,
-            error: E,
+            error: b,
             from: "runtime",
             lifecycle: "beforeLoadShare",
             origin: o
           });
         }
-        R.inited || (await m(g), R.inited = !0);
+        E.inited || (await d(g), E.inited = !0);
       }
     };
     return Object.keys(o.options.shared).forEach((_) => {
@@ -2077,27 +2096,27 @@ class SharedHandler {
     });
   }
   setShared({ pkgName: t, shared: n, from: o, lib: s, loading: a, loaded: l, get: i }) {
-    const { version: c, scope: u = "default" } = n, d = _object_without_properties_loose(n, [
+    const { version: c, scope: u = "default" } = n, m = _object_without_properties_loose(n, [
       "version",
       "scope"
     ]);
     (Array.isArray(u) ? u : [
       u
-    ]).forEach((m) => {
-      if (this.shareScopeMap[m] || (this.shareScopeMap[m] = {}), this.shareScopeMap[m][t] || (this.shareScopeMap[m][t] = {}), !this.shareScopeMap[m][t][c]) {
-        this.shareScopeMap[m][t][c] = _extends$1({
+    ]).forEach((d) => {
+      if (this.shareScopeMap[d] || (this.shareScopeMap[d] = {}), this.shareScopeMap[d][t] || (this.shareScopeMap[d][t] = {}), !this.shareScopeMap[d][t][c]) {
+        this.shareScopeMap[d][t][c] = _extends$1({
           version: c,
           scope: [
             "default"
           ]
-        }, d, {
+        }, m, {
           lib: s,
           loaded: l,
           loading: a
-        }), i && (this.shareScopeMap[m][t][c].get = i);
+        }), i && (this.shareScopeMap[d][t][c].get = i);
         return;
       }
-      const y = this.shareScopeMap[m][t][c];
+      const y = this.shareScopeMap[d][t][c];
       a && !y.loading && (y.loading = a);
     });
   }
@@ -2153,10 +2172,10 @@ class RemoteHandler {
         loadFactory: !0
       }, { module: a, moduleOptions: l, remoteMatchInfo: i } = await this.getRemoteModuleAndOptions({
         id: t
-      }), { pkgNameOrAlias: c, remote: u, expose: d, id: p, remoteSnapshot: m } = i, y = await a.get(p, d, n, m), _ = await this.hooks.lifecycle.onLoad.emit({
+      }), { pkgNameOrAlias: c, remote: u, expose: m, id: p, remoteSnapshot: d } = i, y = await a.get(p, m, n, d), _ = await this.hooks.lifecycle.onLoad.emit({
         id: p,
         pkgNameOrAlias: c,
-        expose: d,
+        expose: m,
         exposeModule: s ? y : void 0,
         exposeModuleFactory: s ? void 0 : y,
         remote: u,
@@ -2240,15 +2259,15 @@ class RemoteHandler {
       options: n.options,
       origin: n,
       remoteInfo: c
-    })), { remote: d, expose: p } = u;
-    assert(d && p, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${a}.`);
-    let m = n.moduleCache.get(d.name);
+    })), { remote: m, expose: p } = u;
+    assert(m && p, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${a}.`);
+    let d = n.moduleCache.get(m.name);
     const y = {
       host: n,
       remoteInfo: c
     };
-    return m || (m = new Module(y), n.moduleCache.set(d.name, m)), {
-      module: m,
+    return d || (d = new Module(y), n.moduleCache.set(m.name, d)), {
+      module: d,
       moduleOptions: y,
       remoteMatchInfo: u
     };
@@ -2298,45 +2317,45 @@ class RemoteHandler {
         }
         const u = getRemoteEntryUniqueKey(l.remoteInfo);
         globalLoading[u] && delete globalLoading[u], o.snapshotHandler.manifestCache.delete(i.entry);
-        let d = i.buildVersion ? composeKeyWithSeparator(i.name, i.buildVersion) : i.name;
-        const p = CurrentGlobal.__FEDERATION__.__INSTANCES__.findIndex((y) => i.buildVersion ? y.options.id === d : y.name === d);
+        let m = i.buildVersion ? composeKeyWithSeparator(i.name, i.buildVersion) : i.name;
+        const p = CurrentGlobal.__FEDERATION__.__INSTANCES__.findIndex((y) => i.buildVersion ? y.options.id === m : y.name === m);
         if (p !== -1) {
           const y = CurrentGlobal.__FEDERATION__.__INSTANCES__[p];
-          d = y.options.id || d;
+          m = y.options.id || m;
           const _ = getGlobalShareScope();
-          let R = !0;
+          let E = !0;
           const g = [];
-          Object.keys(_).forEach((E) => {
-            const v = _[E];
-            v && Object.keys(v).forEach((I) => {
-              const S = v[I];
-              S && Object.keys(S).forEach((b) => {
-                const $ = S[b];
+          Object.keys(_).forEach((b) => {
+            const S = _[b];
+            S && Object.keys(S).forEach((I) => {
+              const v = S[I];
+              v && Object.keys(v).forEach((R) => {
+                const $ = v[R];
                 $ && Object.keys($).forEach((w) => {
                   const O = $[w];
-                  O && typeof O == "object" && O.from === i.name && (O.loaded || O.loading ? (O.useIn = O.useIn.filter((T) => T !== i.name), O.useIn.length ? R = !1 : g.push([
-                    E,
-                    I,
+                  O && typeof O == "object" && O.from === i.name && (O.loaded || O.loading ? (O.useIn = O.useIn.filter((T) => T !== i.name), O.useIn.length ? E = !1 : g.push([
                     b,
+                    I,
+                    R,
                     w
                   ])) : g.push([
-                    E,
-                    I,
                     b,
+                    I,
+                    R,
                     w
                   ]));
                 });
               });
             });
-          }), R && (y.shareScopeMap = {}, delete _[d]), g.forEach(([E, v, I, S]) => {
-            var b, $, w;
-            (w = _[E]) == null || ($ = w[v]) == null || (b = $[I]) == null || delete b[S];
+          }), E && (y.shareScopeMap = {}, delete _[m]), g.forEach(([b, S, I, v]) => {
+            var R, $, w;
+            (w = _[b]) == null || ($ = w[S]) == null || (R = $[I]) == null || delete R[v];
           }), CurrentGlobal.__FEDERATION__.__INSTANCES__.splice(p, 1);
         }
-        const { hostGlobalSnapshot: m } = getGlobalRemoteInfo(t, o);
-        if (m) {
-          const y = m && "remotesInfo" in m && m.remotesInfo && getInfoWithoutType(m.remotesInfo, t.name).key;
-          y && (delete m.remotesInfo[y], Global.__FEDERATION__.__MANIFEST_LOADING__[y] && delete Global.__FEDERATION__.__MANIFEST_LOADING__[y]);
+        const { hostGlobalSnapshot: d } = getGlobalRemoteInfo(t, o);
+        if (d) {
+          const y = d && "remotesInfo" in d && d.remotesInfo && getInfoWithoutType(d.remotesInfo, t.name).key;
+          y && (delete d.remotesInfo[y], Global.__FEDERATION__.__MANIFEST_LOADING__[y] && delete Global.__FEDERATION__.__MANIFEST_LOADING__[y]);
         }
         o.moduleCache.delete(t.name);
       }
@@ -2410,8 +2429,8 @@ class FederationHost {
     }), l = this.remoteHandler.formatAndRegisterRemote(a, s), { shared: i } = this.sharedHandler.registerShared(a, s), c = [
       ...a.plugins
     ];
-    s.plugins && s.plugins.forEach((d) => {
-      c.includes(d) || c.push(d);
+    s.plugins && s.plugins.forEach((m) => {
+      c.includes(m) || c.push(m);
     });
     const u = _extends$1({}, t, n, {
       plugins: c,
@@ -2445,7 +2464,7 @@ class FederationHost {
       beforeInitContainer: new AsyncWaterfallHook("beforeInitContainer"),
       // maybe will change, temporarily for internal use only
       initContainer: new AsyncWaterfallHook("initContainer")
-    }), this.version = "0.8.5", this.moduleCache = /* @__PURE__ */ new Map(), this.loaderHook = new PluginSystem({
+    }), this.version = "0.8.6", this.moduleCache = /* @__PURE__ */ new Map(), this.loaderHook = new PluginSystem({
       // FIXME: may not be suitable , not open to the public yet
       getModuleInfo: new SyncHook(),
       createScript: new SyncHook(),
@@ -2484,33 +2503,33 @@ setGlobalFederationConstructor(FederationHost);
 function createBridgeComponent(r) {
   const t = /* @__PURE__ */ new Map(), n = getInstance();
   return () => ({
-    __APP_VERSION__: "0.8.5",
+    __APP_VERSION__: "0.8.6",
     async render(o) {
-      var c, u, d;
-      LoggerInstance.log("createBridgeComponent render Info", o);
+      var c, u, m;
+      LoggerInstance.debug("createBridgeComponent render Info", o);
       const s = Vue.createApp(r.rootComponent);
       t.set(o.dom, s);
-      const a = await ((d = (u = (c = n == null ? void 0 : n.bridgeHook) == null ? void 0 : c.lifecycle) == null ? void 0 : u.beforeBridgeRender) == null ? void 0 : d.emit(o)), l = a && typeof a == "object" && (a != null && a.extraProps) ? a == null ? void 0 : a.extraProps : {}, i = r.appOptions({
+      const a = await ((m = (u = (c = n == null ? void 0 : n.bridgeHook) == null ? void 0 : c.lifecycle) == null ? void 0 : u.beforeBridgeRender) == null ? void 0 : m.emit(o)), l = a && typeof a == "object" && (a != null && a.extraProps) ? a == null ? void 0 : a.extraProps : {}, i = r.appOptions({
         app: s,
         basename: o.basename,
         memoryRoute: o.memoryRoute,
         ...l
       });
       if (i != null && i.router) {
-        const p = o.memoryRoute ? VueRouter.createMemoryHistory(o.basename) : VueRouter.createWebHistory(o.basename), m = VueRouter.createRouter({
+        const p = o.memoryRoute ? VueRouter.createMemoryHistory(o.basename) : VueRouter.createWebHistory(o.basename), d = VueRouter.createRouter({
           ...i.router.options,
           history: p,
           routes: i.router.getRoutes()
         });
         LoggerInstance.log("createBridgeComponent render router info>>>", {
           name: o.moduleName,
-          router: m
-        }), o.memoryRoute && await m.push(o.memoryRoute.entryPath), s.use(m);
+          router: d
+        }), o.memoryRoute && await d.push(o.memoryRoute.entryPath), s.use(d);
       }
       s.mount(o.dom);
     },
     destroy(o) {
-      LoggerInstance.log("createBridgeComponent destroy Info", o);
+      LoggerInstance.debug("createBridgeComponent destroy Info", o);
       const s = t.get(o == null ? void 0 : o.dom);
       s == null || s.unmount();
     }
@@ -2530,8 +2549,8 @@ const RemoteApp = /* @__PURE__ */ defineComponent({
   },
   setup(r) {
     const t = ref(null), n = ref(null), o = ref(""), s = useRoute(), a = () => {
-      var d;
-      const i = (d = r.providerInfo) == null ? void 0 : d.call(r);
+      var m;
+      const i = (m = r.providerInfo) == null ? void 0 : m.call(r);
       n.value = i;
       let c = {
         name: r.moduleName,
@@ -2539,12 +2558,12 @@ const RemoteApp = /* @__PURE__ */ defineComponent({
         basename: r.basename,
         memoryRoute: r.memoryRoute
       };
-      LoggerInstance.log("createRemoteComponent LazyComponent render >>>", c), c = {
+      LoggerInstance.debug("createRemoteComponent LazyComponent render >>>", c), c = {
         ...c,
         ...{}.extraProps
       }, i.render(c);
     }, l = watch(() => s.path, (i) => {
-      i !== s.path && a(), o.value !== "" && o.value !== i && (LoggerInstance.log("createRemoteComponent dispatchPopstateEnv >>>", {
+      i !== s.path && a(), o.value !== "" && o.value !== i && (LoggerInstance.debug("createRemoteComponent dispatchPopstateEnv >>>", {
         ...r,
         pathname: s.path
       }), e()), o.value = i;
@@ -2553,7 +2572,7 @@ const RemoteApp = /* @__PURE__ */ defineComponent({
       a();
     }), onBeforeUnmount(() => {
       var i;
-      LoggerInstance.log("createRemoteComponent LazyComponent destroy >>>", {
+      LoggerInstance.debug("createRemoteComponent LazyComponent destroy >>>", {
         ...r
       }), l(), (i = n.value) == null || i.destroy({
         dom: t.value
@@ -2565,7 +2584,7 @@ const RemoteApp = /* @__PURE__ */ defineComponent({
 });
 function createRemoteComponent(r) {
   return defineAsyncComponent({
-    __APP_VERSION__: "0.8.5",
+    __APP_VERSION__: "0.8.6",
     ...r.asyncComponentOptions,
     //@ts-ignore
     loader: async () => {
@@ -2575,12 +2594,12 @@ function createRemoteComponent(r) {
       const o = (c = t.matched[0]) == null ? void 0 : c.path;
       o && (o.endsWith("/:pathMatch(.*)*") ? n = o.replace("/:pathMatch(.*)*", "") : n = t.matched[0].path);
       const s = (r == null ? void 0 : r.export) || "default";
-      LoggerInstance.log("createRemoteComponent LazyComponent create >>>", {
+      LoggerInstance.debug("createRemoteComponent LazyComponent create >>>", {
         basename: n,
         info: r
       });
       const a = await r.loader(), l = a && a[Symbol.for("mf_module_id")], i = a[s];
-      if (LoggerInstance.log(
+      if (LoggerInstance.debug(
         "createRemoteComponent LazyComponent loadRemote info >>>",
         { name: l, module: a, exportName: s, basename: n, route: t }
       ), s in a && typeof i == "function")