@module-federation/runtime 0.2.3 → 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.3";
+        this.version = "0.2.4";
         this.moduleCache = new Map();
         this.loaderHook = new PluginSystem({
             // FIXME: may not be suitable , not open to the public yet

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.3";
+        this.version = "0.2.4";
         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.2.3",
+  "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.3";
+        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.3";
+        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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/runtime",
-  "version": "0.2.3",
+  "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.3"
+    "@module-federation/sdk": "0.2.4"
   }
 }