@module-federation/bridge-vue3 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @module-federation/bridge-vue3
 
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [6db4c5f]
+  - @module-federation/sdk@0.7.1
+  - @module-federation/bridge-shared@0.7.1
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),w=require("vue-router");function j(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const G=j(i),E=j(w);var $=Object.defineProperty,W=Object.getOwnPropertyDescriptor,U=Object.getOwnPropertyNames,T=Object.prototype.hasOwnProperty,k=(e,o)=>{for(var r in o)$(e,r,{get:o[r],enumerable:!0})},x=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of U(o))!T.call(e,n)&&n!==r&&$(e,n,{get:()=>o[n],enumerable:!(t=W(o,n))||t.enumerable});return e},z=e=>x($({},"__esModule",{value:!0}),e),A={};k(A,{createLogger:()=>M,logger:()=>ne});var H=z(A),R=void 0,I=()=>{if(typeof R<"u")return R;try{console.log("%c","color:"),R=!0}catch{R=!1}return R},h={bold:"font-weight: bold;",red:"color: red;",green:"color: green;",orange:"color: orange;",dodgerblue:"color: dodgerblue;",magenta:"color: magenta;",gray:"color: gray;"},v=e=>I()?o=>{if(Array.isArray(o)){const[r,t]=o;return[`%c${r.replace("%c","")}`,t?`${h[e]}${t}`:`${h[e]||""}`]}return[`%c${String(o).replace("%c","")}`,h[e]||""]}:o=>[String(o)],q=v("bold"),J=v("red"),S=v("green"),K=v("orange"),L=v("dodgerblue"),X=v("magenta");v("gray");function Y(e,o,r){let t=[""];return"label"in o&&(t=[r[e]||o.label||""],t=q(o.color?o.color(t):t[0])),t=t.filter(Boolean),t}function Q(e,o,r,t){e.length?Array.isArray(t)?console.log(...e,...t):console.log(...e,o):Array.isArray(t)?console.log(...t):console.log(o,...r)}var P={error:0,warn:1,info:2,log:3,verbose:4},Z=/at\s.*:\d+:\d+[\s\)]*$/,ee=/at\s.*\(<anonymous>\)$/,oe=e=>Z.test(e)||ee.test(e),re=(e={},{getLabel:o,handleError:r,finalLog:t,greet:n,LOG_TYPES:c})=>{let l=e.level||"log",a=e.labels||{},g=(s,u,...F)=>{if(P[c[s].level]>P[l])return;if(u==null)return console.log();let C=c[s],b="";const V=o(s,C,a);if(u instanceof Error)if(u.stack){let[y,..._]=u.stack.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),w=require("vue-router");function j(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const G=j(i),E=j(w);var $=Object.defineProperty,W=Object.getOwnPropertyDescriptor,U=Object.getOwnPropertyNames,T=Object.prototype.hasOwnProperty,k=(e,o)=>{for(var r in o)$(e,r,{get:o[r],enumerable:!0})},x=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of U(o))!T.call(e,n)&&n!==r&&$(e,n,{get:()=>o[n],enumerable:!(t=W(o,n))||t.enumerable});return e},z=e=>x($({},"__esModule",{value:!0}),e),A={};k(A,{createLogger:()=>M,logger:()=>ne});var H=z(A),R=void 0,I=()=>{if(typeof R<"u")return R;try{const e="color test",o="color: red;",r=console.log;console.log=(...t)=>{t[0]===`%c${e}`&&t[1]===o&&(R=!0)},console.log(`%c${e}`,o),console.log=r}catch{R=!1}return R},h={bold:"font-weight: bold;",red:"color: red;",green:"color: green;",orange:"color: orange;",dodgerblue:"color: dodgerblue;",magenta:"color: magenta;",gray:"color: gray;"},v=e=>I()?o=>{if(Array.isArray(o)){const[r,t]=o;return[`%c${r.replace("%c","")}`,t?`${h[e]}${t}`:`${h[e]||""}`]}return[`%c${String(o).replace("%c","")}`,h[e]||""]}:o=>[String(o)],q=v("bold"),J=v("red"),S=v("green"),K=v("orange"),L=v("dodgerblue"),X=v("magenta");v("gray");function Y(e,o,r){let t=[""];return"label"in o&&(t=[r[e]||o.label||""],t=q(o.color?o.color(t):t[0])),t=t.filter(Boolean),t}function Q(e,o,r,t){e.length?Array.isArray(t)?console.log(...e,...t):console.log(...e,o):Array.isArray(t)?console.log(...t):console.log(o,...r)}var P={error:0,warn:1,info:2,log:3,verbose:4},Z=/at\s.*:\d+:\d+[\s\)]*$/,ee=/at\s.*\(<anonymous>\)$/,oe=e=>Z.test(e)||ee.test(e),re=(e={},{getLabel:o,handleError:r,finalLog:t,greet:n,LOG_TYPES:c})=>{let l=e.level||"log",a=e.labels||{},g=(s,u,...F)=>{if(P[c[s].level]>P[l])return;if(u==null)return console.log();let C=c[s],b="";const V=o(s,C,a);if(u instanceof Error)if(u.stack){let[y,..._]=u.stack.split(`
 `);y.startsWith("Error: ")&&(y=y.slice(7)),b=`${y}
 ${r(_.join(`
 `))}`}else b=u.message;else C.level==="error"&&typeof u=="string"?b=u.split(`
 `).map(_=>oe(_)?r(_):_).join(`
-`):b=`${u}`;t(V,b,F,u)},d={greet:s=>g("log",n(s))};return Object.keys(c).forEach(s=>{d[s]=(...u)=>g(s,...u)}),Object.defineProperty(d,"level",{get:()=>l,set(s){l=s}}),Object.defineProperty(d,"labels",{get:()=>a,set(s){a=s}}),d.override=s=>{Object.assign(d,s)},d},p=[189,255,243],O=[74,194,154],B=e=>!/[\s\n]/.test(e);function D(e){if(!I())return[e];const o=[...e],r=o.filter(B),t=r.length-1;if(t===0)return console.log(`%c${e}`,`color: rgb(${p.join(",")}); font-weight: bold;`),[e];let n="",c=[];return o.forEach(l=>{if(B(l)){const a=r.indexOf(l)/t,g=Math.round(p[0]+(O[0]-p[0])*a),d=Math.round(p[1]+(O[1]-p[1])*a),s=Math.round(p[2]+(O[2]-p[2])*a);n+=`%c${l}`,c.push(`color: rgb(${g},${d},${s}); font-weight: bold;`)}else n+=l}),[n,...c]}var te={error:{label:"error",level:"error",color:J},warn:{label:"warn",level:"warn",color:K},info:{label:"info",level:"info",color:L},start:{label:"start",level:"info",color:L},ready:{label:"ready",level:"info",color:S},success:{label:"success",level:"info",color:S},log:{level:"log"},debug:{label:"debug",level:"verbose",color:X}};function M(e={}){return re(e,{handleError:o=>o,getLabel:Y,gradient:D,finalLog:Q,LOG_TYPES:te,greet:o=>D(o)})}var ne=M();const ae="FEDERATION_DEBUG",le="1";function ce(){return typeof window<"u"}function se(){try{if(ce()&&window.localStorage)return localStorage.getItem(ae)===le}catch{return!1}return!1}function ue(){return typeof process<"u"&&process.env&&process.env.FEDERATION_DEBUG?!!process.env.FEDERATION_DEBUG:typeof FEDERATION_DEBUG<"u"&&FEDERATION_DEBUG?!0:se()}const f="[ Module Federation ]";function de(e){ue()&&(e.level="verbose")}function ie(e,o){e.labels={warn:`${o} Warn`,error:`${o} Error`,success:`${o} Success`,info:`${o} Info`,ready:`${o} Ready`,debug:`${o} Debug`}}function N(e){const o=H.createLogger({labels:{warn:`${f} Warn`,error:`${f} Error`,success:`${f} Success`,info:`${f} Info`,ready:`${f} Ready`,debug:`${f} Debug`}});return de(o),ie(o,e),o}N(f);const m=N("[ Module Federation Bridge Vue3 ]");function ge(e){const o=new Map;return()=>({__APP_VERSION__:"0.7.0",render(r){m.log("createBridgeComponent render Info",r);const t=G.createApp(e.rootComponent);o.set(r.dom,t);const n=e.appOptions({basename:r.basename,memoryRoute:r.memoryRoute}),c=r.memoryRoute?E.createMemoryHistory(r.basename):E.createWebHistory(r.basename),l=E.createRouter({...n.router.options,history:c,routes:n.router.getRoutes()});m.log("createBridgeComponent render router info>>>",{name:r.moduleName,router:l}),r.memoryRoute?l.push(r.memoryRoute.entryPath).then(()=>{t.use(l),t.mount(r.dom)}):(t.use(l),t.mount(r.dom))},destroy(r){m.log("createBridgeComponent destroy Info",r);const t=o.get(r==null?void 0:r.dom);t==null||t.unmount()}})}function me(){const e=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(e)}const pe=i.defineComponent({name:"RemoteApp",props:{moduleName:String,basename:String,memoryRoute:Object,providerInfo:Function},setup(e){const o=i.ref(null),r=i.ref(null),t=i.ref(""),n=w.useRoute(),c=()=>{var d;const a=(d=e.providerInfo)==null?void 0:d.call(e);r.value=a;const g={name:e.moduleName,dom:o.value,basename:e.basename,memoryRoute:e.memoryRoute};m.log("createRemoteComponent LazyComponent render >>>",g),a.render(g)},l=i.watch(()=>n.path,a=>{a!==n.path&&c(),t.value!==""&&t.value!==a&&(m.log("createRemoteComponent dispatchPopstateEnv >>>",{...e,pathname:n.path}),me()),t.value=a});return i.onMounted(()=>{c()}),i.onBeforeUnmount(()=>{var a;m.log("createRemoteComponent LazyComponent destroy >>>",{...e}),l(),(a=r.value)==null||a.destroy({dom:o.value})}),()=>i.createVNode("div",{ref:o},null)}});function fe(e){return i.defineAsyncComponent({__APP_VERSION__:"0.7.0",loader:async()=>{var g;const o=w.useRoute();let r="/";const t=(g=o.matched[0])==null?void 0:g.path;t&&(t.endsWith("/:pathMatch(.*)*")?r=t.replace("/:pathMatch(.*)*",""):r=o.matched[0].path);const n=(e==null?void 0:e.export)||"default";m.log("createRemoteComponent LazyComponent create >>>",{basename:r,info:e});const c=await e.loader(),l=c&&c[Symbol.for("mf_module_id")],a=c[n];if(m.log("createRemoteComponent LazyComponent loadRemote info >>>",{name:l,module:c,exportName:n,basename:r,route:o}),n in c&&typeof a=="function")return{render(){return i.h(pe,{moduleName:l,...e,providerInfo:a,basename:r})}};throw new Error("module not found")},loadingComponent:{template:"<div>Loading...</div>"},errorComponent:{template:"<div>Error loading component</div>"},delay:200,timeout:3e3})}exports.createBridgeComponent=ge;exports.createRemoteComponent=fe;
+`):b=`${u}`;t(V,b,F,u)},d={greet:s=>g("log",n(s))};return Object.keys(c).forEach(s=>{d[s]=(...u)=>g(s,...u)}),Object.defineProperty(d,"level",{get:()=>l,set(s){l=s}}),Object.defineProperty(d,"labels",{get:()=>a,set(s){a=s}}),d.override=s=>{Object.assign(d,s)},d},p=[189,255,243],O=[74,194,154],B=e=>!/[\s\n]/.test(e);function D(e){if(!I())return[e];const o=[...e],r=o.filter(B),t=r.length-1;if(t===0)return console.log(`%c${e}`,`color: rgb(${p.join(",")}); font-weight: bold;`),[e];let n="",c=[];return o.forEach(l=>{if(B(l)){const a=r.indexOf(l)/t,g=Math.round(p[0]+(O[0]-p[0])*a),d=Math.round(p[1]+(O[1]-p[1])*a),s=Math.round(p[2]+(O[2]-p[2])*a);n+=`%c${l}`,c.push(`color: rgb(${g},${d},${s}); font-weight: bold;`)}else n+=l}),[n,...c]}var te={error:{label:"error",level:"error",color:J},warn:{label:"warn",level:"warn",color:K},info:{label:"info",level:"info",color:L},start:{label:"start",level:"info",color:L},ready:{label:"ready",level:"info",color:S},success:{label:"success",level:"info",color:S},log:{level:"log"},debug:{label:"debug",level:"verbose",color:X}};function M(e={}){return re(e,{handleError:o=>o,getLabel:Y,gradient:D,finalLog:Q,LOG_TYPES:te,greet:o=>D(o)})}var ne=M();const ae="FEDERATION_DEBUG",le="1";function ce(){return typeof window<"u"}function se(){try{if(ce()&&window.localStorage)return localStorage.getItem(ae)===le}catch{return!1}return!1}function ue(){return typeof process<"u"&&process.env&&process.env.FEDERATION_DEBUG?!!process.env.FEDERATION_DEBUG:typeof FEDERATION_DEBUG<"u"&&FEDERATION_DEBUG?!0:se()}const f="[ Module Federation ]";function de(e){ue()&&(e.level="verbose")}function ie(e,o){e.labels={warn:`${o} Warn`,error:`${o} Error`,success:`${o} Success`,info:`${o} Info`,ready:`${o} Ready`,debug:`${o} Debug`}}function N(e){const o=H.createLogger({labels:{warn:`${f} Warn`,error:`${f} Error`,success:`${f} Success`,info:`${f} Info`,ready:`${f} Ready`,debug:`${f} Debug`}});return de(o),ie(o,e),o}N(f);const m=N("[ Module Federation Bridge Vue3 ]");function ge(e){const o=new Map;return()=>({__APP_VERSION__:"0.7.1",render(r){m.log("createBridgeComponent render Info",r);const t=G.createApp(e.rootComponent);o.set(r.dom,t);const n=e.appOptions({basename:r.basename,memoryRoute:r.memoryRoute}),c=r.memoryRoute?E.createMemoryHistory(r.basename):E.createWebHistory(r.basename),l=E.createRouter({...n.router.options,history:c,routes:n.router.getRoutes()});m.log("createBridgeComponent render router info>>>",{name:r.moduleName,router:l}),r.memoryRoute?l.push(r.memoryRoute.entryPath).then(()=>{t.use(l),t.mount(r.dom)}):(t.use(l),t.mount(r.dom))},destroy(r){m.log("createBridgeComponent destroy Info",r);const t=o.get(r==null?void 0:r.dom);t==null||t.unmount()}})}function me(){const e=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(e)}const pe=i.defineComponent({name:"RemoteApp",props:{moduleName:String,basename:String,memoryRoute:Object,providerInfo:Function},setup(e){const o=i.ref(null),r=i.ref(null),t=i.ref(""),n=w.useRoute(),c=()=>{var d;const a=(d=e.providerInfo)==null?void 0:d.call(e);r.value=a;const g={name:e.moduleName,dom:o.value,basename:e.basename,memoryRoute:e.memoryRoute};m.log("createRemoteComponent LazyComponent render >>>",g),a.render(g)},l=i.watch(()=>n.path,a=>{a!==n.path&&c(),t.value!==""&&t.value!==a&&(m.log("createRemoteComponent dispatchPopstateEnv >>>",{...e,pathname:n.path}),me()),t.value=a});return i.onMounted(()=>{c()}),i.onBeforeUnmount(()=>{var a;m.log("createRemoteComponent LazyComponent destroy >>>",{...e}),l(),(a=r.value)==null||a.destroy({dom:o.value})}),()=>i.createVNode("div",{ref:o},null)}});function fe(e){return i.defineAsyncComponent({__APP_VERSION__:"0.7.1",loader:async()=>{var g;const o=w.useRoute();let r="/";const t=(g=o.matched[0])==null?void 0:g.path;t&&(t.endsWith("/:pathMatch(.*)*")?r=t.replace("/:pathMatch(.*)*",""):r=o.matched[0].path);const n=(e==null?void 0:e.export)||"default";m.log("createRemoteComponent LazyComponent create >>>",{basename:r,info:e});const c=await e.loader(),l=c&&c[Symbol.for("mf_module_id")],a=c[n];if(m.log("createRemoteComponent LazyComponent loadRemote info >>>",{name:l,module:c,exportName:n,basename:r,route:o}),n in c&&typeof a=="function")return{render(){return i.h(pe,{moduleName:l,...e,providerInfo:a,basename:r})}};throw new Error("module not found")},loadingComponent:{template:"<div>Loading...</div>"},errorComponent:{template:"<div>Error loading component</div>"},delay:200,timeout:3e3})}exports.createBridgeComponent=ge;exports.createRemoteComponent=fe;

package/dist/index.es.js

@@ -2,15 +2,15 @@ import * as G from "vue";
 import { defineComponent as V, ref as R, watch as W, onMounted as U, onBeforeUnmount as x, createVNode as k, defineAsyncComponent as z, h as T } from "vue";
 import * as h from "vue-router";
 import { useRoute as B } from "vue-router";
-var O = Object.defineProperty, H = Object.getOwnPropertyDescriptor, J = Object.getOwnPropertyNames, K = Object.prototype.hasOwnProperty, X = (e, o) => {
+var $ = Object.defineProperty, H = Object.getOwnPropertyDescriptor, J = Object.getOwnPropertyNames, K = Object.prototype.hasOwnProperty, X = (e, o) => {
   for (var r in o)
-    O(e, r, { get: o[r], enumerable: !0 });
+    $(e, r, { get: o[r], enumerable: !0 });
 }, Y = (e, o, r, t) => {
   if (o && typeof o == "object" || typeof o == "function")
     for (let n of J(o))
-      !K.call(e, n) && n !== r && O(e, n, { get: () => o[n], enumerable: !(t = H(o, n)) || t.enumerable });
+      !K.call(e, n) && n !== r && $(e, n, { get: () => o[n], enumerable: !(t = H(o, n)) || t.enumerable });
   return e;
-}, q = (e) => Y(O({}, "__esModule", { value: !0 }), e), I = {};
+}, q = (e) => Y($({}, "__esModule", { value: !0 }), e), I = {};
 X(I, {
   createLogger: () => N,
   logger: () => de
@@ -19,7 +19,10 @@ var Q = q(I), E = void 0, D = () => {
   if (typeof E < "u")
     return E;
   try {
-    console.log("%c", "color:"), E = !0;
+    const e = "color test", o = "color: red;", r = console.log;
+    console.log = (...t) => {
+      t[0] === `%c${e}` && t[1] === o && (E = !0);
+    }, console.log(`%c${e}`, o), console.log = r;
   } catch {
     E = !1;
   }
@@ -47,7 +50,7 @@ function te(e, o, r) {
 function ne(e, o, r, t) {
   e.length ? Array.isArray(t) ? console.log(...e, ...t) : console.log(...e, o) : Array.isArray(t) ? console.log(...t) : console.log(o, ...r);
 }
-var P = {
+var S = {
   error: 0,
   warn: 1,
   info: 2,
@@ -55,12 +58,12 @@ var P = {
   verbose: 4
 }, ae = /at\s.*:\d+:\d+[\s\)]*$/, le = /at\s.*\(<anonymous>\)$/, ce = (e) => ae.test(e) || le.test(e), se = (e = {}, { getLabel: o, handleError: r, finalLog: t, greet: n, LOG_TYPES: c }) => {
   let l = e.level || "log", a = e.labels || {}, i = (s, u, ...j) => {
-    if (P[c[s].level] > P[l])
+    if (S[c[s].level] > S[l])
       return;
     if (u == null)
       return console.log();
-    let $ = c[s], v = "";
-    const F = o(s, $, a);
+    let O = c[s], v = "";
+    const F = o(s, O, a);
     if (u instanceof Error)
       if (u.stack) {
         let [b, ...y] = u.stack.split(`
@@ -71,7 +74,7 @@ ${r(y.join(`
       } else
         v = u.message;
     else
-      $.level === "error" && typeof u == "string" ? v = u.split(`
+      O.level === "error" && typeof u == "string" ? v = u.split(`
 `).map((y) => ce(y) ? r(y) : y).join(`
 `) : v = `${u}`;
     t(F, v, j, u);
@@ -94,16 +97,16 @@ ${r(y.join(`
   }), d.override = (s) => {
     Object.assign(d, s);
   }, d;
-}, m = [189, 255, 243], w = [74, 194, 154], S = (e) => !/[\s\n]/.test(e);
+}, m = [189, 255, 243], w = [74, 194, 154], P = (e) => !/[\s\n]/.test(e);
 function A(e) {
   if (!D())
     return [e];
-  const o = [...e], r = o.filter(S), t = r.length - 1;
+  const o = [...e], r = o.filter(P), t = r.length - 1;
   if (t === 0)
     return console.log(`%c${e}`, `color: rgb(${m.join(",")}); font-weight: bold;`), [e];
   let n = "", c = [];
   return o.forEach((l) => {
-    if (S(l)) {
+    if (P(l)) {
       const a = r.indexOf(l) / t, i = Math.round(m[0] + (w[0] - m[0]) * a), d = Math.round(m[1] + (w[1] - m[1]) * a), s = Math.round(m[2] + (w[2] - m[2]) * a);
       n += `%c${l}`, c.push(`color: rgb(${i},${d},${s}); font-weight: bold;`);
     } else
@@ -214,7 +217,7 @@ const g = M("[ Module Federation Bridge Vue3 ]");
 function _e(e) {
   const o = /* @__PURE__ */ new Map();
   return () => ({
-    __APP_VERSION__: "0.7.0",
+    __APP_VERSION__: "0.7.1",
     render(r) {
       g.log("createBridgeComponent render Info", r);
       const t = G.createApp(e.rootComponent);
@@ -287,7 +290,7 @@ const Ee = /* @__PURE__ */ V({
 });
 function we(e) {
   return z({
-    __APP_VERSION__: "0.7.0",
+    __APP_VERSION__: "0.7.1",
     //@ts-ignore
     loader: async () => {
       var i;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/module-federation/core",
     "directory": "packages/vue3-bridge"
   },
-  "version": "0.7.0",
+  "version": "0.7.1",
   "publishConfig": {
     "access": "public"
   },
@@ -32,8 +32,8 @@
     "vue-router": "=3"
   },
   "dependencies": {
-    "@module-federation/bridge-shared": "0.7.0",
-    "@module-federation/sdk": "0.7.0"
+    "@module-federation/bridge-shared": "0.7.1",
+    "@module-federation/sdk": "0.7.1"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",