@module-federation/runtime 0.2.2 → 0.2.4

package/dist/index.cjs.js

@@ -120,6 +120,23 @@ async function loadEsmEntry({ entry, remoteEntryExports }) {
         }
     });
 }
+async function loadSystemJsEntry({ entry, remoteEntryExports }) {
+    return new Promise((resolve, reject)=>{
+        try {
+            if (!remoteEntryExports) {
+                // eslint-disable-next-line no-eval
+                new Function('callbacks', `System.import("${entry}").then(callbacks[0]).catch(callbacks[1])`)([
+                    resolve,
+                    reject
+                ]);
+            } else {
+                resolve(remoteEntryExports);
+            }
+        } catch (e) {
+            reject(e);
+        }
+    });
+}
 async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     const { entryExports: remoteEntryExports } = share.getRemoteEntryExports(name, globalName);
     if (remoteEntryExports) {
@@ -180,6 +197,11 @@ async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook
                 entry,
                 remoteEntryExports
             });
+        } else if (type === 'system') {
+            share.globalLoading[uniqueKey] = loadSystemJsEntry({
+                entry,
+                remoteEntryExports
+            });
         } else {
             share.globalLoading[uniqueKey] = loadEntryScript({
                 name,
@@ -223,9 +245,10 @@ let Module = class Module {
         const remoteEntryExports = await getRemoteEntry({
             remoteInfo: this.remoteInfo,
             remoteEntryExports: this.remoteEntryExports,
-            createScriptHook: (url)=>{
+            createScriptHook: (url, attrs)=>{
                 const res = this.host.loaderHook.lifecycle.createScript.emit({
-                    url
+                    url,
+                    attrs
                 });
                 if (!res) return;
                 if (typeof document === 'undefined') {
@@ -1983,7 +2006,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.2.2";
+        this.version = "0.2.4";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -1991,7 +2014,7 @@ class FederationHost {
             createScript: new SyncHook(),
             createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
-            fetch: new AsyncHook('fetch')
+            fetch: new AsyncHook()
         });
         // TODO: Validate the details of the options
         // Initialize options with default values

package/dist/index.esm.js

@@ -118,6 +118,23 @@ async function loadEsmEntry({ entry, remoteEntryExports }) {
         }
     });
 }
+async function loadSystemJsEntry({ entry, remoteEntryExports }) {
+    return new Promise((resolve, reject)=>{
+        try {
+            if (!remoteEntryExports) {
+                // eslint-disable-next-line no-eval
+                new Function('callbacks', `System.import("${entry}").then(callbacks[0]).catch(callbacks[1])`)([
+                    resolve,
+                    reject
+                ]);
+            } else {
+                resolve(remoteEntryExports);
+            }
+        } catch (e) {
+            reject(e);
+        }
+    });
+}
 async function loadEntryScript({ name, globalName, entry, createScriptHook }) {
     const { entryExports: remoteEntryExports } = getRemoteEntryExports(name, globalName);
     if (remoteEntryExports) {
@@ -178,6 +195,11 @@ async function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook
                 entry,
                 remoteEntryExports
             });
+        } else if (type === 'system') {
+            globalLoading[uniqueKey] = loadSystemJsEntry({
+                entry,
+                remoteEntryExports
+            });
         } else {
             globalLoading[uniqueKey] = loadEntryScript({
                 name,
@@ -221,9 +243,10 @@ let Module = class Module {
         const remoteEntryExports = await getRemoteEntry({
             remoteInfo: this.remoteInfo,
             remoteEntryExports: this.remoteEntryExports,
-            createScriptHook: (url)=>{
+            createScriptHook: (url, attrs)=>{
                 const res = this.host.loaderHook.lifecycle.createScript.emit({
-                    url
+                    url,
+                    attrs
                 });
                 if (!res) return;
                 if (typeof document === 'undefined') {
@@ -1981,7 +2004,7 @@ class FederationHost {
             // maybe will change, temporarily for internal use only
             initContainer: new AsyncWaterfallHook('initContainer')
         });
-        this.version = "0.2.2";
+        this.version = "0.2.4";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet
@@ -1989,7 +2012,7 @@ class FederationHost {
             createScript: new SyncHook(),
             createLink: new SyncHook(),
             // only work for manifest , so not open to the public yet
-            fetch: new AsyncHook('fetch')
+            fetch: new AsyncHook()
         });
         // TODO: Validate the details of the options
         // Initialize options with default values

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "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.2.2";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.2.4";
     }
 }
 // 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.2.2";
+        globalThis.__FEDERATION__.__DEBUG_CONSTRUCTOR_VERSION__ = "0.2.4";
     }
 }
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/src/core.d.ts

@@ -51,6 +51,7 @@ export declare class FederationHost {
         }>;
         createScript: SyncHook<[{
             url: string;
+            attrs?: Record<string, any>;
         }], CreateScriptHookReturn>;
         createLink: SyncHook<[{
             url: string;

package/dist/src/global.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { FederationHost } from './core';
 import { RemoteEntryExports, GlobalShareScopeMap, Remote, Optional } from './type';
 import { GlobalModuleInfo, ModuleInfo } from '@module-federation/sdk';
@@ -29,8 +28,8 @@ export declare function getInfoWithoutType<T extends object>(target: T, key: key
     key: string;
 };
 export declare const getGlobalSnapshot: () => GlobalModuleInfo;
-export declare const getTargetSnapshotInfoByModuleInfo: (moduleInfo: Optional<Remote, 'alias'>, snapshot: GlobalModuleInfo) => GlobalModuleInfo[string] | undefined;
-export declare const getGlobalSnapshotInfoByModuleInfo: (moduleInfo: Optional<Remote, 'alias'>) => GlobalModuleInfo[string] | undefined;
+export declare const getTargetSnapshotInfoByModuleInfo: (moduleInfo: Optional<Remote, "alias">, snapshot: GlobalModuleInfo) => GlobalModuleInfo[string] | undefined;
+export declare const getGlobalSnapshotInfoByModuleInfo: (moduleInfo: Optional<Remote, "alias">) => GlobalModuleInfo[string] | undefined;
 export declare const setGlobalSnapshotInfoByModuleInfo: (remoteInfo: Remote, moduleDetailInfo: GlobalModuleInfo[string]) => GlobalModuleInfo;
 export declare const addGlobalSnapshot: (moduleInfos: GlobalModuleInfo) => (() => void);
 export declare const getRemoteEntryExports: (name: string, globalName: string | undefined) => {

package/dist/src/helpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { resetFederationGlobalInfo, getGlobalFederationInstance, setGlobalFederationInstance, getGlobalFederationConstructor, setGlobalFederationConstructor, getInfoWithoutType, getGlobalSnapshot, getTargetSnapshotInfoByModuleInfo, getGlobalSnapshotInfoByModuleInfo, setGlobalSnapshotInfoByModuleInfo, addGlobalSnapshot, getRemoteEntryExports, registerGlobalPlugins, getGlobalHostPlugins, getPreloaded, setPreloaded, Global } from './global';
 import { getRegisteredShare, getGlobalShareScope } from './utils/share';
 interface IShareUtils {

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

@@ -22,10 +22,10 @@ export declare class SnapshotHandler {
         loadRemoteSnapshot: AsyncWaterfallHook<{
             options: Options;
             moduleInfo: Remote;
-            manifestJson?: Manifest<import("@module-federation/sdk").BasicStatsMetaData, import("@module-federation/sdk").ManifestRemoteCommonInfo> | undefined;
-            manifestUrl?: string | undefined;
+            manifestJson?: Manifest;
+            manifestUrl?: string;
             remoteSnapshot: ModuleInfo;
-            from: 'global' | 'manifest';
+            from: "global" | "manifest";
         }>;
     }>;
     loaderHook: FederationHost['loaderHook'];

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

@@ -48,8 +48,8 @@ export declare class RemoteHandler {
             id: string;
             error: unknown;
             options?: any;
-            from: 'build' | 'runtime';
-            lifecycle: 'onLoad' | 'beforeRequest';
+            from: "build" | "runtime";
+            lifecycle: "onLoad" | "beforeRequest";
             origin: FederationHost;
         }], unknown>;
         beforePreloadRemote: AsyncHook<[{

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

@@ -10,8 +10,8 @@ export declare class SharedHandler {
         afterResolve: AsyncWaterfallHook<LoadRemoteMatch>;
         beforeLoadShare: AsyncWaterfallHook<{
             pkgName: string;
-            shareInfo?: Shared | undefined;
-            shared: Options['shared'];
+            shareInfo?: Shared;
+            shared: Options["shared"];
             origin: FederationHost;
         }>;
         loadShare: AsyncHook<[FederationHost, string, ShareInfos], false | void | Promise<false | void>>;
@@ -28,7 +28,7 @@ export declare class SharedHandler {
             options: Options;
             origin: FederationHost;
             scopeName: string;
-            hostShareScopeMap?: ShareScopeMap | undefined;
+            hostShareScopeMap?: ShareScopeMap;
         }>;
     }>;
     constructor(host: FederationHost);

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

@@ -4,16 +4,20 @@ export declare function loadEsmEntry({ entry, remoteEntryExports, }: {
     entry: string;
     remoteEntryExports: RemoteEntryExports | undefined;
 }): Promise<RemoteEntryExports>;
+export declare function loadSystemJsEntry({ entry, remoteEntryExports, }: {
+    entry: string;
+    remoteEntryExports: RemoteEntryExports | undefined;
+}): Promise<RemoteEntryExports>;
 export declare function loadEntryScript({ name, globalName, entry, createScriptHook, }: {
     name: string;
     globalName: string;
     entry: string;
-    createScriptHook?: (url: string) => CreateScriptHookReturn;
+    createScriptHook?: (url: string, attrs?: Record<string, any> | undefined) => CreateScriptHookReturn;
 }): Promise<RemoteEntryExports>;
 export declare function getRemoteEntryUniqueKey(remoteInfo: RemoteInfo): string;
 export declare function getRemoteEntry({ remoteEntryExports, remoteInfo, createScriptHook, }: {
     remoteInfo: RemoteInfo;
     remoteEntryExports?: RemoteEntryExports | undefined;
-    createScriptHook?: (url: string) => CreateScriptHookReturn;
+    createScriptHook?: (url: string, attrs?: Record<string, any> | undefined) => CreateScriptHookReturn;
 }): Promise<RemoteEntryExports | void>;
 export declare function getRemoteInfo(remote: Remote): RemoteInfo;

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

@@ -9,7 +9,7 @@ export declare function formatShareConfigs(globalOptions: Options, userOptions:
     shareInfos: ShareInfos;
 };
 export declare function versionLt(a: string, b: string): boolean;
-export declare const findVersion: (shareVersionMap: ShareScopeMap[string][string], cb?: ((prev: string, cur: string) => boolean) | undefined) => string;
+export declare const findVersion: (shareVersionMap: ShareScopeMap[string][string], cb?: (prev: string, cur: string) => boolean) => string;
 export declare const isLoaded: (shared: Shared) => boolean;
 export declare function getRegisteredShare(localShareScopeMap: ShareScopeMap, pkgName: string, shareInfo: Shared, resolveShare: SyncWaterfallHook<{
     shareScopeMap: ShareScopeMap;

package/package.json

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