@module-federation/utilities 0.0.0-perf-devtools-20260108034446 → 0.0.0-perf-website-code-usage-20260914033703

package/README.md

@@ -1,22 +1,24 @@
-# utils
+# @module-federation/utilities
 
-For warning： [`@module-federation/runtime`](https://module-federation.io/guide/basic/runtime/runtime.html) is recommended as a replacement
-
-This library was generated with [Nx](https://nx.dev).
+For warning: [`@module-federation/runtime`](https://module-federation.io/guide/basic/runtime/runtime.html) is recommended as a replacement.
 
 ## Building
 
-Run `nx build utils` to build the library.
+```bash
+pnpm --filter @module-federation/utilities run build
+```
 
 ## Running unit tests
 
-Run `nx test utils` to execute the unit tests via [Jest](https://jestjs.io).
+```bash
+pnpm --filter @module-federation/utilities run test
+```
 
 ## React utilities
 
 ---
 
-`FederatedBoundary`
+`FederationBoundary`
 
 A component wrapper that provides a fallback for safe imports if something were to fail when grabbing a module off of a remote host.
 
@@ -70,7 +72,7 @@ importRemote({
 );
 
 // --
-// If it's a ESM module (this is currently the default for NX):
+// If it's an ESM module:
 // --
 const Bar = lazy(() => importRemote({ url: 'http://localhost:3001', scope: 'Foo', module: 'Bar', esm: true }));
 

package/dist/cjs/Logger.js

@@ -0,0 +1,63 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ (function () {
+  return typeof document === 'undefined'
+    ? new (require('url'.replace('', '')).URL)('file:' + __filename).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+})();
+;
+// The require scope
+var __webpack_require__ = {};
+
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+class Logger {
+    static getLogger() {
+        return this.loggerInstance;
+    }
+    static setLogger(logger) {
+        this.loggerInstance = logger || console;
+        return logger;
+    }
+}
+Logger.loggerInstance = console;
+
+__webpack_require__.d(__webpack_exports__, {
+  Logger: () => (Logger)
+});
+
+exports.Logger = __webpack_exports__.Logger;
+for(var __rspack_i in __webpack_exports__) {
+  if(["Logger"].indexOf(__rspack_i) === -1) {
+    exports[__rspack_i] = __webpack_exports__[__rspack_i];
+  }
+}
+Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/components/ErrorBoundary.js

@@ -0,0 +1,98 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ (function () {
+  return typeof document === 'undefined'
+    ? new (require('url'.replace('', '')).URL)('file:' + __filename).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+})();
+;
+// The require scope
+var __webpack_require__ = {};
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ components_ErrorBoundary)
+});
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/ErrorBoundary.tsx
+
+/**
+ * Generic error boundary component.
+ */ class ErrorBoundary extends (external_react_default()).Component {
+    static getDerivedStateFromError() {
+        return {
+            hasError: true
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return 'An error has occurred.';
+        }
+        return this.props.children;
+    }
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false
+        };
+    }
+}
+/* export default */ const components_ErrorBoundary = (ErrorBoundary);
+
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__) {
+  if(["default"].indexOf(__rspack_i) === -1) {
+    exports[__rspack_i] = __webpack_exports__[__rspack_i];
+  }
+}
+Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/components/FederationBoundary.js

@@ -0,0 +1,103 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ (function () {
+  return typeof document === 'undefined'
+    ? new (require('url'.replace('', '')).URL)('file:' + __filename).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+})();
+;
+// The require scope
+var __webpack_require__ = {};
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ components_FederationBoundary)
+});
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "./ErrorBoundary.js"
+const external_ErrorBoundary_js_namespaceObject = require("./ErrorBoundary.js");
+var external_ErrorBoundary_js_default = /*#__PURE__*/__webpack_require__.n(external_ErrorBoundary_js_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/FederationBoundary.tsx
+
+
+/**
+ * A fallback component that renders nothing.
+ */ const FallbackComponent = ()=>{
+    return null;
+};
+/**
+ * Wrapper around dynamic import.
+ * Adds error boundaries and fallback options.
+ */ const FederationBoundary = ({ dynamicImporter, fallback = ()=>Promise.resolve(FallbackComponent), customBoundary: CustomBoundary = (external_ErrorBoundary_js_default()), ...rest })=>{
+    const ImportResult = (0,external_react_namespaceObject.useMemo)(()=>{
+        return /*#__PURE__*/ (0,external_react_namespaceObject.lazy)(()=>dynamicImporter().catch((e)=>{
+                console.error(e);
+                return fallback();
+            }).then((m)=>{
+                return {
+                    //@ts-ignore
+                    default: m.default || m
+                };
+            }));
+    }, [
+        dynamicImporter,
+        fallback
+    ]);
+    return /*#__PURE__*/ external_react_default().createElement(CustomBoundary, null, /*#__PURE__*/ external_react_default().createElement(ImportResult, rest));
+};
+/* export default */ const components_FederationBoundary = (FederationBoundary);
+
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__) {
+  if(["default"].indexOf(__rspack_i) === -1) {
+    exports[__rspack_i] = __webpack_exports__[__rspack_i];
+  }
+}
+Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/index.js

@@ -0,0 +1,172 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ (function () {
+  return typeof document === 'undefined'
+    ? new (require('url'.replace('', '')).URL)('file:' + __filename).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+})();
+;
+var __webpack_modules__ = ({
+160(module) {
+module.exports = require("./Logger.js");
+
+},
+704(module) {
+module.exports = require("./types/index.js");
+
+},
+37(module) {
+module.exports = require("./utils/common.js");
+
+},
+953(module) {
+module.exports = require("./utils/getRuntimeRemotes.js");
+
+},
+158(module) {
+module.exports = require("./utils/importDelegatedModule.js");
+
+},
+711(module) {
+module.exports = require("./utils/importRemote.js");
+
+},
+755(module) {
+module.exports = require("./utils/isEmpty.js");
+
+},
+576(module) {
+module.exports = require("./utils/pure.js");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+/* import */ var _types__rspack_import_0 = __webpack_require__(704);
+/* import */ var _types__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_types__rspack_import_0);
+
+/* reexport */ var __rspack_reexport = {};
+/* reexport */ for( const __rspack_import_key in _types__rspack_import_0) if(["getContainer","importRemote","isObjectEmpty","default","getRuntimeRemotes","loadScript","createRuntimeVariables","injectScript","getModule","Logger","importDelegatedModule","extractUrlAndGlobal"].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] =() => _types__rspack_import_0[__rspack_import_key]
+/* reexport */ __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+/* import */ var _utils_common__rspack_import_1 = __webpack_require__(37);
+/* import */ var _utils_common__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(_utils_common__rspack_import_1);
+/* import */ var _utils_isEmpty__rspack_import_2 = __webpack_require__(755);
+/* import */ var _utils_isEmpty__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_utils_isEmpty__rspack_import_2);
+/* import */ var _utils_importRemote__rspack_import_3 = __webpack_require__(711);
+/* import */ var _utils_importRemote__rspack_import_3_default = /*#__PURE__*/__webpack_require__.n(_utils_importRemote__rspack_import_3);
+/* import */ var _Logger__rspack_import_4 = __webpack_require__(160);
+/* import */ var _Logger__rspack_import_4_default = /*#__PURE__*/__webpack_require__.n(_Logger__rspack_import_4);
+/* import */ var _utils_getRuntimeRemotes__rspack_import_5 = __webpack_require__(953);
+/* import */ var _utils_getRuntimeRemotes__rspack_import_5_default = /*#__PURE__*/__webpack_require__.n(_utils_getRuntimeRemotes__rspack_import_5);
+/* import */ var _utils_importDelegatedModule__rspack_import_6 = __webpack_require__(158);
+/* import */ var _utils_importDelegatedModule__rspack_import_6_default = /*#__PURE__*/__webpack_require__.n(_utils_importDelegatedModule__rspack_import_6);
+/* import */ var _utils_pure__rspack_import_7 = __webpack_require__(576);
+/* import */ var _utils_pure__rspack_import_7_default = /*#__PURE__*/__webpack_require__.n(_utils_pure__rspack_import_7);
+
+
+
+
+
+
+
+
+
+__webpack_require__.d(__webpack_exports__, {
+  Logger: () => (/* reexport safe */ _Logger__rspack_import_4.Logger),
+  createRuntimeVariables: () => (/* reexport safe */ _utils_common__rspack_import_1.createRuntimeVariables),
+  extractUrlAndGlobal: () => (/* reexport safe */ _utils_pure__rspack_import_7.extractUrlAndGlobal),
+  getContainer: () => (/* reexport safe */ _utils_common__rspack_import_1.getContainer),
+  getModule: () => (/* reexport safe */ _utils_common__rspack_import_1.getModule),
+  getRuntimeRemotes: () => (/* reexport safe */ _utils_getRuntimeRemotes__rspack_import_5.getRuntimeRemotes),
+  importDelegatedModule: () => (/* reexport safe */ _utils_importDelegatedModule__rspack_import_6.importDelegatedModule),
+  importRemote: () => (/* reexport safe */ _utils_importRemote__rspack_import_3.importRemote),
+  injectScript: () => (/* reexport safe */ _utils_common__rspack_import_1.injectScript),
+  isObjectEmpty: () => (/* reexport safe */ _utils_isEmpty__rspack_import_2.isObjectEmpty),
+  loadScript: () => (/* reexport safe */ _utils_pure__rspack_import_7.loadScript)
+});
+
+})();
+
+exports.Logger = __webpack_exports__.Logger;
+exports.createRuntimeVariables = __webpack_exports__.createRuntimeVariables;
+exports.extractUrlAndGlobal = __webpack_exports__.extractUrlAndGlobal;
+exports.getContainer = __webpack_exports__.getContainer;
+exports.getModule = __webpack_exports__.getModule;
+exports.getRuntimeRemotes = __webpack_exports__.getRuntimeRemotes;
+exports.importDelegatedModule = __webpack_exports__.importDelegatedModule;
+exports.importRemote = __webpack_exports__.importRemote;
+exports.injectScript = __webpack_exports__.injectScript;
+exports.isObjectEmpty = __webpack_exports__.isObjectEmpty;
+exports.loadScript = __webpack_exports__.loadScript;
+for(var __rspack_i in __webpack_exports__) {
+  if(["Logger","createRuntimeVariables","extractUrlAndGlobal","getContainer","getModule","getRuntimeRemotes","importDelegatedModule","importRemote","injectScript","isObjectEmpty","loadScript"].indexOf(__rspack_i) === -1) {
+    exports[__rspack_i] = __webpack_exports__[__rspack_i];
+  }
+}
+Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/plugins/DelegateModulesPlugin.js

@@ -0,0 +1,134 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ (function () {
+  return typeof document === 'undefined'
+    ? new (require('url'.replace('', '')).URL)('file:' + __filename).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+})();
+;
+// The require scope
+var __webpack_require__ = {};
+
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+const REMOTE_REFERENCE_PREFIX = /^(?:webpack|rspack)\/container\/reference/;
+class DelegateModulesPlugin {
+    getChunkByName(chunks, name) {
+        for (const chunk of chunks){
+            if (chunk.name === name) {
+                return chunk;
+            }
+        }
+        return undefined;
+    }
+    addDelegatesToChunks(compilation, chunks) {
+        for (const chunk of chunks){
+            this._delegateModules.forEach((module)=>{
+                this.addModuleAndDependenciesToChunk(module, chunk, compilation);
+            });
+        }
+    }
+    addModuleAndDependenciesToChunk(module, chunk, compilation) {
+        if (!compilation.chunkGraph.isModuleInChunk(module, chunk)) {
+            if (this.options.debug) {
+                console.log('adding ', module.identifier(), ' to chunk', chunk.name);
+            }
+            compilation.chunkGraph.connectChunkAndModule(chunk, module);
+        }
+    }
+    removeDelegatesNonRuntimeChunks(compilation, chunks) {
+        for (const chunk of chunks){
+            if (!chunk.hasRuntime()) {
+                this.options.debug && console.log('non-runtime chunk:', chunk.debugId, chunk.id, chunk.name);
+                for (const [id, module] of this._delegateModules){
+                    compilation.chunkGraph.disconnectChunkAndModule(chunk, module);
+                }
+            }
+        }
+    }
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap('DelegateModulesPlugin', (compilation)=>{
+            compilation.hooks.finishModules.tapAsync('DelegateModulesPlugin', (modules, callback)=>{
+                const { remotes } = this.options;
+                const knownDelegates = new Set(remotes ? Object.values(remotes).map((remote)=>remote.replace('internal ', '')) : []);
+                for (const module of modules){
+                    const normalModule = module;
+                    if (normalModule) {
+                        const mid = normalModule.identifier();
+                        if (normalModule?.userRequest && REMOTE_REFERENCE_PREFIX.test(normalModule.userRequest)) {
+                            this._delegateModules.set(mid, normalModule);
+                        }
+                    }
+                    if (normalModule.resource && knownDelegates.has(normalModule.resource)) {
+                        this._delegateModules.set(normalModule.resource, normalModule);
+                    }
+                }
+                callback();
+            });
+            compilation.hooks.optimizeChunks.tap('DelegateModulesPlugin', (chunks)=>{
+                const { runtime, container } = this.options;
+                const runtimeChunk = this.getChunkByName(chunks, runtime);
+                if (!runtimeChunk || !runtimeChunk.hasRuntime()) {
+                    return;
+                }
+                // Get the container chunk if specified
+                const remoteContainer = container ? this.getChunkByName(chunks, container) : null;
+                this.options.debug && console.log(remoteContainer?.name, runtimeChunk.name, this._delegateModules.size);
+                this.addDelegatesToChunks(compilation, [
+                    remoteContainer,
+                    runtimeChunk
+                ].filter(Boolean));
+                this.removeDelegatesNonRuntimeChunks(compilation, chunks);
+            });
+        });
+    }
+    constructor(options){
+        this.options = {
+            debug: false,
+            ...options
+        };
+        this._delegateModules = new Map();
+    }
+}
+/* export default */ const __rspack_default_export = (DelegateModulesPlugin);
+
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__) {
+  if(["default"].indexOf(__rspack_i) === -1) {
+    exports[__rspack_i] = __webpack_exports__[__rspack_i];
+  }
+}
+Object.defineProperty(exports, '__esModule', { value: true });