@module-federation/runtime 1.0.1-canary.1 → 1.1.0-canary.1

package/index.cjs.js

@@ -583,7 +583,7 @@ function assignRemoteInfo(remoteInfo, remoteSnapshot) {
 function snapshotPlugin() {
     return {
         name: 'snapshot-plugin',
-        async loadRemoteMatch (args) {
+        async afterResolve (args) {
             const { remote, pkgNameOrAlias, expose, origin, remoteInfo } = args;
             if (!share.isRemoteInfoWithEntry(remote) || !share.isPureRemoteEntry(remote)) {
                 const { remoteSnapshot, globalSnapshot } = await origin.snapshotHandler.loadRemoteSnapshotInfo(remote);
@@ -1033,7 +1033,10 @@ class SnapshotHandler {
                 return manifestJson;
             }
             try {
-                const res = await fetch(manifestUrl);
+                let res = await this.loaderHook.lifecycle.fetch.emit(manifestUrl, {});
+                if (!res || !(res instanceof Response)) {
+                    res = await fetch(manifestUrl, {});
+                }
                 manifestJson = await res.json();
                 share.assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, `${manifestUrl} is not a federation manifest`);
                 this.manifestCache.set(manifestUrl, manifestJson);
@@ -1074,6 +1077,7 @@ class SnapshotHandler {
         });
         this.manifestLoading = share.Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
+        this.loaderHook = HostInstance.loaderHook;
     }
 }
 
@@ -1235,7 +1239,7 @@ class FederationHost {
       `);
     }
     async _getRemoteModuleAndOptions(id) {
-        const loadRemoteArgs = await this.hooks.lifecycle.beforeLoadRemote.emit({
+        const loadRemoteArgs = await this.hooks.lifecycle.beforeRequest.emit({
             id,
             options: this.options,
             origin: this
@@ -1248,11 +1252,11 @@ class FederationHost {
         2. ${idRes} could not be found in the 'remotes' of ${this.options.name} with either 'name' or 'alias' attributes.
         3. ${idRes} is not online, injected, or loaded.
         4. ${idRes}  cannot be accessed on the expected.
-        5. The 'beforeLoadRemote' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
+        5. The 'beforeRequest' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
       `);
         const { remote: rawRemote } = remoteSplitInfo;
         const remoteInfo = getRemoteInfo(rawRemote);
-        const matchInfo = await this.hooks.lifecycle.loadRemoteMatch.emit(_extends({
+        const matchInfo = await this.hooks.lifecycle.afterResolve.emit(_extends({
             id: idRes
         }, remoteSplitInfo, {
             options: this.options,
@@ -1260,7 +1264,7 @@ class FederationHost {
             remoteInfo
         }));
         const { remote, expose } = matchInfo;
-        share.assert(remote && expose, `The 'beforeLoadRemote' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
+        share.assert(remote && expose, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
         let module = this.moduleCache.get(remote.name);
         const moduleOptions = {
             hostInfo: {
@@ -1299,7 +1303,7 @@ class FederationHost {
             const { module, moduleOptions, remoteMatchInfo } = await this._getRemoteModuleAndOptions(id);
             const { pkgNameOrAlias, remote, expose, id: idRes } = remoteMatchInfo;
             const moduleOrFactory = await module.get(expose, options);
-            await this.hooks.lifecycle.loadRemote.emit({
+            await this.hooks.lifecycle.onLoad.emit({
                 id: idRes,
                 pkgNameOrAlias,
                 expose,
@@ -1523,9 +1527,9 @@ class FederationHost {
         this.hooks = new PluginSystem({
             beforeInit: new SyncWaterfallHook('beforeInit'),
             init: new SyncHook(),
-            beforeLoadRemote: new AsyncWaterfallHook('beforeLoadRemote'),
-            loadRemoteMatch: new AsyncWaterfallHook('loadRemoteMatch'),
-            loadRemote: new AsyncHook('loadRemote'),
+            beforeRequest: new AsyncWaterfallHook('beforeRequest'),
+            afterResolve: new AsyncWaterfallHook('afterResolve'),
+            onLoad: new AsyncHook('onLoad'),
             handlePreloadModule: new SyncHook('handlePreloadModule'),
             errorLoadRemote: new AsyncHook('errorLoadRemote'),
             beforeLoadShare: new AsyncWaterfallHook('beforeLoadShare'),
@@ -1534,12 +1538,13 @@ class FederationHost {
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = '1.0.0-canary.1';
+        this.version = '1.0.1-canary.1';
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable
             getModuleInfo: new SyncHook(),
-            createScript: new SyncHook()
+            createScript: new SyncHook(),
+            fetch: new AsyncHook('fetch')
         });
         this.loadingShare = {};
         // TODO: Validate the details of the options

package/index.esm.js

@@ -580,7 +580,7 @@ function assignRemoteInfo(remoteInfo, remoteSnapshot) {
 function snapshotPlugin() {
     return {
         name: 'snapshot-plugin',
-        async loadRemoteMatch (args) {
+        async afterResolve (args) {
             const { remote, pkgNameOrAlias, expose, origin, remoteInfo } = args;
             if (!isRemoteInfoWithEntry(remote) || !isPureRemoteEntry(remote)) {
                 const { remoteSnapshot, globalSnapshot } = await origin.snapshotHandler.loadRemoteSnapshotInfo(remote);
@@ -1030,7 +1030,10 @@ class SnapshotHandler {
                 return manifestJson;
             }
             try {
-                const res = await fetch(manifestUrl);
+                let res = await this.loaderHook.lifecycle.fetch.emit(manifestUrl, {});
+                if (!res || !(res instanceof Response)) {
+                    res = await fetch(manifestUrl, {});
+                }
                 manifestJson = await res.json();
                 assert(manifestJson.metaData && manifestJson.exposes && manifestJson.shared, `${manifestUrl} is not a federation manifest`);
                 this.manifestCache.set(manifestUrl, manifestJson);
@@ -1071,6 +1074,7 @@ class SnapshotHandler {
         });
         this.manifestLoading = Global.__FEDERATION__.__MANIFEST_LOADING__;
         this.HostInstance = HostInstance;
+        this.loaderHook = HostInstance.loaderHook;
     }
 }
 
@@ -1232,7 +1236,7 @@ class FederationHost {
       `);
     }
     async _getRemoteModuleAndOptions(id) {
-        const loadRemoteArgs = await this.hooks.lifecycle.beforeLoadRemote.emit({
+        const loadRemoteArgs = await this.hooks.lifecycle.beforeRequest.emit({
             id,
             options: this.options,
             origin: this
@@ -1245,11 +1249,11 @@ class FederationHost {
         2. ${idRes} could not be found in the 'remotes' of ${this.options.name} with either 'name' or 'alias' attributes.
         3. ${idRes} is not online, injected, or loaded.
         4. ${idRes}  cannot be accessed on the expected.
-        5. The 'beforeLoadRemote' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
+        5. The 'beforeRequest' hook was provided but did not return the correct 'remoteInfo' when attempting to load ${idRes}.
       `);
         const { remote: rawRemote } = remoteSplitInfo;
         const remoteInfo = getRemoteInfo(rawRemote);
-        const matchInfo = await this.hooks.lifecycle.loadRemoteMatch.emit(_extends({
+        const matchInfo = await this.hooks.lifecycle.afterResolve.emit(_extends({
             id: idRes
         }, remoteSplitInfo, {
             options: this.options,
@@ -1257,7 +1261,7 @@ class FederationHost {
             remoteInfo
         }));
         const { remote, expose } = matchInfo;
-        assert(remote && expose, `The 'beforeLoadRemote' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
+        assert(remote && expose, `The 'beforeRequest' hook was executed, but it failed to return the correct 'remote' and 'expose' values while loading ${idRes}.`);
         let module = this.moduleCache.get(remote.name);
         const moduleOptions = {
             hostInfo: {
@@ -1296,7 +1300,7 @@ class FederationHost {
             const { module, moduleOptions, remoteMatchInfo } = await this._getRemoteModuleAndOptions(id);
             const { pkgNameOrAlias, remote, expose, id: idRes } = remoteMatchInfo;
             const moduleOrFactory = await module.get(expose, options);
-            await this.hooks.lifecycle.loadRemote.emit({
+            await this.hooks.lifecycle.onLoad.emit({
                 id: idRes,
                 pkgNameOrAlias,
                 expose,
@@ -1520,9 +1524,9 @@ class FederationHost {
         this.hooks = new PluginSystem({
             beforeInit: new SyncWaterfallHook('beforeInit'),
             init: new SyncHook(),
-            beforeLoadRemote: new AsyncWaterfallHook('beforeLoadRemote'),
-            loadRemoteMatch: new AsyncWaterfallHook('loadRemoteMatch'),
-            loadRemote: new AsyncHook('loadRemote'),
+            beforeRequest: new AsyncWaterfallHook('beforeRequest'),
+            afterResolve: new AsyncWaterfallHook('afterResolve'),
+            onLoad: new AsyncHook('onLoad'),
             handlePreloadModule: new SyncHook('handlePreloadModule'),
             errorLoadRemote: new AsyncHook('errorLoadRemote'),
             beforeLoadShare: new AsyncWaterfallHook('beforeLoadShare'),
@@ -1531,12 +1535,13 @@ class FederationHost {
             generatePreloadAssets: new AsyncHook('generatePreloadAssets'),
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = '1.0.0-canary.1';
+        this.version = '1.0.1-canary.1';
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable
             getModuleInfo: new SyncHook(),
-            createScript: new SyncHook()
+            createScript: new SyncHook(),
+            fetch: new AsyncHook('fetch')
         });
         this.loadingShare = {};
         // TODO: Validate the details of the options

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "1.0.1-canary.1",
+  "version": "1.1.0-canary.1",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./index.cjs.js",
   "module": "./index.esm.js",

package/share.cjs.js

@@ -168,7 +168,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor) {
     if (isDebugMode()) {
         Global.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = '1.0.0-canary.1';
+        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = '1.0.1-canary.1';
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/share.esm.js

@@ -166,7 +166,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor) {
     if (isDebugMode()) {
         Global.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = '1.0.0-canary.1';
+        Global.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = '1.0.1-canary.1';
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/src/core.d.ts

@@ -26,13 +26,13 @@ export declare class FederationHost {
             options: Options;
             origin: FederationHost;
         }], void>;
-        beforeLoadRemote: AsyncWaterfallHook<{
+        beforeRequest: AsyncWaterfallHook<{
             id: string;
             options: Options;
             origin: FederationHost;
         }>;
-        loadRemoteMatch: AsyncWaterfallHook<LoadRemoteMatch>;
-        loadRemote: AsyncHook<[{
+        afterResolve: AsyncWaterfallHook<LoadRemoteMatch>;
+        onLoad: AsyncHook<[{
             id: string;
             expose: string;
             pkgNameOrAlias: string;
@@ -94,6 +94,7 @@ export declare class FederationHost {
         createScript: SyncHook<[{
             url: string;
         }], void | HTMLScriptElement>;
+        fetch: AsyncHook<[string, RequestInit], false | void | Promise<Response>>;
     }>;
     loadingShare: {
         [key: string]: Promise<any>;

package/src/plugins/snapshot/SnapshotHandler.d.ts

@@ -28,6 +28,7 @@ export declare class SnapshotHandler {
             from: 'global' | 'manifest';
         }>;
     }>;
+    loaderHook: FederationHost['loaderHook'];
     manifestLoading: Record<string, Promise<ModuleInfo>>;
     constructor(HostInstance: FederationHost);
     loadSnapshot(moduleInfo: Remote): Promise<{