@module-federation/modern-js 0.0.0-next-20250526035905 → 0.0.0-next-20250526074234

package/dist/cjs/runtime/createRemoteSSRComponent.js

@@ -1,210 +0,0 @@
-"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 createRemoteSSRComponent_exports = {};
-__export(createRemoteSSRComponent_exports, {
-  collectSSRAssets: () => collectSSRAssets,
-  createRemoteSSRComponent: () => createRemoteSSRComponent
-});
-module.exports = __toCommonJS(createRemoteSSRComponent_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_runtime = require("@module-federation/enhanced/runtime");
-var import_react_error_boundary = require("react-error-boundary");
-function getLoadedRemoteInfos(instance, id) {
-  const { name, expose } = instance.remoteHandler.idToRemoteMap[id] || {};
-  if (!name) {
-    return;
-  }
-  const module2 = instance.moduleCache.get(name);
-  if (!module2) {
-    return;
-  }
-  const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(module2.remoteInfo);
-  return {
-    ...module2.remoteInfo,
-    snapshot: remoteSnapshot,
-    expose
-  };
-}
-function getTargetModuleInfo(id) {
-  const instance = (0, import_runtime.getInstance)();
-  if (!instance) {
-    return;
-  }
-  const loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
-  if (!loadedRemoteInfo) {
-    return;
-  }
-  const snapshot = loadedRemoteInfo.snapshot;
-  if (!snapshot) {
-    return;
-  }
-  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
-  if (!publicPath) {
-    return;
-  }
-  const modules = "modules" in snapshot ? snapshot.modules : [];
-  const targetModule = modules.find((m) => m.modulePath === loadedRemoteInfo.expose);
-  if (!targetModule) {
-    return;
-  }
-  const remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
-  if (!remoteEntry) {
-    return;
-  }
-  return {
-    module: targetModule,
-    publicPath,
-    remoteEntry
-  };
-}
-async function collectSSRAssets(options) {
-  const { id, injectLink = true, injectScript = true, inlineCSS = false } = typeof options === "string" ? {
-    id: options
-  } : options;
-  const links = [];
-  const scripts = [];
-  const instance = (0, import_runtime.getInstance)();
-  if (!instance || !injectLink && !injectScript) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const moduleAndPublicPath = getTargetModuleInfo(id);
-  if (!moduleAndPublicPath) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const { module: targetModule, publicPath, remoteEntry } = moduleAndPublicPath;
-  if (injectLink) {
-    await Promise.all([
-      ...targetModule.assets.css.sync,
-      ...targetModule.assets.css.async
-    ].map(async (file, index) => {
-      const href = `${publicPath}${file}`;
-      const key = `${file.split(".")[0]}_${index}`;
-      if (inlineCSS) {
-        const content = await fetch(href).then((res) => res.text());
-        links.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
-          children: content
-        }, key));
-        return;
-      }
-      links.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", {
-        href: `${publicPath}${file}`,
-        rel: "stylesheet",
-        type: "text/css"
-      }, key));
-    }));
-  }
-  if (injectScript) {
-    scripts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-      async: true,
-      src: `${publicPath}${remoteEntry}`,
-      crossOrigin: "anonymous"
-    }, remoteEntry.split(".")[0]));
-    [
-      ...targetModule.assets.js.sync
-    ].forEach((file, index) => {
-      scripts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
-        async: true,
-        src: `${publicPath}${file}`,
-        crossOrigin: "anonymous"
-      }, `${file.split(".")[0]}_${index}`));
-    });
-  }
-  return [
-    ...scripts,
-    ...links
-  ];
-}
-function createRemoteSSRComponent(info) {
-  const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-  const LazyComponent = /* @__PURE__ */ import_react.default.lazy(async () => {
-    try {
-      const m = await info.loader();
-      if (!m) {
-        throw new Error("load remote failed");
-      }
-      const moduleId = m && m[Symbol.for("mf_module_id")];
-      const assets = await collectSSRAssets({
-        id: moduleId
-      });
-      const Com = m[exportName];
-      if (exportName in m && typeof Com === "function") {
-        return {
-          default: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [
-              assets,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Com, {
-                ...props
-              })
-            ]
-          })
-        };
-      } else {
-        throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
-      }
-    } catch (err) {
-      if (!info.fallback) {
-        throw err;
-      }
-      const FallbackFunctionComponent = info.fallback;
-      const FallbackNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackFunctionComponent, {
-        error: err,
-        resetErrorBoundary: () => {
-          console.log('SSR mode not support "resetErrorBoundary" !');
-        }
-      });
-      return {
-        default: () => FallbackNode
-      };
-    }
-  });
-  return (props) => {
-    const { key, ...args } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_error_boundary.ErrorBoundary, {
-      FallbackComponent: info.fallback,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Suspense, {
-        fallback: info.loading,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, {
-          ...args
-        })
-      })
-    });
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  collectSSRAssets,
-  createRemoteSSRComponent
-});

package/dist/esm/cli/constant.js

@@ -1,4 +0,0 @@
-var isDev = process.env.NODE_ENV === "development";
-export {
-  isDev
-};

package/dist/esm/runtime/createRemoteSSRComponent.js

@@ -1,263 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { getInstance } from "@module-federation/enhanced/runtime";
-import { ErrorBoundary } from "react-error-boundary";
-function getLoadedRemoteInfos(instance, id) {
-  var _ref = instance.remoteHandler.idToRemoteMap[id] || {}, name = _ref.name, expose = _ref.expose;
-  if (!name) {
-    return;
-  }
-  var module = instance.moduleCache.get(name);
-  if (!module) {
-    return;
-  }
-  var remoteSnapshot = instance.snapshotHandler.getGlobalRemoteInfo(module.remoteInfo).remoteSnapshot;
-  return _object_spread_props(_object_spread({}, module.remoteInfo), {
-    snapshot: remoteSnapshot,
-    expose
-  });
-}
-function getTargetModuleInfo(id) {
-  var instance = getInstance();
-  if (!instance) {
-    return;
-  }
-  var loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
-  if (!loadedRemoteInfo) {
-    return;
-  }
-  var snapshot = loadedRemoteInfo.snapshot;
-  if (!snapshot) {
-    return;
-  }
-  var publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
-  if (!publicPath) {
-    return;
-  }
-  var modules = "modules" in snapshot ? snapshot.modules : [];
-  var targetModule = modules.find(function(m) {
-    return m.modulePath === loadedRemoteInfo.expose;
-  });
-  if (!targetModule) {
-    return;
-  }
-  var remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
-  if (!remoteEntry) {
-    return;
-  }
-  return {
-    module: targetModule,
-    publicPath,
-    remoteEntry
-  };
-}
-function collectSSRAssets(options) {
-  return _collectSSRAssets.apply(this, arguments);
-}
-function _collectSSRAssets() {
-  _collectSSRAssets = _async_to_generator(function(options) {
-    var _ref, id, _ref_injectLink, injectLink, _ref_injectScript, injectScript, _ref_inlineCSS, inlineCSS, links, scripts, instance, moduleAndPublicPath, targetModule, publicPath, remoteEntry;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          _ref = typeof options === "string" ? {
-            id: options
-          } : options, id = _ref.id, _ref_injectLink = _ref.injectLink, injectLink = _ref_injectLink === void 0 ? true : _ref_injectLink, _ref_injectScript = _ref.injectScript, injectScript = _ref_injectScript === void 0 ? true : _ref_injectScript, _ref_inlineCSS = _ref.inlineCSS, inlineCSS = _ref_inlineCSS === void 0 ? false : _ref_inlineCSS;
-          links = [];
-          scripts = [];
-          instance = getInstance();
-          if (!instance || !injectLink && !injectScript) {
-            return [
-              2,
-              _to_consumable_array(scripts).concat(_to_consumable_array(links))
-            ];
-          }
-          moduleAndPublicPath = getTargetModuleInfo(id);
-          if (!moduleAndPublicPath) {
-            return [
-              2,
-              _to_consumable_array(scripts).concat(_to_consumable_array(links))
-            ];
-          }
-          targetModule = moduleAndPublicPath.module, publicPath = moduleAndPublicPath.publicPath, remoteEntry = moduleAndPublicPath.remoteEntry;
-          if (!injectLink)
-            return [
-              3,
-              2
-            ];
-          return [
-            4,
-            Promise.all(_to_consumable_array(targetModule.assets.css.sync).concat(_to_consumable_array(targetModule.assets.css.async)).map(function() {
-              var _ref2 = _async_to_generator(function(file, index) {
-                var href, key, content;
-                return _ts_generator(this, function(_state2) {
-                  switch (_state2.label) {
-                    case 0:
-                      href = "".concat(publicPath).concat(file);
-                      key = "".concat(file.split(".")[0], "_").concat(index);
-                      if (!inlineCSS)
-                        return [
-                          3,
-                          2
-                        ];
-                      return [
-                        4,
-                        fetch(href).then(function(res) {
-                          return res.text();
-                        })
-                      ];
-                    case 1:
-                      content = _state2.sent();
-                      links.push(/* @__PURE__ */ _jsx("style", {
-                        children: content
-                      }, key));
-                      return [
-                        2
-                      ];
-                    case 2:
-                      links.push(/* @__PURE__ */ _jsx("link", {
-                        href: "".concat(publicPath).concat(file),
-                        rel: "stylesheet",
-                        type: "text/css"
-                      }, key));
-                      return [
-                        2
-                      ];
-                  }
-                });
-              });
-              return function(file, index) {
-                return _ref2.apply(this, arguments);
-              };
-            }()))
-          ];
-        case 1:
-          _state.sent();
-          _state.label = 2;
-        case 2:
-          if (injectScript) {
-            scripts.push(/* @__PURE__ */ _jsx("script", {
-              async: true,
-              src: "".concat(publicPath).concat(remoteEntry),
-              crossOrigin: "anonymous"
-            }, remoteEntry.split(".")[0]));
-            _to_consumable_array(targetModule.assets.js.sync).forEach(function(file, index) {
-              scripts.push(/* @__PURE__ */ _jsx("script", {
-                async: true,
-                src: "".concat(publicPath).concat(file),
-                crossOrigin: "anonymous"
-              }, "".concat(file.split(".")[0], "_").concat(index)));
-            });
-          }
-          return [
-            2,
-            _to_consumable_array(scripts).concat(_to_consumable_array(links))
-          ];
-      }
-    });
-  });
-  return _collectSSRAssets.apply(this, arguments);
-}
-function createRemoteSSRComponent(info) {
-  var exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-  var LazyComponent = /* @__PURE__ */ React.lazy(/* @__PURE__ */ _async_to_generator(function() {
-    var m, moduleId, assets, Com, err, FallbackFunctionComponent, FallbackNode;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          _state.trys.push([
-            0,
-            3,
-            ,
-            4
-          ]);
-          return [
-            4,
-            info.loader()
-          ];
-        case 1:
-          m = _state.sent();
-          if (!m) {
-            throw new Error("load remote failed");
-          }
-          moduleId = m && m[Symbol.for("mf_module_id")];
-          return [
-            4,
-            collectSSRAssets({
-              id: moduleId
-            })
-          ];
-        case 2:
-          assets = _state.sent();
-          Com = m[exportName];
-          if (exportName in m && typeof Com === "function") {
-            return [
-              2,
-              {
-                default: function(props) {
-                  return /* @__PURE__ */ _jsxs(_Fragment, {
-                    children: [
-                      assets,
-                      /* @__PURE__ */ _jsx(Com, _object_spread({}, props))
-                    ]
-                  });
-                }
-              }
-            ];
-          } else {
-            throw Error("Make sure that ".concat(moduleId, " has the correct export when export is ").concat(String(exportName)));
-          }
-          return [
-            3,
-            4
-          ];
-        case 3:
-          err = _state.sent();
-          if (!info.fallback) {
-            throw err;
-          }
-          FallbackFunctionComponent = info.fallback;
-          FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-            error: err,
-            resetErrorBoundary: function() {
-              console.log('SSR mode not support "resetErrorBoundary" !');
-            }
-          });
-          return [
-            2,
-            {
-              default: function() {
-                return FallbackNode;
-              }
-            }
-          ];
-        case 4:
-          return [
-            2
-          ];
-      }
-    });
-  }));
-  return function(props) {
-    var key = props.key, args = _object_without_properties(props, [
-      "key"
-    ]);
-    return /* @__PURE__ */ _jsx(ErrorBoundary, {
-      FallbackComponent: info.fallback,
-      children: /* @__PURE__ */ _jsx(React.Suspense, {
-        fallback: info.loading,
-        children: /* @__PURE__ */ _jsx(LazyComponent, _object_spread({}, args))
-      })
-    });
-  };
-}
-export {
-  collectSSRAssets,
-  createRemoteSSRComponent
-};

package/dist/esm/ssr-runtime/index.js

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

package/dist/esm-node/cli/constant.js

@@ -1,4 +0,0 @@
-const isDev = process.env.NODE_ENV === "development";
-export {
-  isDev
-};

package/dist/esm-node/runtime/createRemoteSSRComponent.js

@@ -1,175 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { getInstance } from "@module-federation/enhanced/runtime";
-import { ErrorBoundary } from "react-error-boundary";
-function getLoadedRemoteInfos(instance, id) {
-  const { name, expose } = instance.remoteHandler.idToRemoteMap[id] || {};
-  if (!name) {
-    return;
-  }
-  const module = instance.moduleCache.get(name);
-  if (!module) {
-    return;
-  }
-  const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(module.remoteInfo);
-  return {
-    ...module.remoteInfo,
-    snapshot: remoteSnapshot,
-    expose
-  };
-}
-function getTargetModuleInfo(id) {
-  const instance = getInstance();
-  if (!instance) {
-    return;
-  }
-  const loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
-  if (!loadedRemoteInfo) {
-    return;
-  }
-  const snapshot = loadedRemoteInfo.snapshot;
-  if (!snapshot) {
-    return;
-  }
-  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
-  if (!publicPath) {
-    return;
-  }
-  const modules = "modules" in snapshot ? snapshot.modules : [];
-  const targetModule = modules.find((m) => m.modulePath === loadedRemoteInfo.expose);
-  if (!targetModule) {
-    return;
-  }
-  const remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
-  if (!remoteEntry) {
-    return;
-  }
-  return {
-    module: targetModule,
-    publicPath,
-    remoteEntry
-  };
-}
-async function collectSSRAssets(options) {
-  const { id, injectLink = true, injectScript = true, inlineCSS = false } = typeof options === "string" ? {
-    id: options
-  } : options;
-  const links = [];
-  const scripts = [];
-  const instance = getInstance();
-  if (!instance || !injectLink && !injectScript) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const moduleAndPublicPath = getTargetModuleInfo(id);
-  if (!moduleAndPublicPath) {
-    return [
-      ...scripts,
-      ...links
-    ];
-  }
-  const { module: targetModule, publicPath, remoteEntry } = moduleAndPublicPath;
-  if (injectLink) {
-    await Promise.all([
-      ...targetModule.assets.css.sync,
-      ...targetModule.assets.css.async
-    ].map(async (file, index) => {
-      const href = `${publicPath}${file}`;
-      const key = `${file.split(".")[0]}_${index}`;
-      if (inlineCSS) {
-        const content = await fetch(href).then((res) => res.text());
-        links.push(/* @__PURE__ */ _jsx("style", {
-          children: content
-        }, key));
-        return;
-      }
-      links.push(/* @__PURE__ */ _jsx("link", {
-        href: `${publicPath}${file}`,
-        rel: "stylesheet",
-        type: "text/css"
-      }, key));
-    }));
-  }
-  if (injectScript) {
-    scripts.push(/* @__PURE__ */ _jsx("script", {
-      async: true,
-      src: `${publicPath}${remoteEntry}`,
-      crossOrigin: "anonymous"
-    }, remoteEntry.split(".")[0]));
-    [
-      ...targetModule.assets.js.sync
-    ].forEach((file, index) => {
-      scripts.push(/* @__PURE__ */ _jsx("script", {
-        async: true,
-        src: `${publicPath}${file}`,
-        crossOrigin: "anonymous"
-      }, `${file.split(".")[0]}_${index}`));
-    });
-  }
-  return [
-    ...scripts,
-    ...links
-  ];
-}
-function createRemoteSSRComponent(info) {
-  const exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-  const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
-    try {
-      const m = await info.loader();
-      if (!m) {
-        throw new Error("load remote failed");
-      }
-      const moduleId = m && m[Symbol.for("mf_module_id")];
-      const assets = await collectSSRAssets({
-        id: moduleId
-      });
-      const Com = m[exportName];
-      if (exportName in m && typeof Com === "function") {
-        return {
-          default: (props) => /* @__PURE__ */ _jsxs(_Fragment, {
-            children: [
-              assets,
-              /* @__PURE__ */ _jsx(Com, {
-                ...props
-              })
-            ]
-          })
-        };
-      } else {
-        throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
-      }
-    } catch (err) {
-      if (!info.fallback) {
-        throw err;
-      }
-      const FallbackFunctionComponent = info.fallback;
-      const FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-        error: err,
-        resetErrorBoundary: () => {
-          console.log('SSR mode not support "resetErrorBoundary" !');
-        }
-      });
-      return {
-        default: () => FallbackNode
-      };
-    }
-  });
-  return (props) => {
-    const { key, ...args } = props;
-    return /* @__PURE__ */ _jsx(ErrorBoundary, {
-      FallbackComponent: info.fallback,
-      children: /* @__PURE__ */ _jsx(React.Suspense, {
-        fallback: info.loading,
-        children: /* @__PURE__ */ _jsx(LazyComponent, {
-          ...args
-        })
-      })
-    });
-  };
-}
-export {
-  collectSSRAssets,
-  createRemoteSSRComponent
-};

package/dist/esm-node/ssr-runtime/index.js

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

package/dist/types/cli/constant.d.ts

@@ -1 +0,0 @@
-export declare const isDev: boolean;

package/dist/types/runtime/createRemoteSSRComponent.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ErrorBoundaryPropsWithComponent } from 'react-error-boundary';
-type IProps = {
-    id: string;
-    injectScript?: boolean;
-    injectLink?: boolean;
-    inlineCSS?: boolean;
-};
-type ReactKey = {
-    key?: React.Key | null;
-};
-export declare function collectSSRAssets(options: IProps): Promise<React.ReactNode[]>;
-export declare function createRemoteSSRComponent<T, E extends keyof T>(info: {
-    loader: () => Promise<T>;
-    loading: React.ReactNode;
-    fallback: ErrorBoundaryPropsWithComponent['FallbackComponent'];
-    export?: E;
-}): (props: T[E] extends (...args: any) => any ? Parameters<T[E]>[0] extends undefined ? ReactKey : Parameters<T[E]>[0] & ReactKey : ReactKey) => React.JSX.Element;
-export {};

package/dist/types/ssr-runtime/index.d.ts

@@ -1 +0,0 @@
-export * from './plugin';

package/dist/types/ssr-runtime/plugin.d.ts

@@ -1,2 +0,0 @@
-import type { RuntimePluginFuture } from '@modern-js/runtime';
-export declare const mfSSRPlugin: () => RuntimePluginFuture;