@module-federation/devtools 0.0.0-perf-devtools-20260108034446 → 0.0.0-perf-website-code-usage-20260914033703

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

@@ -41,6 +41,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, useRef } from "react";
 import { useDebounceFn, useUpdateEffect } from "ahooks";
 import { Form } from "@arco-design/web-react";
+import { useTranslation } from "react-i18next";
 import {
   MODULE_DEVTOOL_IDENTIFIER
 } from "@module-federation/sdk";
@@ -98,6 +99,7 @@ const Layout = (props) => {
     onModuleInfoReset,
     tabId
   } = props;
+  const { t } = useTranslation();
   const { producer } = separateType(moduleInfo);
   const producerKey = useMemo(() => producer.join("|"), [producer]);
   const [condition, setCondition] = useState(statusInfo.processing);
@@ -121,6 +123,11 @@ const Layout = (props) => {
   const ensureFederationContext = () => {
     if (!window.__FEDERATION__) {
       window.__FEDERATION__ = {
+        __GLOBAL_PLUGIN__: [],
+        __INSTANCES__: [],
+        __SHARE__: {},
+        __MANIFEST_LOADING__: {},
+        __PRELOADED_MAP__: /* @__PURE__ */ new Map(),
         originModuleInfo: moduleInfo || {},
         moduleInfo: moduleInfo || {}
       };
@@ -422,17 +429,11 @@ const Layout = (props) => {
   return /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.summaryCard, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.summaryHeader, children: [
-        /* @__PURE__ */ jsx("span", { className: styles.summaryTitle, children: "Remotes in scope" }),
-        /* @__PURE__ */ jsx("span", { className: styles.summaryHint, children: "Override manifests to verify integration without redeploying." })
+        /* @__PURE__ */ jsx("span", { className: styles.summaryTitle, children: t("layout.summary.title") }),
+        /* @__PURE__ */ jsx("span", { className: styles.summaryHint, children: t("layout.summary.hint") })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles.chipGroup, children: [
-        previewList.length ? previewList.map((name) => /* @__PURE__ */ jsx("span", { className: styles.chip, children: name }, name)) : /* @__PURE__ */ jsx("span", { className: styles.chipPlaceholder, children: "Waiting for module map" }),
-        extraCount > 0 && /* @__PURE__ */ jsxs("span", { className: styles.moreChip, children: [
-          "+",
-          extraCount,
-          " more"
-        ] })
-      ] })
+      previewList.length ? previewList.map((name) => /* @__PURE__ */ jsx("span", { className: styles.chip, children: name }, name)) : /* @__PURE__ */ jsx("span", { className: styles.chipPlaceholder, children: t("layout.summary.placeholder") }),
+      extraCount > 0 && /* @__PURE__ */ jsx("span", { className: styles.moreChip, children: t("layout.summary.more", { count: extraCount }) })
     ] }),
     /* @__PURE__ */ jsx("section", { className: styles.formSection, children: /* @__PURE__ */ jsx(
       Form,

package/dist/es/component/Layout/index_module.css

@@ -23,12 +23,12 @@
 .summaryTitle_084ab {
   font-size: 16px;
   font-weight: 600;
-  color: #1f2937;
+  color: var(--color-text-1, #1f2937);
 }
 
 .summaryHint_084ab {
   font-size: 12px;
-  color: #4b5563;
+  color: var(--color-text-2, #4b5563);
 }
 
 .chipGroup_084ab {
@@ -44,16 +44,16 @@
   padding: 6px 10px;
   border-radius: 12px;
   border: 1px solid rgba(228, 228, 231, 0.5);
-  background: rgba(255, 255, 255, 0.9);
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
   font-size: 12px;
-  color: #1f2937;
+  color: var(--color-text-1, #1f2937);
   letter-spacing: 0.02em;
 }
 
 .chipPlaceholder_084ab {
   border-style: dashed;
-  color: #4b5563;
-  background: rgba(255, 255, 255, 0.9);
+  color: var(--color-text-2, #4b5563);
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
 }
 
 .moreChip_084ab {
@@ -64,5 +64,5 @@
 .formSection_084ab {
   padding: 22px 24px;
   border: 1px solid rgba(228, 228, 231, 0.5);
-  background: rgba(255, 255, 255, 0.9);
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
 }