@module-federation/devtools 2.3.0 → 2.3.1

package/dist/es/utils/chrome/index.js

@@ -39,6 +39,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import { FormID } from "../../template/constant";
 import { definePropertyGlobalVal } from "../sdk";
+import { sanitizePostMessagePayload } from "./safe-post-message";
 export * from "./storage";
 const sleep = (num) => {
   return new Promise((resolve) => {
@@ -134,8 +135,8 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
   var _a, _b;
   if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
     callback(
-      JSON.parse(
-        JSON.stringify((_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo)
+      sanitizePostMessagePayload(
+        (_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo
       )
     );
   }
@@ -149,8 +150,8 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
       definePropertyGlobalVal(window, "__FEDERATION__", {});
       definePropertyGlobalVal(window, "__VMOK__", window.__FEDERATION__);
     }
-    window.__FEDERATION__.originModuleInfo = JSON.parse(
-      JSON.stringify(data == null ? void 0 : data.moduleInfo)
+    window.__FEDERATION__.originModuleInfo = sanitizePostMessagePayload(
+      data == null ? void 0 : data.moduleInfo
     );
     if (data == null ? void 0 : data.updateModule) {
       const moduleIds = Object.keys(window.__FEDERATION__.originModuleInfo);
@@ -166,10 +167,10 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
       }
     }
     if (data == null ? void 0 : data.share) {
-      window.__FEDERATION__.__SHARE__ = data.share;
+      window.__FEDERATION__.__SHARE__ = sanitizePostMessagePayload(data.share);
     }
-    window.__FEDERATION__.moduleInfo = JSON.parse(
-      JSON.stringify(window.__FEDERATION__.originModuleInfo)
+    window.__FEDERATION__.moduleInfo = sanitizePostMessagePayload(
+      window.__FEDERATION__.originModuleInfo
     );
     console.log("getGlobalModuleInfo window", window.__FEDERATION__);
     callback(window.__FEDERATION__.moduleInfo);

package/dist/es/utils/chrome/post-message-listener.js

@@ -1,3 +1,4 @@
+import { sanitizePostMessagePayload } from "./safe-post-message";
 if (window.moduleHandler) {
   window.removeEventListener("message", window.moduleHandler);
 } else {
@@ -8,11 +9,11 @@ if (window.moduleHandler) {
     }
     chrome.runtime.sendMessage({
       origin,
-      data: {
+      data: sanitizePostMessagePayload({
         moduleInfo: data.moduleInfo,
         updateModule: data.updateModule,
         share: data.share
-      }
+      })
     }).catch(() => {
       return false;
     });

package/dist/es/utils/chrome/post-message-start.js

@@ -1,16 +1,10 @@
 var _a, _b;
+import { sanitizePostMessagePayload } from "./safe-post-message";
 const moduleInfo = (_a = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _a.moduleInfo;
 window.postMessage(
-  {
+  sanitizePostMessagePayload({
     moduleInfo,
-    share: JSON.parse(
-      JSON.stringify((_b = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _b.__SHARE__, (_key, value) => {
-        if (typeof value === "function") {
-          return "Function";
-        }
-        return value;
-      })
-    )
-  },
+    share: (_b = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _b.__SHARE__
+  }),
   "*"
 );

package/dist/es/utils/chrome/post-message.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
 var _a;
 import helpers from "@module-federation/runtime/helpers";
 import { definePropertyGlobalVal } from "../sdk";
+import { sanitizePostMessagePayload } from "./safe-post-message";
 const getModuleInfo = () => {
   return {
     name: "mf-devtool-getModuleInfo-plugin",
@@ -45,10 +46,10 @@ const getModuleInfo = () => {
       const globalSnapshot = helpers.global.getGlobalSnapshot();
       if (!options || options.inBrowser) {
         window.postMessage(
-          {
+          sanitizePostMessagePayload({
             moduleInfo: globalSnapshot,
             updateModule: moduleInfo
-          },
+          }),
           "*"
         );
       }

package/dist/es/utils/chrome/safe-post-message.js

@@ -0,0 +1,124 @@
+const FUNCTION_PLACEHOLDER = "function(){}";
+const UNDEFINED_PLACEHOLDER = "[undefined]";
+const CIRCULAR_PLACEHOLDER = "[circular]";
+const NON_SERIALIZABLE_PLACEHOLDER = "[unserializable]";
+const toStringTag = (value) => Object.prototype.toString.call(value).slice(8, -1);
+const isPlainObject = (value) => {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+};
+const sanitizeValue = (value, seen) => {
+  if (value === null || typeof value === "string" || typeof value === "number") {
+    return Number.isNaN(value) ? "[NaN]" : value;
+  }
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "function") {
+    return FUNCTION_PLACEHOLDER;
+  }
+  if (typeof value === "undefined") {
+    return UNDEFINED_PLACEHOLDER;
+  }
+  if (typeof value === "bigint" || typeof value === "symbol") {
+    return String(value);
+  }
+  if (!(value instanceof Object)) {
+    return NON_SERIALIZABLE_PLACEHOLDER;
+  }
+  if (seen.has(value)) {
+    return CIRCULAR_PLACEHOLDER;
+  }
+  if (Array.isArray(value)) {
+    const next2 = [];
+    seen.set(value, next2);
+    value.forEach((item, index) => {
+      next2[index] = sanitizeValue(item, seen);
+    });
+    return next2;
+  }
+  if (value instanceof Date) {
+    return value.toISOString();
+  }
+  if (value instanceof RegExp) {
+    return value.toString();
+  }
+  if (value instanceof Error) {
+    const next2 = {
+      name: value.name,
+      message: value.message,
+      stack: value.stack || ""
+    };
+    seen.set(value, next2);
+    return next2;
+  }
+  if (value instanceof Map) {
+    const next2 = [];
+    seen.set(value, next2);
+    next2.push(
+      ...Array.from(value.entries()).map(([key, item]) => [
+        sanitizeValue(key, seen),
+        sanitizeValue(item, seen)
+      ])
+    );
+    return next2;
+  }
+  if (value instanceof Set) {
+    const next2 = [];
+    seen.set(value, next2);
+    next2.push(
+      ...Array.from(value.values()).map((item) => sanitizeValue(item, seen))
+    );
+    return next2;
+  }
+  if (ArrayBuffer.isView(value)) {
+    return Array.from(new Uint8Array(value.buffer));
+  }
+  if (value instanceof ArrayBuffer) {
+    return Array.from(new Uint8Array(value));
+  }
+  if (typeof Node !== "undefined" && value instanceof Node) {
+    return `[${toStringTag(value)}]`;
+  }
+  if (typeof Window !== "undefined" && value instanceof Window) {
+    return "[Window]";
+  }
+  if (typeof Document !== "undefined" && value instanceof Document) {
+    return "[Document]";
+  }
+  const next = {};
+  seen.set(value, next);
+  const entries = isPlainObject(value) ? Object.keys(value).map((key) => {
+    try {
+      return [key, value[key]];
+    } catch (_error) {
+      return [key, NON_SERIALIZABLE_PLACEHOLDER];
+    }
+  }) : Reflect.ownKeys(value).map((key) => {
+    try {
+      return [
+        String(key),
+        value[key]
+      ];
+    } catch (_error) {
+      return [String(key), NON_SERIALIZABLE_PLACEHOLDER];
+    }
+  });
+  entries.forEach(([key, item]) => {
+    try {
+      next[key] = sanitizeValue(item, seen);
+    } catch (_error) {
+      next[key] = NON_SERIALIZABLE_PLACEHOLDER;
+    }
+  });
+  return next;
+};
+const sanitizePostMessagePayload = (payload) => {
+  return sanitizeValue(payload, /* @__PURE__ */ new WeakMap());
+};
+export {
+  sanitizePostMessagePayload
+};

package/dist/lib/utils/chrome/index.js

@@ -74,6 +74,7 @@ __export(chrome_exports, {
 module.exports = __toCommonJS(chrome_exports);
 var import_constant = require("../../template/constant");
 var import_sdk2 = require("../sdk");
+var import_safe_post_message = require("./safe-post-message");
 __reExport(chrome_exports, require("./storage"), module.exports);
 const sleep = (num) => {
   return new Promise((resolve) => {
@@ -169,8 +170,8 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
   var _a, _b;
   if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
     callback(
-      JSON.parse(
-        JSON.stringify((_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo)
+      (0, import_safe_post_message.sanitizePostMessagePayload)(
+        (_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo
       )
     );
   }
@@ -184,8 +185,8 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
       (0, import_sdk2.definePropertyGlobalVal)(window, "__FEDERATION__", {});
       (0, import_sdk2.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
     }
-    window.__FEDERATION__.originModuleInfo = JSON.parse(
-      JSON.stringify(data == null ? void 0 : data.moduleInfo)
+    window.__FEDERATION__.originModuleInfo = (0, import_safe_post_message.sanitizePostMessagePayload)(
+      data == null ? void 0 : data.moduleInfo
     );
     if (data == null ? void 0 : data.updateModule) {
       const moduleIds = Object.keys(window.__FEDERATION__.originModuleInfo);
@@ -201,10 +202,10 @@ const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
       }
     }
     if (data == null ? void 0 : data.share) {
-      window.__FEDERATION__.__SHARE__ = data.share;
+      window.__FEDERATION__.__SHARE__ = (0, import_safe_post_message.sanitizePostMessagePayload)(data.share);
     }
-    window.__FEDERATION__.moduleInfo = JSON.parse(
-      JSON.stringify(window.__FEDERATION__.originModuleInfo)
+    window.__FEDERATION__.moduleInfo = (0, import_safe_post_message.sanitizePostMessagePayload)(
+      window.__FEDERATION__.originModuleInfo
     );
     console.log("getGlobalModuleInfo window", window.__FEDERATION__);
     callback(window.__FEDERATION__.moduleInfo);

package/dist/lib/utils/chrome/post-message-listener.js

@@ -1,4 +1,5 @@
 "use strict";
+var import_safe_post_message = require("./safe-post-message");
 if (window.moduleHandler) {
   window.removeEventListener("message", window.moduleHandler);
 } else {
@@ -9,11 +10,11 @@ if (window.moduleHandler) {
     }
     chrome.runtime.sendMessage({
       origin,
-      data: {
+      data: (0, import_safe_post_message.sanitizePostMessagePayload)({
         moduleInfo: data.moduleInfo,
         updateModule: data.updateModule,
         share: data.share
-      }
+      })
     }).catch(() => {
       return false;
     });

package/dist/lib/utils/chrome/post-message-start.js

@@ -1,17 +1,11 @@
 "use strict";
+var import_safe_post_message = require("./safe-post-message");
 var _a, _b;
 const moduleInfo = (_a = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _a.moduleInfo;
 window.postMessage(
-  {
+  (0, import_safe_post_message.sanitizePostMessagePayload)({
     moduleInfo,
-    share: JSON.parse(
-      JSON.stringify((_b = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _b.__SHARE__, (_key, value) => {
-        if (typeof value === "function") {
-          return "Function";
-        }
-        return value;
-      })
-    )
-  },
+    share: (_b = window == null ? void 0 : window.__FEDERATION__) == null ? void 0 : _b.__SHARE__
+  }),
   "*"
 );

package/dist/lib/utils/chrome/post-message.js

@@ -49,6 +49,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var import_helpers = __toESM(require("@module-federation/runtime/helpers"));
 var import_sdk = require("../sdk");
+var import_safe_post_message = require("./safe-post-message");
 var _a;
 const getModuleInfo = () => {
   return {
@@ -66,10 +67,10 @@ const getModuleInfo = () => {
       const globalSnapshot = import_helpers.default.global.getGlobalSnapshot();
       if (!options || options.inBrowser) {
         window.postMessage(
-          {
+          (0, import_safe_post_message.sanitizePostMessagePayload)({
             moduleInfo: globalSnapshot,
             updateModule: moduleInfo
-          },
+          }),
           "*"
         );
       }

package/dist/lib/utils/chrome/safe-post-message.js

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var safe_post_message_exports = {};
+__export(safe_post_message_exports, {
+  sanitizePostMessagePayload: () => sanitizePostMessagePayload
+});
+module.exports = __toCommonJS(safe_post_message_exports);
+const FUNCTION_PLACEHOLDER = "function(){}";
+const UNDEFINED_PLACEHOLDER = "[undefined]";
+const CIRCULAR_PLACEHOLDER = "[circular]";
+const NON_SERIALIZABLE_PLACEHOLDER = "[unserializable]";
+const toStringTag = (value) => Object.prototype.toString.call(value).slice(8, -1);
+const isPlainObject = (value) => {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+};
+const sanitizeValue = (value, seen) => {
+  if (value === null || typeof value === "string" || typeof value === "number") {
+    return Number.isNaN(value) ? "[NaN]" : value;
+  }
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "function") {
+    return FUNCTION_PLACEHOLDER;
+  }
+  if (typeof value === "undefined") {
+    return UNDEFINED_PLACEHOLDER;
+  }
+  if (typeof value === "bigint" || typeof value === "symbol") {
+    return String(value);
+  }
+  if (!(value instanceof Object)) {
+    return NON_SERIALIZABLE_PLACEHOLDER;
+  }
+  if (seen.has(value)) {
+    return CIRCULAR_PLACEHOLDER;
+  }
+  if (Array.isArray(value)) {
+    const next2 = [];
+    seen.set(value, next2);
+    value.forEach((item, index) => {
+      next2[index] = sanitizeValue(item, seen);
+    });
+    return next2;
+  }
+  if (value instanceof Date) {
+    return value.toISOString();
+  }
+  if (value instanceof RegExp) {
+    return value.toString();
+  }
+  if (value instanceof Error) {
+    const next2 = {
+      name: value.name,
+      message: value.message,
+      stack: value.stack || ""
+    };
+    seen.set(value, next2);
+    return next2;
+  }
+  if (value instanceof Map) {
+    const next2 = [];
+    seen.set(value, next2);
+    next2.push(
+      ...Array.from(value.entries()).map(([key, item]) => [
+        sanitizeValue(key, seen),
+        sanitizeValue(item, seen)
+      ])
+    );
+    return next2;
+  }
+  if (value instanceof Set) {
+    const next2 = [];
+    seen.set(value, next2);
+    next2.push(
+      ...Array.from(value.values()).map((item) => sanitizeValue(item, seen))
+    );
+    return next2;
+  }
+  if (ArrayBuffer.isView(value)) {
+    return Array.from(new Uint8Array(value.buffer));
+  }
+  if (value instanceof ArrayBuffer) {
+    return Array.from(new Uint8Array(value));
+  }
+  if (typeof Node !== "undefined" && value instanceof Node) {
+    return `[${toStringTag(value)}]`;
+  }
+  if (typeof Window !== "undefined" && value instanceof Window) {
+    return "[Window]";
+  }
+  if (typeof Document !== "undefined" && value instanceof Document) {
+    return "[Document]";
+  }
+  const next = {};
+  seen.set(value, next);
+  const entries = isPlainObject(value) ? Object.keys(value).map((key) => {
+    try {
+      return [key, value[key]];
+    } catch (_error) {
+      return [key, NON_SERIALIZABLE_PLACEHOLDER];
+    }
+  }) : Reflect.ownKeys(value).map((key) => {
+    try {
+      return [
+        String(key),
+        value[key]
+      ];
+    } catch (_error) {
+      return [String(key), NON_SERIALIZABLE_PLACEHOLDER];
+    }
+  });
+  entries.forEach(([key, item]) => {
+    try {
+      next[key] = sanitizeValue(item, seen);
+    } catch (_error) {
+      next[key] = NON_SERIALIZABLE_PLACEHOLDER;
+    }
+  });
+  return next;
+};
+const sanitizePostMessagePayload = (payload) => {
+  return sanitizeValue(payload, /* @__PURE__ */ new WeakMap());
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sanitizePostMessagePayload
+});

package/dist/types/src/utils/chrome/post-message-listener.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/utils/chrome/post-message-start.d.ts

@@ -1 +1 @@
-declare const moduleInfo: import("@module-federation/sdk/.").GlobalModuleInfo;
+export {};

package/dist/types/src/utils/chrome/safe-post-message.d.ts

@@ -0,0 +1 @@
+export declare const sanitizePostMessagePayload: <T>(payload: T) => T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -47,7 +47,7 @@
     "echarts-for-react": "^3.0.5",
     "i18next": "^23.0.0",
     "react-i18next": "^15.0.0",
-    "@module-federation/sdk": "2.3.0"
+    "@module-federation/sdk": "2.3.1"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
@@ -82,7 +82,7 @@
     "typescript": "5.9.3",
     "rimraf": "~6.0.1",
     "vitest": "1.2.2",
-    "@module-federation/runtime": "2.3.0"
+    "@module-federation/runtime": "2.3.1"
   },
   "scripts": {
     "build:storybook": "storybook build",