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

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 (109) hide show
  1. package/dist/cjs/cli/configPlugin.js +6 -8
  2. package/dist/cjs/cli/configPlugin.spec.js +1 -3
  3. package/dist/cjs/{runtime/wrapNoSSR.js → cli/constant.js} +6 -13
  4. package/dist/cjs/cli/index.js +9 -3
  5. package/dist/cjs/{logger.js → cli/logger.js} +1 -1
  6. package/dist/cjs/cli/manifest.js +3 -3
  7. package/dist/cjs/cli/ssrPlugin.js +15 -34
  8. package/dist/cjs/cli/utils.js +0 -5
  9. package/dist/cjs/constant.js +2 -49
  10. package/dist/cjs/runtime/createRemoteSSRComponent.js +201 -0
  11. package/dist/cjs/runtime/index.js +3 -15
  12. package/dist/cjs/server/fileCache.js +84 -0
  13. package/dist/cjs/server/fileCache.spec.js +28 -0
  14. package/dist/cjs/server/index.js +58 -0
  15. package/dist/cjs/server/staticMiddleware.js +77 -0
  16. package/dist/cjs/server/staticMiddleware.spec.js +185 -0
  17. package/dist/cjs/{interfaces/global.js → ssr-runtime/index.js} +8 -2
  18. package/dist/cjs/ssr-runtime/{devPlugin.js → plugin.js} +6 -9
  19. package/dist/esm/cli/configPlugin.js +7 -9
  20. package/dist/esm/cli/configPlugin.spec.js +1 -3
  21. package/dist/esm/cli/constant.js +4 -0
  22. package/dist/esm/cli/index.js +10 -3
  23. package/dist/esm/{logger.js → cli/logger.js} +1 -1
  24. package/dist/esm/cli/manifest.js +1 -1
  25. package/dist/esm/cli/ssrPlugin.js +8 -28
  26. package/dist/esm/cli/utils.js +0 -4
  27. package/dist/esm/constant.js +1 -37
  28. package/dist/esm/runtime/createRemoteSSRComponent.js +191 -0
  29. package/dist/esm/runtime/index.js +3 -13
  30. package/dist/esm/server/fileCache.js +98 -0
  31. package/dist/esm/server/fileCache.spec.js +50 -0
  32. package/dist/esm/server/index.js +36 -0
  33. package/dist/esm/server/staticMiddleware.js +81 -0
  34. package/dist/esm/server/staticMiddleware.spec.js +328 -0
  35. package/dist/esm/ssr-runtime/index.js +1 -0
  36. package/dist/esm/ssr-runtime/{devPlugin.js → plugin.js} +2 -5
  37. package/dist/esm-node/cli/configPlugin.js +7 -9
  38. package/dist/esm-node/cli/configPlugin.spec.js +1 -3
  39. package/dist/esm-node/cli/constant.js +4 -0
  40. package/dist/esm-node/cli/index.js +9 -3
  41. package/dist/esm-node/{logger.js → cli/logger.js} +1 -1
  42. package/dist/esm-node/cli/manifest.js +1 -1
  43. package/dist/esm-node/cli/ssrPlugin.js +8 -27
  44. package/dist/esm-node/cli/utils.js +0 -4
  45. package/dist/esm-node/constant.js +1 -37
  46. package/dist/esm-node/runtime/createRemoteSSRComponent.js +166 -0
  47. package/dist/esm-node/runtime/index.js +3 -13
  48. package/dist/esm-node/server/fileCache.js +49 -0
  49. package/dist/esm-node/server/fileCache.spec.js +27 -0
  50. package/dist/esm-node/server/index.js +34 -0
  51. package/dist/esm-node/server/staticMiddleware.js +43 -0
  52. package/dist/esm-node/server/staticMiddleware.spec.js +162 -0
  53. package/dist/esm-node/ssr-runtime/index.js +1 -0
  54. package/dist/esm-node/ssr-runtime/{devPlugin.js → plugin.js} +2 -5
  55. package/dist/types/cli/constant.d.ts +1 -0
  56. package/dist/types/cli/index.d.ts +0 -1
  57. package/dist/types/cli/utils.d.ts +0 -1
  58. package/dist/types/constant.d.ts +0 -23
  59. package/dist/types/runtime/createRemoteSSRComponent.d.ts +18 -0
  60. package/dist/types/runtime/index.d.ts +2 -7
  61. package/dist/types/server/fileCache.d.ts +14 -0
  62. package/dist/types/server/fileCache.spec.d.ts +1 -0
  63. package/dist/types/server/index.d.ts +4 -0
  64. package/dist/types/server/staticMiddleware.d.ts +6 -0
  65. package/dist/types/server/staticMiddleware.spec.d.ts +1 -0
  66. package/dist/types/ssr-runtime/index.d.ts +1 -0
  67. package/dist/types/ssr-runtime/plugin.d.ts +2 -0
  68. package/dist/types/types/index.d.ts +0 -2
  69. package/package.json +23 -39
  70. package/dist/cjs/cli/mfRuntimePlugins/auto-fetch-data.js +0 -98
  71. package/dist/cjs/cli/server/data-fetch-server-plugin.js +0 -192
  72. package/dist/cjs/runtime/AwaitDataFetch.js +0 -144
  73. package/dist/cjs/runtime/createRemoteComponent.js +0 -327
  74. package/dist/cjs/ssr-runtime/downgrade.js +0 -114
  75. package/dist/cjs/ssr-runtime/injectDataFetchFunctionPlugin.js +0 -136
  76. package/dist/cjs/utils/dataFetch.js +0 -211
  77. package/dist/cjs/utils/index.js +0 -54
  78. package/dist/esm/cli/mfRuntimePlugins/auto-fetch-data.js +0 -74
  79. package/dist/esm/cli/server/data-fetch-server-plugin.js +0 -240
  80. package/dist/esm/interfaces/global.js +0 -0
  81. package/dist/esm/runtime/AwaitDataFetch.js +0 -131
  82. package/dist/esm/runtime/createRemoteComponent.js +0 -417
  83. package/dist/esm/runtime/wrapNoSSR.js +0 -12
  84. package/dist/esm/ssr-runtime/downgrade.js +0 -150
  85. package/dist/esm/ssr-runtime/injectDataFetchFunctionPlugin.js +0 -177
  86. package/dist/esm/utils/dataFetch.js +0 -237
  87. package/dist/esm/utils/index.js +0 -28
  88. package/dist/esm-node/cli/mfRuntimePlugins/auto-fetch-data.js +0 -68
  89. package/dist/esm-node/cli/server/data-fetch-server-plugin.js +0 -162
  90. package/dist/esm-node/interfaces/global.js +0 -0
  91. package/dist/esm-node/runtime/AwaitDataFetch.js +0 -109
  92. package/dist/esm-node/runtime/createRemoteComponent.js +0 -291
  93. package/dist/esm-node/runtime/wrapNoSSR.js +0 -11
  94. package/dist/esm-node/ssr-runtime/downgrade.js +0 -88
  95. package/dist/esm-node/ssr-runtime/injectDataFetchFunctionPlugin.js +0 -101
  96. package/dist/esm-node/utils/dataFetch.js +0 -166
  97. package/dist/esm-node/utils/index.js +0 -27
  98. package/dist/types/cli/mfRuntimePlugins/auto-fetch-data.d.ts +0 -3
  99. package/dist/types/cli/server/data-fetch-server-plugin.d.ts +0 -3
  100. package/dist/types/interfaces/global.d.ts +0 -27
  101. package/dist/types/runtime/AwaitDataFetch.d.ts +0 -19
  102. package/dist/types/runtime/createRemoteComponent.d.ts +0 -26
  103. package/dist/types/runtime/wrapNoSSR.d.ts +0 -9
  104. package/dist/types/ssr-runtime/devPlugin.d.ts +0 -2
  105. package/dist/types/ssr-runtime/downgrade.d.ts +0 -4
  106. package/dist/types/ssr-runtime/injectDataFetchFunctionPlugin.d.ts +0 -7
  107. package/dist/types/utils/dataFetch.d.ts +0 -26
  108. package/dist/types/utils/index.d.ts +0 -15
  109. /package/dist/types/{logger.d.ts → cli/logger.d.ts} +0 -0
@@ -1,162 +0,0 @@
1
- import { DATA_FETCH_QUERY, MF_DATA_FETCH_STATUS } from "../../constant";
2
- import logger from "../../logger";
3
- import { getDataFetchMap } from "../../utils";
4
- import { fetchData, initDataFetchMap, loadDataFetchModule } from "../../utils/dataFetch";
5
- import { SEPARATOR, MANIFEST_EXT } from "@module-federation/sdk";
6
- function wrapSetTimeout(targetPromise, delay = 2e4, id) {
7
- if (targetPromise && typeof targetPromise.then === "function") {
8
- return new Promise((resolve, reject) => {
9
- const timeoutId = setTimeout(() => {
10
- logger.warn(`Data fetch for ID ${id} timed out after 20 seconds.`);
11
- reject(new Error(`Data fetch for ID ${id} timed out after 20 seconds`));
12
- }, delay);
13
- targetPromise.then((value) => {
14
- clearTimeout(timeoutId);
15
- resolve(value);
16
- }).catch((err) => {
17
- clearTimeout(timeoutId);
18
- reject(err);
19
- });
20
- });
21
- }
22
- }
23
- function addProtocol(url) {
24
- if (url.startsWith("//")) {
25
- return "https:" + url;
26
- }
27
- return url;
28
- }
29
- const getDecodeQuery = (url, name) => {
30
- const res = url.searchParams.get(name);
31
- if (!res) {
32
- return null;
33
- }
34
- return decodeURIComponent(res);
35
- };
36
- const middleware = async (ctx, next) => {
37
- var _globalThis___FEDERATION__;
38
- let url;
39
- let dataFetchId;
40
- let params;
41
- let remoteInfo;
42
- try {
43
- url = new URL(ctx.req.url);
44
- dataFetchId = getDecodeQuery(url, DATA_FETCH_QUERY);
45
- params = JSON.parse(getDecodeQuery(url, "params") || "{}");
46
- const remoteInfoQuery = getDecodeQuery(url, "remoteInfo");
47
- remoteInfo = remoteInfoQuery ? JSON.parse(remoteInfoQuery) : null;
48
- } catch (e) {
49
- console.log("fetch data from server, error: ", e);
50
- console.error(e);
51
- return next();
52
- }
53
- if (!dataFetchId) {
54
- return next();
55
- }
56
- logger.log("fetch data from server, dataFetchId: ", dataFetchId);
57
- console.log("fetch data from server, moduleInfo: ", (_globalThis___FEDERATION__ = globalThis.__FEDERATION__) === null || _globalThis___FEDERATION__ === void 0 ? void 0 : _globalThis___FEDERATION__.moduleInfo);
58
- try {
59
- var _dataFetchMap_dataFetchId, _dataFetchMap_dataFetchId1;
60
- const dataFetchMap = getDataFetchMap();
61
- if (!dataFetchMap) {
62
- initDataFetchMap();
63
- }
64
- const fetchDataPromise = (_dataFetchMap_dataFetchId = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId === void 0 ? void 0 : _dataFetchMap_dataFetchId[1];
65
- console.log("fetch data from server, fetchDataPromise: ", fetchDataPromise);
66
- if (fetchDataPromise && ((_dataFetchMap_dataFetchId1 = dataFetchMap[dataFetchId]) === null || _dataFetchMap_dataFetchId1 === void 0 ? void 0 : _dataFetchMap_dataFetchId1[2]) !== MF_DATA_FETCH_STATUS.ERROR) {
67
- logger.log("fetch data from server, fetchDataPromise: ", fetchDataPromise);
68
- const targetPromise = fetchDataPromise[0];
69
- const wrappedPromise = wrapSetTimeout(targetPromise, 2e4, dataFetchId);
70
- if (wrappedPromise) {
71
- const res = await wrappedPromise;
72
- logger.log("fetch data from server, fetchDataPromise res: ", res);
73
- return ctx.json(res);
74
- }
75
- logger.error(`Expected a Promise from fetchDataPromise[0] for dataFetchId ${dataFetchId}, but received:`, targetPromise, "Will try call new dataFetch again...");
76
- }
77
- if (remoteInfo) {
78
- try {
79
- const hostInstance2 = globalThis.__FEDERATION__.__INSTANCES__[0];
80
- const remoteEntry = `${addProtocol(remoteInfo.ssrPublicPath) + remoteInfo.ssrRemoteEntry}`;
81
- if (!hostInstance2) {
82
- throw new Error("host instance not found!");
83
- }
84
- const remote = hostInstance2.options.remotes.find((remote2) => remote2.name === remoteInfo.name);
85
- logger.debug("find remote: ", JSON.stringify(remote));
86
- if (!remote) {
87
- hostInstance2.registerRemotes([
88
- {
89
- name: remoteInfo.name,
90
- entry: remoteEntry,
91
- entryGlobalName: remoteInfo.globalName
92
- }
93
- ]);
94
- } else if (!("entry" in remote) || !remote.entry.includes(MANIFEST_EXT)) {
95
- const { hostGlobalSnapshot, remoteSnapshot } = hostInstance2.snapshotHandler.getGlobalRemoteInfo(remoteInfo);
96
- logger.debug("find hostGlobalSnapshot: ", JSON.stringify(hostGlobalSnapshot));
97
- logger.debug("find remoteSnapshot: ", JSON.stringify(remoteSnapshot));
98
- if (!hostGlobalSnapshot || !remoteSnapshot) {
99
- if ("version" in remote) {
100
- delete remote.version;
101
- }
102
- remote.entry = remoteEntry;
103
- remote.entryGlobalName = remoteInfo.globalName;
104
- }
105
- }
106
- } catch (e) {
107
- ctx.status(500);
108
- return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
109
- ${e}`);
110
- }
111
- }
112
- const dataFetchItem = dataFetchMap[dataFetchId];
113
- console.log("fetch data from server, dataFetchItem: ", dataFetchItem);
114
- if (dataFetchItem) {
115
- logger.log("fetch data from server, dataFetchItem: ", dataFetchItem);
116
- const callFetchDataPromise = fetchData(dataFetchId, {
117
- ...params,
118
- isDowngrade: !remoteInfo
119
- });
120
- const wrappedPromise = wrapSetTimeout(callFetchDataPromise, 2e4, dataFetchId);
121
- if (wrappedPromise) {
122
- const res = await wrappedPromise;
123
- logger.log("fetch data from server, dataFetchItem res: ", res);
124
- return ctx.json(res);
125
- }
126
- }
127
- const remoteId = dataFetchId.split(SEPARATOR)[0];
128
- const hostInstance = globalThis.__FEDERATION__.__INSTANCES__[0];
129
- if (!hostInstance) {
130
- throw new Error("host instance not found!");
131
- }
132
- const dataFetchFn = await loadDataFetchModule(hostInstance, remoteId);
133
- const data = await dataFetchFn({
134
- ...params,
135
- isDowngrade: !remoteInfo
136
- });
137
- logger.log("fetch data from server, loadDataFetchModule res: ", data);
138
- return ctx.json(data);
139
- } catch (e) {
140
- console.log("server plugin data fetch error: ", e);
141
- ctx.status(500);
142
- return ctx.text(`failed to fetch ${remoteInfo.name} data, error:
143
- ${e}`);
144
- }
145
- };
146
- const dataFetchServePlugin = () => ({
147
- name: "mf-data-fetch-server-plugin",
148
- setup: (api) => {
149
- api.onPrepare(() => {
150
- const { middlewares } = api.getServerContext();
151
- middlewares.push({
152
- name: "module-federation-serve-manifest",
153
- // @ts-ignore type error
154
- handler: middleware
155
- });
156
- });
157
- }
158
- });
159
- var data_fetch_server_plugin_default = dataFetchServePlugin;
160
- export {
161
- data_fetch_server_plugin_default as default
162
- };
File without changes
@@ -1,109 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Suspense, useRef } from "react";
3
- import logger from "../logger";
4
- import { DATA_FETCH_ERROR_PREFIX, LOAD_REMOTE_ERROR_PREFIX, ERROR_TYPE, DATA_FETCH_FUNCTION } from "../constant";
5
- import { getDataFetchIdWithErrorMsgs, wrapDataFetchId } from "../utils";
6
- function isPromise(obj) {
7
- return !!obj && (typeof obj === "object" || typeof obj === "function") && typeof obj.then === "function";
8
- }
9
- const AWAIT_ERROR_PREFIX = "<Await /> caught the following error during render: ";
10
- const transformError = (err) => {
11
- const errMsg = err instanceof Error ? err.message : err;
12
- const originalMsg = errMsg.replace(AWAIT_ERROR_PREFIX, "");
13
- const dataFetchMapKey = getDataFetchIdWithErrorMsgs(originalMsg);
14
- if (originalMsg.indexOf(DATA_FETCH_ERROR_PREFIX) === 0) {
15
- return {
16
- error: new Error(originalMsg.replace(DATA_FETCH_ERROR_PREFIX, "").replace(wrapDataFetchId(dataFetchMapKey), "")),
17
- errorType: ERROR_TYPE.DATA_FETCH,
18
- dataFetchMapKey
19
- };
20
- }
21
- if (originalMsg.indexOf(LOAD_REMOTE_ERROR_PREFIX) === 0) {
22
- return {
23
- error: new Error(originalMsg.replace(LOAD_REMOTE_ERROR_PREFIX, "").replace(wrapDataFetchId(dataFetchMapKey), "")),
24
- errorType: ERROR_TYPE.LOAD_REMOTE,
25
- dataFetchMapKey
26
- };
27
- }
28
- return {
29
- error: new Error(originalMsg.replace(wrapDataFetchId(dataFetchMapKey), "")),
30
- errorType: ERROR_TYPE.UNKNOWN,
31
- dataFetchMapKey
32
- };
33
- };
34
- const DefaultLoading = /* @__PURE__ */ _jsx(_Fragment, {});
35
- const DefaultErrorElement = (_data) => /* @__PURE__ */ _jsx("div", {
36
- children: "Error"
37
- });
38
- function AwaitDataFetch({ resolve, loading = DefaultLoading, errorElement = DefaultErrorElement, children, params }) {
39
- const dataRef = useRef();
40
- const data = dataRef.current || resolve;
41
- const getData = isPromise(data) ? fetchData(data, dataRef) : () => data;
42
- return /* @__PURE__ */ _jsx(AwaitSuspense, {
43
- params,
44
- loading,
45
- errorElement,
46
- // @ts-ignore
47
- resolve: getData,
48
- children
49
- });
50
- }
51
- function AwaitSuspense({ resolve, children, loading = DefaultLoading, errorElement = DefaultErrorElement }) {
52
- return /* @__PURE__ */ _jsx(Suspense, {
53
- fallback: loading,
54
- children: /* @__PURE__ */ _jsx(ResolveAwait, {
55
- resolve,
56
- errorElement,
57
- children
58
- })
59
- });
60
- }
61
- function ResolveAwait({ children, resolve, errorElement, params }) {
62
- const data = resolve();
63
- logger.debug("resolve data: ", data);
64
- if (typeof data === "string" && data.indexOf(AWAIT_ERROR_PREFIX) === 0) {
65
- const transformedError = transformError(data);
66
- return /* @__PURE__ */ _jsx(_Fragment, {
67
- children: typeof errorElement === "function" ? /* @__PURE__ */ _jsxs(_Fragment, {
68
- children: [
69
- globalThis.FEDERATION_SSR && /* @__PURE__ */ _jsx("script", {
70
- suppressHydrationWarning: true,
71
- dangerouslySetInnerHTML: {
72
- __html: String.raw`
73
- globalThis['${DATA_FETCH_FUNCTION}'] = globalThis['${DATA_FETCH_FUNCTION}'] || []
74
- globalThis['${DATA_FETCH_FUNCTION}'].push([${transformedError.dataFetchMapKey ? `'${transformedError.dataFetchMapKey}'` : ""},${params ? JSON.stringify(params) : null},true]);`
75
- }
76
- }),
77
- errorElement(transformedError)
78
- ]
79
- }) : errorElement
80
- });
81
- }
82
- const toRender = typeof children === "function" ? children(data) : children;
83
- return /* @__PURE__ */ _jsx(_Fragment, {
84
- children: toRender
85
- });
86
- }
87
- const fetchData = (promise, ref) => {
88
- let data;
89
- let status = "pending";
90
- const suspender = promise.then((res) => {
91
- status = "success";
92
- data = res;
93
- ref.current = res;
94
- }).catch((e) => {
95
- status = "success";
96
- console.warn(e);
97
- data = AWAIT_ERROR_PREFIX + e;
98
- });
99
- return () => {
100
- if (status === "pending") {
101
- throw suspender;
102
- }
103
- return data;
104
- };
105
- };
106
- export {
107
- AwaitDataFetch,
108
- transformError
109
- };
@@ -1,291 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import React, { useEffect, useState } from "react";
3
- import logger from "../logger";
4
- import { getInstance } from "@module-federation/enhanced/runtime";
5
- import { AwaitDataFetch, transformError } from "./AwaitDataFetch";
6
- import { fetchData, getDataFetchItem, getDataFetchMapKey } from "../utils/dataFetch";
7
- import { getDataFetchInfo, getLoadedRemoteInfos, setDataFetchItemLoadedStatus, wrapDataFetchId } from "../utils";
8
- import { DATA_FETCH_ERROR_PREFIX, DATA_FETCH_FUNCTION, FS_HREF, LOAD_REMOTE_ERROR_PREFIX, MF_DATA_FETCH_TYPE } from "../constant";
9
- function getTargetModuleInfo(id) {
10
- const instance = getInstance();
11
- if (!instance) {
12
- return;
13
- }
14
- const loadedRemoteInfo = getLoadedRemoteInfos(id, instance);
15
- if (!loadedRemoteInfo) {
16
- return;
17
- }
18
- const snapshot = loadedRemoteInfo.snapshot;
19
- if (!snapshot) {
20
- return;
21
- }
22
- const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
23
- if (!publicPath) {
24
- return;
25
- }
26
- const modules = "modules" in snapshot ? snapshot.modules : [];
27
- const targetModule = modules.find((m) => m.modulePath === loadedRemoteInfo.expose);
28
- if (!targetModule) {
29
- return;
30
- }
31
- const remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
32
- if (!remoteEntry) {
33
- return;
34
- }
35
- return {
36
- module: targetModule,
37
- publicPath,
38
- remoteEntry
39
- };
40
- }
41
- function collectSSRAssets(options) {
42
- const { id, injectLink = true, injectScript = false } = typeof options === "string" ? {
43
- id: options
44
- } : options;
45
- const links = [];
46
- const scripts = [];
47
- const instance = getInstance();
48
- if (!instance || !injectLink && !injectScript) {
49
- return [
50
- ...scripts,
51
- ...links
52
- ];
53
- }
54
- const moduleAndPublicPath = getTargetModuleInfo(id);
55
- if (!moduleAndPublicPath) {
56
- return [
57
- ...scripts,
58
- ...links
59
- ];
60
- }
61
- const { module: targetModule, publicPath, remoteEntry } = moduleAndPublicPath;
62
- if (injectLink) {
63
- [
64
- ...targetModule.assets.css.sync,
65
- ...targetModule.assets.css.async
66
- ].sort().forEach((file, index) => {
67
- links.push(/* @__PURE__ */ _jsx("link", {
68
- href: `${publicPath}${file}`,
69
- rel: "stylesheet",
70
- type: "text/css"
71
- }, `${file.split(".")[0]}_${index}`));
72
- });
73
- }
74
- if (injectScript) {
75
- scripts.push(/* @__PURE__ */ _jsx("script", {
76
- async: true,
77
- src: `${publicPath}${remoteEntry}`,
78
- crossOrigin: "anonymous"
79
- }, remoteEntry.split(".")[0]));
80
- [
81
- ...targetModule.assets.js.sync
82
- ].sort().forEach((file, index) => {
83
- scripts.push(/* @__PURE__ */ _jsx("script", {
84
- async: true,
85
- src: `${publicPath}${file}`,
86
- crossOrigin: "anonymous"
87
- }, `${file.split(".")[0]}_${index}`));
88
- });
89
- }
90
- return [
91
- ...scripts,
92
- ...links
93
- ];
94
- }
95
- function getServerNeedRemoteInfo(loadedRemoteInfo, id, noSSR) {
96
- if (noSSR || typeof window !== "undefined" && window.location.href !== window[FS_HREF]) {
97
- var _dataFetchItem_;
98
- if (!(loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.version)) {
99
- throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} version is empty`);
100
- }
101
- const { snapshot } = loadedRemoteInfo;
102
- if (!snapshot) {
103
- throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} snapshot is empty`);
104
- }
105
- const dataFetchItem = getDataFetchItem(id);
106
- const isFetchServer = (dataFetchItem === null || dataFetchItem === void 0 ? void 0 : (_dataFetchItem_ = dataFetchItem[0]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[1]) === MF_DATA_FETCH_TYPE.FETCH_SERVER;
107
- if (isFetchServer && (!("ssrPublicPath" in snapshot) || !snapshot.ssrPublicPath)) {
108
- throw new Error(`ssrPublicPath is required while fetching ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data in SSR project!`);
109
- }
110
- if (isFetchServer && (!("ssrRemoteEntry" in snapshot) || !snapshot.ssrRemoteEntry)) {
111
- throw new Error(`ssrRemoteEntry is required while loading ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data loader in SSR project!`);
112
- }
113
- return {
114
- name: loadedRemoteInfo.name,
115
- version: loadedRemoteInfo.version,
116
- ssrPublicPath: "ssrPublicPath" in snapshot ? snapshot.ssrPublicPath || "" : "",
117
- ssrRemoteEntry: "ssrRemoteEntry" in snapshot ? snapshot.ssrRemoteEntry || "" : "",
118
- globalName: loadedRemoteInfo.entryGlobalName
119
- };
120
- }
121
- return;
122
- }
123
- function createRemoteComponent(options) {
124
- const exportName = (options === null || options === void 0 ? void 0 : options.export) || "default";
125
- const callLoader = async () => {
126
- logger.debug("callLoader start", Date.now());
127
- const m = await options.loader();
128
- logger.debug("callLoader end", Date.now());
129
- if (!m) {
130
- throw new Error("load remote failed");
131
- }
132
- return m;
133
- };
134
- const getData = async (noSSR) => {
135
- let loadedRemoteInfo;
136
- let moduleId;
137
- const instance = getInstance();
138
- try {
139
- const m = await callLoader();
140
- moduleId = m && m[Symbol.for("mf_module_id")];
141
- if (!moduleId) {
142
- throw new Error("moduleId is empty");
143
- }
144
- loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
145
- if (!loadedRemoteInfo) {
146
- throw new Error(`can not find loaded remote('${moduleId}') info!`);
147
- }
148
- } catch (e) {
149
- const errMsg = `${LOAD_REMOTE_ERROR_PREFIX}${e}`;
150
- logger.debug(e);
151
- throw new Error(errMsg);
152
- }
153
- let dataFetchMapKey;
154
- try {
155
- dataFetchMapKey = getDataFetchMapKey(getDataFetchInfo({
156
- name: loadedRemoteInfo.name,
157
- alias: loadedRemoteInfo.alias,
158
- id: moduleId,
159
- remoteSnapshot: loadedRemoteInfo.snapshot
160
- }), {
161
- name: instance.name,
162
- version: instance === null || instance === void 0 ? void 0 : instance.options.version
163
- });
164
- logger.debug("getData dataFetchMapKey: ", dataFetchMapKey);
165
- if (!dataFetchMapKey) {
166
- return;
167
- }
168
- const data = await fetchData(dataFetchMapKey, {
169
- ...options.dataFetchParams,
170
- isDowngrade: false
171
- }, getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR));
172
- setDataFetchItemLoadedStatus(dataFetchMapKey);
173
- logger.debug("get data res: \n", data);
174
- return data;
175
- } catch (err) {
176
- const errMsg = `${DATA_FETCH_ERROR_PREFIX}${wrapDataFetchId(dataFetchMapKey)}${err}`;
177
- logger.debug(errMsg);
178
- throw new Error(errMsg);
179
- }
180
- };
181
- const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
182
- const m = await callLoader();
183
- const moduleId = m && m[Symbol.for("mf_module_id")];
184
- const instance = getInstance();
185
- const loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
186
- loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.snapshot;
187
- const dataFetchMapKey = loadedRemoteInfo ? getDataFetchMapKey(getDataFetchInfo({
188
- name: loadedRemoteInfo.name,
189
- alias: loadedRemoteInfo.alias,
190
- id: moduleId,
191
- remoteSnapshot: loadedRemoteInfo.snapshot
192
- }), {
193
- name: instance.name,
194
- version: instance === null || instance === void 0 ? void 0 : instance.options.version
195
- }) : void 0;
196
- logger.debug("LazyComponent dataFetchMapKey: ", dataFetchMapKey);
197
- const assets = collectSSRAssets({
198
- id: moduleId
199
- });
200
- const Com = m[exportName];
201
- if (exportName in m && typeof Com === "function") {
202
- return {
203
- default: (props) => /* @__PURE__ */ _jsxs(_Fragment, {
204
- children: [
205
- globalThis.FEDERATION_SSR && dataFetchMapKey && /* @__PURE__ */ _jsx("script", {
206
- suppressHydrationWarning: true,
207
- dangerouslySetInnerHTML: {
208
- __html: String.raw`
209
- globalThis['${DATA_FETCH_FUNCTION}'] = globalThis['${DATA_FETCH_FUNCTION}'] || [];
210
- globalThis['${DATA_FETCH_FUNCTION}'].push(['${dataFetchMapKey}',${JSON.stringify(props.mfData)}]);
211
- `
212
- }
213
- }),
214
- globalThis.FEDERATION_SSR && assets,
215
- /* @__PURE__ */ _jsx(Com, {
216
- ...props
217
- })
218
- ]
219
- })
220
- };
221
- } else {
222
- throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
223
- }
224
- });
225
- return (props) => {
226
- const { key, ...args } = props;
227
- if (globalThis.FEDERATION_SSR && !options.noSSR) {
228
- const { key: key2, ...args2 } = props;
229
- return /* @__PURE__ */ _jsx(AwaitDataFetch, {
230
- resolve: getData(options.noSSR),
231
- loading: options.loading,
232
- errorElement: options.fallback,
233
- children: (data) => /* @__PURE__ */ _jsx(LazyComponent, {
234
- ...args2,
235
- mfData: data
236
- })
237
- });
238
- } else {
239
- const [data, setData] = useState(null);
240
- const [loading, setLoading] = useState(true);
241
- const [error, setError] = useState(null);
242
- useEffect(() => {
243
- let isMounted = true;
244
- const fetchDataAsync = async () => {
245
- try {
246
- setLoading(true);
247
- const result = await getData(options.noSSR);
248
- if (isMounted) {
249
- setData(result);
250
- }
251
- } catch (e) {
252
- if (isMounted) {
253
- setError(transformError(e));
254
- }
255
- } finally {
256
- if (isMounted) {
257
- setLoading(false);
258
- }
259
- }
260
- };
261
- fetchDataAsync();
262
- return () => {
263
- isMounted = false;
264
- };
265
- }, []);
266
- if (loading) {
267
- return /* @__PURE__ */ _jsx(_Fragment, {
268
- children: options.loading
269
- });
270
- }
271
- if (error) {
272
- return /* @__PURE__ */ _jsx(_Fragment, {
273
- children: typeof options.fallback === "function" ? options.fallback(error) : options.fallback
274
- });
275
- }
276
- return /* @__PURE__ */ _jsx(LazyComponent, {
277
- ...args,
278
- mfData: data
279
- });
280
- }
281
- };
282
- }
283
- function createRemoteSSRComponent(options) {
284
- logger.warn("createRemoteSSRComponent is deprecated, please use createRemoteComponent instead!");
285
- return createRemoteComponent(options);
286
- }
287
- export {
288
- collectSSRAssets,
289
- createRemoteComponent,
290
- createRemoteSSRComponent
291
- };
@@ -1,11 +0,0 @@
1
- function wrapNoSSR(createComponentFn) {
2
- return (options) => {
3
- return createComponentFn({
4
- ...options,
5
- noSSR: true
6
- });
7
- };
8
- }
9
- export {
10
- wrapNoSSR
11
- };
@@ -1,88 +0,0 @@
1
- import { DATA_FETCH_QUERY, DOWNGRADE_KEY } from "../constant";
2
- import { MF_DATA_FETCH_STATUS, MF_DATA_FETCH_TYPE } from "../constant";
3
- import { getDataFetchMap } from "../utils";
4
- function getDowngradeTag() {
5
- return globalThis[DOWNGRADE_KEY];
6
- }
7
- function callAllDowngrade() {
8
- const dataFetchMap = getDataFetchMap();
9
- if (!dataFetchMap) {
10
- return;
11
- }
12
- Object.keys(dataFetchMap).forEach((key) => {
13
- callDowngrade(key);
14
- });
15
- }
16
- async function callDowngrade(id, params, remoteInfo) {
17
- const dataFetchMap = getDataFetchMap();
18
- if (!dataFetchMap) {
19
- return;
20
- }
21
- const mfDataFetch = dataFetchMap[id];
22
- if ((mfDataFetch === null || mfDataFetch === void 0 ? void 0 : mfDataFetch[2]) === MF_DATA_FETCH_STATUS.AWAIT) {
23
- mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADING;
24
- let promise, res, rej;
25
- if (mfDataFetch[1]) {
26
- promise = mfDataFetch[1][0];
27
- res = mfDataFetch[1][1];
28
- rej = mfDataFetch[1][2];
29
- } else {
30
- promise = new Promise((resolve, reject) => {
31
- res = resolve;
32
- rej = reject;
33
- });
34
- mfDataFetch[1] = [
35
- promise,
36
- res,
37
- rej
38
- ];
39
- }
40
- const dataFetchType = mfDataFetch[0][1];
41
- if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_CLIENT) {
42
- try {
43
- mfDataFetch[0][0]().then((getDataFetchFn) => {
44
- return getDataFetchFn({
45
- ...params,
46
- isDowngrade: true
47
- }).then((data) => {
48
- mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
49
- res(data);
50
- });
51
- });
52
- } catch (e) {
53
- mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
54
- rej(e);
55
- }
56
- } else if (dataFetchType === MF_DATA_FETCH_TYPE.FETCH_SERVER) {
57
- try {
58
- const currentUrl = new URL(window.location.href);
59
- currentUrl.searchParams.set(DATA_FETCH_QUERY, encodeURIComponent(id));
60
- if (params) {
61
- currentUrl.searchParams.set("params", encodeURIComponent(JSON.stringify(params)));
62
- }
63
- if (remoteInfo) {
64
- currentUrl.searchParams.set("remoteInfo", encodeURIComponent(JSON.stringify(remoteInfo)));
65
- }
66
- const fetchServerQuery = globalThis.FEDERATION_SERVER_QUERY;
67
- if (fetchServerQuery && typeof fetchServerQuery === "object") {
68
- Object.keys(fetchServerQuery).forEach((key) => {
69
- currentUrl.searchParams.set(key, JSON.stringify(fetchServerQuery[key]));
70
- });
71
- }
72
- const fetchUrl = currentUrl.toString();
73
- const data = await fetch(fetchUrl).then((res2) => res2.json());
74
- mfDataFetch[2] = MF_DATA_FETCH_STATUS.LOADED;
75
- res(data);
76
- } catch (e) {
77
- mfDataFetch[2] = MF_DATA_FETCH_STATUS.ERROR;
78
- rej(e);
79
- }
80
- }
81
- return promise;
82
- }
83
- }
84
- export {
85
- callAllDowngrade,
86
- callDowngrade,
87
- getDowngradeTag
88
- };