@module-federation/devtools 2.6.0 → 2.7.0

package/dist/es/App.js

@@ -51,6 +51,7 @@ import LanguageSwitch from "./component/LanguageSwitch";
 import ThemeToggle from "./component/ThemeToggle";
 import {
   getGlobalModuleInfo,
+  normalizeModuleInfoPayload,
   refreshModuleInfo,
   separateType,
   syncActiveTab
@@ -63,10 +64,10 @@ import styles from "./App.module";
 import btnStyles from "./component/ThemeToggle.module";
 const cloneModuleInfo = (info) => {
   try {
-    return JSON.parse(JSON.stringify(info || {}));
+    return normalizeModuleInfoPayload(info);
   } catch (error) {
     console.warn("[MF Devtools] cloneModuleInfo failed", error);
-    return info || {};
+    return {};
   }
 };
 const normalizeShareValue = (target, seen = /* @__PURE__ */ new WeakSet()) => {

package/dist/es/component/DependencyGraphItem/index.js

@@ -4,6 +4,23 @@ import { Handle, Position } from "reactflow";
 import { useTranslation } from "react-i18next";
 import styles from "./index.module";
 import "reactflow/dist/style.css";
+const parseInfo = (info) => {
+  const array = info.split(":");
+  const [fallbackName, fallbackVersion = ""] = array;
+  const idx = array.findIndex((item, index) => {
+    return index > 0 && (item.startsWith("http") || item.startsWith("//"));
+  });
+  if (idx > 0) {
+    return {
+      name: array.slice(0, idx).join(":"),
+      version: array.slice(idx).join(":")
+    };
+  }
+  return {
+    name: fallbackName,
+    version: fallbackVersion
+  };
+};
 const GraphItem = (props) => {
   const [shareds, setShareds] = useState([]);
   const [exposes, setExposes] = useState([]);
@@ -11,13 +28,7 @@ const GraphItem = (props) => {
   let name;
   let version;
   const { info = "", color, remote } = props.data;
-  const infoArray = info.split(":");
-  if (info.endsWith(".json") || info.endsWith(".js")) {
-    name = infoArray.shift();
-    version = infoArray.join(":");
-  } else {
-    [name, version] = infoArray;
-  }
+  ({ name, version } = parseInfo(info));
   const isEntryType = (version == null ? void 0 : version.startsWith("http")) || (version == null ? void 0 : version.startsWith("//"));
   useEffect(() => {
     var _a, _b;

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

@@ -41,6 +41,23 @@ import { FormID } from "../../template/constant";
 import { definePropertyGlobalVal } from "../sdk";
 import { sanitizePostMessagePayload } from "./safe-post-message";
 export * from "./storage";
+const isModuleInfoRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const isModuleInfoSyncMessage = (value) => isModuleInfoRecord(value) && ("moduleInfo" in value || "updateModule" in value || "share" in value);
+const normalizeModuleInfoPayload = (moduleInfo) => {
+  const sanitized = sanitizePostMessagePayload(moduleInfo);
+  if (!isModuleInfoRecord(sanitized)) {
+    return {};
+  }
+  return Object.entries(sanitized).reduce(
+    (moduleMap, [moduleId, snapshot]) => {
+      if (moduleId === "extendInfos" || isModuleInfoRecord(snapshot)) {
+        moduleMap[moduleId] = snapshot;
+      }
+      return moduleMap;
+    },
+    {}
+  );
+};
 const sleep = (num) => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -133,42 +150,44 @@ const refreshModuleInfo = () => __async(void 0, null, function* () {
 const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
   var _a, _b;
   if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
-    callback(
-      sanitizePostMessagePayload(
-        (_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo
-      )
-    );
+    callback(normalizeModuleInfoPayload((_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo));
   }
   yield sleep(300);
   const listener = (message) => {
     const { data } = message;
-    if (!data || (data == null ? void 0 : data.appInfos)) {
+    if (!isModuleInfoSyncMessage(data) || (data == null ? void 0 : data.appInfos)) {
       return;
     }
     if (!(window == null ? void 0 : window.__FEDERATION__)) {
       definePropertyGlobalVal(window, "__FEDERATION__", {});
       definePropertyGlobalVal(window, "__VMOK__", window.__FEDERATION__);
     }
-    window.__FEDERATION__.originModuleInfo = sanitizePostMessagePayload(
-      data == null ? void 0 : data.moduleInfo
+    window.__FEDERATION__.originModuleInfo = "moduleInfo" in data ? normalizeModuleInfoPayload(data.moduleInfo) : normalizeModuleInfoPayload(
+      window.__FEDERATION__.originModuleInfo || window.__FEDERATION__.moduleInfo
     );
-    if (data == null ? void 0 : data.updateModule) {
+    const updateModule = data.updateModule;
+    if (isModuleInfoRecord(updateModule) && typeof updateModule.name === "string") {
+      const updateModuleName = updateModule.name;
       const moduleIds = Object.keys(window.__FEDERATION__.originModuleInfo);
       const shouldUpdate = !moduleIds.some(
-        (id) => id.includes(data.updateModule.name)
+        (id) => id.includes(updateModuleName)
       );
       if (shouldUpdate) {
-        const destination = data.updateModule.entry || data.updateModule.version;
-        window.__FEDERATION__.originModuleInfo[`${data.updateModule.name}:${destination}`] = {
-          remoteEntry: destination,
-          version: destination
-        };
+        const destination = typeof updateModule.entry === "string" ? updateModule.entry : typeof updateModule.version === "string" ? updateModule.version : void 0;
+        if (destination) {
+          window.__FEDERATION__.originModuleInfo[`${updateModuleName}:${destination}`] = {
+            remoteEntry: destination,
+            version: destination
+          };
+        }
       }
     }
     if (data == null ? void 0 : data.share) {
-      window.__FEDERATION__.__SHARE__ = sanitizePostMessagePayload(data.share);
+      window.__FEDERATION__.__SHARE__ = sanitizePostMessagePayload(
+        data.share
+      );
     }
-    window.__FEDERATION__.moduleInfo = sanitizePostMessagePayload(
+    window.__FEDERATION__.moduleInfo = normalizeModuleInfoPayload(
       window.__FEDERATION__.originModuleInfo
     );
     console.log("getGlobalModuleInfo window", window.__FEDERATION__);
@@ -257,6 +276,7 @@ export {
   injectPostMessage,
   injectScript,
   injectToast,
+  normalizeModuleInfoPayload,
   refreshModuleInfo,
   setChromeStorage,
   setTargetTab,

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

@@ -3,11 +3,14 @@ import {
   MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
   OBSERVABILITY_DEVTOOLS_SOURCE
 } from "./messages";
+const isModuleInfoPayload = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const getMessageData = (data) => Boolean(data) && typeof data === "object" ? data : {};
 if (window.moduleHandler) {
   window.removeEventListener("message", window.moduleHandler);
 } else {
   window.moduleHandler = (event) => {
-    const { origin, data } = event;
+    const { origin } = event;
+    const data = getMessageData(event.data);
     if ((data == null ? void 0 : data.source) === OBSERVABILITY_DEVTOOLS_SOURCE) {
       chrome.runtime.sendMessage({
         type: MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
@@ -18,7 +21,7 @@ if (window.moduleHandler) {
       });
       return;
     }
-    if (!data.moduleInfo) {
+    if (!isModuleInfoPayload(data.moduleInfo)) {
       return;
     }
     chrome.runtime.sendMessage({

package/dist/es/utils/sdk/graph.js

@@ -20,26 +20,38 @@ const validateSemver = (schema) => {
   return reg.test(schema);
 };
 const validatePort = (schema) => !isNaN(Number(schema));
-const splitModuleId = (target) => {
+const isEntrySegment = (segment) => segment.startsWith("http") || segment.startsWith("//");
+const parseModuleId = (target) => {
   const array = target.split(":");
   const { length } = array;
+  const result = {
+    name: target,
+    version: ""
+  };
   if (length === 1) {
-    return target;
+    return result;
   } else if (length >= 3) {
-    if (array[length - 1].endsWith(".json") || array[length - 1].endsWith(".js")) {
-      const idx = array.findIndex((t) => t.startsWith("http"));
-      return array[idx - 1];
-    } else {
-      return array[1];
+    const idx = array.findIndex(isEntrySegment);
+    if (idx > 0) {
+      result.name = array[idx - 1];
+      result.version = array.slice(idx).join(":");
+      return result;
     }
+    result.name = array[1];
+    result.version = array.slice(2).join(":");
+    return result;
   } else {
     const nameOrVersion = array[length - 1];
-    if (nameOrVersion === "*" || nameOrVersion === "latest" || validateSemver(nameOrVersion)) {
-      return array[0];
+    if (nameOrVersion === "*" || nameOrVersion === "latest" || validateSemver(nameOrVersion) || isEntrySegment(nameOrVersion) || nameOrVersion.endsWith(".json") || nameOrVersion.endsWith(".js")) {
+      result.name = array[0];
+      result.version = nameOrVersion;
+      return result;
     } else {
-      return nameOrVersion;
+      result.name = nameOrVersion;
+      return result;
     }
   }
+  return result;
 };
 class DependencyGraph {
   constructor(snapshot, initTarget) {
@@ -112,12 +124,14 @@ class DependencyGraph {
     if (!targetGraph || !((_a = Object.keys(targetGraph)) == null ? void 0 : _a.length)) {
       return;
     }
-    const name = splitModuleId(target);
+    const { name, version } = parseModuleId(target);
     const targetWithoutType = name;
     let info = name;
     const remote = this.snapshot[target];
     if (remote && ("version" in remote || "remoteEntry" in remote)) {
       info += `:${remote.version || remote.remoteEntry}`;
+    } else if (version) {
+      info += `:${version}`;
     }
     if (!this.identifyMap.has(targetWithoutType)) {
       this.identifyMap.set(targetWithoutType, this.identify());

package/dist/lib/App.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -89,10 +88,10 @@ var import_App2 = __toESM(require("./App.module"));
 var import_ThemeToggle2 = __toESM(require("./component/ThemeToggle.module"));
 const cloneModuleInfo = (info) => {
   try {
-    return JSON.parse(JSON.stringify(info || {}));
+    return (0, import_utils.normalizeModuleInfoPayload)(info);
   } catch (error) {
     console.warn("[MF Devtools] cloneModuleInfo failed", error);
-    return info || {};
+    return {};
   }
 };
 const normalizeShareValue = (target, seen = /* @__PURE__ */ new WeakSet()) => {

package/dist/lib/App.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/DependencyGraph/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/dist/lib/component/DependencyGraph/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/DependencyGraphItem/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -37,6 +36,23 @@ var import_reactflow = require("reactflow");
 var import_react_i18next = require("react-i18next");
 var import_index = __toESM(require("./index.module"));
 var import_style = require("reactflow/dist/style.css");
+const parseInfo = (info) => {
+  const array = info.split(":");
+  const [fallbackName, fallbackVersion = ""] = array;
+  const idx = array.findIndex((item, index) => {
+    return index > 0 && (item.startsWith("http") || item.startsWith("//"));
+  });
+  if (idx > 0) {
+    return {
+      name: array.slice(0, idx).join(":"),
+      version: array.slice(idx).join(":")
+    };
+  }
+  return {
+    name: fallbackName,
+    version: fallbackVersion
+  };
+};
 const GraphItem = (props) => {
   const [shareds, setShareds] = (0, import_react.useState)([]);
   const [exposes, setExposes] = (0, import_react.useState)([]);
@@ -44,13 +60,7 @@ const GraphItem = (props) => {
   let name;
   let version;
   const { info = "", color, remote } = props.data;
-  const infoArray = info.split(":");
-  if (info.endsWith(".json") || info.endsWith(".js")) {
-    name = infoArray.shift();
-    version = infoArray.join(":");
-  } else {
-    [name, version] = infoArray;
-  }
+  ({ name, version } = parseInfo(info));
   const isEntryType = (version == null ? void 0 : version.startsWith("http")) || (version == null ? void 0 : version.startsWith("//"));
   (0, import_react.useEffect)(() => {
     var _a, _b;

package/dist/lib/component/DependencyGraphItem/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/Form/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/component/Form/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/LanguageSwitch.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/component/Layout/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/dist/lib/component/Layout/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/LoadingTrace/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/dist/lib/component/LoadingTrace/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/ModuleInfo/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/component/ModuleInfo/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/SharedDepsExplorer/FocusResultDisplay.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/component/SharedDepsExplorer/FocusResultDisplay.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/SharedDepsExplorer/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

package/dist/lib/component/SharedDepsExplorer/index.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/SharedDepsExplorer/share-utils.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/component/ThemeToggle.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/component/ThemeToggle.module.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/hooks/useDevtoolsTheme.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/i18n/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/lib/init.js

@@ -1,4 +1,3 @@
-"use strict";
 if (process.env.NODE_ENV === "development") {
   const createProxy = () => new Proxy(() => Promise.resolve({}), {
     get: () => {

package/dist/lib/template/constant.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/template/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/chrome/fast-refresh.js

@@ -1,4 +1,3 @@
-"use strict";
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -66,6 +65,7 @@ __export(chrome_exports, {
   injectPostMessage: () => injectPostMessage,
   injectScript: () => injectScript,
   injectToast: () => injectToast,
+  normalizeModuleInfoPayload: () => normalizeModuleInfoPayload,
   refreshModuleInfo: () => refreshModuleInfo,
   setChromeStorage: () => setChromeStorage,
   setTargetTab: () => setTargetTab,
@@ -76,6 +76,23 @@ 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 isModuleInfoRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const isModuleInfoSyncMessage = (value) => isModuleInfoRecord(value) && ("moduleInfo" in value || "updateModule" in value || "share" in value);
+const normalizeModuleInfoPayload = (moduleInfo) => {
+  const sanitized = (0, import_safe_post_message.sanitizePostMessagePayload)(moduleInfo);
+  if (!isModuleInfoRecord(sanitized)) {
+    return {};
+  }
+  return Object.entries(sanitized).reduce(
+    (moduleMap, [moduleId, snapshot]) => {
+      if (moduleId === "extendInfos" || isModuleInfoRecord(snapshot)) {
+        moduleMap[moduleId] = snapshot;
+      }
+      return moduleMap;
+    },
+    {}
+  );
+};
 const sleep = (num) => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -168,42 +185,44 @@ const refreshModuleInfo = () => __async(void 0, null, function* () {
 const getGlobalModuleInfo = (callback) => __async(void 0, null, function* () {
   var _a, _b;
   if (typeof window !== "undefined" && ((_a = window.__FEDERATION__) == null ? void 0 : _a.moduleInfo)) {
-    callback(
-      (0, import_safe_post_message.sanitizePostMessagePayload)(
-        (_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo
-      )
-    );
+    callback(normalizeModuleInfoPayload((_b = window.__FEDERATION__) == null ? void 0 : _b.moduleInfo));
   }
   yield sleep(300);
   const listener = (message) => {
     const { data } = message;
-    if (!data || (data == null ? void 0 : data.appInfos)) {
+    if (!isModuleInfoSyncMessage(data) || (data == null ? void 0 : data.appInfos)) {
       return;
     }
     if (!(window == null ? void 0 : window.__FEDERATION__)) {
       (0, import_sdk2.definePropertyGlobalVal)(window, "__FEDERATION__", {});
       (0, import_sdk2.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
     }
-    window.__FEDERATION__.originModuleInfo = (0, import_safe_post_message.sanitizePostMessagePayload)(
-      data == null ? void 0 : data.moduleInfo
+    window.__FEDERATION__.originModuleInfo = "moduleInfo" in data ? normalizeModuleInfoPayload(data.moduleInfo) : normalizeModuleInfoPayload(
+      window.__FEDERATION__.originModuleInfo || window.__FEDERATION__.moduleInfo
     );
-    if (data == null ? void 0 : data.updateModule) {
+    const updateModule = data.updateModule;
+    if (isModuleInfoRecord(updateModule) && typeof updateModule.name === "string") {
+      const updateModuleName = updateModule.name;
       const moduleIds = Object.keys(window.__FEDERATION__.originModuleInfo);
       const shouldUpdate = !moduleIds.some(
-        (id) => id.includes(data.updateModule.name)
+        (id) => id.includes(updateModuleName)
       );
       if (shouldUpdate) {
-        const destination = data.updateModule.entry || data.updateModule.version;
-        window.__FEDERATION__.originModuleInfo[`${data.updateModule.name}:${destination}`] = {
-          remoteEntry: destination,
-          version: destination
-        };
+        const destination = typeof updateModule.entry === "string" ? updateModule.entry : typeof updateModule.version === "string" ? updateModule.version : void 0;
+        if (destination) {
+          window.__FEDERATION__.originModuleInfo[`${updateModuleName}:${destination}`] = {
+            remoteEntry: destination,
+            version: destination
+          };
+        }
       }
     }
     if (data == null ? void 0 : data.share) {
-      window.__FEDERATION__.__SHARE__ = (0, import_safe_post_message.sanitizePostMessagePayload)(data.share);
+      window.__FEDERATION__.__SHARE__ = (0, import_safe_post_message.sanitizePostMessagePayload)(
+        data.share
+      );
     }
-    window.__FEDERATION__.moduleInfo = (0, import_safe_post_message.sanitizePostMessagePayload)(
+    window.__FEDERATION__.moduleInfo = normalizeModuleInfoPayload(
       window.__FEDERATION__.originModuleInfo
     );
     console.log("getGlobalModuleInfo window", window.__FEDERATION__);
@@ -293,6 +312,7 @@ const setChromeStorage = (formData) => {
   injectPostMessage,
   injectScript,
   injectToast,
+  normalizeModuleInfoPayload,
   refreshModuleInfo,
   setChromeStorage,
   setTargetTab,

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/chrome/observability-plugin.js

@@ -1,4 +1,3 @@
-"use strict";
 var import_chrome_devtool = require("@module-federation/observability-plugin/chrome-devtool");
 var import_messages = require("./messages");
 var import_observability_shared = require("./observability-shared");

package/dist/lib/utils/chrome/observability-shared.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/chrome/override-remote.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var import_index = require("./index");
 const postMessageUrl = (0, import_index.getUrl)("post-message.js");
 const script = document.createElement("script");

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

@@ -1,11 +1,13 @@
-"use strict";
 var import_safe_post_message = require("./safe-post-message");
 var import_messages = require("./messages");
+const isModuleInfoPayload = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+const getMessageData = (data) => Boolean(data) && typeof data === "object" ? data : {};
 if (window.moduleHandler) {
   window.removeEventListener("message", window.moduleHandler);
 } else {
   window.moduleHandler = (event) => {
-    const { origin, data } = event;
+    const { origin } = event;
+    const data = getMessageData(event.data);
     if ((data == null ? void 0 : data.source) === import_messages.OBSERVABILITY_DEVTOOLS_SOURCE) {
       chrome.runtime.sendMessage({
         type: import_messages.MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
@@ -16,7 +18,7 @@ if (window.moduleHandler) {
       });
       return;
     }
-    if (!data.moduleInfo) {
+    if (!isModuleInfoPayload(data.moduleInfo)) {
       return;
     }
     chrome.runtime.sendMessage({

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

@@ -1,4 +1,3 @@
-"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;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/chrome/snapshot-plugin.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/sdk/graph.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -43,26 +42,38 @@ const validateSemver = (schema) => {
   return reg.test(schema);
 };
 const validatePort = (schema) => !isNaN(Number(schema));
-const splitModuleId = (target) => {
+const isEntrySegment = (segment) => segment.startsWith("http") || segment.startsWith("//");
+const parseModuleId = (target) => {
   const array = target.split(":");
   const { length } = array;
+  const result = {
+    name: target,
+    version: ""
+  };
   if (length === 1) {
-    return target;
+    return result;
   } else if (length >= 3) {
-    if (array[length - 1].endsWith(".json") || array[length - 1].endsWith(".js")) {
-      const idx = array.findIndex((t) => t.startsWith("http"));
-      return array[idx - 1];
-    } else {
-      return array[1];
+    const idx = array.findIndex(isEntrySegment);
+    if (idx > 0) {
+      result.name = array[idx - 1];
+      result.version = array.slice(idx).join(":");
+      return result;
     }
+    result.name = array[1];
+    result.version = array.slice(2).join(":");
+    return result;
   } else {
     const nameOrVersion = array[length - 1];
-    if (nameOrVersion === "*" || nameOrVersion === "latest" || validateSemver(nameOrVersion)) {
-      return array[0];
+    if (nameOrVersion === "*" || nameOrVersion === "latest" || validateSemver(nameOrVersion) || isEntrySegment(nameOrVersion) || nameOrVersion.endsWith(".json") || nameOrVersion.endsWith(".js")) {
+      result.name = array[0];
+      result.version = nameOrVersion;
+      return result;
     } else {
-      return nameOrVersion;
+      result.name = nameOrVersion;
+      return result;
     }
   }
+  return result;
 };
 class DependencyGraph {
   constructor(snapshot, initTarget) {
@@ -135,12 +146,14 @@ class DependencyGraph {
     if (!targetGraph || !((_a = Object.keys(targetGraph)) == null ? void 0 : _a.length)) {
       return;
     }
-    const name = splitModuleId(target);
+    const { name, version } = parseModuleId(target);
     const targetWithoutType = name;
     let info = name;
     const remote = this.snapshot[target];
     if (remote && ("version" in remote || "remoteEntry" in remote)) {
       info += `:${remote.version || remote.remoteEntry}`;
+    } else if (version) {
+      info += `:${version}`;
     }
     if (!this.identifyMap.has(targetWithoutType)) {
       this.identifyMap.set(targetWithoutType, this.identify());

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/utils/types/common.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/lib/worker/index.js

@@ -1,4 +1,3 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

package/dist/types/src/component/SharedDepsExplorer/share-utils.d.ts

@@ -41,5 +41,5 @@ export declare function findPackageProvider(versions: NormalizedSharedVersion[],
     version: string;
     providers: string[];
     status: LoadedStatus;
-} | null;
+};
 export declare function getReusedVersions(versions: NormalizedSharedVersion[]): NormalizedSharedVersion[];

package/dist/types/src/template/constant.d.ts

@@ -8,7 +8,7 @@ export declare const defaultDataItem: {
     checked: boolean;
 };
 export declare const defaultModuleData: {
-    proxyFormField: never[];
+    proxyFormField: any[];
 };
 export declare const statusInfo: Record<string, {
     status: string;

package/dist/types/src/utils/chrome/index.d.ts

@@ -1,11 +1,12 @@
 import { GlobalModuleInfo } from '@module-federation/sdk';
 export * from './storage';
+export declare const normalizeModuleInfoPayload: (moduleInfo: unknown) => GlobalModuleInfo;
 export declare const injectPostMessage: (postMessageUrl: string) => void;
 export declare const TabInfo: {
     currentTabId: number;
 };
 export declare const setTargetTab: (tab?: chrome.tabs.Tab | null) => void;
-export declare const syncActiveTab: (tabId?: number) => Promise<chrome.tabs.Tab | undefined>;
+export declare const syncActiveTab: (tabId?: number) => Promise<chrome.tabs.Tab>;
 export declare function getCurrentTabId(): number;
 export declare function getInspectWindowTabId(): Promise<unknown>;
 export declare const refreshModuleInfo: () => Promise<void>;

package/dist/types/src/utils/chrome/observability.d.ts

@@ -107,4 +107,4 @@ export declare const disableObservabilityConfig: () => Promise<any>;
 export declare const reloadInspectedPage: () => Promise<any>;
 export declare const readObservabilitySnapshot: () => Promise<ObservabilityDevtoolsSnapshot>;
 export declare const mergeObservabilityReports: (currentReports: ObservabilityDevtoolsReport[], incomingReports: ObservabilityDevtoolsReport[]) => ObservabilityDevtoolsReport[];
-export declare const getObservabilityReportScopeLabel: (report: Pick<ObservabilityDevtoolsReport, "__scope">) => string | undefined;
+export declare const getObservabilityReportScopeLabel: (report: Pick<ObservabilityDevtoolsReport, "__scope">) => string;

package/dist/types/src/utils/data/index.d.ts

@@ -1,6 +1,6 @@
 import { GlobalModuleInfo } from '@module-federation/sdk';
 export declare const separateType: (moduleInfo: GlobalModuleInfo) => {
-    consumers: Record<string, import("@module-federation/sdk").ModuleInfo | import("@module-federation/sdk").ManifestProvider | import("@module-federation/sdk").PureEntryProvider | undefined>;
+    consumers: Record<string, import("@module-federation/sdk").ModuleInfo | import("@module-federation/sdk").ManifestProvider | import("@module-federation/sdk").PureEntryProvider>;
     producer: string[];
 };
 export declare const getModuleInfo: (proxyRules: Array<any>) => Promise<{

package/dist/types/src/utils/sdk/graph.d.ts

@@ -40,7 +40,7 @@ export declare class DependencyGraph {
     createGraph(target?: string): void;
     addNode(id: string, type: string, x: number, y: number, nodeData: NodeCustomData): void;
     addEdge(id: string, source: string, target: string, type?: Edge): void;
-    run(targetGraph: any, target: string | undefined, type: string, id?: string, depth?: number, maxDepth?: number): void;
+    run(targetGraph: any, target: string, type: string, id?: string, depth?: number, maxDepth?: number): void;
     identify(): string;
     calculateDepth(target?: string, visited?: Set<string>): number;
 }

package/dist/types/src/utils/sdk/index.d.ts

@@ -1,11 +1,11 @@
 export * from './graph';
 export declare const setLocalStorage: (key: string, value: any) => void;
-export declare const getLocalStorage: (key: string) => string | null;
+export declare const getLocalStorage: (key: string) => string;
 export declare const removeLocalStorage: (key: string) => void;
 export declare const mergeLocalStorage: (target: string, key: string, value: any) => void;
 export declare const removeLocalStorageKey: (target: string, key: string) => void;
 export declare const isObject: (target: any) => boolean;
 export declare const reloadPage: () => void;
 export declare const validateCustom: (schema: string) => boolean;
-export declare const getUnpkgUrl: (pkg: string, version: string) => string | undefined;
+export declare const getUnpkgUrl: (pkg: string, version: string) => string;
 export declare const definePropertyGlobalVal: (target: Record<string, any>, key: string, val: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -42,13 +42,13 @@
     "ahooks": "3.7.10",
     "dagre": "0.8.5",
     "reactflow": "11.11.4",
-    "echarts": "6.0.0",
+    "echarts": "6.1.0",
     "lucide-react": "0.364.0",
     "echarts-for-react": "3.0.5",
     "i18next": "23.0.0",
     "react-i18next": "15.0.0",
-    "@module-federation/observability-plugin": "2.5.2",
-    "@module-federation/sdk": "2.6.0"
+    "@module-federation/observability-plugin": "2.5.3",
+    "@module-federation/sdk": "2.7.0"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
@@ -74,16 +74,15 @@
     "@playwright/test": "1.57.0",
     "@types/chrome": "^0.0.272",
     "@types/dagre": "^0.7.52",
-    "@types/jest": "~29.2.4",
     "@types/node": "^20.19.5",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "lint-staged": "~13.1.0",
     "prettier": "~3.3.3",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "rimraf": "~6.0.1",
     "vitest": "1.2.2",
-    "@module-federation/runtime": "2.6.0"
+    "@module-federation/runtime": "2.7.0"
   },
   "scripts": {
     "build:storybook": "storybook build",
@@ -95,7 +94,7 @@
     "build:debug": "DEBUG=true modern-app build && node postpack.js",
     "build:lib": "rm -rf dist && modern-module build -c modern.lib.config.ts",
     "release": "npm publish --tag canary",
-    "test": "vitest run",
+    "test": "rstest",
     "test:e2e": "node ../../scripts/ensure-playwright.js && E2ETEST=true pnpm build:devtool && playwright test",
     "test:e2e:ui": "node ../../scripts/ensure-playwright.js && E2ETEST=true pnpm build:devtool && playwright test --ui",
     "start": "modern-app start",