@module-federation/bridge-vue3 0.6.14 → 0.6.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.es.js +29 -29
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @module-federation/bridge-vue3
|
|
2
2
|
|
|
3
|
+
## 0.6.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [f779188]
|
|
8
|
+
- Updated dependencies [024df60]
|
|
9
|
+
- @module-federation/sdk@0.6.16
|
|
10
|
+
- @module-federation/bridge-shared@0.6.16
|
|
11
|
+
|
|
12
|
+
## 0.6.15
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- @module-federation/sdk@0.6.15
|
|
17
|
+
- @module-federation/bridge-shared@0.6.15
|
|
18
|
+
|
|
3
19
|
## 0.6.14
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"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(`
|
|
2
2
|
`);y.startsWith("Error: ")&&(y=y.slice(7)),b=`${y}
|
|
3
3
|
${r(_.join(`
|
|
4
4
|
`))}`}else b=u.message;else C.level==="error"&&typeof u=="string"?b=u.split(`
|
|
5
5
|
`).map(_=>oe(_)?r(_):_).join(`
|
|
6
|
-
`):b=`${u}`;t(V,b,F,u)},
|
|
6
|
+
`):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.6.16",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.6.16",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
CHANGED
|
@@ -28,9 +28,9 @@ var Q = q(I), E = void 0, D = () => {
|
|
|
28
28
|
bold: "font-weight: bold;",
|
|
29
29
|
red: "color: red;",
|
|
30
30
|
green: "color: green;",
|
|
31
|
-
|
|
31
|
+
orange: "color: orange;",
|
|
32
|
+
dodgerblue: "color: dodgerblue;",
|
|
32
33
|
magenta: "color: magenta;",
|
|
33
|
-
cyan: "color: cyan;",
|
|
34
34
|
gray: "color: gray;"
|
|
35
35
|
}, f = (e) => D() ? (o) => {
|
|
36
36
|
if (Array.isArray(o)) {
|
|
@@ -38,7 +38,7 @@ var Q = q(I), E = void 0, D = () => {
|
|
|
38
38
|
return [`%c${r.replace("%c", "")}`, t ? `${_[e]}${t}` : `${_[e] || ""}`];
|
|
39
39
|
}
|
|
40
40
|
return [`%c${String(o).replace("%c", "")}`, _[e] || ""];
|
|
41
|
-
} : (o) => [String(o)], Z = f("bold"), ee = f("red"), C = f("green"), oe = f("
|
|
41
|
+
} : (o) => [String(o)], Z = f("bold"), ee = f("red"), C = f("green"), oe = f("orange"), L = f("dodgerblue"), re = f("magenta");
|
|
42
42
|
f("gray");
|
|
43
43
|
function te(e, o, r) {
|
|
44
44
|
let t = [""];
|
|
@@ -63,16 +63,16 @@ var P = {
|
|
|
63
63
|
const F = o(s, $, a);
|
|
64
64
|
if (u instanceof Error)
|
|
65
65
|
if (u.stack) {
|
|
66
|
-
let [
|
|
66
|
+
let [b, ...y] = u.stack.split(`
|
|
67
67
|
`);
|
|
68
|
-
|
|
69
|
-
${r(
|
|
68
|
+
b.startsWith("Error: ") && (b = b.slice(7)), v = `${b}
|
|
69
|
+
${r(y.join(`
|
|
70
70
|
`))}`;
|
|
71
71
|
} else
|
|
72
72
|
v = u.message;
|
|
73
73
|
else
|
|
74
74
|
$.level === "error" && typeof u == "string" ? v = u.split(`
|
|
75
|
-
`).map((
|
|
75
|
+
`).map((y) => ce(y) ? r(y) : y).join(`
|
|
76
76
|
`) : v = `${u}`;
|
|
77
77
|
t(F, v, j, u);
|
|
78
78
|
}, d = {
|
|
@@ -94,17 +94,17 @@ ${r(b.join(`
|
|
|
94
94
|
}), d.override = (s) => {
|
|
95
95
|
Object.assign(d, s);
|
|
96
96
|
}, d;
|
|
97
|
-
},
|
|
97
|
+
}, m = [189, 255, 243], w = [74, 194, 154], S = (e) => !/[\s\n]/.test(e);
|
|
98
98
|
function A(e) {
|
|
99
99
|
if (!D())
|
|
100
100
|
return [e];
|
|
101
101
|
const o = [...e], r = o.filter(S), t = r.length - 1;
|
|
102
102
|
if (t === 0)
|
|
103
|
-
return console.log(`%c${e}`, `color: rgb(${
|
|
103
|
+
return console.log(`%c${e}`, `color: rgb(${m.join(",")}); font-weight: bold;`), [e];
|
|
104
104
|
let n = "", c = [];
|
|
105
105
|
return o.forEach((l) => {
|
|
106
106
|
if (S(l)) {
|
|
107
|
-
const a = r.indexOf(l) / t, i = Math.round(
|
|
107
|
+
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);
|
|
108
108
|
n += `%c${l}`, c.push(`color: rgb(${i},${d},${s}); font-weight: bold;`);
|
|
109
109
|
} else
|
|
110
110
|
n += l;
|
|
@@ -166,14 +166,14 @@ function N(e = {}) {
|
|
|
166
166
|
});
|
|
167
167
|
}
|
|
168
168
|
var de = N();
|
|
169
|
-
const ie = "FEDERATION_DEBUG",
|
|
170
|
-
function
|
|
169
|
+
const ie = "FEDERATION_DEBUG", ge = "1";
|
|
170
|
+
function me() {
|
|
171
171
|
return typeof window < "u";
|
|
172
172
|
}
|
|
173
173
|
function pe() {
|
|
174
174
|
try {
|
|
175
|
-
if (
|
|
176
|
-
return localStorage.getItem(ie) ===
|
|
175
|
+
if (me() && window.localStorage)
|
|
176
|
+
return localStorage.getItem(ie) === ge;
|
|
177
177
|
} catch {
|
|
178
178
|
return !1;
|
|
179
179
|
}
|
|
@@ -186,7 +186,7 @@ const p = "[ Module Federation ]";
|
|
|
186
186
|
function ve(e) {
|
|
187
187
|
fe() && (e.level = "verbose");
|
|
188
188
|
}
|
|
189
|
-
function
|
|
189
|
+
function be(e, o) {
|
|
190
190
|
e.labels = {
|
|
191
191
|
warn: `${o} Warn`,
|
|
192
192
|
error: `${o} Error`,
|
|
@@ -207,16 +207,16 @@ function M(e) {
|
|
|
207
207
|
debug: `${p} Debug`
|
|
208
208
|
}
|
|
209
209
|
});
|
|
210
|
-
return ve(o),
|
|
210
|
+
return ve(o), be(o, e), o;
|
|
211
211
|
}
|
|
212
212
|
M(p);
|
|
213
|
-
const
|
|
213
|
+
const g = M("[ Module Federation Bridge Vue3 ]");
|
|
214
214
|
function _e(e) {
|
|
215
215
|
const o = /* @__PURE__ */ new Map();
|
|
216
216
|
return () => ({
|
|
217
|
-
__APP_VERSION__: "0.6.
|
|
217
|
+
__APP_VERSION__: "0.6.16",
|
|
218
218
|
render(r) {
|
|
219
|
-
|
|
219
|
+
g.log("createBridgeComponent render Info", r);
|
|
220
220
|
const t = G.createApp(e.rootComponent);
|
|
221
221
|
o.set(r.dom, t);
|
|
222
222
|
const n = e.appOptions({
|
|
@@ -227,7 +227,7 @@ function _e(e) {
|
|
|
227
227
|
history: c,
|
|
228
228
|
routes: n.router.getRoutes()
|
|
229
229
|
});
|
|
230
|
-
|
|
230
|
+
g.log("createBridgeComponent render router info>>>", {
|
|
231
231
|
name: r.moduleName,
|
|
232
232
|
router: l
|
|
233
233
|
}), r.memoryRoute ? l.push(r.memoryRoute.entryPath).then(() => {
|
|
@@ -235,13 +235,13 @@ function _e(e) {
|
|
|
235
235
|
}) : (t.use(l), t.mount(r.dom));
|
|
236
236
|
},
|
|
237
237
|
destroy(r) {
|
|
238
|
-
|
|
238
|
+
g.log("createBridgeComponent destroy Info", r);
|
|
239
239
|
const t = o.get(r == null ? void 0 : r.dom);
|
|
240
240
|
t == null || t.unmount();
|
|
241
241
|
}
|
|
242
242
|
});
|
|
243
243
|
}
|
|
244
|
-
function
|
|
244
|
+
function ye() {
|
|
245
245
|
const e = new PopStateEvent("popstate", { state: window.history.state });
|
|
246
246
|
window.dispatchEvent(e);
|
|
247
247
|
}
|
|
@@ -264,18 +264,18 @@ const Ee = /* @__PURE__ */ V({
|
|
|
264
264
|
basename: e.basename,
|
|
265
265
|
memoryRoute: e.memoryRoute
|
|
266
266
|
};
|
|
267
|
-
|
|
267
|
+
g.log("createRemoteComponent LazyComponent render >>>", i), a.render(i);
|
|
268
268
|
}, l = W(() => n.path, (a) => {
|
|
269
|
-
a !== n.path && c(), t.value !== "" && t.value !== a && (
|
|
269
|
+
a !== n.path && c(), t.value !== "" && t.value !== a && (g.log("createRemoteComponent dispatchPopstateEnv >>>", {
|
|
270
270
|
...e,
|
|
271
271
|
pathname: n.path
|
|
272
|
-
}),
|
|
272
|
+
}), ye()), t.value = a;
|
|
273
273
|
});
|
|
274
274
|
return U(() => {
|
|
275
275
|
c();
|
|
276
276
|
}), x(() => {
|
|
277
277
|
var a;
|
|
278
|
-
|
|
278
|
+
g.log("createRemoteComponent LazyComponent destroy >>>", {
|
|
279
279
|
...e
|
|
280
280
|
}), l(), (a = r.value) == null || a.destroy({
|
|
281
281
|
dom: o.value
|
|
@@ -287,7 +287,7 @@ const Ee = /* @__PURE__ */ V({
|
|
|
287
287
|
});
|
|
288
288
|
function we(e) {
|
|
289
289
|
return z({
|
|
290
|
-
__APP_VERSION__: "0.6.
|
|
290
|
+
__APP_VERSION__: "0.6.16",
|
|
291
291
|
//@ts-ignore
|
|
292
292
|
loader: async () => {
|
|
293
293
|
var i;
|
|
@@ -296,12 +296,12 @@ function we(e) {
|
|
|
296
296
|
const t = (i = o.matched[0]) == null ? void 0 : i.path;
|
|
297
297
|
t && (t.endsWith("/:pathMatch(.*)*") ? r = t.replace("/:pathMatch(.*)*", "") : r = o.matched[0].path);
|
|
298
298
|
const n = (e == null ? void 0 : e.export) || "default";
|
|
299
|
-
|
|
299
|
+
g.log("createRemoteComponent LazyComponent create >>>", {
|
|
300
300
|
basename: r,
|
|
301
301
|
info: e
|
|
302
302
|
});
|
|
303
303
|
const c = await e.loader(), l = c && c[Symbol.for("mf_module_id")], a = c[n];
|
|
304
|
-
if (
|
|
304
|
+
if (g.log(
|
|
305
305
|
"createRemoteComponent LazyComponent loadRemote info >>>",
|
|
306
306
|
{ name: l, module: c, exportName: n, basename: r, route: o }
|
|
307
307
|
), n in c && typeof a == "function")
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@module-federation/bridge-vue3",
|
|
3
3
|
"author": "zhouxiao <codingzx@gmail.com>",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.16",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"vue-router": "=3"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@module-federation/bridge-shared": "0.6.
|
|
30
|
-
"@module-federation/sdk": "0.6.
|
|
29
|
+
"@module-federation/bridge-shared": "0.6.16",
|
|
30
|
+
"@module-federation/sdk": "0.6.16"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@vitejs/plugin-vue": "^5.0.4",
|