@module-federation/sdk 0.6.7 → 0.6.8

package/dist/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var polyfills = require('./polyfills.cjs.js');
 
 const FederationModuleManifest = 'federation-manifest.json';
@@ -71,6 +69,13 @@ const getProcessEnv = function() {
 };
 
 const DEBUG_LOG = '[ FEDERATION DEBUG ]';
+function safeToString$1(info) {
+    try {
+        return JSON.stringify(info, null, 2);
+    } catch (e) {
+        return '';
+    }
+}
 function safeGetLocalStorageItem() {
     try {
         if (typeof window !== 'undefined' && window.localStorage) {
@@ -84,7 +89,7 @@ function safeGetLocalStorageItem() {
 let Logger = class Logger {
     info(msg, info) {
         if (this.enable) {
-            const argsToString = safeToString(info) || '';
+            const argsToString = safeToString$1(info) || '';
             if (isBrowserEnv()) {
                 console.info(`%c ${this.identifier}: ${msg} ${argsToString}`, 'color:#3300CC');
             } else {
@@ -162,7 +167,7 @@ const parseEntry = (str, devVerOrUrl, separator = SEPARATOR)=>{
     }
 };
 const logger = new Logger();
-const composeKeyWithSeparator =  function(...args) {
+const composeKeyWithSeparator = function(...args) {
     if (!args.length) {
         return '';
     }
@@ -176,7 +181,7 @@ const composeKeyWithSeparator =  function(...args) {
         return `${sum}${SEPARATOR}${cur}`;
     }, '');
 };
-const encodeName =  function(name, prefix = '', withExt = false) {
+const encodeName = function(name, prefix = '', withExt = false) {
     try {
         const ext = withExt ? '.js' : '';
         return `${prefix}${name.replace(new RegExp(`${NameTransformSymbol.AT}`, 'g'), NameTransformMap[NameTransformSymbol.AT]).replace(new RegExp(`${NameTransformSymbol.HYPHEN}`, 'g'), NameTransformMap[NameTransformSymbol.HYPHEN]).replace(new RegExp(`${NameTransformSymbol.SLASH}`, 'g'), NameTransformMap[NameTransformSymbol.SLASH])}${ext}`;
@@ -184,7 +189,7 @@ const encodeName =  function(name, prefix = '', withExt = false) {
         throw err;
     }
 };
-const decodeName =  function(name, prefix, withExt) {
+const decodeName = function(name, prefix, withExt) {
     try {
         let decodedName = name;
         if (prefix) {
@@ -202,7 +207,7 @@ const decodeName =  function(name, prefix, withExt) {
         throw err;
     }
 };
-const generateExposeFilename =  (exposeName, withExt)=>{
+const generateExposeFilename = (exposeName, withExt)=>{
     if (!exposeName) {
         return '';
     }
@@ -215,7 +220,7 @@ const generateExposeFilename =  (exposeName, withExt)=>{
     }
     return encodeName(expose, '__federation_expose_', withExt);
 };
-const generateShareFilename =  (pkgName, withExt)=>{
+const generateShareFilename = (pkgName, withExt)=>{
     if (!pkgName) {
         return '';
     }
@@ -383,7 +388,7 @@ function generateSnapshotFromManifest(manifest, options = {}) {
     if (ssrRemoteEntry) {
         const fullSSRRemoteEntry = simpleJoinRemoteEntry(ssrRemoteEntry.path, ssrRemoteEntry.name);
         remoteSnapshot.ssrRemoteEntry = fullSSRRemoteEntry;
-        remoteSnapshot.ssrRemoteEntryType = 'commonjs-module';
+        remoteSnapshot.ssrRemoteEntryType = ssrRemoteEntry.type || 'commonjs-module';
     }
     return remoteSnapshot;
 }
@@ -430,8 +435,9 @@ function createScript(info) {
         }
     }
     if (!script) {
+        const attrs = info.attrs;
         script = document.createElement('script');
-        script.type = 'text/javascript';
+        script.type = (attrs == null ? void 0 : attrs['type']) === 'module' ? 'module' : 'text/javascript';
         script.src = info.url;
         let createScriptRes = undefined;
         if (info.createScriptHook) {
@@ -447,7 +453,6 @@ function createScript(info) {
                 }
             }
         }
-        const attrs = info.attrs;
         if (attrs && !createScriptRes) {
             Object.keys(attrs).forEach((name)=>{
                 if (script) {
@@ -638,7 +643,8 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
     };
     const handleScriptFetch = async (f, urlObj)=>{
         try {
-            var _vm_constants;
+            var //@ts-ignore
+            _vm_constants;
             const res = await f(urlObj.href);
             const data = await res.text();
             const [path, vm] = await Promise.all([
@@ -670,7 +676,20 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
             cb(e instanceof Error ? e : new Error(`Script execution error: ${e}`));
         }
     };
-    getFetch().then((f)=>handleScriptFetch(f, urlObj)).catch((err)=>{
+    getFetch().then(async (f)=>{
+        if ((attrs == null ? void 0 : attrs['type']) === 'esm' || (attrs == null ? void 0 : attrs['type']) === 'module') {
+            return loadModule(urlObj.href, {
+                fetch: f,
+                vm: await importNodeModule('vm')
+            }).then(async (module)=>{
+                await module.evaluate();
+                cb(undefined, module.namespace);
+            }).catch((e)=>{
+                cb(e instanceof Error ? e : new Error(`Script execution error: ${e}`));
+            });
+        }
+        handleScriptFetch(f, urlObj);
+    }).catch((err)=>{
         cb(err);
     });
 }
@@ -688,6 +707,24 @@ function loadScriptNode(url, info) {
         }, info.attrs, info.createScriptHook);
     });
 }
+async function loadModule(url, options) {
+    const { fetch: fetch1, vm } = options;
+    const response = await fetch1(url);
+    const code = await response.text();
+    const module = new vm.SourceTextModule(code, {
+        // @ts-ignore
+        importModuleDynamically: async (specifier, script)=>{
+            const resolvedUrl = new URL(specifier, url).href;
+            return loadModule(resolvedUrl, options);
+        }
+    });
+    await module.link(async (specifier)=>{
+        const resolvedUrl = new URL(specifier, url).href;
+        const module = await loadModule(resolvedUrl, options);
+        return module;
+    });
+    return module;
+}
 
 function normalizeOptions(enableDefault, defaultOptions, key) {
     return function(options) {

package/dist/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/dist/index.esm.js

@@ -67,6 +67,13 @@ const getProcessEnv = function() {
 };
 
 const DEBUG_LOG = '[ FEDERATION DEBUG ]';
+function safeToString$1(info) {
+    try {
+        return JSON.stringify(info, null, 2);
+    } catch (e) {
+        return '';
+    }
+}
 function safeGetLocalStorageItem() {
     try {
         if (typeof window !== 'undefined' && window.localStorage) {
@@ -80,7 +87,7 @@ function safeGetLocalStorageItem() {
 let Logger = class Logger {
     info(msg, info) {
         if (this.enable) {
-            const argsToString = safeToString(info) || '';
+            const argsToString = safeToString$1(info) || '';
             if (isBrowserEnv()) {
                 console.info(`%c ${this.identifier}: ${msg} ${argsToString}`, 'color:#3300CC');
             } else {
@@ -158,7 +165,7 @@ const parseEntry = (str, devVerOrUrl, separator = SEPARATOR)=>{
     }
 };
 const logger = new Logger();
-const composeKeyWithSeparator =  function(...args) {
+const composeKeyWithSeparator = function(...args) {
     if (!args.length) {
         return '';
     }
@@ -172,7 +179,7 @@ const composeKeyWithSeparator =  function(...args) {
         return `${sum}${SEPARATOR}${cur}`;
     }, '');
 };
-const encodeName =  function(name, prefix = '', withExt = false) {
+const encodeName = function(name, prefix = '', withExt = false) {
     try {
         const ext = withExt ? '.js' : '';
         return `${prefix}${name.replace(new RegExp(`${NameTransformSymbol.AT}`, 'g'), NameTransformMap[NameTransformSymbol.AT]).replace(new RegExp(`${NameTransformSymbol.HYPHEN}`, 'g'), NameTransformMap[NameTransformSymbol.HYPHEN]).replace(new RegExp(`${NameTransformSymbol.SLASH}`, 'g'), NameTransformMap[NameTransformSymbol.SLASH])}${ext}`;
@@ -180,7 +187,7 @@ const encodeName =  function(name, prefix = '', withExt = false) {
         throw err;
     }
 };
-const decodeName =  function(name, prefix, withExt) {
+const decodeName = function(name, prefix, withExt) {
     try {
         let decodedName = name;
         if (prefix) {
@@ -198,7 +205,7 @@ const decodeName =  function(name, prefix, withExt) {
         throw err;
     }
 };
-const generateExposeFilename =  (exposeName, withExt)=>{
+const generateExposeFilename = (exposeName, withExt)=>{
     if (!exposeName) {
         return '';
     }
@@ -211,7 +218,7 @@ const generateExposeFilename =  (exposeName, withExt)=>{
     }
     return encodeName(expose, '__federation_expose_', withExt);
 };
-const generateShareFilename =  (pkgName, withExt)=>{
+const generateShareFilename = (pkgName, withExt)=>{
     if (!pkgName) {
         return '';
     }
@@ -379,7 +386,7 @@ function generateSnapshotFromManifest(manifest, options = {}) {
     if (ssrRemoteEntry) {
         const fullSSRRemoteEntry = simpleJoinRemoteEntry(ssrRemoteEntry.path, ssrRemoteEntry.name);
         remoteSnapshot.ssrRemoteEntry = fullSSRRemoteEntry;
-        remoteSnapshot.ssrRemoteEntryType = 'commonjs-module';
+        remoteSnapshot.ssrRemoteEntryType = ssrRemoteEntry.type || 'commonjs-module';
     }
     return remoteSnapshot;
 }
@@ -426,8 +433,9 @@ function createScript(info) {
         }
     }
     if (!script) {
+        const attrs = info.attrs;
         script = document.createElement('script');
-        script.type = 'text/javascript';
+        script.type = (attrs == null ? void 0 : attrs['type']) === 'module' ? 'module' : 'text/javascript';
         script.src = info.url;
         let createScriptRes = undefined;
         if (info.createScriptHook) {
@@ -443,7 +451,6 @@ function createScript(info) {
                 }
             }
         }
-        const attrs = info.attrs;
         if (attrs && !createScriptRes) {
             Object.keys(attrs).forEach((name)=>{
                 if (script) {
@@ -634,7 +641,8 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
     };
     const handleScriptFetch = async (f, urlObj)=>{
         try {
-            var _vm_constants;
+            var //@ts-ignore
+            _vm_constants;
             const res = await f(urlObj.href);
             const data = await res.text();
             const [path, vm] = await Promise.all([
@@ -666,7 +674,20 @@ function createScriptNode(url, cb, attrs, createScriptHook) {
             cb(e instanceof Error ? e : new Error(`Script execution error: ${e}`));
         }
     };
-    getFetch().then((f)=>handleScriptFetch(f, urlObj)).catch((err)=>{
+    getFetch().then(async (f)=>{
+        if ((attrs == null ? void 0 : attrs['type']) === 'esm' || (attrs == null ? void 0 : attrs['type']) === 'module') {
+            return loadModule(urlObj.href, {
+                fetch: f,
+                vm: await importNodeModule('vm')
+            }).then(async (module)=>{
+                await module.evaluate();
+                cb(undefined, module.namespace);
+            }).catch((e)=>{
+                cb(e instanceof Error ? e : new Error(`Script execution error: ${e}`));
+            });
+        }
+        handleScriptFetch(f, urlObj);
+    }).catch((err)=>{
         cb(err);
     });
 }
@@ -684,6 +705,24 @@ function loadScriptNode(url, info) {
         }, info.attrs, info.createScriptHook);
     });
 }
+async function loadModule(url, options) {
+    const { fetch: fetch1, vm } = options;
+    const response = await fetch1(url);
+    const code = await response.text();
+    const module = new vm.SourceTextModule(code, {
+        // @ts-ignore
+        importModuleDynamically: async (specifier, script)=>{
+            const resolvedUrl = new URL(specifier, url).href;
+            return loadModule(resolvedUrl, options);
+        }
+    });
+    await module.link(async (specifier)=>{
+        const resolvedUrl = new URL(specifier, url).href;
+        const module = await loadModule(resolvedUrl, options);
+        return module;
+    });
+    return module;
+}
 
 function normalizeOptions(enableDefault, defaultOptions, key) {
     return function(options) {

package/dist/normalize-webpack-path.cjs.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var path = require('path');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
-
 function getWebpackPath(compiler, options = {
     framework: 'other'
 }) {
@@ -39,7 +33,7 @@ const normalizeWebpackPath = (fullPath)=>{
         return process.env['FEDERATION_WEBPACK_PATH'] || fullPath;
     }
     if (process.env['FEDERATION_WEBPACK_PATH']) {
-        return path__default["default"].resolve(process.env['FEDERATION_WEBPACK_PATH'], fullPath.replace('webpack', '../../'));
+        return path.resolve(process.env['FEDERATION_WEBPACK_PATH'], fullPath.replace('webpack', '../../'));
     }
     return fullPath;
 };

package/dist/normalize-webpack-path.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/normalize-webpack-path";

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/sdk",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "license": "MIT",
   "description": "A sdk for support module federation",
   "keywords": [
@@ -41,4 +41,4 @@
       ]
     }
   }
-}
+}

package/package.json

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