@module-federation/bridge-vue3 0.0.0-next-20240830100524 → 0.0.0-next-20240902075042

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@module-federation/bridge-vue3",
   "author": "zhouxiao <codingzx@gmail.com>",
-  "version": "0.0.0-next-20240830100524",
+  "version": "0.0.0-next-20240902075042",
   "publishConfig": {
     "access": "public"
   },
@@ -23,11 +23,10 @@
   ],
   "peerDependencies": {
     "vue": "=3",
-    "vue-router": "=3",
-    "@module-federation/runtime": "0.0.0-next-20240830100524"
+    "vue-router": "=3"
   },
   "dependencies": {
-    "@module-federation/bridge-shared": "0.0.0-next-20240830100524"
+    "@module-federation/bridge-shared": "0.0.0-next-20240902075042"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",

package/src/create.ts

@@ -1,9 +1,7 @@
 import { defineAsyncComponent, h } from 'vue';
-import { useRoute } from 'vue-router';
-
 import RemoteApp from './remoteApp.jsx';
 import { LoggerInstance } from './utils.js';
-import hook from './lifecycle';
+import { useRoute } from 'vue-router';
 
 declare const __APP_VERSION__: string;
 
@@ -34,7 +32,6 @@ export function createRemoteComponent(info: {
       });
 
       const module: any = await info.loader();
-      await hook.lifecycle.beforeBridgeRender.emit({});
       const moduleName = module && module[Symbol.for('mf_module_id')];
       const exportFn = module[exportName];
 

package/src/provider.ts

@@ -11,7 +11,6 @@ export function createBridgeComponent(bridgeInfo: any) {
     return {
       __APP_VERSION__,
       render(info: RenderFnParams) {
-        bridgeInfo?.beforeRender?.(info);
         LoggerInstance.log(`createBridgeComponent render Info`, info);
         const app = Vue.createApp(bridgeInfo.rootComponent);
         rootMap.set(info.dom, app);
@@ -43,14 +42,11 @@ export function createBridgeComponent(bridgeInfo: any) {
           app.use(router);
           app.mount(info.dom);
         }
-        bridgeInfo?.afterRender?.(info);
       },
       destroy(info: { dom: HTMLElement }) {
-        bridgeInfo?.beforeDestroy?.(info);
         LoggerInstance.log(`createBridgeComponent destroy Info`, info);
         const root = rootMap.get(info?.dom);
         root?.unmount();
-        bridgeInfo?.afterDestroy?.(info);
       },
     };
   };

package/src/remoteApp.tsx

@@ -1,9 +1,7 @@
 import { ref, onMounted, onBeforeUnmount, watch, defineComponent } from 'vue';
-import { dispatchPopstateEnv } from '@module-federation/bridge-shared';
 import { useRoute } from 'vue-router';
-
 import { LoggerInstance } from './utils';
-import hook from './lifecycle';
+import { dispatchPopstateEnv } from '@module-federation/bridge-shared';
 
 export default defineComponent({
   name: 'RemoteApp',
@@ -54,19 +52,16 @@ export default defineComponent({
       },
     );
 
-    onMounted(async () => {
+    onMounted(() => {
       renderComponent();
-      await hook.lifecycle.afterBridgeRender.emit({});
     });
 
-    onBeforeUnmount(async () => {
-      await hook.lifecycle.beforeBridgeDestroy.emit({});
+    onBeforeUnmount(() => {
       LoggerInstance.log(`createRemoteComponent LazyComponent destroy >>>`, {
         ...props,
       });
       watchStopHandle();
       (providerInfoRef.value as any)?.destroy({ dom: rootRef.value });
-      await hook.lifecycle.afterBridgeDestroy.emit({});
     });
 
     return () => <div ref={rootRef}></div>;

package/src/lifecycle.ts

@@ -1,21 +0,0 @@
-import { getInstance } from '@module-federation/runtime';
-import helper from '@module-federation/runtime/helpers';
-
-const registerPlugin = helper.global.registerPlugins;
-const pluginHelper = helper.global.pluginHelper;
-const host = getInstance()!;
-const pluginSystem = new pluginHelper.PluginSystem({
-  beforeBridgeRender: new pluginHelper.AsyncWaterfallHook('beforeBridgeRender'),
-  afterBridgeRender: new pluginHelper.AsyncWaterfallHook('afterBridgeRender'),
-  beforeBridgeDestroy: new pluginHelper.AsyncWaterfallHook(
-    'beforeBridgeDestroy',
-  ),
-  afterBridgeDestroy: new pluginHelper.AsyncWaterfallHook('afterBridgeDestroy'),
-});
-
-registerPlugin<typeof pluginSystem.lifecycle, typeof pluginSystem>(
-  host.options.plugins,
-  [pluginSystem],
-);
-
-export default pluginSystem;