@module-federation/bridge-vue3 0.6.14 → 0.6.15

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @module-federation/bridge-vue3
 
+## 0.6.15
+
+### Patch Changes
+
+- @module-federation/sdk@0.6.15
+- @module-federation/bridge-shared@0.6.15
+
 ## 0.6.14
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -3,4 +3,4 @@
 ${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)},i={greet:s=>m("log",n(s))};return Object.keys(c).forEach(s=>{i[s]=(...u)=>m(s,...u)}),Object.defineProperty(i,"level",{get:()=>l,set(s){l=s}}),Object.defineProperty(i,"labels",{get:()=>a,set(s){a=s}}),i.override=s=>{Object.assign(i,s)},i},p=[189,255,243],w=[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,m=Math.round(p[0]+(w[0]-p[0])*a),i=Math.round(p[1]+(w[1]-p[1])*a),s=Math.round(p[2]+(w[2]-p[2])*a);n+=`%c${l}`,c.push(`color: rgb(${m},${i},${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 ie(e){ue()&&(e.level="verbose")}function de(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 ie(o),de(o,e),o}N(f);const g=N("[ Module Federation Bridge Vue3 ]");function me(e){const o=new Map;return()=>({__APP_VERSION__:"0.6.14",render(r){g.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()});g.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){g.log("createBridgeComponent destroy Info",r);const t=o.get(r==null?void 0:r.dom);t==null||t.unmount()}})}function ge(){const e=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(e)}const pe=d.defineComponent({name:"RemoteApp",props:{moduleName:String,basename:String,memoryRoute:Object,providerInfo:Function},setup(e){const o=d.ref(null),r=d.ref(null),t=d.ref(""),n=O.useRoute(),c=()=>{var i;const a=(i=e.providerInfo)==null?void 0:i.call(e);r.value=a;const m={name:e.moduleName,dom:o.value,basename:e.basename,memoryRoute:e.memoryRoute};g.log("createRemoteComponent LazyComponent render >>>",m),a.render(m)},l=d.watch(()=>n.path,a=>{a!==n.path&&c(),t.value!==""&&t.value!==a&&(g.log("createRemoteComponent dispatchPopstateEnv >>>",{...e,pathname:n.path}),ge()),t.value=a});return d.onMounted(()=>{c()}),d.onBeforeUnmount(()=>{var a;g.log("createRemoteComponent LazyComponent destroy >>>",{...e}),l(),(a=r.value)==null||a.destroy({dom:o.value})}),()=>d.createVNode("div",{ref:o},null)}});function fe(e){return d.defineAsyncComponent({__APP_VERSION__:"0.6.14",loader:async()=>{var m;const o=O.useRoute();let r="/";const t=(m=o.matched[0])==null?void 0:m.path;t&&(t.endsWith("/:pathMatch(.*)*")?r=t.replace("/:pathMatch(.*)*",""):r=o.matched[0].path);const n=(e==null?void 0:e.export)||"default";g.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(g.log("createRemoteComponent LazyComponent loadRemote info >>>",{name:l,module:c,exportName:n,basename:r,route:o}),n in c&&typeof a=="function")return{render(){return d.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=me;exports.createRemoteComponent=fe;
+`):b=`${u}`;t(V,b,F,u)},i={greet:s=>m("log",n(s))};return Object.keys(c).forEach(s=>{i[s]=(...u)=>m(s,...u)}),Object.defineProperty(i,"level",{get:()=>l,set(s){l=s}}),Object.defineProperty(i,"labels",{get:()=>a,set(s){a=s}}),i.override=s=>{Object.assign(i,s)},i},p=[189,255,243],w=[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,m=Math.round(p[0]+(w[0]-p[0])*a),i=Math.round(p[1]+(w[1]-p[1])*a),s=Math.round(p[2]+(w[2]-p[2])*a);n+=`%c${l}`,c.push(`color: rgb(${m},${i},${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 ie(e){ue()&&(e.level="verbose")}function de(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 ie(o),de(o,e),o}N(f);const g=N("[ Module Federation Bridge Vue3 ]");function me(e){const o=new Map;return()=>({__APP_VERSION__:"0.6.15",render(r){g.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()});g.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){g.log("createBridgeComponent destroy Info",r);const t=o.get(r==null?void 0:r.dom);t==null||t.unmount()}})}function ge(){const e=new PopStateEvent("popstate",{state:window.history.state});window.dispatchEvent(e)}const pe=d.defineComponent({name:"RemoteApp",props:{moduleName:String,basename:String,memoryRoute:Object,providerInfo:Function},setup(e){const o=d.ref(null),r=d.ref(null),t=d.ref(""),n=O.useRoute(),c=()=>{var i;const a=(i=e.providerInfo)==null?void 0:i.call(e);r.value=a;const m={name:e.moduleName,dom:o.value,basename:e.basename,memoryRoute:e.memoryRoute};g.log("createRemoteComponent LazyComponent render >>>",m),a.render(m)},l=d.watch(()=>n.path,a=>{a!==n.path&&c(),t.value!==""&&t.value!==a&&(g.log("createRemoteComponent dispatchPopstateEnv >>>",{...e,pathname:n.path}),ge()),t.value=a});return d.onMounted(()=>{c()}),d.onBeforeUnmount(()=>{var a;g.log("createRemoteComponent LazyComponent destroy >>>",{...e}),l(),(a=r.value)==null||a.destroy({dom:o.value})}),()=>d.createVNode("div",{ref:o},null)}});function fe(e){return d.defineAsyncComponent({__APP_VERSION__:"0.6.15",loader:async()=>{var m;const o=O.useRoute();let r="/";const t=(m=o.matched[0])==null?void 0:m.path;t&&(t.endsWith("/:pathMatch(.*)*")?r=t.replace("/:pathMatch(.*)*",""):r=o.matched[0].path);const n=(e==null?void 0:e.export)||"default";g.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(g.log("createRemoteComponent LazyComponent loadRemote info >>>",{name:l,module:c,exportName:n,basename:r,route:o}),n in c&&typeof a=="function")return{render(){return d.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=me;exports.createRemoteComponent=fe;

package/dist/index.es.js

@@ -214,7 +214,7 @@ const m = M("[ Module Federation Bridge Vue3 ]");
 function _e(e) {
   const o = /* @__PURE__ */ new Map();
   return () => ({
-    __APP_VERSION__: "0.6.14",
+    __APP_VERSION__: "0.6.15",
     render(r) {
       m.log("createBridgeComponent render Info", r);
       const t = G.createApp(e.rootComponent);
@@ -287,7 +287,7 @@ const Ee = /* @__PURE__ */ V({
 });
 function we(e) {
   return z({
-    __APP_VERSION__: "0.6.14",
+    __APP_VERSION__: "0.6.15",
     //@ts-ignore
     loader: async () => {
       var i;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@module-federation/bridge-vue3",
   "author": "zhouxiao <codingzx@gmail.com>",
-  "version": "0.6.14",
+  "version": "0.6.15",
   "publishConfig": {
     "access": "public"
   },
@@ -26,8 +26,8 @@
     "vue-router": "=3"
   },
   "dependencies": {
-    "@module-federation/bridge-shared": "0.6.14",
-    "@module-federation/sdk": "0.6.14"
+    "@module-federation/bridge-shared": "0.6.15",
+    "@module-federation/sdk": "0.6.15"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",