@module-federation/nextjs-mf 5.4.0 → 5.4.1

package/lib/ModuleFederationPlugin.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /*
 	MIT License http://www.opensource.org/licenses/mit-license.php
 	Author Tobias Koppers @sokra and Zackary Jackson @ScriptedAlchemy
@@ -79,4 +81,4 @@ class ModuleFederationPlugin {
   }
 }
 
-module.exports = ModuleFederationPlugin;
+exports["default"] = ModuleFederationPlugin;

package/lib/NextFederationPlugin.js

@@ -1,15 +1,18 @@
 'use strict';
 
-var fs = require('fs');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var require$$1 = require('fs');
 var path = require('path');
+var helpers = require('./loaders/helpers.js');
+var nextPageMapLoader = require('./loaders/nextPageMapLoader.js');
+var DevHmrFixInvalidPongPlugin = require('./plugins/DevHmrFixInvalidPongPlugin.js');
 var internal = require('./internal.js');
-var index = require('./node-plugin/streaming/index.js');
-var NodeRuntime = require('./node-plugin/streaming/NodeRuntime.js');
 var ModuleFederationPlugin = require('./ModuleFederationPlugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
+var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 
 /*
@@ -17,13 +20,6 @@ var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 	Author Zackary Jackson @ScriptedAlchemy
 */
 'use strict';
-const {
-  injectRuleLoader,
-  hasLoader,
-  toDisplayErrors,
-} = require('./loaders/helpers');
-const { exposeNextjsPages } = require('./loaders/nextPageMapLoader');
-const DevHmrFixInvalidPongPlugin = require('./plugins/DevHmrFixInvalidPongPlugin');
 
 const CHILD_PLUGIN_NAME = 'ChildFederationPlugin';
 
@@ -128,7 +124,7 @@ class ChildFederationPlugin {
       };
 
       // using ModuleFederationPlugin does not work, i had to fork because of afterPlugins hook on containerPlugin.
-      const FederationPlugin = ModuleFederationPlugin;
+      const FederationPlugin = ModuleFederationPlugin["default"];
 
       const federationPluginOptions = {
         // library: {type: 'var', name: buildName},
@@ -137,7 +133,7 @@ class ChildFederationPlugin {
         exposes: {
           ...this._options.exposes,
           ...(this._extraOptions.exposePages
-            ? exposeNextjsPages(compiler.options.context)
+            ? nextPageMapLoader.exposeNextjsPages(compiler.options.context)
             : {}),
         },
         runtime: false,
@@ -165,8 +161,11 @@ class ChildFederationPlugin {
           new AddRuntimeRequirementToPromiseExternal(),
         ];
       } else if (compiler.options.name === 'server') {
+        const StreamingTargetPlugin = require('../node-plugin/streaming').default;
+        const NodeFederationPlugin = require('../node-plugin/streaming/NodeRuntime').default;
+
         plugins = [
-          new NodeRuntime(federationPluginOptions, {ModuleFederationPlugin: FederationPlugin}),
+          new NodeFederationPlugin(federationPluginOptions, {ModuleFederationPlugin: FederationPlugin}),
           new webpack.node.NodeTemplatePlugin(childOutput),
           //TODO: Externals function needs to internalize any shared module for host and remote build
           new webpack.ExternalsPlugin(compiler.options.externalsType, [
@@ -178,7 +177,7 @@ class ChildFederationPlugin {
             'react/jsx-dev-runtime',
           ]),
           // new LoaderTargetPlugin('async-node'),
-          new index(federationPluginOptions, webpack),
+          new StreamingTargetPlugin(federationPluginOptions, webpack),
           new LibraryPlugin(federationPluginOptions.library.type),
           // new webpack.DefinePlugin({
           //   'process.env.REMOTES': JSON.stringify(this._options.remotes),
@@ -198,9 +197,9 @@ class ChildFederationPlugin {
         // next-image-loader fix which adds remote's hostname to the assets url
         if (
           this._extraOptions.enableImageLoaderFix &&
-          hasLoader(rule, 'next-image-loader')
+          helpers.hasLoader(rule, 'next-image-loader')
         ) {
-          injectRuleLoader(rule, {
+          helpers.injectRuleLoader(rule, {
             loader: path__default["default"].resolve(__dirname, './loaders/fixImageLoader.js'),
           });
         }
@@ -208,9 +207,9 @@ class ChildFederationPlugin {
         // url-loader fix for which adds remote's hostname to the assets url
         if (
           this._extraOptions.enableUrlLoaderFix &&
-          hasLoader(rule, 'url-loader')
+          helpers.hasLoader(rule, 'url-loader')
         ) {
-          injectRuleLoader({
+          helpers.injectRuleLoader({
             loader: path__default["default"].resolve(__dirname, './loaders/fixUrlLoader.js'),
           });
         }
@@ -219,7 +218,7 @@ class ChildFederationPlugin {
       childCompiler.options.optimization.runtimeChunk = false;
       // no custom chunk splitting should be derived from host (next)
       delete childCompiler.options.optimization.splitChunks;
-      childCompiler.outputFileSystem = fs__default["default"];
+      childCompiler.outputFileSystem = require$$1__default["default"];
 
       if (compiler.options.optimization.minimize) {
         for (const minimizer of compiler.options.optimization.minimizer) {
@@ -329,7 +328,7 @@ class ChildFederationPlugin {
           }
           if (stats && stats.hasErrors()) {
             compilation.errors.push(
-              new Error(toDisplayErrors(stats.compilation.errors))
+              new Error(helpers.toDisplayErrors(stats.compilation.errors))
             );
           }
         });
@@ -349,7 +348,7 @@ class ChildFederationPlugin {
               }
               if (stats && stats.hasErrors()) {
                 compilation.errors.push(
-                  new Error(toDisplayErrors(stats.compilation.errors))
+                  new Error(helpers.toDisplayErrors(stats.compilation.errors))
                 );
                 rej();
               }
@@ -365,7 +364,7 @@ class ChildFederationPlugin {
           }
           if (stats && stats.hasErrors()) {
             compilation.errors.push(
-              new Error(toDisplayErrors(stats.compilation.errors))
+              new Error(helpers.toDisplayErrors(stats.compilation.errors))
             );
           }
         });
@@ -438,7 +437,8 @@ class NextFederationPlugin {
       console.error('[nextjs-mf] WARNING: SSR IS NOT FULLY SUPPORTED YET, Only use pluign on client builds');
       // target false because we use our own target for node env
       compiler.options.target = false;
-      new index(this._options, webpack).apply(compiler);
+      const StreamingTargetPlugin = require('../node-plugin/streaming').default;
+      new StreamingTargetPlugin(this._options, webpack).apply(compiler);
       this._options.library = {};
       this._options.library.type = 'commonjs-module';
       this._options.library.name = this._options.name;
@@ -457,20 +457,9 @@ class NextFederationPlugin {
           loader: path__default["default"].resolve(__dirname, './loaders/patchNextClientPageLoader'),
         });
       }
+
       if (this._options.remotes) {
-        const parsedRemotes = Object.entries(this._options.remotes).reduce(
-          (acc, remote) => {
-            if (remote[1].includes('@')) {
-              const [url, global] = internal.extractUrlAndGlobal(remote[1]);
-              acc[remote[0]] = internal.generateRemoteTemplate(url, global);
-              return acc;
-            }
-            acc[remote[0]] = remote[1];
-            return acc;
-          },
-          {}
-        );
-        this._options.remotes = parsedRemotes;
+        this._options.remotes = internal.parseRemotes(this._options.remotes);
       }
       if (this._options.library) {
         console.error('[mf] you cannot set custom library');
@@ -488,11 +477,8 @@ class NextFederationPlugin {
       'process.env.CURRENT_HOST': JSON.stringify(this._options.name),
     }).apply(compiler);
 
+    const ModuleFederationPlugin = isServer ? require('../node-plugin/streaming/NodeRuntime').default : webpack.container.ModuleFederationPlugin;
 
-    const ModuleFederationPlugin = {
-      client: webpack.container.ModuleFederationPlugin,
-      server: NodeRuntime,
-    }[compiler.options.name];
     // ignore edge runtime and middleware builds
     if (ModuleFederationPlugin) {
       const internalShare = internal.reKeyHostShared(this._options.shared);
@@ -518,10 +504,10 @@ class NextFederationPlugin {
       new ChildFederationPlugin(this._options, this._extraOptions).apply(compiler);
       new AddRuntimeRequirementToPromiseExternal().apply(compiler);
       if (compiler.options.mode === 'development') {
-        new DevHmrFixInvalidPongPlugin().apply(compiler);
+        new DevHmrFixInvalidPongPlugin["default"]().apply(compiler);
       }
     }
   }
 }
 
-module.exports = NextFederationPlugin;
+exports["default"] = NextFederationPlugin;

package/lib/_virtual/Template.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Template = {exports: {}};
+
+exports.Template = Template;

package/lib/_virtual/UrlNode.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var UrlNode = require('../loaders/UrlNode.js');
+
+
+
+exports["default"] = UrlNode["default"];

package/lib/_virtual/_fast-glob.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var require$$0 = require('fast-glob');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
+
+
+
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return require$$0__default["default"]; }
+});

package/lib/_virtual/_fs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var require$$1 = require('fs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1);
+
+
+
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return require$$1__default["default"]; }
+});

package/lib/_virtual/_path.js

@@ -1,5 +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 }; }
@@ -8,4 +10,7 @@ var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 
 
 
-module.exports = path__default["default"];
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return path__default["default"]; }
+});

package/lib/_virtual/_webpack-sources.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var require$$0 = require('webpack-sources');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
+
+
+
+Object.defineProperty(exports, 'default', {
+	enumerable: true,
+	get: function () { return require$$0__default["default"]; }
+});

package/lib/_virtual/fs.js

@@ -2,6 +2,3 @@
 
 require('./../dependencies/webpack/lib/util/fs.js');
 
-
-
-module.exports = undefined;

package/lib/_virtual/helpers.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var helpers = {};
+
+exports.__exports = helpers;

package/lib/_virtual/nextPageMapLoader.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nextPageMapLoader = {exports: {}};
+
+exports.nextPageMapLoader = nextPageMapLoader;

package/lib/build-utils.js

@@ -0,0 +1,176 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var internal = require('./internal.js');
+require('./utils.js');
+var Template = require('./dependencies/webpack/lib/Template.js');
+
+const swc = require("@swc/core");
+
+const transformInput = (code) => {
+  return swc.transformSync(code, {
+    // Some options cannot be specified in .swcrc
+    sourceMaps: false,
+    // Input files are treated as module by default.
+    isModule: false,
+    // All options below can be configured via .swcrc
+    jsc: {
+      "loose": false,
+      target: "es5",
+      "externalHelpers": false,
+      parser: {
+        syntax: "ecmascript",
+      },
+      transform: {},
+    },
+  }).code
+};
+
+//urlAndGlobal is defined in the template wrapper
+const remoteTemplate = function() {
+    const index = urlAndGlobal.indexOf('@');
+    if (index <= 0 || index === urlAndGlobal.length - 1) {
+      throw new Error(`Invalid request "${urlAndGlobal}"`);
+    }
+    var remote = {url: urlAndGlobal.substring(index + 1), global: urlAndGlobal.substring(0, index)};
+    return new Promise(function (resolve, reject) {
+      var __webpack_error__ = new Error();
+      if (typeof window[remote.global] !== 'undefined') {
+        return resolve();
+      }
+      __webpack_require__.l(remote.url, function (event) {
+        if (typeof window[remote.global] !== 'undefined') {
+          return resolve();
+        }
+
+        var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+        var realSrc = event && event.target && event.target.src;
+        __webpack_error__.message = 'Loading script failed.(' + errorType + ': ' + realSrc + ' or global var ' + remote.global + ')';
+        __webpack_error__.name = 'ScriptExternalLoadError';
+        __webpack_error__.type = errorType;
+        __webpack_error__.request = realSrc;
+        reject(__webpack_error__);
+      }, remote.global);
+    }).then(function () {
+      const proxy = {
+        get: window[remote.global].get,
+        init: function (shareScope) {
+          const handler = {
+            get(target, prop) {
+              if (target[prop]) {
+                Object.values(target[prop]).forEach(function (o) {
+                  if (o.from === '_N_E') {
+                    o.loaded = 1;
+                  }
+                });
+              }
+              return target[prop]
+            },
+            set(target, property, value, receiver) {
+              if (target[property]) {
+                return target[property]
+              }
+              target[property] = value;
+              return true
+            }
+          };
+          try {
+            window[remote.global].init(new Proxy(shareScope, handler));
+          } catch (e) {
+
+          }
+          window[remote.global].__initialized = true;
+        }
+      };
+      if (!window[remote.global].__initialized) {
+        proxy.init();
+      }
+      return proxy
+    })
+};
+const promiseFactory = (factory) => {
+
+  const wrapper = `new Promise(${factory.toString()})`;
+  if (wrapper.includes('require(', 'import(', 'import ')) {
+    throw new Error('promiseFactory does not support require, import, or import statements');
+  }
+
+  const template = Template["default"].asString([
+    'function() {',
+    Template["default"].indent([
+      wrapper
+    ]),
+    '}',
+  ]);
+
+  return template
+};
+
+const promiseTemplate = (remote, ...otherPromises) => {
+  let promises = '';
+  if (otherPromises) {
+    promises = otherPromises.map((p) => {
+      return Template["default"].getFunctionContent(promiseFactory(p))
+    });
+  }
+
+
+
+  let remoteSyntax = remote;
+  let remoteFactory = internal.parseRemoteSyntax;
+
+  if(typeof remote === 'function' || remote.startsWith('function') || remote.startsWith('(')) {
+    remoteSyntax = Template["default"].getFunctionContent(promiseFactory(remote));
+    remoteFactory = (remoteSyntax) => {
+      return Template["default"].asString([
+        `${remoteSyntax}.then(function(urlAndGlobal) {`,
+        Template["default"].indent([
+          Template["default"].getFunctionContent(remoteTemplate)
+        ]),
+        '})'
+      ])
+    };
+  }
+
+
+  const allPromises = [
+    remoteFactory(remoteSyntax),
+    ...promises
+  ].join(',\n');
+
+
+  return Template["default"].asString([
+    'promise new Promise(function(resolve, reject) {',
+    transformInput(Template["default"].indent([
+      'Promise.all([',
+      Template["default"].indent(allPromises),
+      ']).then(function(promises) {',
+      Template["default"].indent([
+        'resolve(promises[0]);',
+      ]),
+      '})',
+    ])),
+    '})',
+  ])
+};
+
+// remotes: {
+//   shop: promiseTemplate('global@url', (resolve,reject) => {}),
+//     shop: promiseTemplate(
+//     // can also be a string if it needs to be computed in scope
+//     `(resolve, reject) => {
+//                 resolve("${remotes.shop}");
+//               }`,
+//     (resolve,reject)=>{
+//       console.log('runing other promise');
+//       setTimeout(() => {
+//         console.log('resolving promise');
+//         resolve();
+//       } , 1000);
+//     }),
+//     checkout: remotes.checkout,
+// },
+
+exports.promiseFactory = promiseFactory;
+exports.promiseTemplate = promiseTemplate;