@module-federation/runtime 0.0.0-next-20240205101340 → 0.0.0-next-20240205220829

package/README.md

@@ -276,6 +276,9 @@ const runtimePlugin: () => FederationRuntimePlugin =
         console.log('beforeInit: ', args);
         return args;
       },
+      errorLoadRemote(args) {
+        return args
+      },
       beforeRequest(args) {
         console.log('beforeRequest: ', args);
         return args;
@@ -288,6 +291,9 @@ const runtimePlugin: () => FederationRuntimePlugin =
         console.log('onLoad: ', args);
         return args;
       },
+      resolveShare(args) {
+        return args
+      },
       async loadShare(args) {
         console.log('loadShare:', args);
       },
@@ -514,7 +520,7 @@ loadRemote('app2/un-existed-module').then(mod=>{
 
 `AsyncWaterfallHook`
 
-Called before attempting to load or negotiate shared modules between federated apps.
+  between federated apps.
 
 * type
 

package/dist/index.cjs.js

@@ -263,7 +263,7 @@ let Module = class Module {
                 remoteInfo: this.remoteInfo,
                 origin: this.host
             });
-            await remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
+            remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
             await this.host.hooks.lifecycle.initContainer.emit(_extends$4({}, initContainerOptions, {
                 remoteEntryExports
             }));
@@ -561,38 +561,27 @@ 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 (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
-            });
-            needAttach && fragment.appendChild(cssEl);
+            const cssEl = document.createElement('link');
+            cssEl.setAttribute('rel', 'preload');
+            cssEl.setAttribute('href', cssUrl);
+            cssEl.setAttribute('as', 'style');
+            fragment.appendChild(cssEl);
         });
+        document.head.appendChild(fragment);
         jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { link: linkEl, needAttach } = sdk.createLink(jsUrl, ()=>{
+            const { script: scriptEl } = sdk.createScript(jsUrl, ()=>{
             // noop
-            }, {
-                rel: 'preload',
-                as: 'script'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
+            }, {}, (url)=>{
+                const res = host.loaderHook.lifecycle.createScript.emit({
                     url
                 });
-                if (res instanceof HTMLLinkElement) {
+                if (res instanceof HTMLScriptElement) {
                     return res;
                 }
                 return;
             });
-            needAttach && document.head.appendChild(linkEl);
+            document.head.appendChild(scriptEl);
         });
-        document.head.appendChild(fragment);
     }
 }
 
@@ -784,7 +773,9 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
                     id: assetsInfo.moduleName === '.' ? remoteInfo.name : exposeFullPath,
                     name: remoteInfo.name,
                     remoteSnapshot: moduleInfoSnapshot,
-                    preloadConfig
+                    preloadConfig,
+                    remote: remoteInfo,
+                    origin
                 });
                 const preloaded = share.getPreloaded(exposeFullPath);
                 if (preloaded) {
@@ -1413,7 +1404,7 @@ class FederationHost {
             const versions = scope[name];
             const activeVersion = versions[version];
             const activeVersionEager = Boolean(activeVersion && (activeVersion.eager || ((_activeVersion_shareConfig = activeVersion.shareConfig) == null ? void 0 : _activeVersion_shareConfig.eager)));
-            if (!activeVersion || activeVersion.strategy !== 'loaded-first' && !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > activeVersion.from)) {
+            if (!activeVersion || !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > activeVersion.from)) {
                 versions[version] = shared;
             }
         };
@@ -1590,13 +1581,12 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.11";
+        this.version = "0.0.10";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
             getModuleInfo: new SyncHook(),
             createScript: new SyncHook(),
-            createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
             fetch: new AsyncHook('fetch')
         });
@@ -1674,6 +1664,8 @@ Object.defineProperty(exports, 'loadScript', {
   get: function () { return sdk.loadScript; }
 });
 exports.FederationHost = FederationHost;
+exports.getRemoteEntry = getRemoteEntry;
+exports.getRemoteInfo = getRemoteInfo;
 exports.init = init;
 exports.loadRemote = loadRemote;
 exports.loadShare = loadShare;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import { g as getGlobalHostPlugins, D as DEFAULT_REMOTE_TYPE, a as DEFAULT_SCOPE, b as globalLoading, 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 getRegisteredShare, m as getInfoWithoutType, n as getPreloaded, o as setPreloaded, p as getGlobalSnapshotInfoByModuleInfo, q as addGlobalSnapshot, r as setGlobalSnapshotInfoByModuleInfo, t as getGlobalSnapshot, G as Global, u as getGlobalShareScope, v as formatShareConfigs, x as isBrowserEnv, y as getBuilderId, z as addUniqueItem, A as setGlobalFederationConstructor, B as getGlobalFederationInstance, C as getGlobalFederationConstructor, E as setGlobalFederationInstance } from './share.esm.js';
+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 getRegisteredShare, m as getInfoWithoutType, n as getPreloaded, o as setPreloaded, p as getGlobalSnapshotInfoByModuleInfo, q as addGlobalSnapshot, r as setGlobalSnapshotInfoByModuleInfo, t as getGlobalSnapshot, G as Global, u as getGlobalShareScope, v as formatShareConfigs, x as isBrowserEnv, y as getBuilderId, z as addUniqueItem, A as setGlobalFederationConstructor, B as getGlobalFederationInstance, C as getGlobalFederationConstructor, E as setGlobalFederationInstance } from './share.esm.js';
 export { F as registerGlobalPlugins } from './share.esm.js';
-import { composeKeyWithSeparator, loadScriptNode, loadScript, createLink, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
+import { composeKeyWithSeparator, loadScriptNode, loadScript, createScript, getResourceUrl, isManifestProvider, generateSnapshotFromManifest } from '@module-federation/sdk';
 export { loadScript } from '@module-federation/sdk';
 
 // Function to match a remote with its name and expose
@@ -261,7 +261,7 @@ let Module = class Module {
                 remoteInfo: this.remoteInfo,
                 origin: this.host
             });
-            await remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
+            remoteEntryExports.init(initContainerOptions.shareScope, initContainerOptions.initScope, initContainerOptions.remoteEntryInitOptions);
             await this.host.hooks.lifecycle.initContainer.emit(_extends$4({}, initContainerOptions, {
                 remoteEntryExports
             }));
@@ -559,38 +559,27 @@ 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 (res instanceof HTMLLinkElement) {
-                    return res;
-                }
-                return;
-            });
-            needAttach && fragment.appendChild(cssEl);
+            const cssEl = document.createElement('link');
+            cssEl.setAttribute('rel', 'preload');
+            cssEl.setAttribute('href', cssUrl);
+            cssEl.setAttribute('as', 'style');
+            fragment.appendChild(cssEl);
         });
+        document.head.appendChild(fragment);
         jsAssetsWithoutEntry.forEach((jsUrl)=>{
-            const { link: linkEl, needAttach } = createLink(jsUrl, ()=>{
+            const { script: scriptEl } = createScript(jsUrl, ()=>{
             // noop
-            }, {
-                rel: 'preload',
-                as: 'script'
-            }, (url)=>{
-                const res = host.loaderHook.lifecycle.createLink.emit({
+            }, {}, (url)=>{
+                const res = host.loaderHook.lifecycle.createScript.emit({
                     url
                 });
-                if (res instanceof HTMLLinkElement) {
+                if (res instanceof HTMLScriptElement) {
                     return res;
                 }
                 return;
             });
-            needAttach && document.head.appendChild(linkEl);
+            document.head.appendChild(scriptEl);
         });
-        document.head.appendChild(fragment);
     }
 }
 
@@ -782,7 +771,9 @@ function generatePreloadAssets(origin, preloadOptions, remote, globalSnapshot, r
                     id: assetsInfo.moduleName === '.' ? remoteInfo.name : exposeFullPath,
                     name: remoteInfo.name,
                     remoteSnapshot: moduleInfoSnapshot,
-                    preloadConfig
+                    preloadConfig,
+                    remote: remoteInfo,
+                    origin
                 });
                 const preloaded = getPreloaded(exposeFullPath);
                 if (preloaded) {
@@ -1411,7 +1402,7 @@ class FederationHost {
             const versions = scope[name];
             const activeVersion = versions[version];
             const activeVersionEager = Boolean(activeVersion && (activeVersion.eager || ((_activeVersion_shareConfig = activeVersion.shareConfig) == null ? void 0 : _activeVersion_shareConfig.eager)));
-            if (!activeVersion || activeVersion.strategy !== 'loaded-first' && !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > activeVersion.from)) {
+            if (!activeVersion || !activeVersion.loaded && (Boolean(!eager) !== !activeVersionEager ? eager : hostName > activeVersion.from)) {
                 versions[version] = shared;
             }
         };
@@ -1588,13 +1579,12 @@ class FederationHost {
             // not used yet
             afterPreloadRemote: new AsyncHook()
         });
-        this.version = "0.0.11";
+        this.version = "0.0.10";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
             getModuleInfo: new SyncHook(),
             createScript: new SyncHook(),
-            createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
             fetch: new AsyncHook('fetch')
         });
@@ -1666,4 +1656,4 @@ function preloadRemote(...args) {
 // Inject for debug
 setGlobalFederationConstructor(FederationHost);
 
-export { FederationHost, init, loadRemote, loadShare, loadShareSync, preloadRemote };
+export { FederationHost, getRemoteEntry, getRemoteInfo, init, loadRemote, loadShare, loadShareSync, preloadRemote };

package/dist/package.json

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

package/dist/share.cjs.js

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

package/dist/share.esm.js

@@ -174,7 +174,7 @@ function getGlobalFederationConstructor() {
 function setGlobalFederationConstructor(FederationConstructor, isDebug = isDebugMode()) {
     if (isDebug) {
         globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR__ = FederationConstructor;
-        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.11";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.0.10";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -794,4 +794,4 @@ function getGlobalShareScope() {
     return Global.__FEDERATION__.__SHARE__;
 }
 
-export { setGlobalFederationConstructor as A, getGlobalFederationInstance as B, getGlobalFederationConstructor as C, DEFAULT_REMOTE_TYPE as D, setGlobalFederationInstance as E, registerGlobalPlugins as F, Global as G, nativeGlobal as H, resetFederationGlobalInfo as I, getTargetSnapshotInfoByModuleInfo as J, DEFAULT_SCOPE as a, globalLoading as b, getRemoteEntryExports as c, assert as d, getFMId as e, error as f, getGlobalHostPlugins as g, isPlainObject as h, isObject as i, isRemoteInfoWithEntry as j, isPureRemoteEntry as k, getRegisteredShare as l, getInfoWithoutType as m, getPreloaded as n, setPreloaded as o, getGlobalSnapshotInfoByModuleInfo as p, addGlobalSnapshot as q, setGlobalSnapshotInfoByModuleInfo as r, safeToString as s, getGlobalSnapshot as t, getGlobalShareScope as u, formatShareConfigs as v, warn as w, isBrowserEnv as x, getBuilderId as y, addUniqueItem as z };
+export { setGlobalFederationConstructor as A, getGlobalFederationInstance as B, getGlobalFederationConstructor as C, DEFAULT_REMOTE_TYPE as D, setGlobalFederationInstance as E, registerGlobalPlugins as F, Global as G, nativeGlobal as H, resetFederationGlobalInfo as I, getTargetSnapshotInfoByModuleInfo as J, globalLoading as a, DEFAULT_SCOPE as b, getRemoteEntryExports as c, assert as d, getFMId as e, error as f, getGlobalHostPlugins as g, isPlainObject as h, isObject as i, isRemoteInfoWithEntry as j, isPureRemoteEntry as k, getRegisteredShare as l, getInfoWithoutType as m, getPreloaded as n, setPreloaded as o, getGlobalSnapshotInfoByModuleInfo as p, addGlobalSnapshot as q, setGlobalSnapshotInfoByModuleInfo as r, safeToString as s, getGlobalSnapshot as t, getGlobalShareScope as u, formatShareConfigs as v, warn as w, isBrowserEnv as x, getBuilderId as y, addUniqueItem as z };

package/dist/src/core.d.ts

@@ -67,8 +67,10 @@ export declare class FederationHost {
         handlePreloadModule: SyncHook<{
             id: string;
             name: string;
+            remote: Remote;
             remoteSnapshot: ModuleInfo;
             preloadConfig: PreloadRemoteArgs;
+            origin: FederationHost;
         }, void>;
         errorLoadRemote: AsyncHook<[{
             id: string;
@@ -126,9 +128,6 @@ export declare class FederationHost {
         createScript: SyncHook<[{
             url: string;
         }], void | HTMLScriptElement>;
-        createLink: SyncHook<[{
-            url: string;
-        }], void | HTMLLinkElement>;
         fetch: AsyncHook<[string, RequestInit], false | void | Promise<Response>>;
     }>;
     constructor(userOptions: UserOptions);

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@ import { FederationHost } from './core';
 import { UserOptions, FederationRuntimePlugin } from './type';
 export { FederationHost } from './core';
 export { registerGlobalPlugins } from './global';
+export { getRemoteEntry, getRemoteInfo } from './utils';
 export { loadScript } from '@module-federation/sdk';
 export type { Federation } from './global';
 export type { FederationRuntimePlugin };

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

@@ -95,6 +95,6 @@ export type RemoteEntryInitOptions = {
 export type InitScope = Array<Record<string, never>>;
 export type RemoteEntryExports = {
     get: (id: string) => () => Promise<Module>;
-    init: (shareScope: ShareScopeMap[string], initScope?: InitScope, remoteEntryInitOPtions?: RemoteEntryInitOptions) => void | Promise<void>;
+    init: (shareScope: ShareScopeMap[string], initScope?: InitScope, remoteEntryInitOPtions?: RemoteEntryInitOptions) => void;
 };
 export {};

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

@@ -3,3 +3,4 @@ export * from './tool';
 export * from './manifest';
 export * from './logger';
 export * from './plugin';
+export * from './load';

package/package.json

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