@module-federation/devtools 2.3.3 → 2.5.0

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

@@ -19,13 +19,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var messages_exports = {};
 __export(messages_exports, {
   MESSAGE_ACTIVE_TAB_CHANGED: () => MESSAGE_ACTIVE_TAB_CHANGED,
-  MESSAGE_OPEN_SIDE_PANEL: () => MESSAGE_OPEN_SIDE_PANEL
+  MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT: () => MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
+  MESSAGE_OPEN_SIDE_PANEL: () => MESSAGE_OPEN_SIDE_PANEL,
+  OBSERVABILITY_DEVTOOLS_SOURCE: () => OBSERVABILITY_DEVTOOLS_SOURCE,
+  OBSERVABILITY_DEVTOOLS_STORAGE_KEY: () => OBSERVABILITY_DEVTOOLS_STORAGE_KEY
 });
 module.exports = __toCommonJS(messages_exports);
 const MESSAGE_OPEN_SIDE_PANEL = "mf-devtools/open-side-panel";
 const MESSAGE_ACTIVE_TAB_CHANGED = "mf-devtools/active-tab-changed";
+const MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT = "mf-devtools/observability-event";
+const OBSERVABILITY_DEVTOOLS_SOURCE = "module-federation/observability";
+const OBSERVABILITY_DEVTOOLS_STORAGE_KEY = "__MF_DEVTOOLS_OBSERVABILITY_CONFIG__";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   MESSAGE_ACTIVE_TAB_CHANGED,
-  MESSAGE_OPEN_SIDE_PANEL
+  MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
+  MESSAGE_OPEN_SIDE_PANEL,
+  OBSERVABILITY_DEVTOOLS_SOURCE,
+  OBSERVABILITY_DEVTOOLS_STORAGE_KEY
 });

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

@@ -0,0 +1,86 @@
+"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");
+const DEVTOOLS_PLUGIN_NAME = "observability-plugin:chrome-extension";
+const LEGACY_DEVTOOLS_PLUGIN_NAME = "observability-plugin-devtools";
+const getFederationWindow = () => window;
+const safeReadStoredConfig = () => {
+  var _a;
+  try {
+    const raw = (_a = window.localStorage) == null ? void 0 : _a.getItem(
+      import_messages.OBSERVABILITY_DEVTOOLS_STORAGE_KEY
+    );
+    if (!raw) {
+      return void 0;
+    }
+    return (0, import_observability_shared.normalizeObservabilityDevtoolsConfig)(JSON.parse(raw));
+  } catch (e) {
+    return void 0;
+  }
+};
+const defineWritableGlobal = (key, value) => {
+  const targetWindow = getFederationWindow();
+  try {
+    Object.defineProperty(targetWindow, key, {
+      value,
+      configurable: true,
+      writable: true
+    });
+  } catch (e) {
+    targetWindow[key] = value;
+  }
+};
+const ensureFederationGlobal = () => {
+  var _a;
+  const targetWindow = getFederationWindow();
+  const federation = targetWindow.__FEDERATION__ || targetWindow.__VMOK__ || {};
+  if (!targetWindow.__FEDERATION__) {
+    defineWritableGlobal("__FEDERATION__", federation);
+  }
+  if (!targetWindow.__VMOK__) {
+    defineWritableGlobal("__VMOK__", targetWindow.__FEDERATION__);
+  }
+  if (!((_a = targetWindow.__FEDERATION__) == null ? void 0 : _a.__GLOBAL_PLUGIN__)) {
+    targetWindow.__FEDERATION__ = targetWindow.__FEDERATION__ || federation;
+    targetWindow.__FEDERATION__.__GLOBAL_PLUGIN__ = [];
+  }
+  return targetWindow.__FEDERATION__;
+};
+const notifyInstalled = (status, reason, config) => {
+  try {
+    window.postMessage(
+      {
+        schemaVersion: 1,
+        source: import_messages.OBSERVABILITY_DEVTOOLS_SOURCE,
+        kind: status,
+        reason,
+        config,
+        createdAt: Date.now()
+      },
+      "*"
+    );
+  } catch (e) {
+  }
+};
+const install = () => {
+  const config = safeReadStoredConfig();
+  if (!(config == null ? void 0 : config.enabled)) {
+    return;
+  }
+  const federation = ensureFederationGlobal();
+  const globalPlugins = (federation == null ? void 0 : federation.__GLOBAL_PLUGIN__) || [];
+  if (globalPlugins.some(
+    (plugin2) => (plugin2 == null ? void 0 : plugin2.name) === DEVTOOLS_PLUGIN_NAME || (plugin2 == null ? void 0 : plugin2.name) === LEGACY_DEVTOOLS_PLUGIN_NAME
+  )) {
+    notifyInstalled("skipped", "already-installed", config);
+    return;
+  }
+  const plugin = (0, import_chrome_devtool.ChromeObservabilityPlugin)(
+    (0, import_observability_shared.createObservabilityPluginOptions)(config)
+  );
+  globalPlugins.push(plugin);
+  federation.__GLOBAL_PLUGIN__ = globalPlugins;
+  notifyInstalled("installed", void 0, config);
+};
+install();

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

@@ -0,0 +1,126 @@
+"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 observability_shared_exports = {};
+__export(observability_shared_exports, {
+  CHROME_OBSERVABILITY_SCOPE: () => CHROME_OBSERVABILITY_SCOPE,
+  DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG: () => DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG,
+  createObservabilityPluginOptions: () => createObservabilityPluginOptions,
+  normalizeObservabilityDevtoolsConfig: () => normalizeObservabilityDevtoolsConfig
+});
+module.exports = __toCommonJS(observability_shared_exports);
+var import_messages = require("./messages");
+const CHROME_OBSERVABILITY_SCOPE = "chrome_extension";
+const MIN_EVENTS = 10;
+const MAX_EVENTS = 1e3;
+const DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG = {
+  enabled: true,
+  level: "verbose",
+  maxEvents: 300,
+  console: true,
+  browser: {
+    enabled: true,
+    scope: CHROME_OBSERVABILITY_SCOPE,
+    mode: "development"
+  },
+  trace: {
+    printStart: true
+  },
+  react: {
+    injectLoadedCallback: false,
+    remoteIds: []
+  }
+};
+const isObject = (value) => typeof value === "object" && value !== null;
+const normalizeBoolean = (value, fallback) => typeof value === "boolean" ? value : fallback;
+const normalizeLevel = (value) => value === "error" || value === "summary" || value === "verbose" ? value : DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.level;
+const normalizeMode = (value) => value === "production" || value === "development" ? value : DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.browser.mode;
+const normalizeMaxEvents = (value) => {
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) {
+    return DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.maxEvents;
+  }
+  return Math.max(MIN_EVENTS, Math.min(MAX_EVENTS, Math.floor(parsed)));
+};
+const normalizeScope = (value) => {
+  if (typeof value !== "string") {
+    return CHROME_OBSERVABILITY_SCOPE;
+  }
+  const trimmed = value.trim().replace(/[^\w:@.-]+/g, "-");
+  return trimmed || CHROME_OBSERVABILITY_SCOPE;
+};
+const normalizeObservabilityDevtoolsConfig = (value) => {
+  const source = isObject(value) ? value : {};
+  const browser = isObject(source.browser) ? source.browser : {};
+  const trace = isObject(source.trace) ? source.trace : {};
+  return {
+    enabled: normalizeBoolean(
+      source.enabled,
+      DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.enabled
+    ),
+    level: normalizeLevel(source.level),
+    maxEvents: normalizeMaxEvents(source.maxEvents),
+    console: normalizeBoolean(
+      source.console,
+      DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.console
+    ),
+    browser: {
+      enabled: normalizeBoolean(
+        browser.enabled,
+        DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.browser.enabled
+      ),
+      scope: normalizeScope(browser.scope),
+      mode: normalizeMode(browser.mode)
+    },
+    trace: {
+      printStart: normalizeBoolean(
+        trace.printStart,
+        DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG.trace.printStart
+      )
+    },
+    react: {
+      injectLoadedCallback: false,
+      remoteIds: []
+    }
+  };
+};
+const createObservabilityPluginOptions = (config) => ({
+  enabled: config.enabled,
+  level: config.level,
+  maxEvents: config.maxEvents,
+  console: config.console,
+  browser: {
+    enabled: config.browser.enabled,
+    scope: config.browser.scope,
+    mode: config.browser.mode
+  },
+  trace: {
+    printStart: config.trace.printStart
+  },
+  devtools: {
+    enabled: true,
+    source: import_messages.OBSERVABILITY_DEVTOOLS_SOURCE
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CHROME_OBSERVABILITY_SCOPE,
+  DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG,
+  createObservabilityPluginOptions,
+  normalizeObservabilityDevtoolsConfig
+});

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

@@ -0,0 +1,234 @@
+"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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var observability_exports = {};
+__export(observability_exports, {
+  applyObservabilityConfig: () => applyObservabilityConfig,
+  disableObservabilityConfig: () => disableObservabilityConfig,
+  getObservabilityReportScopeLabel: () => getObservabilityReportScopeLabel,
+  mergeObservabilityReports: () => mergeObservabilityReports,
+  readObservabilityConfig: () => readObservabilityConfig,
+  readObservabilitySnapshot: () => readObservabilitySnapshot,
+  reloadInspectedPage: () => reloadInspectedPage
+});
+module.exports = __toCommonJS(observability_exports);
+var import_index = require("./index");
+var import_messages = require("./messages");
+var import_observability_shared = require("./observability-shared");
+const USER_OBSERVABILITY_PLUGIN_NAME = "observability-plugin";
+const CHROME_OBSERVABILITY_PLUGIN_NAME = "observability-plugin:chrome-extension";
+const LEGACY_CHROME_OBSERVABILITY_PLUGIN_NAME = "observability-plugin-devtools";
+const OBSERVABILITY_SNAPSHOT_CONTEXT = {
+  chromeScope: import_observability_shared.CHROME_OBSERVABILITY_SCOPE,
+  userPluginName: USER_OBSERVABILITY_PLUGIN_NAME,
+  chromePluginNames: [
+    CHROME_OBSERVABILITY_PLUGIN_NAME,
+    LEGACY_CHROME_OBSERVABILITY_PLUGIN_NAME
+  ]
+};
+const readConfigFromPage = (storageKey) => {
+  var _a;
+  try {
+    const raw = (_a = window.localStorage) == null ? void 0 : _a.getItem(storageKey);
+    return raw ? JSON.parse(raw) : null;
+  } catch (e) {
+    return null;
+  }
+};
+const writeConfigToPage = (storageKey, config) => {
+  var _a;
+  (_a = window.localStorage) == null ? void 0 : _a.setItem(storageKey, JSON.stringify(config));
+  return config;
+};
+const removeConfigFromPage = (storageKey) => {
+  var _a;
+  (_a = window.localStorage) == null ? void 0 : _a.removeItem(storageKey);
+  return true;
+};
+const reloadPage = () => {
+  var _a;
+  (_a = globalThis.location) == null ? void 0 : _a.reload();
+};
+const readSnapshotFromPage = (storageKey, context) => {
+  const chromeScope = typeof (context == null ? void 0 : context.chromeScope) === "string" ? context.chromeScope : "chrome_extension";
+  const userPluginName = typeof (context == null ? void 0 : context.userPluginName) === "string" ? context.userPluginName : "observability-plugin";
+  const chromePluginNames = Array.isArray(context == null ? void 0 : context.chromePluginNames) ? context.chromePluginNames : [
+    "observability-plugin:chrome-extension",
+    "observability-plugin-devtools"
+  ];
+  const safeCopy = (value) => {
+    try {
+      return JSON.parse(JSON.stringify(value));
+    } catch (e) {
+      return void 0;
+    }
+  };
+  const rawConfig = (() => {
+    var _a;
+    try {
+      const raw = (_a = window.localStorage) == null ? void 0 : _a.getItem(storageKey);
+      return raw ? JSON.parse(raw) : null;
+    } catch (e) {
+      return null;
+    }
+  })();
+  const federation = window.__FEDERATION__ || window.__VMOK__;
+  const readers = (federation == null ? void 0 : federation.__OBSERVABILITY__) || {};
+  const reports = [];
+  const scopes = Object.keys(readers);
+  const isChromeObservabilityPluginName = (name) => chromePluginNames.includes(String(name));
+  const hasUserObservabilityPluginFromInstances = Array.isArray(
+    federation == null ? void 0 : federation.__INSTANCES__
+  ) ? federation.__INSTANCES__.some((instance) => {
+    var _a;
+    const plugins = (_a = instance == null ? void 0 : instance.options) == null ? void 0 : _a.plugins;
+    if (!Array.isArray(plugins)) {
+      return false;
+    }
+    return plugins.some(
+      (plugin) => (plugin == null ? void 0 : plugin.name) === userPluginName && !isChromeObservabilityPluginName(plugin == null ? void 0 : plugin.name)
+    );
+  }) : false;
+  const hasUserObservabilityPluginFromReaders = scopes.some(
+    (scope) => scope !== chromeScope
+  );
+  scopes.forEach((scope) => {
+    const reader = readers[scope];
+    if (!reader || typeof reader.getReports !== "function") {
+      return;
+    }
+    try {
+      const scopeReports = reader.getReports({ limit: 100 });
+      if (!Array.isArray(scopeReports)) {
+        return;
+      }
+      scopeReports.forEach((report) => {
+        const copied = safeCopy(report);
+        if (copied == null ? void 0 : copied.traceId) {
+          copied.__scope = scope;
+          reports.push(copied);
+        }
+      });
+    } catch (e) {
+    }
+  });
+  return {
+    config: rawConfig,
+    stored: Boolean(rawConfig),
+    scopes,
+    reports,
+    hasUserObservabilityPlugin: hasUserObservabilityPluginFromInstances || hasUserObservabilityPluginFromReaders
+  };
+};
+const readObservabilityConfig = () => __async(void 0, null, function* () {
+  const config = yield (0, import_index.injectScript)(
+    readConfigFromPage,
+    false,
+    import_messages.OBSERVABILITY_DEVTOOLS_STORAGE_KEY
+  );
+  return (0, import_observability_shared.normalizeObservabilityDevtoolsConfig)(
+    config || import_observability_shared.DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG
+  );
+});
+const applyObservabilityConfig = (config) => __async(void 0, null, function* () {
+  return (0, import_index.injectScript)(
+    writeConfigToPage,
+    false,
+    import_messages.OBSERVABILITY_DEVTOOLS_STORAGE_KEY,
+    (0, import_observability_shared.normalizeObservabilityDevtoolsConfig)(config)
+  );
+});
+const disableObservabilityConfig = () => __async(void 0, null, function* () {
+  return (0, import_index.injectScript)(removeConfigFromPage, false, import_messages.OBSERVABILITY_DEVTOOLS_STORAGE_KEY);
+});
+const reloadInspectedPage = () => __async(void 0, null, function* () {
+  return (0, import_index.injectScript)(reloadPage, false);
+});
+const readObservabilitySnapshot = () => __async(void 0, null, function* () {
+  const snapshot = yield (0, import_index.injectScript)(
+    readSnapshotFromPage,
+    true,
+    import_messages.OBSERVABILITY_DEVTOOLS_STORAGE_KEY,
+    OBSERVABILITY_SNAPSHOT_CONTEXT
+  );
+  return {
+    config: (0, import_observability_shared.normalizeObservabilityDevtoolsConfig)(
+      (snapshot == null ? void 0 : snapshot.config) || import_observability_shared.DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG
+    ),
+    stored: Boolean(snapshot == null ? void 0 : snapshot.stored),
+    scopes: Array.isArray(snapshot == null ? void 0 : snapshot.scopes) ? snapshot.scopes : [],
+    reports: Array.isArray(snapshot == null ? void 0 : snapshot.reports) ? snapshot.reports : [],
+    hasUserObservabilityPlugin: Boolean(snapshot == null ? void 0 : snapshot.hasUserObservabilityPlugin)
+  };
+});
+const mergeObservabilityReports = (currentReports, incomingReports) => {
+  const merged = /* @__PURE__ */ new Map();
+  currentReports.forEach((report) => {
+    if (report.traceId) {
+      merged.set(report.traceId, report);
+    }
+  });
+  incomingReports.forEach((report) => {
+    if (report.traceId) {
+      merged.set(report.traceId, report);
+    }
+  });
+  return Array.from(merged.values()).sort((left, right) => {
+    if ((right.updatedAt || 0) !== (left.updatedAt || 0)) {
+      return (right.updatedAt || 0) - (left.updatedAt || 0);
+    }
+    return (right.startedAt || 0) - (left.startedAt || 0);
+  });
+};
+const getObservabilityReportScopeLabel = (report) => {
+  const scope = report.__scope;
+  if (!scope || scope === import_observability_shared.CHROME_OBSERVABILITY_SCOPE) {
+    return void 0;
+  }
+  return `custom: ${scope}`;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyObservabilityConfig,
+  disableObservabilityConfig,
+  getObservabilityReportScopeLabel,
+  mergeObservabilityReports,
+  readObservabilityConfig,
+  readObservabilitySnapshot,
+  reloadInspectedPage
+});

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -13,53 +11,8 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_helpers = __toESM(require("@module-federation/runtime/helpers"));
-var import_sdk = require("../sdk");
-var import_template = require("../../template");
-var _a;
-const chromeOverrideRemotesPlugin = function() {
-  return {
-    name: "mf-chrome-devtools-override-remotes-plugin",
-    beforeRegisterRemote(args) {
-      try {
-        const { remote } = args;
-        const overrideRemote = import_helpers.default.global.nativeGlobal.localStorage.getItem(
-          import_template.__FEDERATION_DEVTOOLS__
-        );
-        if (!overrideRemote) {
-          return args;
-        }
-        const parsedOverrideRemote = JSON.parse(overrideRemote);
-        const overrideEntryOrVersion = parsedOverrideRemote[remote.name];
-        if (overrideEntryOrVersion) {
-          if (overrideEntryOrVersion.startsWith("http")) {
-            delete remote.version;
-            remote.entry = overrideEntryOrVersion;
-          } else {
-            delete remote.entry;
-            remote.version = overrideEntryOrVersion;
-          }
-        }
-      } catch (e) {
-        console.error(e);
-      }
-      return args;
-    }
-  };
-};
-if (!(window == null ? void 0 : window.__FEDERATION__)) {
-  (0, import_sdk.definePropertyGlobalVal)(window, "__FEDERATION__", {});
-  (0, import_sdk.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
-}
-if (!(window == null ? void 0 : window.__FEDERATION__.__GLOBAL_PLUGIN__)) {
-  window.__FEDERATION__.__GLOBAL_PLUGIN__ = [];
-}
-(_a = window.__FEDERATION__.__GLOBAL_PLUGIN__) == null ? void 0 : _a.push(chromeOverrideRemotesPlugin());
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var override_remote_exports = {};
+module.exports = __toCommonJS(override_remote_exports);
+const basicProxyCore = require("../../vendor/basic-proxy-core.js");
+basicProxyCore.registerOverridePlugin(globalThis);

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

@@ -1,10 +1,21 @@
 "use strict";
 var import_safe_post_message = require("./safe-post-message");
+var import_messages = require("./messages");
 if (window.moduleHandler) {
   window.removeEventListener("message", window.moduleHandler);
 } else {
   window.moduleHandler = (event) => {
     const { origin, data } = event;
+    if ((data == null ? void 0 : data.source) === import_messages.OBSERVABILITY_DEVTOOLS_SOURCE) {
+      chrome.runtime.sendMessage({
+        type: import_messages.MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT,
+        origin,
+        data: (0, import_safe_post_message.sanitizePostMessagePayload)(data)
+      }).catch(() => {
+        return false;
+      });
+      return;
+    }
     if (!data.moduleInfo) {
       return;
     }

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

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -13,47 +11,8 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_sdk = require("@module-federation/sdk");
-var import_helpers = __toESM(require("@module-federation/runtime/helpers"));
-var import_sdk2 = require("../sdk");
-var _a;
-const chromeDevtoolsPlugin = function() {
-  return {
-    name: "mf-chrome-devtools-inject-snapshot-plugin",
-    beforeLoadRemoteSnapshot({ options }) {
-      const { nativeGlobal } = import_helpers.default.global;
-      if (!options || options.inBrowser) {
-        const realLocalStorage = nativeGlobal.localStorage || localStorage;
-        const debugModuleInfoStr = realLocalStorage.getItem(
-          import_sdk.MODULE_DEVTOOL_IDENTIFIER
-        );
-        if (debugModuleInfoStr && !nativeGlobal.__INIT_VMOK_CHROME_DEVTOOL_PLUGIN__) {
-          const chromeDevtoolSnapshot = JSON.parse(debugModuleInfoStr);
-          if (chromeDevtoolSnapshot) {
-            import_helpers.default.global.addGlobalSnapshot(chromeDevtoolSnapshot);
-            nativeGlobal.__INIT_VMOK_CHROME_DEVTOOL_PLUGIN__ = true;
-            console.warn(
-              "[Module Federation Devtools]: You are using the chrome devtool to proxy online module"
-            );
-          }
-        }
-      }
-    }
-  };
-};
-if (!(window == null ? void 0 : window.__FEDERATION__)) {
-  (0, import_sdk2.definePropertyGlobalVal)(window, "__FEDERATION__", {});
-  (0, import_sdk2.definePropertyGlobalVal)(window, "__VMOK__", window.__FEDERATION__);
-}
-if (!(window == null ? void 0 : window.__FEDERATION__.__GLOBAL_PLUGIN__)) {
-  window.__FEDERATION__.__GLOBAL_PLUGIN__ = [];
-}
-(_a = window.__FEDERATION__.__GLOBAL_PLUGIN__) == null ? void 0 : _a.push(chromeDevtoolsPlugin());
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var snapshot_plugin_exports = {};
+module.exports = __toCommonJS(snapshot_plugin_exports);
+const basicProxyCore = require("../../vendor/basic-proxy-core.js");
+basicProxyCore.registerSnapshotPlugin(globalThis);

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

@@ -15,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -43,8 +42,7 @@ __export(data_exports, {
   separateType: () => separateType
 });
 module.exports = __toCommonJS(data_exports);
-var import_snapshot = require("./snapshot");
-__reExport(data_exports, require("./snapshot"), module.exports);
+const basicProxyCore = require("../../vendor/basic-proxy-core.js");
 const separateType = (moduleInfo) => {
   const consumers = {};
   const producer = [];
@@ -74,33 +72,13 @@ const separateType = (moduleInfo) => {
   };
 };
 const getModuleInfo = (proxyRules) => __async(void 0, null, function* () {
-  let freshModuleInfo;
-  const { moduleInfo } = window.__FEDERATION__;
-  const { consumers } = separateType(moduleInfo);
-  const overrides = {};
-  const isMicroMode = Object.keys(consumers).some((moduleId) => {
-    const subApps = consumers[moduleId].consumerList;
-    return Array.isArray(subApps) && subApps.length;
-  });
-  proxyRules.forEach((rule) => {
-    const { key, value } = rule;
-    overrides[key] = value;
-  });
-  if (isMicroMode) {
-    freshModuleInfo = (0, import_snapshot.calculateMicroAppSnapshot)(moduleInfo, overrides);
-  } else {
-    freshModuleInfo = (0, import_snapshot.calculateSnapshot)(moduleInfo, overrides);
-  }
-  console.debug("New Snapshot: ", freshModuleInfo);
-  return {
-    status: "success",
-    moduleInfo: freshModuleInfo,
-    overrides
-  };
+  return basicProxyCore.getModuleInfo(
+    proxyRules,
+    window.__FEDERATION__.moduleInfo
+  );
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getModuleInfo,
-  separateType,
-  ...require("./snapshot")
+  separateType
 });