@module-federation/bridge-vue3 0.7.1 → 0.7.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @module-federation/bridge-vue3
 
+## 0.7.2
+
+### Patch Changes
+
+- @module-federation/sdk@0.7.2
+- @module-federation/bridge-shared@0.7.2
+
 ## 0.7.1
 
 ### 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)},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;
+`):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.2",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.2",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

@@ -217,7 +217,7 @@ const g = M("[ Module Federation Bridge Vue3 ]");
 function _e(e) {
   const o = /* @__PURE__ */ new Map();
   return () => ({
-    __APP_VERSION__: "0.7.1",
+    __APP_VERSION__: "0.7.2",
     render(r) {
       g.log("createBridgeComponent render Info", r);
       const t = G.createApp(e.rootComponent);
@@ -290,7 +290,7 @@ const Ee = /* @__PURE__ */ V({
 });
 function we(e) {
   return z({
-    __APP_VERSION__: "0.7.1",
+    __APP_VERSION__: "0.7.2",
     //@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.1",
+  "version": "0.7.2",
   "publishConfig": {
     "access": "public"
   },
@@ -32,8 +32,8 @@
     "vue-router": "=3"
   },
   "dependencies": {
-    "@module-federation/bridge-shared": "0.7.1",
-    "@module-federation/sdk": "0.7.1"
+    "@module-federation/bridge-shared": "0.7.2",
+    "@module-federation/sdk": "0.7.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",