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

package/dist/lib/component/LanguageSwitch.js

@@ -0,0 +1,79 @@
+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 __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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LanguageSwitch_exports = {};
+__export(LanguageSwitch_exports, {
+  default: () => LanguageSwitch_default
+});
+module.exports = __toCommonJS(LanguageSwitch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web_react = require("@arco-design/web-react");
+var import_icon = require("@arco-design/web-react/icon");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n");
+var import_ThemeToggle = __toESM(require("./ThemeToggle.module"));
+const LANGUAGE_OPTIONS = [
+  { value: "zh-CN", label: "中文" },
+  { value: "en", label: "English" }
+];
+const persistLanguage = (lang) => {
+  var _a;
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage.setItem(import_i18n.LANGUAGE_STORAGE_KEY, lang);
+    } catch (e) {
+    }
+    const { chrome } = window;
+    const storage = (_a = chrome == null ? void 0 : chrome.storage) == null ? void 0 : _a.local;
+    if (storage && typeof storage.set === "function") {
+      try {
+        storage.set({ [import_i18n.LANGUAGE_STORAGE_KEY]: lang });
+      } catch (e) {
+      }
+    }
+  }
+};
+const LanguageSwitch = () => {
+  var _a;
+  const { i18n } = (0, import_react_i18next.useTranslation)();
+  const current = ((_a = i18n.language) == null ? void 0 : _a.toLowerCase()) || "zh-cn";
+  const value = current.startsWith("en") ? "en" : "zh-CN";
+  const handleChange = (next) => {
+    i18n.changeLanguage(next);
+    persistLanguage(next);
+  };
+  const droplist = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Menu, { onClickMenuItem: handleChange, selectedKeys: [value], children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Menu.Item, { children: option.label }, option.value)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Dropdown, { droplist, trigger: "click", position: "br", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_web_react.Button,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconLanguage, {}),
+      size: "default",
+      className: import_ThemeToggle.default.themeToggle
+    }
+  ) });
+};
+var LanguageSwitch_default = LanguageSwitch;

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;
@@ -72,6 +71,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ahooks = require("ahooks");
 var import_web_react = require("@arco-design/web-react");
+var import_react_i18next = require("react-i18next");
 var import_sdk = require("@module-federation/sdk");
 var import_Form = __toESM(require("../Form"));
 var import_utils = require("../../utils");
@@ -103,6 +103,7 @@ const Layout = (props) => {
     onModuleInfoReset,
     tabId
   } = props;
+  const { t } = (0, import_react_i18next.useTranslation)();
   const { producer } = (0, import_utils.separateType)(moduleInfo);
   const producerKey = (0, import_react.useMemo)(() => producer.join("|"), [producer]);
   const [condition, setCondition] = (0, import_react.useState)(import_constant.statusInfo.processing);
@@ -126,6 +127,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 || {}
       };
@@ -217,12 +223,23 @@ const Layout = (props) => {
           } else {
             setCondition(import_constant.statusInfo.noProxy);
           }
+          setCondition(import_constant.statusInfo.noProxy);
           return;
         }
         if (!clipChanged && effectiveSignature === lastEffectiveRulesRef.current) {
+          if (hadPreviousEffective) {
+            setCondition(import_constant.statusInfo.success);
+          } else {
+            setCondition(import_constant.statusInfo.noProxy);
+          }
           return;
         }
         if (rawRules.every((rule) => !rule.value)) {
+          if (hadPreviousEffective) {
+            setCondition(import_constant.statusInfo.success);
+          } else {
+            setCondition(import_constant.statusInfo.noProxy);
+          }
           return;
         }
         const { moduleInfo: moduleInfo2, status, overrides } = handleSnapshot ? yield handleSnapshot(effectiveRules) : yield (0, import_utils.getModuleInfo)(effectiveRules);
@@ -323,6 +340,11 @@ const Layout = (props) => {
         if (overridesApplied) {
           (0, import_utils.setChromeStorage)(storeData);
         }
+        if (effectiveRules.length) {
+          setCondition(import_constant.statusInfo.success);
+        } else {
+          setCondition(import_constant.statusInfo.noProxy);
+        }
       }
     });
     hydrateForm();
@@ -411,17 +433,11 @@ const Layout = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.wrapper, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.summaryCard, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.summaryHeader, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.summaryTitle, children: "Remotes in scope" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.summaryHint, children: "Override manifests to verify integration without redeploying." })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.summaryTitle, children: t("layout.summary.title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.summaryHint, children: t("layout.summary.hint") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default.chipGroup, children: [
-        previewList.length ? previewList.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.chip, children: name }, name)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.chipPlaceholder, children: "Waiting for module map" }),
-        extraCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: import_index.default.moreChip, children: [
-          "+",
-          extraCount,
-          " more"
-        ] })
-      ] })
+      previewList.length ? previewList.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.chip, children: name }, name)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.chipPlaceholder, children: t("layout.summary.placeholder") }),
+      extraCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_index.default.moreChip, children: t("layout.summary.more", { count: extraCount }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: import_index.default.formSection, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_web_react.Form,

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/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));
 }