@module-federation/modern-js 0.0.0-next-20240515062211

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present zhanghang(2heal1)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @module-federation/modern-js

package/dist/CHANGELOG.md

@@ -0,0 +1 @@
+# @module-federation/modern-js

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present zhanghang(2heal1)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1 @@
+# @module-federation/modern-js

package/dist/cjs/cli/index.js

@@ -0,0 +1,165 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cli_exports = {};
+__export(cli_exports, {
+  createModuleFederationConfig: () => import_enhanced2.createModuleFederationConfig,
+  default: () => cli_default,
+  moduleFederationPlugin: () => moduleFederationPlugin
+});
+module.exports = __toCommonJS(cli_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var import_enhanced = require("@module-federation/enhanced");
+var import_node = require("@module-federation/node");
+var import_utils2 = require("./utils");
+var import_manifest = require("./manifest");
+var import_constant = require("../constant");
+var import_enhanced2 = require("@module-federation/enhanced");
+const moduleFederationPlugin = (userConfig = {}) => ({
+  name: "@modern-js/plugin-module-federation",
+  setup: async ({ useConfigContext }) => {
+    var _useConfig_server, _useConfig_server1, _useConfig_server_ssr, _useConfig_server2;
+    const useConfig = useConfigContext();
+    const enableSSR = Boolean(useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_server = useConfig.server) === null || _useConfig_server === void 0 ? void 0 : _useConfig_server.ssr);
+    const isStreamSSR = typeof (useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_server1 = useConfig.server) === null || _useConfig_server1 === void 0 ? void 0 : _useConfig_server1.ssr) === "object" ? (useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_server2 = useConfig.server) === null || _useConfig_server2 === void 0 ? void 0 : (_useConfig_server_ssr = _useConfig_server2.ssr) === null || _useConfig_server_ssr === void 0 ? void 0 : _useConfig_server_ssr.mode) === "stream" : false;
+    const mfConfig = await (0, import_utils2.getMFConfig)(userConfig);
+    let outputDir = "";
+    let browserPlugin;
+    let nodePlugin;
+    return {
+      config: () => {
+        var _useConfig_dev;
+        if (enableSSR) {
+          process.env["MF_DISABLE_EMIT_STATS"] = "true";
+        }
+        return {
+          tools: {
+            webpack(config, { isServer }) {
+              var _config_optimization, _useConfig_source, _config_output;
+              (_config_optimization = config.optimization) === null || _config_optimization === void 0 ? true : delete _config_optimization.runtimeChunk;
+              (0, import_utils2.patchMFConfig)(mfConfig);
+              if (isServer) {
+                var _config_plugins, _config_plugins1;
+                nodePlugin = new import_enhanced.ModuleFederationPlugin({
+                  library: {
+                    type: "commonjs-module",
+                    name: mfConfig.name
+                  },
+                  ...mfConfig
+                });
+                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
+                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new import_node.StreamingTargetPlugin(mfConfig));
+              } else {
+                var _config_output1, _config_plugins2, _config_optimization1;
+                outputDir = ((_config_output1 = config.output) === null || _config_output1 === void 0 ? void 0 : _config_output1.path) || import_path.default.resolve(process.cwd(), "dist");
+                browserPlugin = new import_enhanced.ModuleFederationPlugin(mfConfig);
+                (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+                if (enableSSR && isStreamSSR && typeof ((_config_optimization1 = config.optimization) === null || _config_optimization1 === void 0 ? void 0 : _config_optimization1.splitChunks) === "object" && config.optimization.splitChunks.cacheGroups) {
+                  config.optimization.splitChunks.chunks = "async";
+                  console.warn('[Modern.js Module Federation] splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"');
+                }
+              }
+              const enableAsyncEntry = (_useConfig_source = useConfig.source) === null || _useConfig_source === void 0 ? void 0 : _useConfig_source.enableAsyncEntry;
+              if (!enableAsyncEntry && mfConfig.async) {
+                var _config_plugins3;
+                const asyncBoundaryPluginOptions = {
+                  eager: (module2) => module2 && /\.federation/.test((module2 === null || module2 === void 0 ? void 0 : module2.request) || ""),
+                  excludeChunk: (chunk) => chunk.name === mfConfig.name
+                };
+                (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(new import_enhanced.AsyncBoundaryPlugin(asyncBoundaryPluginOptions));
+              }
+              if (((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.publicPath) === "auto") {
+                var _useConfig_dev2, _useConfig_server3;
+                const port = ((_useConfig_dev2 = useConfig.dev) === null || _useConfig_dev2 === void 0 ? void 0 : _useConfig_dev2.port) || ((_useConfig_server3 = useConfig.server) === null || _useConfig_server3 === void 0 ? void 0 : _useConfig_server3.port) || 8080;
+                const publicPath = `http://localhost:${port}/`;
+                config.output.publicPath = publicPath;
+              }
+            },
+            devServer: {
+              headers: {
+                "Access-Control-Allow-Origin": "*",
+                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+                "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+              },
+              before: [
+                (req, res, next) => {
+                  if (!enableSSR) {
+                    next();
+                    return;
+                  }
+                  try {
+                    var _req_url, _req_url1, _req_url2;
+                    const SERVER_PREFIX = `/${import_constant.MODERN_JS_SERVER_DIR}`;
+                    if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes("remoteEntry.js")) || ((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes(".json"))) {
+                      const filepath = import_path.default.join(process.cwd(), `dist${req.url}`);
+                      import_utils.fs.statSync(filepath);
+                      res.setHeader("Access-Control-Allow-Origin", "*");
+                      res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
+                      res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
+                      import_utils.fs.createReadStream(filepath).pipe(res);
+                    } else {
+                      next();
+                    }
+                  } catch (err) {
+                    console.error(err);
+                    next();
+                  }
+                }
+              ]
+            }
+          },
+          source: {
+            alias: {
+              "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
+            }
+          },
+          dev: {
+            assetPrefix: (useConfig === null || useConfig === void 0 ? void 0 : (_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) ? useConfig.dev.assetPrefix : true
+          }
+        };
+      },
+      afterBuild: () => {
+        if (enableSSR) {
+          (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, outputDir);
+        }
+      },
+      afterDev: () => {
+        if (enableSSR) {
+          (0, import_manifest.updateStatsAndManifest)(nodePlugin, browserPlugin, outputDir);
+        }
+      }
+    };
+  }
+});
+var cli_default = moduleFederationPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createModuleFederationConfig,
+  moduleFederationPlugin
+});

package/dist/cjs/cli/manifest.js

@@ -0,0 +1,72 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var manifest_exports = {};
+__export(manifest_exports, {
+  updateStatsAndManifest: () => updateStatsAndManifest
+});
+module.exports = __toCommonJS(manifest_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+var import_constant = require("../constant");
+function mergeStats(browserStats, nodeStats) {
+  const ssrRemoteEntry = nodeStats.metaData.remoteEntry;
+  ssrRemoteEntry.path = import_constant.MODERN_JS_SERVER_DIR;
+  browserStats.metaData.ssrRemoteEntry = ssrRemoteEntry;
+  return browserStats;
+}
+function mergeManifest(browserManifest, nodeManifest) {
+  const ssrRemoteEntry = nodeManifest.metaData.remoteEntry;
+  ssrRemoteEntry.path = import_constant.MODERN_JS_SERVER_DIR;
+  browserManifest.metaData.ssrRemoteEntry = ssrRemoteEntry;
+  return browserManifest;
+}
+function mergeStatsAndManifest(nodePlugin, browserPlugin) {
+  const nodeResourceInfo = nodePlugin.statsResourceInfo;
+  const browserResourceInfo = browserPlugin.statsResourceInfo;
+  if (!browserResourceInfo || !nodeResourceInfo || !browserResourceInfo.stats || !nodeResourceInfo.stats || !browserResourceInfo.manifest || !nodeResourceInfo.manifest) {
+    throw new Error("can not get browserResourceInfo or nodeResourceInfo");
+  }
+  const mergedStats = mergeStats(browserResourceInfo.stats.stats, nodeResourceInfo.stats.stats);
+  const mergedManifest = mergeManifest(browserResourceInfo.manifest.manifest, nodeResourceInfo.manifest.manifest);
+  return {
+    mergedStats,
+    mergedStatsFilePath: browserResourceInfo.stats.filename,
+    mergedManifest,
+    mergedManifestFilePath: browserResourceInfo.manifest.filename
+  };
+}
+function updateStatsAndManifest(nodePlugin, browserPlugin, outputDir) {
+  const { mergedStats, mergedStatsFilePath, mergedManifest, mergedManifestFilePath } = mergeStatsAndManifest(nodePlugin, browserPlugin);
+  import_utils.fs.writeFileSync(import_path.default.resolve(outputDir, mergedStatsFilePath), JSON.stringify(mergedStats, null, 2));
+  import_utils.fs.writeFileSync(import_path.default.resolve(outputDir, mergedManifestFilePath), JSON.stringify(mergedManifest, null, 2));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateStatsAndManifest
+});

package/dist/cjs/cli/mfRuntimePlugins/shared-strategy.js

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_strategy_exports = {};
+__export(shared_strategy_exports, {
+  default: () => shared_strategy_default
+});
+module.exports = __toCommonJS(shared_strategy_exports);
+const sharedStrategy = () => ({
+  name: "shared-strategy",
+  beforeInit(args) {
+    const { shareInfo } = args;
+    if (shareInfo) {
+      Object.keys(shareInfo || {}).forEach((sharedKey) => {
+        const sharedConfigs = shareInfo[sharedKey];
+        const arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
+          sharedConfigs
+        ];
+        arraySharedConfigs.forEach((s) => {
+          s.strategy = "loaded-first";
+        });
+      });
+    }
+    return args;
+  }
+});
+var shared_strategy_default = sharedStrategy;

package/dist/cjs/cli/utils.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  getMFConfig: () => getMFConfig,
+  patchMFConfig: () => patchMFConfig
+});
+module.exports = __toCommonJS(utils_exports);
+var import_path = __toESM(require("path"));
+var import_node_bundle_require = require("@modern-js/node-bundle-require");
+const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
+const getMFConfig = async (userConfig) => {
+  const { config, configPath } = userConfig;
+  if (config) {
+    return config;
+  }
+  const mfConfigPath = configPath ? configPath : defaultPath;
+  const preBundlePath = await (0, import_node_bundle_require.bundle)(mfConfigPath);
+  const mfConfig = (await Promise.resolve().then(() => __toESM(require(preBundlePath)))).default;
+  return mfConfig;
+};
+const patchMFConfig = (mfConfig) => {
+  mfConfig.runtimePlugins = mfConfig.runtimePlugins || [];
+  const runtimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!mfConfig.runtimePlugins.includes(runtimePluginPath)) {
+    mfConfig.runtimePlugins.push(import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  }
+  if (typeof mfConfig.async === "undefined") {
+    mfConfig.async = true;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getMFConfig,
+  patchMFConfig
+});

package/dist/cjs/constant.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constant_exports = {};
+__export(constant_exports, {
+  MODERN_JS_SERVER_DIR: () => MODERN_JS_SERVER_DIR
+});
+module.exports = __toCommonJS(constant_exports);
+const MODERN_JS_SERVER_DIR = "bundles";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MODERN_JS_SERVER_DIR
+});

package/dist/cjs/runtime/MFReactComponent.js

@@ -0,0 +1,108 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MFReactComponent_exports = {};
+__export(MFReactComponent_exports, {
+  MFReactComponent: () => MFReactComponent
+});
+module.exports = __toCommonJS(MFReactComponent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_runtime = require("@module-federation/enhanced/runtime");
+function getLoadedRemoteInfos(instance, id) {
+  const moduleName = instance.remoteHandler.idToModuleNameMap[id];
+  if (!moduleName) {
+    return;
+  }
+  const module2 = instance.moduleCache.get(moduleName);
+  if (!module2) {
+    return;
+  }
+  const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(module2.remoteInfo);
+  return {
+    ...module2.remoteInfo,
+    snapshot: remoteSnapshot
+  };
+}
+function collectLinks(id) {
+  const links = [];
+  const instance = (0, import_runtime.getInstance)();
+  if (!instance) {
+    return links;
+  }
+  const loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
+  if (!loadedRemoteInfo) {
+    return links;
+  }
+  const snapshot = loadedRemoteInfo.snapshot;
+  if (!snapshot) {
+    return links;
+  }
+  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
+  if (!publicPath) {
+    return links;
+  }
+  const modules = "modules" in snapshot ? snapshot.modules : [];
+  if (modules) {
+    modules.forEach((module2) => {
+      [
+        ...module2.assets.css.sync,
+        ...module2.assets.css.async
+      ].forEach((file, index) => {
+        links.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", {
+          href: `${publicPath}${file}`,
+          rel: "stylesheet",
+          type: "text/css"
+        }, index));
+      });
+    });
+  }
+  return links;
+}
+function MFReactComponent(props) {
+  const { loading = "loading...", id } = props;
+  const Component = /* @__PURE__ */ import_react.default.lazy(() => (0, import_runtime.loadRemote)(id).then((mod) => {
+    const links = collectLinks(id);
+    return {
+      default: () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+        children: [
+          links,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(mod.default, {})
+        ]
+      })
+    };
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Suspense, {
+    fallback: loading,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {})
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MFReactComponent
+});

package/dist/cjs/runtime/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var runtime_exports = {};
+__export(runtime_exports, {
+  MFReactComponent: () => import_MFReactComponent.MFReactComponent
+});
+module.exports = __toCommonJS(runtime_exports);
+__reExport(runtime_exports, require("@module-federation/enhanced/runtime"), module.exports);
+var import_MFReactComponent = require("./MFReactComponent");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MFReactComponent,
+  ...require("@module-federation/enhanced/runtime")
+});

package/dist/cjs/types/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);