@module-federation/sdk 0.0.0-next-20240521125425 → 0.0.0-next-20240523080317

package/dist/index.cjs.js

@@ -755,6 +755,8 @@ function createScript(url, cb, attrs, createScriptHook) {
     // Retrieve the existing script element by its src attribute
     var script = null;
     var needAttach = true;
+    var timeout = 20000;
+    var timeoutId;
     var scripts = document.getElementsByTagName('script');
     for(var i = 0; i < scripts.length; i++){
         var s = scripts[i];
@@ -773,6 +775,9 @@ function createScript(url, cb, attrs, createScriptHook) {
             var createScriptRes = createScriptHook(url);
             if (_instanceof(createScriptRes, HTMLScriptElement)) {
                 script = createScriptRes;
+            } else if (typeof createScriptRes === 'object') {
+                if (createScriptRes.script) script = createScriptRes.script;
+                if (createScriptRes.timeout) timeout = createScriptRes.timeout;
             }
         }
     }
@@ -789,6 +794,7 @@ function createScript(url, cb, attrs, createScriptHook) {
     }
     var onScriptComplete = function(prev, // eslint-disable-next-line @typescript-eslint/no-explicit-any
     event) {
+        clearTimeout(timeoutId);
         // Prevent memory leaks in IE.
         if (script) {
             script.onerror = null;
@@ -807,6 +813,9 @@ function createScript(url, cb, attrs, createScriptHook) {
     };
     script.onerror = onScriptComplete.bind(null, script.onerror);
     script.onload = onScriptComplete.bind(null, script.onload);
+    timeoutId = setTimeout(function() {
+        onScriptComplete(null, new Error('Remote script "'.concat(url, '" time-outed.')));
+    }, timeout);
     return {
         script: script,
         needAttach: needAttach

package/dist/index.esm.js

@@ -751,6 +751,8 @@ function createScript(url, cb, attrs, createScriptHook) {
     // Retrieve the existing script element by its src attribute
     var script = null;
     var needAttach = true;
+    var timeout = 20000;
+    var timeoutId;
     var scripts = document.getElementsByTagName('script');
     for(var i = 0; i < scripts.length; i++){
         var s = scripts[i];
@@ -769,6 +771,9 @@ function createScript(url, cb, attrs, createScriptHook) {
             var createScriptRes = createScriptHook(url);
             if (_instanceof(createScriptRes, HTMLScriptElement)) {
                 script = createScriptRes;
+            } else if (typeof createScriptRes === 'object') {
+                if (createScriptRes.script) script = createScriptRes.script;
+                if (createScriptRes.timeout) timeout = createScriptRes.timeout;
             }
         }
     }
@@ -785,6 +790,7 @@ function createScript(url, cb, attrs, createScriptHook) {
     }
     var onScriptComplete = function(prev, // eslint-disable-next-line @typescript-eslint/no-explicit-any
     event) {
+        clearTimeout(timeoutId);
         // Prevent memory leaks in IE.
         if (script) {
             script.onerror = null;
@@ -803,6 +809,9 @@ function createScript(url, cb, attrs, createScriptHook) {
     };
     script.onerror = onScriptComplete.bind(null, script.onerror);
     script.onload = onScriptComplete.bind(null, script.onload);
+    timeoutId = setTimeout(function() {
+        onScriptComplete(null, new Error('Remote script "'.concat(url, '" time-outed.')));
+    }, timeout);
     return {
         script: script,
         needAttach: needAttach

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/sdk",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "license": "MIT",
   "description": "A sdk for support module federation",
   "keywords": [

package/dist/src/dom.d.ts

@@ -1,6 +1,10 @@
 export declare function safeWrapper<T extends (...args: Array<any>) => any>(callback: T, disableWarn?: boolean): Promise<ReturnType<T> | undefined>;
 export declare function isStaticResourcesEqual(url1: string, url2: string): boolean;
-export declare function createScript(url: string, cb: (value: void | PromiseLike<void>) => void, attrs?: Record<string, any>, createScriptHook?: (url: string) => HTMLScriptElement | void): {
+export type CreateScriptHookReturn = HTMLScriptElement | {
+    script?: HTMLScriptElement;
+    timeout?: number;
+} | void;
+export declare function createScript(url: string, cb: (value: void | PromiseLike<void>) => void, attrs?: Record<string, any>, createScriptHook?: (url: string) => CreateScriptHookReturn): {
     script: HTMLScriptElement;
     needAttach: boolean;
 };
@@ -10,5 +14,5 @@ export declare function createLink(url: string, cb: (value: void | PromiseLike<v
 };
 export declare function loadScript(url: string, info: {
     attrs?: Record<string, any>;
-    createScriptHook?: (url: string) => HTMLScriptElement | void;
+    createScriptHook?: (url: string) => CreateScriptHookReturn;
 }): Promise<void>;

package/dist/src/types/plugins/ModuleFederationPlugin.d.ts

@@ -82,6 +82,7 @@ export interface PluginManifestOptions {
 export interface PluginDevOptions {
     disableLiveReload?: boolean;
     disableHotTypesReload?: boolean;
+    injectWebClient?: boolean;
 }
 export interface DtsHostOptions {
     typesFolder?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/sdk",
-  "version": "0.0.0-next-20240521125425",
+  "version": "0.0.0-next-20240523080317",
   "license": "MIT",
   "description": "A sdk for support module federation",
   "keywords": [