@module-federation/runtime 0.1.18 → 0.1.20

package/dist/index.cjs.js

@@ -264,14 +264,14 @@ let Module = class Module {
                 version: this.remoteInfo.version || ''
             };
             // Help to find host instance
-            Object.defineProperty(remoteEntryInitOptions, 'hostId', {
-                value: this.host.options.id || this.host.name,
+            Object.defineProperty(remoteEntryInitOptions, 'shareScopeMap', {
+                value: localShareScopeMap,
                 // remoteEntryInitOptions will be traversed and assigned during container init, ,so this attribute is not allowed to be traversed
                 enumerable: false
             });
             const initContainerOptions = await this.host.hooks.lifecycle.beforeInitContainer.emit({
                 shareScope,
-                // @ts-ignore hostId will be set by Object.defineProperty
+                // @ts-ignore shareScopeMap will be set by Object.defineProperty
                 remoteEntryInitOptions,
                 initScope,
                 remoteInfo: this.remoteInfo,
@@ -296,7 +296,7 @@ let Module = class Module {
     }
     wraperFactory(moduleFactory, id) {
         function defineModuleId(res, id) {
-            if (res && typeof res === 'object' && !Object.getOwnPropertyDescriptor(res, Symbol.for('mf_module_id'))) {
+            if (res && typeof res === 'object' && Object.isExtensible(res) && !Object.getOwnPropertyDescriptor(res, Symbol.for('mf_module_id'))) {
                 Object.defineProperty(res, Symbol.for('mf_module_id'), {
                     value: id,
                     enumerable: false
@@ -563,7 +563,8 @@ function normalizePreloadExposes(exposes) {
         return expose;
     });
 }
-function preloadAssets(remoteInfo, host, assets) {
+function preloadAssets(remoteInfo, host, assets, // It is used to distinguish preload from load remote parallel loading
+useLinkPreload = true) {
     const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
     if (host.options.inBrowser) {
         entryAssets.forEach((asset)=>{
@@ -615,40 +616,96 @@ function preloadAssets(remoteInfo, host, assets) {
                 });
             }
         });
-        const fragment = document.createDocumentFragment();
-        cssAssets.forEach((cssUrl)=>{
-            const { link: cssEl, needAttach } = sdk.createLink(cssUrl, ()=>{}, {
-                rel: 'preload',
-                as: 'style'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
-                    url
+        if (useLinkPreload) {
+            cssAssets.forEach((cssUrl)=>{
+                const { link: cssEl, needAttach } = sdk.createLink({
+                    url: cssUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'preload',
+                        as: 'style',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
                 });
-                if (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
+                needAttach && document.head.appendChild(cssEl);
             });
-            needAttach && fragment.appendChild(cssEl);
-        });
-        jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { link: linkEl, needAttach } = sdk.createLink(jsUrl, ()=>{
-            // noop
-            }, {
-                rel: 'preload',
-                as: 'script'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
-                    url
+        } else {
+            cssAssets.forEach((cssUrl)=>{
+                const { link: cssEl, needAttach } = sdk.createLink({
+                    url: cssUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'stylesheet',
+                        type: 'text/css'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteLink: false
                 });
-                if (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
+                needAttach && document.head.appendChild(cssEl);
             });
-            needAttach && document.head.appendChild(linkEl);
-        });
-        document.head.appendChild(fragment);
+        }
+        if (useLinkPreload) {
+            jsAssetsWithoutEntry.forEach((jsUrl)=>{
+                const { link: linkEl, needAttach } = sdk.createLink({
+                    url: jsUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'preload',
+                        as: 'script',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
+                });
+                needAttach && document.head.appendChild(linkEl);
+            });
+        } else {
+            jsAssetsWithoutEntry.forEach((jsUrl)=>{
+                const { script: scriptEl, needAttach } = sdk.createScript({
+                    url: jsUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        crossorigin: 'anonymous',
+                        fetchpriority: 'high'
+                    },
+                    createScriptHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createScript.emit({
+                            url
+                        });
+                        if (res instanceof HTMLScriptElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteScript: true
+                });
+                needAttach && document.head.appendChild(scriptEl);
+            });
+        }
     }
 }
 
@@ -711,7 +768,7 @@ function snapshotPlugin() {
                     globalSnapshot
                 });
                 if (assets) {
-                    preloadAssets(remoteInfo, origin, assets);
+                    preloadAssets(remoteInfo, origin, assets, false);
                 }
                 return _extends$4({}, args, {
                     remoteSnapshot
@@ -1424,13 +1481,15 @@ class SharedHandler {
         2. The ${pkgName} share was not registered with the 'lib' attribute.\n
       `);
     }
-    initShareScopeMap(scopeName, shareScope) {
+    initShareScopeMap(scopeName, shareScope, extraOptions = {}) {
         const { host } = this;
         this.shareScopeMap[scopeName] = shareScope;
         this.hooks.lifecycle.initContainerShareScopeMap.emit({
             shareScope,
             options: host.options,
-            origin: host
+            origin: host,
+            scopeName,
+            hostShareScopeMap: extraOptions.hostShareScopeMap
         });
     }
     setShared({ pkgName, shared, from, lib, loading, loaded, get }) {
@@ -1481,7 +1540,7 @@ class SharedHandler {
             loadShare: new AsyncHook(),
             resolveShare: new SyncWaterfallHook('resolveShare'),
             // maybe will change, temporarily for internal use only
-            initContainerShareScopeMap: new AsyncWaterfallHook('initContainer')
+            initContainerShareScopeMap: new SyncWaterfallHook('initContainerShareScopeMap')
         });
         this.host = host;
         this.shareScopeMap = {};
@@ -1660,6 +1719,7 @@ class RemoteHandler {
         };
     }
     registerRemote(remote, targetRemotes, options) {
+        const { host } = this;
         const normalizeRemote = ()=>{
             if (remote.alias) {
                 // Validate if alias equals the prefix of remote.name and remote.alias, if so, throw an error
@@ -1687,6 +1747,10 @@ class RemoteHandler {
         if (!registeredRemote) {
             normalizeRemote();
             targetRemotes.push(remote);
+            this.hooks.lifecycle.registerRemote.emit({
+                remote,
+                origin: host
+            });
         } else {
             const messages = [
                 `The remote "${remote.name}" is already registered.`,
@@ -1697,6 +1761,10 @@ class RemoteHandler {
                 this.removeRemote(registeredRemote);
                 normalizeRemote();
                 targetRemotes.push(remote);
+                this.hooks.lifecycle.registerRemote.emit({
+                    remote,
+                    origin: host
+                });
             }
             sdk.warn(messages.join(' '));
         }
@@ -1781,6 +1849,7 @@ class RemoteHandler {
     }
     constructor(host){
         this.hooks = new PluginSystem({
+            registerRemote: new SyncWaterfallHook('registerRemote'),
             beforeRequest: new AsyncWaterfallHook('beforeRequest'),
             onLoad: new AsyncHook('onLoad'),
             handlePreloadModule: new SyncHook('handlePreloadModule'),
@@ -1850,8 +1919,8 @@ class FederationHost {
     async preloadRemote(preloadOptions) {
         return this.remoteHandler.preloadRemote(preloadOptions);
     }
-    initShareScopeMap(scopeName, shareScope) {
-        this.sharedHandler.initShareScopeMap(scopeName, shareScope);
+    initShareScopeMap(scopeName, shareScope, extraOptions = {}) {
+        this.sharedHandler.initShareScopeMap(scopeName, shareScope, extraOptions);
     }
     formatOptions(globalOptions, userOptions) {
         const { shared } = share.formatShareConfigs(globalOptions, userOptions);
@@ -1913,7 +1982,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.1.18";
+        this.version = "0.1.20";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { g as getGlobalHostPlugins, a as globalLoading, D as DEFAULT_REMOTE_TYPE, b as DEFAULT_SCOPE, c as getRemoteEntryExports, d as assert, s as safeToString, e as getFMId, i as isObject, f as error, w as warn, h as isPlainObject, j as isRemoteInfoWithEntry, k as isPureRemoteEntry, l as isBrowserEnv, m as getInfoWithoutType, n as getPreloaded, o as setPreloaded, p as getRegisteredShare, q as arrayOptions, r as getGlobalSnapshotInfoByModuleInfo, t as addGlobalSnapshot, u as setGlobalSnapshotInfoByModuleInfo, v as getGlobalSnapshot, G as Global, x as formatShareConfigs, y as getTargetSharedOptions, z as getGlobalShareScope, A as addUniqueItem, B as getBuilderId, C as setGlobalFederationConstructor, E as getGlobalFederationInstance, F as getGlobalFederationConstructor, H as setGlobalFederationInstance } from './share.esm.js';
 export { I as registerGlobalPlugins } from './share.esm.js';
-import { loadScriptNode, loadScript, composeKeyWithSeparator, createLink, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1, isBrowserEnv as isBrowserEnv$1 } from '@module-federation/sdk';
+import { loadScriptNode, loadScript, composeKeyWithSeparator, createLink, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest, warn as warn$1, isBrowserEnv as isBrowserEnv$1 } from '@module-federation/sdk';
 export { loadScript, loadScriptNode } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
@@ -262,14 +262,14 @@ let Module = class Module {
                 version: this.remoteInfo.version || ''
             };
             // Help to find host instance
-            Object.defineProperty(remoteEntryInitOptions, 'hostId', {
-                value: this.host.options.id || this.host.name,
+            Object.defineProperty(remoteEntryInitOptions, 'shareScopeMap', {
+                value: localShareScopeMap,
                 // remoteEntryInitOptions will be traversed and assigned during container init, ,so this attribute is not allowed to be traversed
                 enumerable: false
             });
             const initContainerOptions = await this.host.hooks.lifecycle.beforeInitContainer.emit({
                 shareScope,
-                // @ts-ignore hostId will be set by Object.defineProperty
+                // @ts-ignore shareScopeMap will be set by Object.defineProperty
                 remoteEntryInitOptions,
                 initScope,
                 remoteInfo: this.remoteInfo,
@@ -294,7 +294,7 @@ let Module = class Module {
     }
     wraperFactory(moduleFactory, id) {
         function defineModuleId(res, id) {
-            if (res && typeof res === 'object' && !Object.getOwnPropertyDescriptor(res, Symbol.for('mf_module_id'))) {
+            if (res && typeof res === 'object' && Object.isExtensible(res) && !Object.getOwnPropertyDescriptor(res, Symbol.for('mf_module_id'))) {
                 Object.defineProperty(res, Symbol.for('mf_module_id'), {
                     value: id,
                     enumerable: false
@@ -561,7 +561,8 @@ function normalizePreloadExposes(exposes) {
         return expose;
     });
 }
-function preloadAssets(remoteInfo, host, assets) {
+function preloadAssets(remoteInfo, host, assets, // It is used to distinguish preload from load remote parallel loading
+useLinkPreload = true) {
     const { cssAssets, jsAssetsWithoutEntry, entryAssets } = assets;
     if (host.options.inBrowser) {
         entryAssets.forEach((asset)=>{
@@ -613,40 +614,96 @@ function preloadAssets(remoteInfo, host, assets) {
                 });
             }
         });
-        const fragment = document.createDocumentFragment();
-        cssAssets.forEach((cssUrl)=>{
-            const { link: cssEl, needAttach } = createLink(cssUrl, ()=>{}, {
-                rel: 'preload',
-                as: 'style'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
-                    url
+        if (useLinkPreload) {
+            cssAssets.forEach((cssUrl)=>{
+                const { link: cssEl, needAttach } = createLink({
+                    url: cssUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'preload',
+                        as: 'style',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
                 });
-                if (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
+                needAttach && document.head.appendChild(cssEl);
             });
-            needAttach && fragment.appendChild(cssEl);
-        });
-        jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { link: linkEl, needAttach } = createLink(jsUrl, ()=>{
-            // noop
-            }, {
-                rel: 'preload',
-                as: 'script'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
-                    url
+        } else {
+            cssAssets.forEach((cssUrl)=>{
+                const { link: cssEl, needAttach } = createLink({
+                    url: cssUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'stylesheet',
+                        type: 'text/css'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteLink: false
                 });
-                if (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
+                needAttach && document.head.appendChild(cssEl);
             });
-            needAttach && document.head.appendChild(linkEl);
-        });
-        document.head.appendChild(fragment);
+        }
+        if (useLinkPreload) {
+            jsAssetsWithoutEntry.forEach((jsUrl)=>{
+                const { link: linkEl, needAttach } = createLink({
+                    url: jsUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        rel: 'preload',
+                        as: 'script',
+                        crossorigin: 'anonymous'
+                    },
+                    createLinkHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createLink.emit({
+                            url
+                        });
+                        if (res instanceof HTMLLinkElement) {
+                            return res;
+                        }
+                        return;
+                    }
+                });
+                needAttach && document.head.appendChild(linkEl);
+            });
+        } else {
+            jsAssetsWithoutEntry.forEach((jsUrl)=>{
+                const { script: scriptEl, needAttach } = createScript({
+                    url: jsUrl,
+                    cb: ()=>{},
+                    attrs: {
+                        crossorigin: 'anonymous',
+                        fetchpriority: 'high'
+                    },
+                    createScriptHook: (url)=>{
+                        const res = host.loaderHook.lifecycle.createScript.emit({
+                            url
+                        });
+                        if (res instanceof HTMLScriptElement) {
+                            return res;
+                        }
+                        return;
+                    },
+                    needDeleteScript: true
+                });
+                needAttach && document.head.appendChild(scriptEl);
+            });
+        }
     }
 }
 
@@ -709,7 +766,7 @@ function snapshotPlugin() {
                     globalSnapshot
                 });
                 if (assets) {
-                    preloadAssets(remoteInfo, origin, assets);
+                    preloadAssets(remoteInfo, origin, assets, false);
                 }
                 return _extends$4({}, args, {
                     remoteSnapshot
@@ -1422,13 +1479,15 @@ class SharedHandler {
         2. The ${pkgName} share was not registered with the 'lib' attribute.\n
       `);
     }
-    initShareScopeMap(scopeName, shareScope) {
+    initShareScopeMap(scopeName, shareScope, extraOptions = {}) {
         const { host } = this;
         this.shareScopeMap[scopeName] = shareScope;
         this.hooks.lifecycle.initContainerShareScopeMap.emit({
             shareScope,
             options: host.options,
-            origin: host
+            origin: host,
+            scopeName,
+            hostShareScopeMap: extraOptions.hostShareScopeMap
         });
     }
     setShared({ pkgName, shared, from, lib, loading, loaded, get }) {
@@ -1479,7 +1538,7 @@ class SharedHandler {
             loadShare: new AsyncHook(),
             resolveShare: new SyncWaterfallHook('resolveShare'),
             // maybe will change, temporarily for internal use only
-            initContainerShareScopeMap: new AsyncWaterfallHook('initContainer')
+            initContainerShareScopeMap: new SyncWaterfallHook('initContainerShareScopeMap')
         });
         this.host = host;
         this.shareScopeMap = {};
@@ -1658,6 +1717,7 @@ class RemoteHandler {
         };
     }
     registerRemote(remote, targetRemotes, options) {
+        const { host } = this;
         const normalizeRemote = ()=>{
             if (remote.alias) {
                 // Validate if alias equals the prefix of remote.name and remote.alias, if so, throw an error
@@ -1685,6 +1745,10 @@ class RemoteHandler {
         if (!registeredRemote) {
             normalizeRemote();
             targetRemotes.push(remote);
+            this.hooks.lifecycle.registerRemote.emit({
+                remote,
+                origin: host
+            });
         } else {
             const messages = [
                 `The remote "${remote.name}" is already registered.`,
@@ -1695,6 +1759,10 @@ class RemoteHandler {
                 this.removeRemote(registeredRemote);
                 normalizeRemote();
                 targetRemotes.push(remote);
+                this.hooks.lifecycle.registerRemote.emit({
+                    remote,
+                    origin: host
+                });
             }
             warn$1(messages.join(' '));
         }
@@ -1779,6 +1847,7 @@ class RemoteHandler {
     }
     constructor(host){
         this.hooks = new PluginSystem({
+            registerRemote: new SyncWaterfallHook('registerRemote'),
             beforeRequest: new AsyncWaterfallHook('beforeRequest'),
             onLoad: new AsyncHook('onLoad'),
             handlePreloadModule: new SyncHook('handlePreloadModule'),
@@ -1848,8 +1917,8 @@ class FederationHost {
     async preloadRemote(preloadOptions) {
         return this.remoteHandler.preloadRemote(preloadOptions);
     }
-    initShareScopeMap(scopeName, shareScope) {
-        this.sharedHandler.initShareScopeMap(scopeName, shareScope);
+    initShareScopeMap(scopeName, shareScope, extraOptions = {}) {
+        this.sharedHandler.initShareScopeMap(scopeName, shareScope, extraOptions);
     }
     formatOptions(globalOptions, userOptions) {
         const { shared } = formatShareConfigs(globalOptions, userOptions);
@@ -1911,7 +1980,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.1.18";
+        this.version = "0.1.20";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet

package/dist/package.json

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

package/dist/share.cjs.js

@@ -190,7 +190,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.1.18";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.1.20";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/share.esm.js

@@ -188,7 +188,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.1.18";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.1.20";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/src/core.d.ts

@@ -74,7 +74,9 @@ export declare class FederationHost {
         from: 'build' | 'runtime';
     }): Promise<T | null>;
     preloadRemote(preloadOptions: Array<PreloadRemoteArgs>): Promise<void>;
-    initShareScopeMap(scopeName: string, shareScope: ShareScopeMap[string]): void;
+    initShareScopeMap(scopeName: string, shareScope: ShareScopeMap[string], extraOptions?: {
+        hostShareScopeMap?: ShareScopeMap;
+    }): void;
     private formatOptions;
     registerPlugins(plugins: UserOptions['plugins']): void;
     registerRemotes(remotes: Remote[], options?: {

package/dist/src/remote/index.d.ts

@@ -1,7 +1,7 @@
 import { type ModuleInfo, type GlobalModuleInfo } from '@module-federation/sdk';
 import { Options, UserOptions, PreloadAssets, PreloadOptions, PreloadRemoteArgs, Remote, RemoteInfo } from '../type';
 import { FederationHost } from '../core';
-import { PluginSystem, AsyncHook, AsyncWaterfallHook, SyncHook } from '../utils/hooks';
+import { PluginSystem, AsyncHook, AsyncWaterfallHook, SyncHook, SyncWaterfallHook } from '../utils/hooks';
 import { Module, ModuleOptions } from '../module';
 export interface LoadRemoteMatch {
     id: string;
@@ -16,6 +16,10 @@ export interface LoadRemoteMatch {
 export declare class RemoteHandler {
     host: FederationHost;
     hooks: PluginSystem<{
+        registerRemote: SyncWaterfallHook<{
+            remote: Remote;
+            origin: FederationHost;
+        }>;
         beforeRequest: AsyncWaterfallHook<{
             id: string;
             options: Options;

package/dist/src/shared/index.d.ts

@@ -23,10 +23,12 @@ export declare class SharedHandler {
             GlobalFederation: Federation;
             resolver: () => Shared | undefined;
         }>;
-        initContainerShareScopeMap: AsyncWaterfallHook<{
+        initContainerShareScopeMap: SyncWaterfallHook<{
             shareScope: ShareScopeMap[string];
             options: Options;
             origin: FederationHost;
+            scopeName: string;
+            hostShareScopeMap?: ShareScopeMap | undefined;
         }>;
     }>;
     constructor(host: FederationHost);
@@ -50,7 +52,9 @@ export declare class SharedHandler {
         customShareInfo?: Partial<Shared>;
         resolver?: (sharedOptions: ShareInfos[string]) => Shared;
     }): () => T | never;
-    initShareScopeMap(scopeName: string, shareScope: ShareScopeMap[string]): void;
+    initShareScopeMap(scopeName: string, shareScope: ShareScopeMap[string], extraOptions?: {
+        hostShareScopeMap?: ShareScopeMap;
+    }): void;
     private setShared;
     private _setGlobalShareScopeMap;
 }

package/dist/src/type/config.d.ts

@@ -94,7 +94,7 @@ export type LoadModuleOptions = {
 };
 export type RemoteEntryInitOptions = {
     version: string;
-    hostId: string;
+    shareScopeMap: ShareScopeMap;
 };
 export type InitScope = Array<Record<string, never>>;
 export type RemoteEntryExports = {

package/dist/src/utils/preload.d.ts

@@ -3,4 +3,4 @@ import { FederationHost } from '../core';
 export declare function defaultPreloadArgs(preloadConfig: PreloadRemoteArgs | depsPreloadArg): PreloadConfig;
 export declare function formatPreloadArgs(remotes: Array<Remote>, preloadArgs: Array<PreloadRemoteArgs>): PreloadOptions;
 export declare function normalizePreloadExposes(exposes?: string[]): string[];
-export declare function preloadAssets(remoteInfo: RemoteInfo, host: FederationHost, assets: PreloadAssets): void;
+export declare function preloadAssets(remoteInfo: RemoteInfo, host: FederationHost, assets: PreloadAssets, useLinkPreload?: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "author": "zhouxiao <codingzx@gmail.com>",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -45,6 +45,6 @@
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "0.1.18"
+    "@module-federation/sdk": "0.1.20"
   }
 }