@module-federation/bridge-vue3 0.0.0-next-20250708134245 → 0.0.0-next-20250709032753
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 +6 -8
- package/dist/index.cjs +4 -4
- package/dist/index.d.ts +0 -10
- package/dist/index.js +882 -883
- package/package.json +4 -4
- package/src/create.ts +6 -24
- package/src/index.ts +1 -1
- package/src/remoteApp.tsx +5 -8
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "https://github.com/module-federation/core",
|
|
8
8
|
"directory": "packages/vue3-bridge"
|
|
9
9
|
},
|
|
10
|
-
"version": "0.0.0-next-
|
|
10
|
+
"version": "0.0.0-next-20250709032753",
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
|
13
13
|
},
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
"vue-router": "=4"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@module-federation/bridge-shared": "0.0.0-next-
|
|
36
|
-
"@module-federation/sdk": "0.0.0-next-
|
|
37
|
-
"@module-federation/runtime": "0.0.0-next-
|
|
35
|
+
"@module-federation/bridge-shared": "0.0.0-next-20250709032753",
|
|
36
|
+
"@module-federation/sdk": "0.0.0-next-20250709032753",
|
|
37
|
+
"@module-federation/runtime": "0.0.0-next-20250709032753"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@vitejs/plugin-vue": "^5.0.4",
|
package/src/create.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { LoggerInstance } from './utils.js';
|
|
|
5
5
|
|
|
6
6
|
declare const __APP_VERSION__: string;
|
|
7
7
|
|
|
8
|
-
export function
|
|
8
|
+
export function createRemoteComponent(info: {
|
|
9
9
|
loader: () => Promise<any>;
|
|
10
10
|
export?: string;
|
|
11
11
|
asyncComponentOptions?: Omit<AsyncComponentOptions, 'loader'>;
|
|
@@ -29,20 +29,17 @@ export function createRemoteAppComponent(info: {
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
const exportName = info?.export || 'default';
|
|
32
|
-
LoggerInstance.debug(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
info,
|
|
37
|
-
},
|
|
38
|
-
);
|
|
32
|
+
LoggerInstance.debug(`createRemoteComponent LazyComponent create >>>`, {
|
|
33
|
+
basename,
|
|
34
|
+
info,
|
|
35
|
+
});
|
|
39
36
|
|
|
40
37
|
const module: any = await info.loader();
|
|
41
38
|
const moduleName = module && module[Symbol.for('mf_module_id')];
|
|
42
39
|
const exportFn = module[exportName];
|
|
43
40
|
|
|
44
41
|
LoggerInstance.debug(
|
|
45
|
-
`
|
|
42
|
+
`createRemoteComponent LazyComponent loadRemote info >>>`,
|
|
46
43
|
{ moduleName, module, exportName, basename, route },
|
|
47
44
|
);
|
|
48
45
|
|
|
@@ -62,18 +59,3 @@ export function createRemoteAppComponent(info: {
|
|
|
62
59
|
},
|
|
63
60
|
});
|
|
64
61
|
}
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* @deprecated createRemoteAppComponent is deprecated, please use createRemoteAppComponent instead!
|
|
68
|
-
*/
|
|
69
|
-
export function createRemoteComponent(info: {
|
|
70
|
-
loader: () => Promise<any>;
|
|
71
|
-
export?: string;
|
|
72
|
-
asyncComponentOptions?: Omit<AsyncComponentOptions, 'loader'>;
|
|
73
|
-
rootAttrs?: Record<string, unknown>;
|
|
74
|
-
}) {
|
|
75
|
-
LoggerInstance.warn(
|
|
76
|
-
'createRemoteAppComponent is deprecated, please use createRemoteAppComponent instead!',
|
|
77
|
-
);
|
|
78
|
-
return createRemoteAppComponent(info);
|
|
79
|
-
}
|
package/src/index.ts
CHANGED
package/src/remoteApp.tsx
CHANGED
|
@@ -43,7 +43,7 @@ export default defineComponent({
|
|
|
43
43
|
hashRoute: props.hashRoute,
|
|
44
44
|
};
|
|
45
45
|
LoggerInstance.debug(
|
|
46
|
-
`
|
|
46
|
+
`createRemoteComponent LazyComponent render >>>`,
|
|
47
47
|
renderProps,
|
|
48
48
|
);
|
|
49
49
|
|
|
@@ -67,7 +67,7 @@ export default defineComponent({
|
|
|
67
67
|
// dispatchPopstateEnv
|
|
68
68
|
if (pathname.value !== '' && pathname.value !== newPath) {
|
|
69
69
|
LoggerInstance.debug(
|
|
70
|
-
`
|
|
70
|
+
`createRemoteComponent dispatchPopstateEnv >>>`,
|
|
71
71
|
{
|
|
72
72
|
...props,
|
|
73
73
|
pathname: route.path,
|
|
@@ -84,12 +84,9 @@ export default defineComponent({
|
|
|
84
84
|
});
|
|
85
85
|
|
|
86
86
|
onBeforeUnmount(() => {
|
|
87
|
-
LoggerInstance.debug(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
...props,
|
|
91
|
-
},
|
|
92
|
-
);
|
|
87
|
+
LoggerInstance.debug(`createRemoteComponent LazyComponent destroy >>>`, {
|
|
88
|
+
...props,
|
|
89
|
+
});
|
|
93
90
|
watchStopHandle();
|
|
94
91
|
|
|
95
92
|
hostInstance?.bridgeHook?.lifecycle?.beforeBridgeDestroy?.emit({
|