@module-federation/devtools 2.7.0 → 2.8.0

package/dist/types/worker/index.js

@@ -0,0 +1,175 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 import_messages = require("../utils/chrome/messages");
+const SIDE_PANEL_PATH = "html/main/index.html";
+const getSidePanel = () => chrome == null ? void 0 : chrome.sidePanel;
+const resolveTabId = (tabId) => __async(exports, null, function* () {
+  if (typeof tabId === "number") {
+    return tabId;
+  }
+  const [activeTab] = yield chrome.tabs.query({
+    active: true,
+    lastFocusedWindow: true
+  });
+  return activeTab == null ? void 0 : activeTab.id;
+});
+const broadcastActiveTab = (tabId, payload) => {
+  try {
+    chrome.runtime.sendMessage(__spreadValues({
+      type: import_messages.MESSAGE_ACTIVE_TAB_CHANGED,
+      tabId
+    }, payload));
+  } catch (error) {
+    console.warn(
+      "[Module Federation Devtools] Failed to broadcast active tab",
+      error
+    );
+  }
+};
+const openSidePanel = (tabId) => __async(exports, null, function* () {
+  const sidePanel = getSidePanel();
+  if (!sidePanel) {
+    throw new Error("sidePanel api not available");
+  }
+  const targetTabId = yield resolveTabId(tabId);
+  if (typeof targetTabId !== "number") {
+    throw new Error("No active tab available");
+  }
+  yield sidePanel.setOptions({
+    tabId: targetTabId,
+    path: SIDE_PANEL_PATH,
+    enabled: true
+  });
+  if (sidePanel.open) {
+    yield sidePanel.open({ tabId: targetTabId });
+  }
+  broadcastActiveTab(targetTabId, { reason: "side-panel" });
+  if (sidePanel.getOptions) {
+    try {
+      const options = yield sidePanel.getOptions({ tabId: targetTabId });
+      broadcastActiveTab(targetTabId, { reason: "side-panel" });
+      return options;
+    } catch (error) {
+      console.warn("[Module Federation Devtools] getOptions failed", error);
+    }
+  }
+  return {
+    path: SIDE_PANEL_PATH,
+    enabled: true
+  };
+});
+chrome.runtime.onInstalled.addListener(() => {
+  const sidePanel = getSidePanel();
+  if (sidePanel == null ? void 0 : sidePanel.setPanelBehavior) {
+    sidePanel.setPanelBehavior({ openPanelOnActionClick: true }).catch((error) => {
+      console.warn(
+        "[Module Federation Devtools] setPanelBehavior failed",
+        error
+      );
+    });
+  }
+});
+chrome.action.onClicked.addListener((tab) => __async(exports, null, function* () {
+  try {
+    yield openSidePanel(tab.id);
+  } catch (error) {
+    console.warn(
+      "[Module Federation Devtools] Failed to open side panel",
+      error
+    );
+  }
+}));
+chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+  if ((message == null ? void 0 : message.type) === import_messages.MESSAGE_OPEN_SIDE_PANEL) {
+    openSidePanel(message.tabId).then((options) => sendResponse({ ok: true, options })).catch(
+      (error) => sendResponse({ ok: false, message: String(error) })
+    );
+    return true;
+  }
+  return void 0;
+});
+chrome.tabs.onActivated.addListener((activeInfo) => __async(exports, null, function* () {
+  const tabId = activeInfo == null ? void 0 : activeInfo.tabId;
+  if (typeof tabId !== "number") {
+    return;
+  }
+  try {
+    broadcastActiveTab(tabId, { reason: "activated" });
+  } catch (error) {
+    console.warn(
+      "[Module Federation Devtools] Failed to handle tab activation",
+      error
+    );
+  }
+}));
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+  if (changeInfo.status !== "loading" && changeInfo.status !== "complete") {
+    return;
+  }
+  if (tab == null ? void 0 : tab.active) {
+    try {
+      broadcastActiveTab(tabId, {
+        reason: "updated",
+        status: changeInfo.status
+      });
+    } catch (error) {
+      console.warn(
+        "[Module Federation Devtools] Failed to handle tab update",
+        error
+      );
+    }
+  }
+});
+chrome.tabs.onRemoved.addListener((tabId) => __async(exports, null, function* () {
+  try {
+    const FormID = "FormID";
+    const data = yield chrome.storage.sync.get(FormID);
+    const storeData = data[FormID];
+    if (storeData == null ? void 0 : storeData[String(tabId)]) {
+      delete storeData[String(tabId)];
+      yield chrome.storage.sync.set({
+        [FormID]: storeData
+      });
+    }
+  } catch (error) {
+    console.warn(
+      "[Module Federation Devtools] Failed to handle tab removal",
+      error
+    );
+  }
+}));
+console.log("Module Federation Worker ready");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -47,8 +47,8 @@
     "echarts-for-react": "3.0.5",
     "i18next": "23.0.0",
     "react-i18next": "15.0.0",
-    "@module-federation/observability-plugin": "2.5.3",
-    "@module-federation/sdk": "2.7.0"
+    "@module-federation/sdk": "2.8.0",
+    "@module-federation/observability-plugin": "2.5.4"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
@@ -79,10 +79,10 @@
     "@types/react-dom": "^19.2.2",
     "lint-staged": "~13.1.0",
     "prettier": "~3.3.3",
-    "typescript": "6.0.3",
+    "typescript": "7.0.2",
     "rimraf": "~6.0.1",
     "vitest": "1.2.2",
-    "@module-federation/runtime": "2.7.0"
+    "@module-federation/runtime": "2.8.0"
   },
   "scripts": {
     "build:storybook": "storybook build",
@@ -92,7 +92,7 @@
     "build:devtool": "modern-app build && node postpack.js",
     "build": "npm run build:lib",
     "build:debug": "DEBUG=true modern-app build && node postpack.js",
-    "build:lib": "rm -rf dist && modern-module build -c modern.lib.config.ts",
+    "build:lib": "rm -rf dist && modern-module build -c modern.lib.config.ts && tsc -p tsconfig.lib.json",
     "release": "npm publish --tag canary",
     "test": "rstest",
     "test:e2e": "node ../../scripts/ensure-playwright.js && E2ETEST=true pnpm build:devtool && playwright test",