@module-federation/modern-js 0.0.0-next-20240911083839 → 0.0.0-next-20240911090730

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/cjs/cli/configPlugin.js +2 -4
  2. package/dist/cjs/cli/dataLoader/ast/constant.js +49 -0
  3. package/dist/cjs/cli/dataLoader/ast/generateRoutes.js +141 -0
  4. package/dist/cjs/cli/{constant.js → dataLoader/ast/index.js} +6 -6
  5. package/dist/cjs/cli/dataLoader/generateRouteFile.js +143 -0
  6. package/dist/cjs/cli/dataLoader/patchMFConfig.js +140 -0
  7. package/dist/cjs/cli/dataLoader/plugin.js +199 -0
  8. package/dist/cjs/cli/index.js +5 -1
  9. package/dist/cjs/cli/mfRuntimePlugins/{inject-node-fetch.js → node-fetch.js} +6 -6
  10. package/dist/cjs/cli/mfRuntimePlugins/node.js +41 -0
  11. package/dist/cjs/cli/mfRuntimePlugins/resolve-entry-ipv4.js +40 -38
  12. package/dist/cjs/cli/server/dataLoaderPlugin.js +82 -0
  13. package/dist/cjs/cli/server/fetchRemoteFullRoutesMap.js +69 -0
  14. package/dist/cjs/cli/ssrPlugin.js +7 -1
  15. package/dist/cjs/cli/utils.js +13 -8
  16. package/dist/cjs/cli/utils.spec.js +5 -6
  17. package/dist/cjs/constant.js +32 -2
  18. package/dist/cjs/interfaces/route.js +16 -0
  19. package/dist/cjs/runtime/dataLoader/plugin-inject-assets.js +84 -0
  20. package/dist/cjs/runtime/dataLoader/plugin.js +74 -0
  21. package/dist/cjs/runtime/dataLoader/utils.js +106 -0
  22. package/dist/cjs/runtime/index.js +4 -1
  23. package/dist/cjs/{cli/mfRuntimePlugins/shared-strategy.js → runtime/withMFRouteId.js} +11 -23
  24. package/dist/cjs/ssr-runtime/plugin.js +7 -7
  25. package/dist/esm/cli/configPlugin.js +2 -3
  26. package/dist/esm/cli/dataLoader/ast/constant.js +18 -0
  27. package/dist/esm/cli/dataLoader/ast/generateRoutes.js +108 -0
  28. package/dist/esm/cli/dataLoader/ast/index.js +4 -0
  29. package/dist/esm/cli/dataLoader/generateRouteFile.js +293 -0
  30. package/dist/esm/cli/dataLoader/patchMFConfig.js +106 -0
  31. package/dist/esm/cli/dataLoader/plugin.js +214 -0
  32. package/dist/esm/cli/index.js +4 -1
  33. package/dist/esm/cli/mfRuntimePlugins/{inject-node-fetch.js → node-fetch.js} +3 -3
  34. package/dist/esm/cli/mfRuntimePlugins/node.js +13 -0
  35. package/dist/esm/cli/server/dataLoaderPlugin.js +105 -0
  36. package/dist/esm/cli/server/fetchRemoteFullRoutesMap.js +88 -0
  37. package/dist/esm/cli/ssrPlugin.js +6 -1
  38. package/dist/esm/cli/utils.js +11 -7
  39. package/dist/esm/cli/utils.spec.js +5 -6
  40. package/dist/esm/constant.js +21 -1
  41. package/dist/esm/interfaces/route.js +0 -0
  42. package/dist/esm/runtime/dataLoader/plugin-inject-assets.js +63 -0
  43. package/dist/esm/runtime/dataLoader/plugin.js +93 -0
  44. package/dist/esm/runtime/dataLoader/utils.js +77 -0
  45. package/dist/esm/runtime/index.js +3 -1
  46. package/dist/esm/runtime/withMFRouteId.js +7 -0
  47. package/dist/esm/ssr-runtime/plugin.js +7 -10
  48. package/dist/esm-node/cli/configPlugin.js +2 -4
  49. package/dist/esm-node/cli/dataLoader/ast/constant.js +18 -0
  50. package/dist/esm-node/cli/dataLoader/ast/generateRoutes.js +107 -0
  51. package/dist/esm-node/cli/dataLoader/ast/index.js +4 -0
  52. package/dist/esm-node/cli/dataLoader/generateRouteFile.js +108 -0
  53. package/dist/esm-node/cli/dataLoader/patchMFConfig.js +106 -0
  54. package/dist/esm-node/cli/dataLoader/plugin.js +164 -0
  55. package/dist/esm-node/cli/index.js +5 -1
  56. package/dist/esm-node/cli/mfRuntimePlugins/{inject-node-fetch.js → node-fetch.js} +3 -3
  57. package/dist/esm-node/cli/mfRuntimePlugins/node.js +11 -0
  58. package/dist/esm-node/cli/mfRuntimePlugins/resolve-entry-ipv4.js +40 -38
  59. package/dist/esm-node/cli/server/dataLoaderPlugin.js +62 -0
  60. package/dist/esm-node/cli/server/fetchRemoteFullRoutesMap.js +44 -0
  61. package/dist/esm-node/cli/ssrPlugin.js +7 -1
  62. package/dist/esm-node/cli/utils.js +11 -7
  63. package/dist/esm-node/cli/utils.spec.js +5 -6
  64. package/dist/esm-node/constant.js +21 -1
  65. package/dist/esm-node/interfaces/route.js +0 -0
  66. package/dist/esm-node/runtime/dataLoader/plugin-inject-assets.js +60 -0
  67. package/dist/esm-node/runtime/dataLoader/plugin.js +50 -0
  68. package/dist/esm-node/runtime/dataLoader/utils.js +77 -0
  69. package/dist/esm-node/runtime/index.js +3 -1
  70. package/dist/esm-node/runtime/withMFRouteId.js +7 -0
  71. package/dist/esm-node/ssr-runtime/plugin.js +7 -7
  72. package/dist/types/cli/dataLoader/ast/constant.d.ts +8 -0
  73. package/dist/types/cli/dataLoader/ast/generateRoutes.d.ts +5 -0
  74. package/dist/types/cli/dataLoader/ast/index.d.ts +1 -0
  75. package/dist/types/cli/dataLoader/generateRouteFile.d.ts +7 -0
  76. package/dist/types/cli/dataLoader/patchMFConfig.d.ts +10 -0
  77. package/dist/types/cli/dataLoader/plugin.d.ts +6 -0
  78. package/dist/types/cli/mfRuntimePlugins/node.d.ts +3 -0
  79. package/dist/types/cli/server/dataLoaderPlugin.d.ts +10 -0
  80. package/dist/types/cli/server/fetchRemoteFullRoutesMap.d.ts +10 -0
  81. package/dist/types/cli/utils.d.ts +2 -0
  82. package/dist/types/constant.d.ts +10 -0
  83. package/dist/types/interfaces/route.d.ts +12 -0
  84. package/dist/types/runtime/dataLoader/plugin-inject-assets.d.ts +2 -0
  85. package/dist/types/runtime/dataLoader/plugin.d.ts +2 -0
  86. package/dist/types/runtime/dataLoader/utils.d.ts +22 -0
  87. package/dist/types/runtime/index.d.ts +1 -0
  88. package/dist/types/runtime/withMFRouteId.d.ts +1 -0
  89. package/dist/types/types/index.d.ts +9 -0
  90. package/package.json +48 -11
  91. package/dist/esm/cli/constant.js +0 -4
  92. package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js +0 -25
  93. package/dist/esm-node/cli/constant.js +0 -4
  94. package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.js +0 -23
  95. package/dist/types/cli/constant.d.ts +0 -1
  96. package/dist/types/cli/mfRuntimePlugins/shared-strategy.d.ts +0 -3
  97. /package/dist/types/cli/mfRuntimePlugins/{inject-node-fetch.d.ts → node-fetch.d.ts} +0 -0
@@ -0,0 +1,105 @@
1
+ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
+ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
3
+ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
4
+ import { init } from "@module-federation/enhanced/runtime";
5
+ import { isBrowserEnv } from "@module-federation/sdk";
6
+ import { fetchRemoteFullRoutesMap, getSSRByRouteIds } from "./fetchRemoteFullRoutesMap";
7
+ import { injectRemoteRoutes } from "../../runtime/dataLoader/utils";
8
+ import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
9
+ function dataLoaderPlugin_default(param) {
10
+ var runtimeOptions = param.runtimeOptions, partialSSRRemotes = param.partialSSRRemotes, ssrByRouteIdsMap = param.ssrByRouteIdsMap;
11
+ return {
12
+ name: "MFDataLoaderServerPlugin",
13
+ pre: [
14
+ "@modern-js/plugin-inject-resource"
15
+ ],
16
+ setup: function setup(api) {
17
+ var remotes = runtimeOptions.remotes, name = runtimeOptions.name;
18
+ if (!remotes.length) {
19
+ return {};
20
+ }
21
+ var isHandled = false;
22
+ return {
23
+ prepare: function prepare() {
24
+ var middlewares = api.useAppContext().middlewares;
25
+ middlewares.push({
26
+ name: "MFDataLoaderServerPlugin",
27
+ handler: function() {
28
+ var _ref = _async_to_generator(function(c, next) {
29
+ var serverManifest, loaderBundles, nestedRoutesJson, _api_useConfigContext_server, instance, remoteFullRoutesMap, originalSSRByRouteIds, remoteSSRByRouteIds, ssrByRouteIds;
30
+ return _ts_generator(this, function(_state) {
31
+ switch (_state.label) {
32
+ case 0:
33
+ serverManifest = c.get("serverManifest");
34
+ loaderBundles = serverManifest.loaderBundles, nestedRoutesJson = serverManifest.nestedRoutesJson;
35
+ if (!isHandled)
36
+ return [
37
+ 3,
38
+ 2
39
+ ];
40
+ return [
41
+ 4,
42
+ next()
43
+ ];
44
+ case 1:
45
+ _state.sent();
46
+ return [
47
+ 3,
48
+ 5
49
+ ];
50
+ case 2:
51
+ instance = init({
52
+ name,
53
+ remotes
54
+ });
55
+ return [
56
+ 4,
57
+ fetchRemoteFullRoutesMap({
58
+ instance,
59
+ remotePath: isBrowserEnv() ? "".concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES) : "".concat(DEFAULT_ENTRY, "/").concat(MODERN_JS_ROUTE_SERVER_LOADER)
60
+ })
61
+ ];
62
+ case 3:
63
+ remoteFullRoutesMap = _state.sent();
64
+ originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
65
+ if (originalSSRByRouteIds && partialSSRRemotes.length) {
66
+ remoteSSRByRouteIds = getSSRByRouteIds(partialSSRRemotes, remoteFullRoutesMap) || [];
67
+ ssrByRouteIds = new Set(_to_consumable_array(originalSSRByRouteIds).concat(_to_consumable_array(remoteSSRByRouteIds.map(function(id) {
68
+ return ssrByRouteIdsMap[id] || id;
69
+ }))));
70
+ api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
71
+ }
72
+ injectRemoteRoutes(loaderBundles, remoteFullRoutesMap);
73
+ injectRemoteRoutes(nestedRoutesJson, remoteFullRoutesMap);
74
+ isHandled = true;
75
+ return [
76
+ 4,
77
+ next()
78
+ ];
79
+ case 4:
80
+ _state.sent();
81
+ _state.label = 5;
82
+ case 5:
83
+ return [
84
+ 2
85
+ ];
86
+ }
87
+ });
88
+ });
89
+ return function(c, next) {
90
+ return _ref.apply(this, arguments);
91
+ };
92
+ }(),
93
+ before: [
94
+ "render"
95
+ ]
96
+ });
97
+ }
98
+ };
99
+ }
100
+ };
101
+ }
102
+ ;
103
+ export {
104
+ dataLoaderPlugin_default as default
105
+ };
@@ -0,0 +1,88 @@
1
+ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
+ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
3
+ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
4
+ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
5
+ function fetchRemoteFullRoutesMap(options) {
6
+ return _fetchRemoteFullRoutesMap.apply(this, arguments);
7
+ }
8
+ function _fetchRemoteFullRoutesMap() {
9
+ _fetchRemoteFullRoutesMap = _async_to_generator(function(options) {
10
+ var instance, remotePath, remotes, remoteRoutesMap;
11
+ return _ts_generator(this, function(_state) {
12
+ switch (_state.label) {
13
+ case 0:
14
+ instance = options.instance, remotePath = options.remotePath;
15
+ remotes = instance.options.remotes;
16
+ remoteRoutesMap = {};
17
+ if (!remotes.length) {
18
+ return [
19
+ 2,
20
+ remoteRoutesMap
21
+ ];
22
+ }
23
+ return [
24
+ 4,
25
+ Promise.all(remotes.map(function() {
26
+ var _ref = _async_to_generator(function(remote) {
27
+ var remoteId, routes;
28
+ return _ts_generator(this, function(_state2) {
29
+ switch (_state2.label) {
30
+ case 0:
31
+ remoteId = "".concat(remote.name, "/").concat(remotePath);
32
+ return [
33
+ 4,
34
+ instance.loadRemote(remoteId)
35
+ ];
36
+ case 1:
37
+ routes = _state2.sent().routes;
38
+ remoteRoutesMap[remote.name] = {
39
+ routes
40
+ };
41
+ return [
42
+ 2
43
+ ];
44
+ }
45
+ });
46
+ });
47
+ return function(remote) {
48
+ return _ref.apply(this, arguments);
49
+ };
50
+ }()))
51
+ ];
52
+ case 1:
53
+ _state.sent();
54
+ return [
55
+ 2,
56
+ remoteRoutesMap
57
+ ];
58
+ }
59
+ });
60
+ });
61
+ return _fetchRemoteFullRoutesMap.apply(this, arguments);
62
+ }
63
+ function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
64
+ var remoteProviderRouteIds = /* @__PURE__ */ new Set();
65
+ var collectIds = function(route) {
66
+ remoteProviderRouteIds.add(route.id);
67
+ if (route.children) {
68
+ route.children.forEach(function(r) {
69
+ collectIds(r);
70
+ });
71
+ }
72
+ };
73
+ Object.entries(remoteRoutesMap).forEach(function(item) {
74
+ var _item = _sliced_to_array(item, 2), remoteName = _item[0], routesObj = _item[1];
75
+ if (!partialSSRRemotes.includes(remoteName)) {
76
+ return;
77
+ }
78
+ var routes = routesObj.routes;
79
+ routes.forEach(function(route) {
80
+ collectIds(route);
81
+ });
82
+ });
83
+ return _to_consumable_array(remoteProviderRouteIds);
84
+ }
85
+ export {
86
+ fetchRemoteFullRoutesMap,
87
+ getSSRByRouteIds
88
+ };
@@ -6,7 +6,7 @@ import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
6
6
  import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
7
7
  import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
8
8
  import { updateStatsAndManifest } from "./manifest";
9
- import { isDev } from "./constant";
9
+ import { isDev } from "../constant";
10
10
  function setEnv() {
11
11
  process.env["MF_DISABLE_EMIT_STATS"] = "true";
12
12
  process.env["MF_SSR_PRJ"] = "true";
@@ -54,10 +54,15 @@ var moduleFederationSSRPlugin = function(userConfig) {
54
54
  };
55
55
  },
56
56
  config: /* @__PURE__ */ _async_to_generator(function() {
57
+ var _modernjsConfig_source, _modernjsConfig_source1, bundlerType, _modernjsConfig_source_enableAsyncEntry;
57
58
  return _ts_generator(this, function(_state2) {
59
+ bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
58
60
  return [
59
61
  2,
60
62
  {
63
+ source: {
64
+ enableAsyncEntry: bundlerType === "rspack" ? (_modernjsConfig_source_enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry) !== null && _modernjsConfig_source_enableAsyncEntry !== void 0 ? _modernjsConfig_source_enableAsyncEntry : true : (_modernjsConfig_source1 = modernjsConfig.source) === null || _modernjsConfig_source1 === void 0 ? void 0 : _modernjsConfig_source1.enableAsyncEntry
65
+ },
61
66
  tools: {
62
67
  rspack: function rspack(config, param2) {
63
68
  var isServer = param2.isServer;
@@ -79,7 +79,9 @@ var replaceRemoteUrl = function(mfConfig, remoteIpStrategy) {
79
79
  if (typeof remoteObject === "string") {
80
80
  return;
81
81
  }
82
- handleRemoteObject(remoteObject);
82
+ if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
83
+ remoteObject.entry = remoteObject.entry.replace(LOCALHOST, ipv4);
84
+ }
83
85
  });
84
86
  } else if (typeof mfConfig.remotes !== "string") {
85
87
  handleRemoteObject(mfConfig.remotes);
@@ -126,17 +128,18 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy) {
126
128
  throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
127
129
  }
128
130
  var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
131
+ var _mfConfig_shareStrategy;
132
+ mfConfig.shareStrategy = (_mfConfig_shareStrategy = mfConfig.shareStrategy) !== null && _mfConfig_shareStrategy !== void 0 ? _mfConfig_shareStrategy : "loaded-first";
129
133
  patchDTSConfig(mfConfig, isServer);
130
- injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
131
134
  if (isDev) {
132
135
  injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
133
136
  }
134
137
  if (isServer) {
135
- injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
138
+ injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node.js"), runtimePlugins);
136
139
  if (isDev) {
137
140
  injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
138
141
  }
139
- injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
142
+ injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js"), runtimePlugins);
140
143
  if (!mfConfig.library) {
141
144
  mfConfig.library = {
142
145
  type: "commonjs-module",
@@ -277,8 +280,8 @@ var getIPV4 = function() {
277
280
  return ipv4Interface.address;
278
281
  };
279
282
  var SPLIT_CHUNK_MAP = {
280
- REACT: "react",
281
- ROUTER: "router",
283
+ REACT: "lib-react",
284
+ ROUTER: "lib-router",
282
285
  LODASH: "lib-lodash",
283
286
  ANTD: "lib-antd",
284
287
  ARCO: "lib-arco",
@@ -339,5 +342,6 @@ export {
339
342
  getMFConfig,
340
343
  patchBundlerConfig,
341
344
  patchIgnoreWarning,
342
- patchMFConfig
345
+ patchMFConfig,
346
+ replaceRemoteUrl
343
347
  };
@@ -41,10 +41,10 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
41
41
  remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
42
42
  },
43
43
  remoteType: "script",
44
+ shareStrategy: "loaded-first",
44
45
  runtimePlugins: [
45
- path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
46
- require.resolve("@module-federation/node/runtimePlugin"),
47
- path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
46
+ path.resolve(__dirname, "./mfRuntimePlugins/node.js"),
47
+ path.resolve(__dirname, "./mfRuntimePlugins/node-fetch.js")
48
48
  ],
49
49
  shared: {
50
50
  react: {
@@ -75,9 +75,8 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
75
75
  remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
76
76
  },
77
77
  remoteType: "script",
78
- runtimePlugins: [
79
- path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js")
80
- ],
78
+ runtimePlugins: [],
79
+ shareStrategy: "loaded-first",
81
80
  shared: {
82
81
  react: {
83
82
  eager: true,
@@ -1,8 +1,28 @@
1
1
  var MODERN_JS_SERVER_DIR = "bundles";
2
2
  var LOCALHOST = "localhost";
3
3
  var PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
4
+ var isDev = process.env.NODE_ENV === "development";
5
+ var MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
6
+ var MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
7
+ var META_NAME = "modern-js";
8
+ var FOLD_IDENTIFIER = "@mf";
9
+ var SEPARATOR = "_";
10
+ var MF_ROUTES = "mf-routes";
11
+ var DEFAULT_ENTRY = "main";
12
+ var DEFAULT_LAYOUT = "layout";
13
+ var MF_JSON = "mf.json";
4
14
  export {
15
+ DEFAULT_ENTRY,
16
+ DEFAULT_LAYOUT,
17
+ FOLD_IDENTIFIER,
5
18
  LOCALHOST,
19
+ META_NAME,
20
+ MF_JSON,
21
+ MF_ROUTES,
22
+ MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
23
+ MODERN_JS_ROUTE_SERVER_LOADER,
6
24
  MODERN_JS_SERVER_DIR,
7
- PLUGIN_IDENTIFIER
25
+ PLUGIN_IDENTIFIER,
26
+ SEPARATOR,
27
+ isDev
8
28
  };
File without changes
@@ -0,0 +1,63 @@
1
+ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
+ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
3
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
4
+ import { useContext } from "react";
5
+ import { getInstance } from "@module-federation/enhanced/runtime";
6
+ import { collectSSRAssets } from "../createRemoteSSRComponent";
7
+ import { RuntimeReactContext } from "@meta/runtime";
8
+ import { decodeId, getRemoteId } from "./utils";
9
+ var ssrDataLoaderInjectAssetsPlugin = function() {
10
+ return {
11
+ name: "@modern-js/plugin-mf-data-loader-inject-assets",
12
+ pre: [
13
+ "@modern-js/plugin-router",
14
+ "@modern-js/plugin-mf-data-loader"
15
+ ],
16
+ setup: function() {
17
+ return {
18
+ wrapRoot: function wrapRoot(App) {
19
+ var AppWrapper = function(props) {
20
+ var _context_routerContext;
21
+ var instance = getInstance();
22
+ if (!instance || !instance.options.remotes.length) {
23
+ return /* @__PURE__ */ _jsx(_Fragment, {
24
+ children: /* @__PURE__ */ _jsx(App, _object_spread({}, props))
25
+ });
26
+ }
27
+ var context = useContext(RuntimeReactContext);
28
+ var remotes = instance.options.remotes;
29
+ var remoteNames = ((_context_routerContext = context.routerContext) === null || _context_routerContext === void 0 ? void 0 : _context_routerContext.matches.map(function(match) {
30
+ return decodeId(match.route.id);
31
+ })) || [];
32
+ var remoteIds = remoteNames.reduce(function(sum, cur) {
33
+ var matchRemote = remotes.find(function(r) {
34
+ return r.name === cur;
35
+ });
36
+ if (matchRemote) {
37
+ sum.add(getRemoteId(cur));
38
+ }
39
+ return sum;
40
+ }, /* @__PURE__ */ new Set());
41
+ var assets = [];
42
+ remoteIds.forEach(function(remoteId) {
43
+ var _assets;
44
+ (_assets = assets).push.apply(_assets, _to_consumable_array(collectSSRAssets({
45
+ id: remoteId
46
+ })));
47
+ });
48
+ return /* @__PURE__ */ _jsxs(_Fragment, {
49
+ children: [
50
+ assets,
51
+ /* @__PURE__ */ _jsx(App, _object_spread({}, props))
52
+ ]
53
+ });
54
+ };
55
+ return AppWrapper;
56
+ }
57
+ };
58
+ }
59
+ };
60
+ };
61
+ export {
62
+ ssrDataLoaderInjectAssetsPlugin
63
+ };
@@ -0,0 +1,93 @@
1
+ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
+ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
3
+ import { getInstance } from "@module-federation/enhanced/runtime";
4
+ import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
5
+ import { injectRemoteRoutes } from "./utils";
6
+ var ssrDataLoaderPlugin = function() {
7
+ return {
8
+ name: "@modern-js/plugin-mf-data-loader",
9
+ post: [
10
+ "@modern-js/plugin-router"
11
+ ],
12
+ setup: function() {
13
+ var remoteRoutesMap = {};
14
+ var pathRemoteMap = {};
15
+ return {
16
+ beforeRender: function beforeRender() {
17
+ return _async_to_generator(function() {
18
+ var instance;
19
+ return _ts_generator(this, function(_state) {
20
+ switch (_state.label) {
21
+ case 0:
22
+ console.log("init");
23
+ if (Object.keys(remoteRoutesMap).length) {
24
+ return [
25
+ 2
26
+ ];
27
+ }
28
+ instance = getInstance();
29
+ if (!instance) {
30
+ console.log("no instance!");
31
+ return [
32
+ 2
33
+ ];
34
+ }
35
+ if (!instance.options.remotes.length) {
36
+ return [
37
+ 2
38
+ ];
39
+ }
40
+ return [
41
+ 4,
42
+ Promise.all(instance.options.remotes.map(function() {
43
+ var _ref = _async_to_generator(function(remote) {
44
+ var remoteId, routes;
45
+ return _ts_generator(this, function(_state2) {
46
+ switch (_state2.label) {
47
+ case 0:
48
+ remoteId = "".concat(remote.name, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
49
+ return [
50
+ 4,
51
+ instance.loadRemote(remoteId)
52
+ ];
53
+ case 1:
54
+ routes = _state2.sent().routes;
55
+ remoteRoutesMap[remote.name] = {
56
+ routes
57
+ };
58
+ return [
59
+ 2
60
+ ];
61
+ }
62
+ });
63
+ });
64
+ return function(remote) {
65
+ return _ref.apply(this, arguments);
66
+ };
67
+ }()))
68
+ ];
69
+ case 1:
70
+ _state.sent();
71
+ return [
72
+ 2
73
+ ];
74
+ }
75
+ });
76
+ })();
77
+ },
78
+ // runtime plugin not save route , so it needs to inject again when trigger
79
+ modifyRoutes: function(routes) {
80
+ injectRemoteRoutes({
81
+ entry: {
82
+ routes
83
+ }
84
+ }, remoteRoutesMap);
85
+ return routes;
86
+ }
87
+ };
88
+ }
89
+ };
90
+ };
91
+ export {
92
+ ssrDataLoaderPlugin
93
+ };
@@ -0,0 +1,77 @@
1
+ import { encodeName, decodeName } from "@module-federation/sdk";
2
+ import { DEFAULT_ENTRY, DEFAULT_LAYOUT, MF_ROUTES } from "../../constant";
3
+ var SPLIT_SYMBOL = "@";
4
+ function transformName2Prefix(name) {
5
+ return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
6
+ }
7
+ function decodeId(prefix) {
8
+ var realPrefix = prefix.split(SPLIT_SYMBOL)[0];
9
+ return decodeName(realPrefix, "", false);
10
+ }
11
+ function getRemoteRoutesInfos(route, remoteRoutesMap) {
12
+ if (!route.id) {
13
+ return;
14
+ }
15
+ var remoteName = decodeId(route.id);
16
+ var remoteRouteObj = remoteRoutesMap[remoteName];
17
+ if (!remoteRouteObj) {
18
+ return;
19
+ }
20
+ var remoteRoutes = remoteRouteObj.routes[0];
21
+ return {
22
+ routes: remoteRoutes,
23
+ name: remoteName,
24
+ pathName: route.path
25
+ };
26
+ }
27
+ function getRemoteLayoutId(remoteName) {
28
+ var prefix = transformName2Prefix(remoteName);
29
+ return "".concat(prefix).concat(DEFAULT_LAYOUT);
30
+ }
31
+ function getRemoteId(remoteName) {
32
+ return "".concat(remoteName, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
33
+ }
34
+ function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
35
+ var traverse = function(route) {
36
+ var _route_children;
37
+ var remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
38
+ if (remoteRoutesInfos) {
39
+ var routes = remoteRoutesInfos.routes, pathName = remoteRoutesInfos.pathName;
40
+ route.id = routes.id;
41
+ route.path = pathName;
42
+ if (routes.loader) {
43
+ route.loader = routes.loader;
44
+ }
45
+ if (routes.children) {
46
+ route.children = routes.children;
47
+ }
48
+ route.element = routes.element;
49
+ route.Component = routes.Component;
50
+ return;
51
+ }
52
+ (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach(function(r) {
53
+ traverse(r);
54
+ });
55
+ };
56
+ Object.keys(initialRoutes).forEach(function(entryName) {
57
+ var routes = initialRoutes[entryName];
58
+ if (Array.isArray(routes)) {
59
+ routes.forEach(function(route) {
60
+ traverse(route);
61
+ });
62
+ } else {
63
+ var _routes_routes;
64
+ routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach(function(r) {
65
+ traverse(r);
66
+ });
67
+ }
68
+ });
69
+ }
70
+ export {
71
+ decodeId,
72
+ getRemoteId,
73
+ getRemoteLayoutId,
74
+ getRemoteRoutesInfos,
75
+ injectRemoteRoutes,
76
+ transformName2Prefix
77
+ };
@@ -1,5 +1,7 @@
1
1
  export * from "@module-federation/enhanced/runtime";
2
2
  import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
3
+ import { withMFRouteId } from "./withMFRouteId";
3
4
  export {
4
- createRemoteSSRComponent
5
+ createRemoteSSRComponent,
6
+ withMFRouteId
5
7
  };
@@ -0,0 +1,7 @@
1
+ function withMFRouteId(id) {
2
+ var prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
3
+ return prefix + id;
4
+ }
5
+ export {
6
+ withMFRouteId
7
+ };
@@ -4,13 +4,16 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
4
4
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
5
5
  import hoistNonReactStatics from "hoist-non-react-statics";
6
6
  import { SSRLiveReload } from "./SSRLiveReload";
7
+ console.log("mfSSRPlugin trigger");
7
8
  var mfSSRPlugin = function() {
8
9
  return {
9
10
  name: "@module-federation/modern-js",
11
+ pre: [
12
+ "@modern-js/plugin-router"
13
+ ],
10
14
  setup: function() {
11
15
  return {
12
- init: function init(param, next) {
13
- var context = param.context;
16
+ beforeRender: function beforeRender() {
14
17
  return _async_to_generator(function() {
15
18
  var nodeUtils, shouldUpdate;
16
19
  return _ts_generator(this, function(_state) {
@@ -18,10 +21,7 @@ var mfSSRPlugin = function() {
18
21
  case 0:
19
22
  if (typeof window !== "undefined") {
20
23
  return [
21
- 2,
22
- next({
23
- context
24
- })
24
+ 2
25
25
  ];
26
26
  }
27
27
  globalThis.shouldUpdate = false;
@@ -53,10 +53,7 @@ var mfSSRPlugin = function() {
53
53
  _state.label = 4;
54
54
  case 4:
55
55
  return [
56
- 2,
57
- next({
58
- context
59
- })
56
+ 2
60
57
  ];
61
58
  }
62
59
  });
@@ -31,7 +31,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
31
31
  userConfig.csrConfig = csrConfig;
32
32
  return {
33
33
  config: async () => {
34
- var _modernjsConfig_server, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
34
+ var _modernjsConfig_server, _modernjsConfig_dev;
35
35
  const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
36
36
  const ipv4 = getIPV4();
37
37
  const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
@@ -42,7 +42,6 @@ const moduleFederationConfigPlugin = (userConfig) => ({
42
42
  userConfig.remoteIpStrategy = "ipv4";
43
43
  }
44
44
  }
45
- var _modernjsConfig_source_enableAsyncEntry;
46
45
  return {
47
46
  tools: {
48
47
  rspack(config, { isServer }) {
@@ -84,8 +83,7 @@ const moduleFederationConfigPlugin = (userConfig) => ({
84
83
  define: {
85
84
  FEDERATION_IPV4: JSON.stringify(ipv4),
86
85
  REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
87
- },
88
- enableAsyncEntry: bundlerType === "rspack" ? (_modernjsConfig_source_enableAsyncEntry = (_modernjsConfig_source = modernjsConfig.source) === null || _modernjsConfig_source === void 0 ? void 0 : _modernjsConfig_source.enableAsyncEntry) !== null && _modernjsConfig_source_enableAsyncEntry !== void 0 ? _modernjsConfig_source_enableAsyncEntry : true : (_modernjsConfig_source1 = modernjsConfig.source) === null || _modernjsConfig_source1 === void 0 ? void 0 : _modernjsConfig_source1.enableAsyncEntry
86
+ }
89
87
  },
90
88
  dev: {
91
89
  assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
@@ -0,0 +1,18 @@
1
+ const IS_ROOT = "isRoot";
2
+ const ID = "id";
3
+ const COMPONENT = "component";
4
+ const LAZY_COMPONENT = "lazyImport";
5
+ const SHOULD_REVALIDATE = "shouldRevalidate";
6
+ const PRIVATE_COMPONENT = "_component";
7
+ const ELEMENT = "element";
8
+ const LOADER = "loader";
9
+ export {
10
+ COMPONENT,
11
+ ELEMENT,
12
+ ID,
13
+ IS_ROOT,
14
+ LAZY_COMPONENT,
15
+ LOADER,
16
+ PRIVATE_COMPONENT,
17
+ SHOULD_REVALIDATE
18
+ };