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

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 (203) hide show
  1. package/README.md +3 -0
  2. package/dist/es/App.css +6 -5
  3. package/dist/es/App.js +211 -63
  4. package/dist/es/App.module.js +1 -1
  5. package/dist/es/App_module.css +41 -39
  6. package/dist/es/component/DependencyGraph/index.js +11 -12
  7. package/dist/es/component/DependencyGraph/index_module.css +20 -17
  8. package/dist/es/component/DependencyGraphItem/index.js +23 -10
  9. package/dist/es/component/DependencyGraphItem/index_module.css +7 -7
  10. package/dist/es/component/Form/index.js +24 -31
  11. package/dist/es/component/Form/index.module.js +1 -1
  12. package/dist/es/component/Form/index_module.css +22 -25
  13. package/dist/es/component/LanguageSwitch.js +50 -0
  14. package/dist/es/component/Layout/index.js +27 -10
  15. package/dist/es/component/Layout/index_module.css +7 -7
  16. package/dist/es/component/LoadingTrace/index.js +944 -0
  17. package/dist/es/component/LoadingTrace/index.module.js +5 -0
  18. package/dist/es/component/LoadingTrace/index_module.css +876 -0
  19. package/dist/es/component/ModuleInfo/index.js +65 -41
  20. package/dist/es/component/ModuleInfo/index_module.css +12 -11
  21. package/dist/es/component/SharedDepsExplorer/FocusResultDisplay.js +5 -3
  22. package/dist/es/component/SharedDepsExplorer/FocusResultDisplay_module.css +5 -5
  23. package/dist/es/component/SharedDepsExplorer/index.js +223 -96
  24. package/dist/es/component/SharedDepsExplorer/index_module.css +12 -2
  25. package/dist/es/component/SharedDepsExplorer/share-utils.js +21 -5
  26. package/dist/es/component/ThemeToggle.js +19 -0
  27. package/dist/es/component/ThemeToggle.module.js +5 -0
  28. package/dist/es/component/ThemeToggle_module.css +12 -0
  29. package/dist/es/hooks/useDevtoolsTheme.js +77 -0
  30. package/dist/es/i18n/index.js +688 -0
  31. package/dist/es/utils/chrome/fast-refresh.js +297 -173
  32. package/dist/es/utils/chrome/index.js +42 -22
  33. package/dist/es/utils/chrome/messages.js +7 -1
  34. package/dist/es/utils/chrome/observability-plugin.js +93 -0
  35. package/dist/es/utils/chrome/observability-shared.js +99 -0
  36. package/dist/es/utils/chrome/observability.js +208 -0
  37. package/dist/es/utils/chrome/override-remote.js +7 -0
  38. package/dist/es/utils/chrome/post-message-listener.js +22 -4
  39. package/dist/es/utils/chrome/post-message-start.js +4 -10
  40. package/dist/es/utils/chrome/post-message.js +12 -3
  41. package/dist/es/utils/chrome/resolve-basic-proxy-core.js +4 -0
  42. package/dist/es/utils/chrome/safe-post-message.js +124 -0
  43. package/dist/es/utils/chrome/snapshot-plugin.js +2 -36
  44. package/dist/es/utils/data/index.js +5 -25
  45. package/dist/es/utils/sdk/graph.js +25 -11
  46. package/dist/es/vendor/basic-proxy-core.js +155 -0
  47. package/dist/es/worker/index.js +27 -8
  48. package/dist/lib/App.css +6 -5
  49. package/dist/lib/App.js +208 -64
  50. package/dist/lib/App.module.js +1 -2
  51. package/dist/lib/App_module.css +41 -39
  52. package/dist/lib/component/DependencyGraph/index.js +11 -13
  53. package/dist/lib/component/DependencyGraph/index.module.js +0 -1
  54. package/dist/lib/component/DependencyGraph/index_module.css +20 -17
  55. package/dist/lib/component/DependencyGraphItem/index.js +23 -11
  56. package/dist/lib/component/DependencyGraphItem/index.module.js +0 -1
  57. package/dist/lib/component/DependencyGraphItem/index_module.css +7 -7
  58. package/dist/lib/component/Form/index.js +24 -32
  59. package/dist/lib/component/Form/index.module.js +1 -2
  60. package/dist/lib/component/Form/index_module.css +22 -25
  61. package/dist/lib/component/LanguageSwitch.js +79 -0
  62. package/dist/lib/component/Layout/index.js +27 -11
  63. package/dist/lib/component/Layout/index.module.js +0 -1
  64. package/dist/lib/component/Layout/index_module.css +7 -7
  65. package/dist/lib/component/LoadingTrace/index.js +953 -0
  66. package/dist/lib/component/LoadingTrace/index.module.js +24 -0
  67. package/dist/lib/component/LoadingTrace/index_module.css +876 -0
  68. package/dist/lib/component/ModuleInfo/index.js +65 -42
  69. package/dist/lib/component/ModuleInfo/index.module.js +0 -1
  70. package/dist/lib/component/ModuleInfo/index_module.css +12 -11
  71. package/dist/lib/component/SharedDepsExplorer/FocusResultDisplay.js +5 -4
  72. package/dist/lib/component/SharedDepsExplorer/FocusResultDisplay.module.js +0 -1
  73. package/dist/lib/component/SharedDepsExplorer/FocusResultDisplay_module.css +5 -5
  74. package/dist/lib/component/SharedDepsExplorer/index.js +217 -95
  75. package/dist/lib/component/SharedDepsExplorer/index.module.js +0 -1
  76. package/dist/lib/component/SharedDepsExplorer/index_module.css +12 -2
  77. package/dist/lib/component/SharedDepsExplorer/share-utils.js +21 -6
  78. package/dist/lib/component/ThemeToggle.js +48 -0
  79. package/dist/lib/component/ThemeToggle.module.js +24 -0
  80. package/dist/lib/component/ThemeToggle_module.css +12 -0
  81. package/dist/lib/hooks/useDevtoolsTheme.js +100 -0
  82. package/dist/lib/i18n/index.js +721 -0
  83. package/dist/lib/init.js +0 -1
  84. package/dist/lib/template/constant.js +0 -1
  85. package/dist/lib/template/index.js +0 -1
  86. package/dist/lib/utils/chrome/fast-refresh.js +250 -136
  87. package/dist/lib/utils/chrome/index.js +43 -23
  88. package/dist/lib/utils/chrome/messages.js +11 -3
  89. package/dist/lib/utils/chrome/observability-plugin.js +85 -0
  90. package/dist/lib/utils/chrome/observability-shared.js +125 -0
  91. package/dist/lib/utils/chrome/observability.js +233 -0
  92. package/dist/lib/utils/chrome/override-remote.js +20 -0
  93. package/dist/lib/utils/chrome/post-message-init.js +0 -1
  94. package/dist/lib/utils/chrome/post-message-listener.js +19 -5
  95. package/dist/lib/utils/chrome/post-message-start.js +4 -11
  96. package/dist/lib/utils/chrome/post-message.js +12 -4
  97. package/dist/lib/utils/chrome/resolve-basic-proxy-core.js +27 -0
  98. package/dist/lib/utils/chrome/safe-post-message.js +147 -0
  99. package/dist/lib/utils/chrome/snapshot-plugin.js +5 -47
  100. package/dist/lib/utils/chrome/storage.js +0 -1
  101. package/dist/lib/utils/data/index.js +6 -29
  102. package/dist/lib/utils/index.js +0 -1
  103. package/dist/lib/utils/sdk/graph.js +25 -12
  104. package/dist/lib/utils/sdk/index.js +0 -1
  105. package/dist/lib/utils/types/common.js +0 -1
  106. package/dist/lib/utils/types/index.js +0 -1
  107. package/dist/lib/vendor/basic-proxy-core.js +147 -0
  108. package/dist/lib/worker/index.js +27 -9
  109. package/dist/types/App.css +13 -0
  110. package/dist/types/App.js +519 -0
  111. package/dist/types/App.module.js +24 -0
  112. package/dist/types/App_module.css +307 -0
  113. package/dist/types/component/DependencyGraph/index.js +225 -0
  114. package/dist/types/component/DependencyGraph/index.module.js +24 -0
  115. package/dist/types/component/DependencyGraph/index_module.css +100 -0
  116. package/dist/types/component/DependencyGraphItem/index.js +124 -0
  117. package/dist/types/component/DependencyGraphItem/index.module.js +24 -0
  118. package/dist/types/component/DependencyGraphItem/index_module.css +95 -0
  119. package/dist/types/component/Form/index.js +372 -0
  120. package/dist/types/component/Form/index.module.js +24 -0
  121. package/dist/types/component/Form/index_module.css +198 -0
  122. package/dist/types/component/LanguageSwitch.js +79 -0
  123. package/dist/types/component/Layout/index.js +471 -0
  124. package/dist/types/component/Layout/index.module.js +24 -0
  125. package/dist/types/component/Layout/index_module.css +68 -0
  126. package/dist/types/component/LoadingTrace/index.js +953 -0
  127. package/dist/types/component/LoadingTrace/index.module.js +24 -0
  128. package/dist/types/component/LoadingTrace/index_module.css +876 -0
  129. package/dist/types/component/ModuleInfo/index.js +342 -0
  130. package/dist/types/component/ModuleInfo/index.module.js +24 -0
  131. package/dist/types/component/ModuleInfo/index_module.css +184 -0
  132. package/dist/types/component/SharedDepsExplorer/FocusResultDisplay.js +64 -0
  133. package/dist/types/component/SharedDepsExplorer/FocusResultDisplay.module.js +24 -0
  134. package/dist/types/component/SharedDepsExplorer/FocusResultDisplay_module.css +45 -0
  135. package/dist/types/component/SharedDepsExplorer/index.js +635 -0
  136. package/dist/types/component/SharedDepsExplorer/index.module.js +24 -0
  137. package/dist/types/component/SharedDepsExplorer/index_module.css +467 -0
  138. package/dist/types/component/SharedDepsExplorer/share-utils.js +252 -0
  139. package/dist/types/component/ThemeToggle.js +48 -0
  140. package/dist/types/component/ThemeToggle.module.js +24 -0
  141. package/dist/types/component/ThemeToggle_module.css +12 -0
  142. package/dist/types/hooks/useDevtoolsTheme.js +100 -0
  143. package/dist/types/i18n/index.js +721 -0
  144. package/dist/types/init.js +8 -0
  145. package/dist/types/src/App.d.ts +1 -1
  146. package/dist/types/src/component/DependencyGraph/index.d.ts +1 -1
  147. package/dist/types/src/component/DependencyGraphItem/index.d.ts +1 -1
  148. package/dist/types/src/component/Form/index.d.ts +1 -1
  149. package/dist/types/src/component/LanguageSwitch.d.ts +2 -0
  150. package/dist/types/src/component/Layout/index.d.ts +1 -1
  151. package/dist/types/src/component/LoadingTrace/index.d.ts +6 -0
  152. package/dist/types/src/component/ModuleInfo/index.d.ts +1 -1
  153. package/dist/types/src/component/SharedDepsExplorer/index.d.ts +1 -1
  154. package/dist/types/src/component/SharedDepsExplorer/share-utils.d.ts +3 -2
  155. package/dist/types/src/component/ThemeToggle.d.ts +8 -0
  156. package/dist/types/src/hooks/useDevtoolsTheme.d.ts +2 -0
  157. package/dist/types/src/i18n/index.d.ts +5 -0
  158. package/dist/types/src/template/constant.d.ts +1 -1
  159. package/dist/types/src/utils/chrome/index.d.ts +2 -1
  160. package/dist/types/src/utils/chrome/messages.d.ts +3 -0
  161. package/dist/types/src/utils/chrome/observability-plugin.d.ts +1 -0
  162. package/dist/types/src/utils/chrome/observability-shared.d.ts +41 -0
  163. package/dist/types/src/utils/chrome/observability.d.ts +110 -0
  164. package/dist/types/src/utils/chrome/override-remote.d.ts +1 -0
  165. package/dist/types/src/utils/chrome/post-message-listener.d.ts +1 -0
  166. package/dist/types/src/utils/chrome/post-message-start.d.ts +1 -1
  167. package/dist/types/src/utils/chrome/resolve-basic-proxy-core.d.ts +6 -0
  168. package/dist/types/src/utils/chrome/safe-post-message.d.ts +1 -0
  169. package/dist/types/src/utils/chrome/snapshot-plugin.d.ts +0 -3
  170. package/dist/types/src/utils/data/index.d.ts +1 -2
  171. package/dist/types/src/utils/sdk/graph.d.ts +1 -1
  172. package/dist/types/src/utils/sdk/index.d.ts +2 -2
  173. package/dist/types/stories/index.stories.d.ts +2 -1
  174. package/dist/types/template/constant.js +84 -0
  175. package/dist/types/template/index.js +21 -0
  176. package/dist/types/utils/chrome/fast-refresh.js +329 -0
  177. package/dist/types/utils/chrome/index.js +321 -0
  178. package/dist/types/utils/chrome/messages.js +39 -0
  179. package/dist/types/utils/chrome/observability-plugin.js +85 -0
  180. package/dist/types/utils/chrome/observability-shared.js +125 -0
  181. package/dist/types/utils/chrome/observability.js +233 -0
  182. package/dist/types/utils/chrome/override-remote.js +20 -0
  183. package/dist/types/utils/chrome/post-message-init.js +5 -0
  184. package/dist/types/utils/chrome/post-message-listener.js +36 -0
  185. package/dist/types/utils/chrome/post-message-start.js +10 -0
  186. package/dist/types/utils/chrome/post-message.js +91 -0
  187. package/dist/types/utils/chrome/resolve-basic-proxy-core.js +27 -0
  188. package/dist/types/utils/chrome/safe-post-message.js +147 -0
  189. package/dist/types/utils/chrome/snapshot-plugin.js +17 -0
  190. package/dist/types/utils/chrome/storage.js +71 -0
  191. package/dist/types/utils/data/index.js +83 -0
  192. package/dist/types/utils/index.js +27 -0
  193. package/dist/types/utils/sdk/graph.js +213 -0
  194. package/dist/types/utils/sdk/index.js +104 -0
  195. package/dist/types/utils/types/common.js +15 -0
  196. package/dist/types/utils/types/index.js +21 -0
  197. package/dist/types/vendor/basic-proxy-core.js +147 -0
  198. package/dist/types/worker/index.js +175 -0
  199. package/install-deps.bash +7 -3
  200. package/package.json +47 -28
  201. package/dist/es/utils/data/snapshot.js +0 -82
  202. package/dist/lib/utils/data/snapshot.js +0 -107
  203. package/dist/types/src/utils/data/snapshot.d.ts +0 -3
@@ -0,0 +1,329 @@
1
+ var __async = (__this, __arguments, generator) => {
2
+ return new Promise((resolve, reject) => {
3
+ var fulfilled = (value) => {
4
+ try {
5
+ step(generator.next(value));
6
+ } catch (e) {
7
+ reject(e);
8
+ }
9
+ };
10
+ var rejected = (value) => {
11
+ try {
12
+ step(generator.throw(value));
13
+ } catch (e) {
14
+ reject(e);
15
+ }
16
+ };
17
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
18
+ step((generator = generator.apply(__this, __arguments)).next());
19
+ });
20
+ };
21
+ var import__ = require("../index");
22
+ var import_sdk = require("../sdk");
23
+ var import_constant = require("../../template/constant");
24
+ var _a;
25
+ const SUPPORT_PKGS = ["react", "react-dom"];
26
+ const DEFAULT_SHARE_SCOPE = "default";
27
+ const DEFAULT_GLOBAL_KEY_MAP = {
28
+ react: "React",
29
+ "react-dom": "ReactDOM"
30
+ };
31
+ const sanitizeWindowKey = (value) => value.replace(/[^a-zA-Z0-9_$]/g, "_");
32
+ const getShareScopes = (scope) => Array.isArray(scope) && scope.length ? scope : [DEFAULT_SHARE_SCOPE];
33
+ const getDefaultGlobalKey = (pkgName) => DEFAULT_GLOBAL_KEY_MAP[pkgName];
34
+ const getScopedGlobalKey = (scope, pkgName) => `${sanitizeWindowKey(scope)}_${sanitizeWindowKey(pkgName)}`;
35
+ const getWindowValue = (key) => window[key];
36
+ const setWindowValue = (key, value) => {
37
+ window[key] = value;
38
+ };
39
+ const setScopeGlobals = (pkgName, scopes, source) => {
40
+ if (!source) {
41
+ return source;
42
+ }
43
+ scopes.forEach((scope) => {
44
+ setWindowValue(getScopedGlobalKey(scope, pkgName), source);
45
+ });
46
+ return source;
47
+ };
48
+ const getScopeGlobal = (pkgName, scopes) => {
49
+ for (const scope of scopes) {
50
+ const scopeGlobal = getWindowValue(getScopedGlobalKey(scope, pkgName));
51
+ if (scopeGlobal) {
52
+ return scopeGlobal;
53
+ }
54
+ }
55
+ return void 0;
56
+ };
57
+ const getEagerShareInfo = (eagerShare) => {
58
+ if (!Array.isArray(eagerShare) || eagerShare.length < 2) {
59
+ return null;
60
+ }
61
+ const [, version, scopes] = eagerShare;
62
+ if (typeof version !== "string") {
63
+ return null;
64
+ }
65
+ return {
66
+ version,
67
+ scopes: getShareScopes(scopes)
68
+ };
69
+ };
70
+ const updateEagerShareInfo = (devtoolsMessage2, pkgName, version, scopes) => {
71
+ const existing = getEagerShareInfo(devtoolsMessage2[import_constant.__EAGER_SHARE__]);
72
+ const mergedScopes = Array.from(
73
+ /* @__PURE__ */ new Set([...(existing == null ? void 0 : existing.scopes) || [], ...scopes])
74
+ );
75
+ devtoolsMessage2[import_constant.__EAGER_SHARE__] = [pkgName, version, mergedScopes];
76
+ return {
77
+ shouldReload: !existing || existing.version !== version
78
+ };
79
+ };
80
+ const requestUmdSourceSync = (url) => {
81
+ try {
82
+ const response = new XMLHttpRequest();
83
+ response.open("GET", url, false);
84
+ response.overrideMimeType("text/plain");
85
+ response.send();
86
+ if (response.status === 200) {
87
+ return response.responseText;
88
+ }
89
+ throw new Error(
90
+ `Failed to load module from ${url}: HTTP ${response.status}`
91
+ );
92
+ } catch (error) {
93
+ throw new Error(`Failed to fetch module from ${url}: ${error.message}`);
94
+ }
95
+ };
96
+ const requestUmdSource = (url) => new Promise((resolve, reject) => {
97
+ try {
98
+ const response = new XMLHttpRequest();
99
+ response.open("GET", url, true);
100
+ response.overrideMimeType("text/plain");
101
+ response.onload = () => {
102
+ if (response.status === 200) {
103
+ resolve(response.responseText);
104
+ return;
105
+ }
106
+ reject(
107
+ new Error(
108
+ `Failed to load module from ${url}: HTTP ${response.status}`
109
+ )
110
+ );
111
+ };
112
+ response.onerror = () => {
113
+ reject(new Error(`Failed to fetch module from ${url}`));
114
+ };
115
+ response.send();
116
+ } catch (error) {
117
+ reject(new Error(`Failed to fetch module from ${url}: ${error.message}`));
118
+ }
119
+ });
120
+ const createUmdSandbox = (pkgName, scopes) => {
121
+ const sandboxTarget = /* @__PURE__ */ Object.create(null);
122
+ const sandbox = new Proxy(sandboxTarget, {
123
+ get(target, key) {
124
+ if (typeof key === "symbol") {
125
+ return Reflect.get(target, key);
126
+ }
127
+ if (key in target) {
128
+ return target[key];
129
+ }
130
+ const value = window[key];
131
+ return typeof value === "function" ? value.bind(window) : value;
132
+ },
133
+ set(target, key, value) {
134
+ target[key] = value;
135
+ return true;
136
+ },
137
+ has(target, key) {
138
+ return key in target || key in window;
139
+ }
140
+ });
141
+ sandboxTarget.window = sandbox;
142
+ sandboxTarget.self = sandbox;
143
+ sandboxTarget.globalThis = sandbox;
144
+ sandboxTarget.global = sandbox;
145
+ sandboxTarget.document = window.document;
146
+ if (pkgName === "react-dom") {
147
+ sandboxTarget.React = getScopeGlobal("react", scopes);
148
+ }
149
+ return sandbox;
150
+ };
151
+ const executeUmdModule = (scriptContent, pkgName, scopes) => {
152
+ const sandbox = createUmdSandbox(pkgName, scopes);
153
+ const moduleFunction = new Function(
154
+ "window",
155
+ "self",
156
+ "globalThis",
157
+ "global",
158
+ "document",
159
+ "exports",
160
+ "module",
161
+ "define",
162
+ "require",
163
+ scriptContent
164
+ );
165
+ moduleFunction.call(
166
+ sandbox,
167
+ sandbox,
168
+ sandbox,
169
+ sandbox,
170
+ sandbox,
171
+ sandbox.document,
172
+ void 0,
173
+ void 0,
174
+ void 0,
175
+ void 0
176
+ );
177
+ return sandbox[getDefaultGlobalKey(pkgName)];
178
+ };
179
+ const loadUmdModuleSync = (pkgName, version, scopes) => executeUmdModule(
180
+ requestUmdSourceSync((0, import__.getUnpkgUrl)(pkgName, version)),
181
+ pkgName,
182
+ scopes
183
+ );
184
+ const loadUmdModule = (pkgName, version, scopes) => __async(exports, null, function* () {
185
+ return executeUmdModule(
186
+ yield requestUmdSource((0, import__.getUnpkgUrl)(pkgName, version)),
187
+ pkgName,
188
+ scopes
189
+ );
190
+ });
191
+ const getDevtoolsMessage = () => {
192
+ const devtoolsMessageStr = localStorage.getItem(import_constant.__FEDERATION_DEVTOOLS__);
193
+ if (devtoolsMessageStr) {
194
+ try {
195
+ return JSON.parse(devtoolsMessageStr);
196
+ } catch (e) {
197
+ console.debug("Fast Refresh Plugin Error: ", e);
198
+ }
199
+ }
200
+ return null;
201
+ };
202
+ const devtoolsMessage = getDevtoolsMessage();
203
+ const eagerShareInfo = getEagerShareInfo(devtoolsMessage == null ? void 0 : devtoolsMessage[import_constant.__EAGER_SHARE__]);
204
+ if ((devtoolsMessage == null ? void 0 : devtoolsMessage[import_constant.__ENABLE_FAST_REFRESH__]) && eagerShareInfo) {
205
+ const { version, scopes } = eagerShareInfo;
206
+ setScopeGlobals("react", scopes, loadUmdModuleSync("react", version, scopes));
207
+ setScopeGlobals(
208
+ "react-dom",
209
+ scopes,
210
+ loadUmdModuleSync("react-dom", version, scopes)
211
+ );
212
+ }
213
+ const fastRefreshPlugin = () => {
214
+ let orderResolve;
215
+ const orderPromise = new Promise((resolve) => {
216
+ orderResolve = resolve;
217
+ });
218
+ return {
219
+ name: "mf-fast-refresh-plugin",
220
+ beforeRegisterShare(args) {
221
+ var _a2;
222
+ const { pkgName, shared } = args;
223
+ if (!SUPPORT_PKGS.includes(pkgName)) {
224
+ return args;
225
+ }
226
+ const supportPkgName = pkgName;
227
+ const shareScopes = getShareScopes(shared.scope);
228
+ let enableFastRefresh = false;
229
+ let devtoolsMessage2 = {};
230
+ const devtoolsMessageStr = localStorage.getItem(import_constant.__FEDERATION_DEVTOOLS__);
231
+ if (devtoolsMessageStr) {
232
+ try {
233
+ devtoolsMessage2 = JSON.parse(devtoolsMessageStr);
234
+ enableFastRefresh = devtoolsMessage2 == null ? void 0 : devtoolsMessage2[import_constant.__ENABLE_FAST_REFRESH__];
235
+ } catch (e) {
236
+ console.debug("Fast Refresh Plugin Error: ", e);
237
+ }
238
+ }
239
+ if (!enableFastRefresh) {
240
+ return args;
241
+ }
242
+ if (((_a2 = shared.shareConfig) == null ? void 0 : _a2.eager) || shared.lib) {
243
+ if (!(devtoolsMessage2 == null ? void 0 : devtoolsMessage2[import_constant.__EAGER_SHARE__])) {
244
+ const eagerShareInfo2 = updateEagerShareInfo(
245
+ devtoolsMessage2,
246
+ pkgName,
247
+ shared.version,
248
+ shareScopes
249
+ );
250
+ localStorage.setItem(
251
+ import_constant.__FEDERATION_DEVTOOLS__,
252
+ JSON.stringify(devtoolsMessage2)
253
+ );
254
+ if (eagerShareInfo2.shouldReload) {
255
+ window.location.reload();
256
+ }
257
+ } else {
258
+ updateEagerShareInfo(
259
+ devtoolsMessage2,
260
+ pkgName,
261
+ shared.version,
262
+ shareScopes
263
+ );
264
+ localStorage.setItem(
265
+ import_constant.__FEDERATION_DEVTOOLS__,
266
+ JSON.stringify(devtoolsMessage2)
267
+ );
268
+ }
269
+ if (pkgName === "react-dom") {
270
+ shared.lib = () => getScopeGlobal(supportPkgName, shareScopes);
271
+ }
272
+ if (pkgName === "react") {
273
+ shared.lib = () => getScopeGlobal(supportPkgName, shareScopes);
274
+ }
275
+ return args;
276
+ }
277
+ let get;
278
+ if (pkgName === "react") {
279
+ get = () => loadUmdModule(supportPkgName, shared.version, shareScopes).then((moduleValue) => {
280
+ setScopeGlobals(supportPkgName, shareScopes, moduleValue);
281
+ return moduleValue;
282
+ }).then(() => {
283
+ orderResolve();
284
+ });
285
+ }
286
+ if (pkgName === "react-dom") {
287
+ get = () => orderPromise.then(
288
+ () => loadUmdModule(supportPkgName, shared.version, shareScopes)
289
+ ).then((result) => {
290
+ setScopeGlobals(supportPkgName, shareScopes, result);
291
+ return result;
292
+ });
293
+ }
294
+ if (typeof get === "function") {
295
+ const finalGet = get;
296
+ if (pkgName === "react") {
297
+ shared.get = () => __async(this, null, function* () {
298
+ if (!getScopeGlobal(supportPkgName, shareScopes)) {
299
+ yield finalGet();
300
+ console.warn(
301
+ "[Module Federation HMR]: You are using Module Federation Devtools to debug online host, it will cause your project load Dev mode React and ReactDOM. If not in this mode, please disable it in Module Federation Devtools"
302
+ );
303
+ }
304
+ shared.lib = () => getScopeGlobal(supportPkgName, shareScopes);
305
+ return () => getScopeGlobal(supportPkgName, shareScopes);
306
+ });
307
+ }
308
+ if (pkgName === "react-dom") {
309
+ shared.get = () => __async(this, null, function* () {
310
+ if (!getScopeGlobal(supportPkgName, shareScopes)) {
311
+ yield finalGet();
312
+ }
313
+ shared.lib = () => getScopeGlobal(supportPkgName, shareScopes);
314
+ return () => getScopeGlobal(supportPkgName, shareScopes);
315
+ });
316
+ }
317
+ }
318
+ return args;
319
+ }
320
+ };
321
+ };
322
+ if (!(window == null ? void 0 : window.__FEDERATION__)) {
323
+ (0, import_sdk.definePropertyGlobalVal)(window, "__FEDERATION__", {});
324
+ (0, import_sdk.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
325
+ }
326
+ if (!(window == null ? void 0 : window.__FEDERATION__.__GLOBAL_PLUGIN__)) {
327
+ window.__FEDERATION__.__GLOBAL_PLUGIN__ = [];
328
+ }
329
+ (_a = window.__FEDERATION__.__GLOBAL_PLUGIN__) == null ? void 0 : _a.push(fastRefreshPlugin());
@@ -0,0 +1,321 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
22
+ var __export = (target, all) => {
23
+ for (var name in all)
24
+ __defProp(target, name, { get: all[name], enumerable: true });
25
+ };
26
+ var __copyProps = (to, from, except, desc) => {
27
+ if (from && typeof from === "object" || typeof from === "function") {
28
+ for (let key of __getOwnPropNames(from))
29
+ if (!__hasOwnProp.call(to, key) && key !== except)
30
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
31
+ }
32
+ return to;
33
+ };
34
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
35
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
36
+ var __async = (__this, __arguments, generator) => {
37
+ return new Promise((resolve, reject) => {
38
+ var fulfilled = (value) => {
39
+ try {
40
+ step(generator.next(value));
41
+ } catch (e) {
42
+ reject(e);
43
+ }
44
+ };
45
+ var rejected = (value) => {
46
+ try {
47
+ step(generator.throw(value));
48
+ } catch (e) {
49
+ reject(e);
50
+ }
51
+ };
52
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
53
+ step((generator = generator.apply(__this, __arguments)).next());
54
+ });
55
+ };
56
+ var chrome_exports = {};
57
+ __export(chrome_exports, {
58
+ TabInfo: () => TabInfo,
59
+ getCurrentTabId: () => getCurrentTabId,
60
+ getGlobalModuleInfo: () => getGlobalModuleInfo,
61
+ getInspectWindowTabId: () => getInspectWindowTabId,
62
+ getScope: () => getScope,
63
+ getTabs: () => getTabs,
64
+ getUrl: () => getUrl,
65
+ injectPostMessage: () => injectPostMessage,
66
+ injectScript: () => injectScript,
67
+ injectToast: () => injectToast,
68
+ normalizeModuleInfoPayload: () => normalizeModuleInfoPayload,
69
+ refreshModuleInfo: () => refreshModuleInfo,
70
+ setChromeStorage: () => setChromeStorage,
71
+ setTargetTab: () => setTargetTab,
72
+ syncActiveTab: () => syncActiveTab
73
+ });
74
+ module.exports = __toCommonJS(chrome_exports);
75
+ var import_constant = require("../../template/constant");
76
+ var import_sdk2 = require("../sdk");
77
+ var import_safe_post_message = require("./safe-post-message");
78
+ __reExport(chrome_exports, require("./storage"), module.exports);
79
+ const isModuleInfoRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
80
+ const isModuleInfoSyncMessage = (value) => isModuleInfoRecord(value) && ("moduleInfo" in value || "updateModule" in value || "share" in value);
81
+ const normalizeModuleInfoPayload = (moduleInfo) => {
82
+ const sanitized = (0, import_safe_post_message.sanitizePostMessagePayload)(moduleInfo);
83
+ if (!isModuleInfoRecord(sanitized)) {
84
+ return {};
85
+ }
86
+ return Object.entries(sanitized).reduce(
87
+ (moduleMap, [moduleId, snapshot]) => {
88
+ if (moduleId === "extendInfos" || isModuleInfoRecord(snapshot)) {
89
+ moduleMap[moduleId] = snapshot;
90
+ }
91
+ return moduleMap;
92
+ },
93
+ {}
94
+ );
95
+ };
96
+ const sleep = (num) => {
97
+ return new Promise((resolve) => {
98
+ setTimeout(() => {
99
+ resolve();
100
+ }, num);
101
+ });
102
+ };
103
+ const injectPostMessage = (postMessageUrl) => {
104
+ const script = document.createElement("script");
105
+ script.src = postMessageUrl;
106
+ document.getElementsByTagName("head")[0].appendChild(script);
107
+ };
108
+ const TabInfo = {
109
+ currentTabId: 0
110
+ };
111
+ const setTargetTab = (tab) => {
112
+ if (!tab || typeof tab.id !== "number") {
113
+ return;
114
+ }
115
+ window.targetTab = tab;
116
+ TabInfo.currentTabId = tab.id;
117
+ };
118
+ const syncActiveTab = (tabId) => __async(void 0, null, function* () {
119
+ try {
120
+ if (typeof tabId === "number") {
121
+ const tab = yield chrome.tabs.get(tabId);
122
+ setTargetTab(tab);
123
+ return tab;
124
+ }
125
+ const tabs = yield getTabs({
126
+ active: true,
127
+ lastFocusedWindow: true
128
+ });
129
+ const activeTab = Array.isArray(tabs) ? tabs[0] : void 0;
130
+ setTargetTab(activeTab);
131
+ return activeTab;
132
+ } catch (error) {
133
+ console.warn("[Module Federation Devtools] syncActiveTab failed", error);
134
+ return void 0;
135
+ }
136
+ });
137
+ function getCurrentTabId() {
138
+ return TabInfo.currentTabId;
139
+ }
140
+ function getInspectWindowTabId() {
141
+ return new Promise((resolve, reject) => {
142
+ var _a, _b;
143
+ if ((_a = chrome == null ? void 0 : chrome.devtools) == null ? void 0 : _a.inspectedWindow) {
144
+ if (chrome.isDevMode) {
145
+ resolve(0);
146
+ }
147
+ chrome.devtools.inspectedWindow.eval(
148
+ 'typeof window.__FEDERATION__ !== "undefined" || typeof window.__VMOK__ !== "undefined"',
149
+ function(info, error) {
150
+ const { tabId } = chrome.devtools.inspectedWindow;
151
+ getTabs().then((tabs) => {
152
+ const target = Array.isArray(tabs) ? tabs.find((tab) => tab.id === tabId) : void 0;
153
+ setTargetTab(target);
154
+ });
155
+ console.log(
156
+ "chrome.devtools.inspectedWindow.tabId",
157
+ chrome.devtools.inspectedWindow.tabId
158
+ );
159
+ TabInfo.currentTabId = tabId;
160
+ resolve(tabId);
161
+ if (error) {
162
+ reject(error);
163
+ }
164
+ }
165
+ );
166
+ } else {
167
+ if ((_b = window.targetTab) == null ? void 0 : _b.id) {
168
+ const tabId = window.targetTab.id;
169
+ TabInfo.currentTabId = tabId;
170
+ resolve(tabId);
171
+ } else {
172
+ throw Error(`can't get active tab`);
173
+ }
174
+ }
175
+ });
176
+ }
177
+ const refreshModuleInfo = () => __async(void 0, null, function* () {
178
+ var _a;
179
+ if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
180
+ }
181
+ yield sleep(50);
182
+ const postMessageStartUrl = getUrl("post-message-start.js");
183
+ yield injectScript(injectPostMessage, false, postMessageStartUrl);
184
+ });
185
+ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
186
+ var _a, _b;
187
+ if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
188
+ callback(normalizeModuleInfoPayload((_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo));
189
+ }
190
+ yield sleep(300);
191
+ const listener = (message) => {
192
+ const { data } = message;
193
+ if (!isModuleInfoSyncMessage(data) || (data == null ? void 0 : data.appInfos)) {
194
+ return;
195
+ }
196
+ if (!(window == null ? void 0 : window.__FEDERATION__)) {
197
+ (0, import_sdk2.definePropertyGlobalVal)(window, "__FEDERATION__", {});
198
+ (0, import_sdk2.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
199
+ }
200
+ window.__FEDERATION__.originModuleInfo = "moduleInfo" in data ? normalizeModuleInfoPayload(data.moduleInfo) : normalizeModuleInfoPayload(
201
+ window.__FEDERATION__.originModuleInfo || window.__FEDERATION__.moduleInfo
202
+ );
203
+ const updateModule = data.updateModule;
204
+ if (isModuleInfoRecord(updateModule) && typeof updateModule.name === "string") {
205
+ const updateModuleName = updateModule.name;
206
+ const moduleIds = Object.keys(window.__FEDERATION__.originModuleInfo);
207
+ const shouldUpdate = !moduleIds.some(
208
+ (id) => id.includes(updateModuleName)
209
+ );
210
+ if (shouldUpdate) {
211
+ const destination = typeof updateModule.entry === "string" ? updateModule.entry : typeof updateModule.version === "string" ? updateModule.version : void 0;
212
+ if (destination) {
213
+ window.__FEDERATION__.originModuleInfo[`${updateModuleName}:${destination}`] = {
214
+ remoteEntry: destination,
215
+ version: destination
216
+ };
217
+ }
218
+ }
219
+ }
220
+ if (data == null ? void 0 : data.share) {
221
+ window.__FEDERATION__.__SHARE__ = (0, import_safe_post_message.sanitizePostMessagePayload)(
222
+ data.share
223
+ );
224
+ }
225
+ window.__FEDERATION__.moduleInfo = normalizeModuleInfoPayload(
226
+ window.__FEDERATION__.originModuleInfo
227
+ );
228
+ console.log("getGlobalModuleInfo window", window.__FEDERATION__);
229
+ callback(window.__FEDERATION__.moduleInfo);
230
+ };
231
+ chrome.runtime.onMessage.addListener(listener);
232
+ yield refreshModuleInfo();
233
+ return () => chrome.runtime.onMessage.removeListener(listener);
234
+ });
235
+ const getTabs = (queryOptions = {}) => chrome.tabs.query(queryOptions);
236
+ const getScope = () => __async(void 0, null, function* () {
237
+ const activeTab = window.targetTab;
238
+ const tabId = activeTab == null ? void 0 : activeTab.id;
239
+ return tabId ? String(tabId) : "noScope";
240
+ });
241
+ const injectScript = (excuteScript, world = false, ...args) => __async(void 0, null, function* () {
242
+ yield getInspectWindowTabId();
243
+ return chrome.scripting.executeScript({
244
+ target: {
245
+ tabId: getCurrentTabId()
246
+ },
247
+ func: excuteScript,
248
+ world: world ? "MAIN" : "ISOLATED",
249
+ args
250
+ }).then((results) => {
251
+ var _a;
252
+ console.log("InjectScript success, excuteScript:", args);
253
+ if (Array.isArray(results) && results.length) {
254
+ return (_a = results[0]) == null ? void 0 : _a.result;
255
+ }
256
+ return void 0;
257
+ }).catch((e) => {
258
+ console.log(e, "InjectScript fail, excuteScript:", args);
259
+ return void 0;
260
+ });
261
+ });
262
+ const getUrl = (file) => {
263
+ try {
264
+ const pathSet = chrome.runtime.getURL(file).split("/");
265
+ const fileName = pathSet.pop();
266
+ pathSet.push("static", "js", fileName);
267
+ return pathSet.join("/");
268
+ } catch (e) {
269
+ return "";
270
+ }
271
+ };
272
+ const injectToast = (toastUtilUrl, e2eFlag) => {
273
+ const ele = document.querySelector(`[data-e2e=${e2eFlag}]`);
274
+ if (ele) {
275
+ return;
276
+ }
277
+ const scriptToast = document.createElement("script");
278
+ scriptToast.src = toastUtilUrl;
279
+ scriptToast.dataset.e2e = e2eFlag;
280
+ document.getElementsByTagName("head")[0].appendChild(scriptToast);
281
+ };
282
+ const setChromeStorage = (formData) => {
283
+ getScope().then((scope) => __async(void 0, null, function* () {
284
+ const data = yield chrome.storage.sync.get("FormID");
285
+ const storeData = data[import_constant.FormID];
286
+ const scopes = Object.keys(storeData || {});
287
+ let filterOutDatedData = storeData || {};
288
+ const { length } = scopes;
289
+ if (length >= 10) {
290
+ filterOutDatedData = scopes.slice(0, length - 3).reduce((memo, cur) => {
291
+ memo[cur] = storeData[cur];
292
+ return memo;
293
+ }, {});
294
+ }
295
+ const existRules = storeData == null ? void 0 : storeData[scope];
296
+ chrome.storage.sync.set({
297
+ [import_constant.FormID]: __spreadProps(__spreadValues({}, filterOutDatedData), {
298
+ [scope]: __spreadValues(__spreadValues({}, existRules), formData)
299
+ })
300
+ });
301
+ }));
302
+ };
303
+ // Annotate the CommonJS export names for ESM import in node:
304
+ 0 && (module.exports = {
305
+ TabInfo,
306
+ getCurrentTabId,
307
+ getGlobalModuleInfo,
308
+ getInspectWindowTabId,
309
+ getScope,
310
+ getTabs,
311
+ getUrl,
312
+ injectPostMessage,
313
+ injectScript,
314
+ injectToast,
315
+ normalizeModuleInfoPayload,
316
+ refreshModuleInfo,
317
+ setChromeStorage,
318
+ setTargetTab,
319
+ syncActiveTab,
320
+ ...require("./storage")
321
+ });
@@ -0,0 +1,39 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+ var messages_exports = {};
19
+ __export(messages_exports, {
20
+ MESSAGE_ACTIVE_TAB_CHANGED: () => MESSAGE_ACTIVE_TAB_CHANGED,
21
+ MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT: () => MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
22
+ MESSAGE_OPEN_SIDE_PANEL: () => MESSAGE_OPEN_SIDE_PANEL,
23
+ OBSERVABILITY_DEVTOOLS_SOURCE: () => OBSERVABILITY_DEVTOOLS_SOURCE,
24
+ OBSERVABILITY_DEVTOOLS_STORAGE_KEY: () => OBSERVABILITY_DEVTOOLS_STORAGE_KEY
25
+ });
26
+ module.exports = __toCommonJS(messages_exports);
27
+ const MESSAGE_OPEN_SIDE_PANEL = "mf-devtools/open-side-panel";
28
+ const MESSAGE_ACTIVE_TAB_CHANGED = "mf-devtools/active-tab-changed";
29
+ const MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT = "mf-devtools/observability-event";
30
+ const OBSERVABILITY_DEVTOOLS_SOURCE = "module-federation/observability";
31
+ const OBSERVABILITY_DEVTOOLS_STORAGE_KEY = "__MF_DEVTOOLS_OBSERVABILITY_CONFIG__";
32
+ // Annotate the CommonJS export names for ESM import in node:
33
+ 0 && (module.exports = {
34
+ MESSAGE_ACTIVE_TAB_CHANGED,
35
+ MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
36
+ MESSAGE_OPEN_SIDE_PANEL,
37
+ OBSERVABILITY_DEVTOOLS_SOURCE,
38
+ OBSERVABILITY_DEVTOOLS_STORAGE_KEY
39
+ });