@module-federation/devtools 0.0.0-perf-devtools-20260106124142 → 0.0.0-perf-devtools-20260108034446

package/dist/lib/component/SharedDepsExplorer/index_module.css

@@ -0,0 +1,457 @@
+.container_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px 12px;
+  max-width: 1024px;
+}
+
+@media (min-width: 768px) {
+  .container_967de {
+    padding: 24px 16px;
+  }
+}
+.heroSection_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.heroSubtitle_967de {
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+  color: #71717a;
+  margin: 0;
+}
+
+.heroTitle_967de {
+  font-size: 30px;
+  line-height: 36px;
+  font-weight: 700;
+  letter-spacing: -0.025em;
+  color: #18181b;
+  margin: 0;
+}
+
+.statsGrid_967de {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 16px;
+}
+
+@media (min-width: 640px) {
+  .statsGrid_967de {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1024px) {
+  .statsGrid_967de {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.card_967de {
+  border-radius: 12px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  border: 1px solid #e4e4e7;
+  background-color: white;
+}
+
+.cardWithPadding_967de {
+  border-radius: 12px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  border: 1px solid #e4e4e7;
+  background-color: white;
+  padding: 16px;
+}
+
+.cardHeader_967de {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 8px;
+}
+
+.statSpace_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.statLabel_967de {
+  font-size: 14px;
+  color: #71717a;
+}
+
+.statValue_967de {
+  font-size: 24px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: #18181b;
+}
+
+.icon_967de {
+  height: 20px;
+  width: 20px;
+  color: #a1a1aa;
+}
+
+.iconSmall_967de {
+  height: 12px;
+  width: 12px;
+}
+
+.iconMedium_967de {
+  height: 14px;
+  width: 14px;
+  color: #71717a;
+}
+
+.statDescription_967de {
+  font-size: 12px;
+  color: #71717a;
+  margin: 0;
+}
+
+.statSubtext_967de {
+  font-size: 16px;
+  color: #a1a1aa;
+  font-weight: 400;
+}
+
+.cardFooter_967de {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #71717a;
+  white-space: nowrap;
+}
+
+.truncate_967de {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.mr2_967de {
+  margin-right: 8px;
+}
+
+.badgeGroup_967de {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.statusTags_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 12px;
+  color: #71717a;
+}
+
+.tagRow_967de {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.tagContent_967de {
+  display: flex;
+  align-items: center;
+}
+
+.tagValue_967de {
+  font-weight: 600;
+  color: #18181b;
+  margin-left: 4px;
+}
+
+.mr1_967de {
+  margin-right: 4px;
+}
+
+.rightPanels_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.panelStack_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.cardTitle_967de {
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.controlsGrid_967de {
+  display: grid;
+  gap: 12px;
+  margin-bottom: 12px;
+  padding: 8px;
+}
+
+@media (min-width: 768px) {
+  .controlsGrid_967de {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+.inputGroup_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.inputLabel_967de {
+  font-size: 12px;
+  color: #71717a;
+}
+
+.fullWidth_967de {
+  width: 100%;
+}
+
+.resultBox_967de {
+  border-radius: 6px;
+  border: 1px dashed #e4e4e7;
+  background-color: #f9fafb;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.filterGrid_967de {
+  display: grid;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+@media (min-width: 768px) {
+  .filterGrid_967de {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1024px) {
+  .filterGrid_967de {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.padding2_967de {
+  padding: 8px;
+}
+
+.searchGrid_967de {
+  display: grid;
+  gap: 12px;
+  padding: 8px;
+}
+
+@media (min-width: 768px) {
+  .searchGrid_967de {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+.searchInput_967de {
+  font-size: 12px;
+}
+
+.matchCount_967de {
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  gap: 8px;
+  font-size: 12px;
+  color: #71717a;
+}
+
+.matchValue_967de {
+  font-weight: 600;
+  color: #18181b;
+  margin-left: 4px;
+}
+
+.loadingText_967de {
+  padding-top: 16px;
+  padding-bottom: 16px;
+  font-size: 12px;
+  color: #71717a;
+}
+
+.errorText_967de {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  font-size: 12px;
+  color: #dc2626;
+}
+
+.noMatchText_967de {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  font-size: 12px;
+  color: #71717a;
+}
+
+.treeContainer_967de {
+  max-height: 320px;
+  overflow-y: auto;
+}
+
+.collapseWrapper_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  border: 0;
+}
+
+.providerHeader_967de {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  text-align: left;
+}
+
+.providerTitle_967de {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.providerMeta_967de {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  font-size: 10px;
+  color: #71717a;
+}
+
+.scopeList_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.scopeItem_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.scopeHeader_967de {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #52525b;
+}
+
+.tableContainer_967de {
+  overflow: hidden;
+  border-radius: 6px;
+  border: 1px solid #e4e4e7;
+  background-color: rgba(249, 250, 251, 0.4);
+}
+
+.cellCol_967de {
+  display: flex;
+  flex-direction: column;
+}
+
+.packageName_967de {
+  word-break: break-all;
+  font-family: monospace;
+  font-size: 11px;
+  color: #27272a;
+}
+
+.version_967de {
+  margin-top: 4px;
+  font-size: 11px;
+  color: #71717a;
+}
+
+.cellColGap_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.scopeText_967de {
+  font-size: 11px;
+  color: #71717a;
+}
+
+.tagContainer_967de {
+  width: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.configTags_967de {
+  margin-top: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  font-size: 10px;
+  color: #71717a;
+}
+
+.scale90_967de {
+  transform: scale(0.9);
+  transform-origin: left;
+}
+
+.popoverContent_967de {
+  width: 288px;
+}
+
+.popoverTitle_967de {
+  margin-bottom: 4px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.consumerList_967de {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 11px;
+  color: #374151;
+  padding-left: 0;
+  list-style: none;
+  margin: 0;
+}
+
+.consumerItem_967de {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.dot_967de {
+  height: 6px;
+  width: 6px;
+  border-radius: 50%;
+  background-color: #10b981;
+}
+
+.btnContent_967de {
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,65 @@
+"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") {
+    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 __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());

package/dist/types/src/App.d.ts

@@ -1,3 +1,5 @@
+import '@arco-design/web-react/es/_util/react-19-adapter';
+import './App.css';
 import './init';
 import { RootComponentProps } from './utils';
 import '@arco-design/web-react/dist/css/arco.css';

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

@@ -1,2 +1 @@
-import '@arco-design/web-react/es/_util/react-19-adapter';
-import './index.css';
+export {};

package/dist/types/src/utils/chrome/override-remote.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/devtools",
-  "version": "0.0.0-perf-devtools-20260106124142",
+  "version": "0.0.0-perf-devtools-20260108034446",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -46,14 +46,12 @@
     "reactflow": "11.11.4",
     "echarts": "^6.0.0",
     "lucide-react": "^0.364.0",
-    "tailwindcss-animate": "^1.0.7",
     "echarts-for-react": "^3.0.5",
-    "@module-federation/sdk": "0.0.0-perf-devtools-20260106124142"
+    "@module-federation/sdk": "0.0.0-perf-devtools-20260108034446"
   },
   "devDependencies": {
     "@modern-js-app/eslint-config": "2.59.0",
     "@modern-js/app-tools": "2.69.3",
-    "@modern-js/plugin-tailwindcss": "2.69.3",
     "@modern-js/eslint-config": "2.59.0",
     "@modern-js/module-tools": "2.69.3",
     "@modern-js/storybook": "2.69.3",
@@ -69,7 +67,7 @@
     "prettier": "~3.3.3",
     "rimraf": "~6.0.1",
     "vitest": "1.2.2",
-    "@module-federation/runtime": "0.0.0-perf-devtools-20260106124142"
+    "@module-federation/runtime": "0.0.0-perf-devtools-20260108034446"
   },
   "scripts": {
     "build:storybook": "storybook build",