@module-federation/sdk 0.0.12 → 0.0.14

package/dist/index.cjs.js

@@ -108,13 +108,23 @@ function safeToString(info) {
     }
 }
 var DEBUG_LOG = "[ FEDERATION DEBUG ]";
+function safeGetLocalStorageItem() {
+    try {
+        if (typeof window !== "undefined" && window.localStorage) {
+            return localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE;
+        }
+    } catch (error) {
+        return typeof document !== "undefined";
+    }
+    return false;
+}
 var Logger = /*#__PURE__*/ function() {
     function Logger(identifier) {
         _class_call_check(this, Logger);
         _define_property$1(this, "enable", false);
         _define_property$1(this, "identifier", void 0);
         this.identifier = identifier || DEBUG_LOG;
-        if (isBrowserEnv() && localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE) {
+        if (isBrowserEnv() && safeGetLocalStorageItem()) {
             this.enable = true;
         } else if (isDebugMode()) {
             this.enable = true;
@@ -757,6 +767,63 @@ function createScript(url, cb, attrs, createScriptHook) {
         needAttach: needAttach
     };
 }
+function createLink(url, cb, attrs, createLinkHook) {
+    // <link rel="preload" href="script.js" as="script">
+    // Retrieve the existing script element by its src attribute
+    var link = null;
+    var needAttach = true;
+    var links = document.getElementsByTagName("link");
+    for(var i = 0; i < links.length; i++){
+        var l = links[i];
+        var linkHref = l.getAttribute("href");
+        if (linkHref && isStaticResourcesEqual(linkHref, url)) {
+            link = l;
+            needAttach = false;
+            break;
+        }
+    }
+    if (!link) {
+        link = document.createElement("link");
+        link.setAttribute("href", url);
+        if (createLinkHook) {
+            var createLinkRes = createLinkHook(url);
+            if (_instanceof(createLinkRes, HTMLLinkElement)) {
+                link = createLinkRes;
+            }
+        }
+    }
+    if (attrs) {
+        Object.keys(attrs).forEach(function(name) {
+            if (link) {
+                link.setAttribute(name, attrs[name]);
+            }
+        });
+    }
+    var onLinkComplete = function(prev, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    event) {
+        // Prevent memory leaks in IE.
+        if (link) {
+            link.onerror = null;
+            link.onload = null;
+            safeWrapper(function() {
+                (link === null || link === void 0 ? void 0 : link.parentNode) && link.parentNode.removeChild(link);
+            });
+            if (prev) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var res = prev(event);
+                cb();
+                return res;
+            }
+        }
+        cb();
+    };
+    link.onerror = onLinkComplete.bind(null, link.onerror);
+    link.onload = onLinkComplete.bind(null, link.onload);
+    return {
+        link: link,
+        needAttach: needAttach
+    };
+}
 function loadScript(url, info) {
     var attrs = info.attrs, createScriptHook = info.createScriptHook;
     return new Promise(function(resolve, _reject) {
@@ -1036,7 +1103,7 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
                                 script.runInThisContext()(scriptContext.exports, scriptContext.module, eval("require"), urlDirname, filename);
                                 exportedInterface = scriptContext.module.exports || scriptContext.exports;
                                 if (attrs && exportedInterface && attrs["globalName"]) {
-                                    container = exportedInterface[attrs["globalName"]];
+                                    container = exportedInterface[attrs["globalName"]] || exportedInterface;
                                     cb(undefined, container);
                                     return [
                                         2
@@ -1088,6 +1155,7 @@ exports.NameTransformSymbol = NameTransformSymbol;
 exports.SEPARATOR = SEPARATOR;
 exports.assert = assert;
 exports.composeKeyWithSeparator = composeKeyWithSeparator;
+exports.createLink = createLink;
 exports.createScript = createScript;
 exports.createScriptNode = createScriptNode;
 exports.decodeName = decodeName;

package/dist/index.esm.js

@@ -104,13 +104,23 @@ function safeToString(info) {
     }
 }
 var DEBUG_LOG = "[ FEDERATION DEBUG ]";
+function safeGetLocalStorageItem() {
+    try {
+        if (typeof window !== "undefined" && window.localStorage) {
+            return localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE;
+        }
+    } catch (error) {
+        return typeof document !== "undefined";
+    }
+    return false;
+}
 var Logger = /*#__PURE__*/ function() {
     function Logger(identifier) {
         _class_call_check(this, Logger);
         _define_property$1(this, "enable", false);
         _define_property$1(this, "identifier", void 0);
         this.identifier = identifier || DEBUG_LOG;
-        if (isBrowserEnv() && localStorage.getItem(BROWSER_LOG_KEY) === BROWSER_LOG_VALUE) {
+        if (isBrowserEnv() && safeGetLocalStorageItem()) {
             this.enable = true;
         } else if (isDebugMode()) {
             this.enable = true;
@@ -753,6 +763,63 @@ function createScript(url, cb, attrs, createScriptHook) {
         needAttach: needAttach
     };
 }
+function createLink(url, cb, attrs, createLinkHook) {
+    // <link rel="preload" href="script.js" as="script">
+    // Retrieve the existing script element by its src attribute
+    var link = null;
+    var needAttach = true;
+    var links = document.getElementsByTagName("link");
+    for(var i = 0; i < links.length; i++){
+        var l = links[i];
+        var linkHref = l.getAttribute("href");
+        if (linkHref && isStaticResourcesEqual(linkHref, url)) {
+            link = l;
+            needAttach = false;
+            break;
+        }
+    }
+    if (!link) {
+        link = document.createElement("link");
+        link.setAttribute("href", url);
+        if (createLinkHook) {
+            var createLinkRes = createLinkHook(url);
+            if (_instanceof(createLinkRes, HTMLLinkElement)) {
+                link = createLinkRes;
+            }
+        }
+    }
+    if (attrs) {
+        Object.keys(attrs).forEach(function(name) {
+            if (link) {
+                link.setAttribute(name, attrs[name]);
+            }
+        });
+    }
+    var onLinkComplete = function(prev, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    event) {
+        // Prevent memory leaks in IE.
+        if (link) {
+            link.onerror = null;
+            link.onload = null;
+            safeWrapper(function() {
+                (link === null || link === void 0 ? void 0 : link.parentNode) && link.parentNode.removeChild(link);
+            });
+            if (prev) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var res = prev(event);
+                cb();
+                return res;
+            }
+        }
+        cb();
+    };
+    link.onerror = onLinkComplete.bind(null, link.onerror);
+    link.onload = onLinkComplete.bind(null, link.onload);
+    return {
+        link: link,
+        needAttach: needAttach
+    };
+}
 function loadScript(url, info) {
     var attrs = info.attrs, createScriptHook = info.createScriptHook;
     return new Promise(function(resolve, _reject) {
@@ -1032,7 +1099,7 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
                                 script.runInThisContext()(scriptContext.exports, scriptContext.module, eval("require"), urlDirname, filename);
                                 exportedInterface = scriptContext.module.exports || scriptContext.exports;
                                 if (attrs && exportedInterface && attrs["globalName"]) {
-                                    container = exportedInterface[attrs["globalName"]];
+                                    container = exportedInterface[attrs["globalName"]] || exportedInterface;
                                     cb(undefined, container);
                                     return [
                                         2
@@ -1073,4 +1140,4 @@ function loadScriptNode(url, info) {
     });
 }
 
-export { BROWSER_LOG_KEY, BROWSER_LOG_VALUE, EncodedNameTransformMap, FederationModuleManifest, Logger, MANIFEST_EXT, NameTransformMap, NameTransformSymbol, SEPARATOR, assert, composeKeyWithSeparator, createScript, createScriptNode, decodeName, encodeName, error, generateExposeFilename, generateShareFilename, generateSnapshotFromManifest, getProcessEnv, getResourceUrl, isBrowserEnv, isDebugMode, isManifestProvider, isStaticResourcesEqual, loadScript, loadScriptNode, logger, parseEntry, safeWrapper, simpleJoinRemoteEntry, warn };
+export { BROWSER_LOG_KEY, BROWSER_LOG_VALUE, EncodedNameTransformMap, FederationModuleManifest, Logger, MANIFEST_EXT, NameTransformMap, NameTransformSymbol, SEPARATOR, assert, composeKeyWithSeparator, createLink, createScript, createScriptNode, decodeName, encodeName, error, generateExposeFilename, generateShareFilename, generateSnapshotFromManifest, getProcessEnv, getResourceUrl, isBrowserEnv, isDebugMode, isManifestProvider, isStaticResourcesEqual, loadScript, loadScriptNode, logger, parseEntry, safeWrapper, simpleJoinRemoteEntry, warn };

package/dist/package.json

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

package/dist/src/dom.d.ts

@@ -4,6 +4,10 @@ export declare function createScript(url: string, cb: (value: void | PromiseLike
     script: HTMLScriptElement;
     needAttach: boolean;
 };
+export declare function createLink(url: string, cb: (value: void | PromiseLike<void>) => void, attrs?: Record<string, any>, createLinkHook?: (url: string) => HTMLLinkElement | void): {
+    link: HTMLLinkElement;
+    needAttach: boolean;
+};
 export declare function loadScript(url: string, info: {
     attrs?: Record<string, any>;
     createScriptHook?: (url: string) => HTMLScriptElement | void;

package/package.json

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