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

package/dist/es/component/SharedDepsExplorer/share-utils.js

@@ -2,6 +2,13 @@ function isRecord(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function computeLoadedStatus(entry) {
+  var _a, _b;
+  if (((_a = entry.treeShaking) == null ? void 0 : _a.loaded) === true) {
+    return "t-loaded";
+  }
+  if ((_b = entry.treeShaking) == null ? void 0 : _b.loading) {
+    return "t-loading";
+  }
   if (entry.loaded === true) {
     return "loaded";
   }
@@ -23,7 +30,7 @@ function normalizeEntry({
   versionKey,
   entry
 }) {
-  var _a;
+  var _a, _b;
   if (!isRecord(entry)) {
     return null;
   }
@@ -40,6 +47,7 @@ function normalizeEntry({
     from: sharedEntry.from,
     useIn,
     shareConfig: (_a = sharedEntry.shareConfig) != null ? _a : {},
+    treeShakingMode: (_b = sharedEntry.treeShaking) == null ? void 0 : _b.mode,
     strategy: sharedEntry.strategy,
     loaded: sharedEntry.loaded,
     loading: sharedEntry.loading,
@@ -117,7 +125,7 @@ function computeShareStats(versions) {
     providerSet.add(v.provider);
     scopeSet.add(v.scope);
     packageSet.add(v.packageName);
-    if (v.loadedStatus === "loaded") {
+    if (v.loadedStatus === "loaded" || v.loadedStatus === "t-loaded") {
       loadedCount += 1;
     }
     if (v.reuseStatus) {
@@ -176,11 +184,19 @@ function findPackageProvider(versions, packageName, version) {
     return null;
   }
   const providers = Array.from(new Set(candidates.map((v) => v.from))).sort();
-  const hasLoaded = candidates.some((v) => v.loadedStatus === "loaded");
-  const hasLoading = !hasLoaded && candidates.some((v) => v.loadedStatus === "loading");
+  const hasTreeShakingLoaded = candidates.some(
+    (v) => v.loadedStatus === "t-loaded"
+  );
+  const hasLoaded = !hasTreeShakingLoaded && candidates.some((v) => v.loadedStatus === "loaded");
+  const hasTreeShakingLoading = !hasTreeShakingLoaded && !hasLoaded && candidates.some((v) => v.loadedStatus === "t-loading");
+  const hasLoading = !hasTreeShakingLoaded && !hasLoaded && !hasTreeShakingLoading && candidates.some((v) => v.loadedStatus === "loading");
   let status = "not-loaded";
-  if (hasLoaded) {
+  if (hasTreeShakingLoaded) {
+    status = "t-loaded";
+  } else if (hasLoaded) {
     status = "loaded";
+  } else if (hasTreeShakingLoading) {
+    status = "t-loading";
   } else if (hasLoading) {
     status = "loading";
   }

package/dist/es/component/ThemeToggle.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@arco-design/web-react";
+import { IconMoon, IconSun } from "@arco-design/web-react/icon";
+import styles from "./ThemeToggle.module";
+const ThemeToggle = ({ theme, onToggle }) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: styles.themeToggle,
+      size: "default",
+      onClick: onToggle,
+      icon: theme === "dark" ? /* @__PURE__ */ jsx(IconSun, {}) : /* @__PURE__ */ jsx(IconMoon, {})
+    }
+  );
+};
+var ThemeToggle_default = ThemeToggle;
+export {
+  ThemeToggle_default as default
+};

package/dist/es/component/ThemeToggle.module.js

@@ -0,0 +1,5 @@
+import "./ThemeToggle_module.css";
+var ThemeToggle_module_default = { "themeToggle": "themeToggle_2452c" };
+export {
+  ThemeToggle_module_default as default
+};

package/dist/es/component/ThemeToggle_module.css

@@ -0,0 +1,12 @@
+.themeToggle_2452c {
+  background-color: transparent !important;
+  border-color: transparent !important;
+  margin: 0 6px !important;
+  padding: 0 !important;
+}
+.themeToggle_2452c:hover {
+  background-color: var(--color-fill-3, #fafafa) !important;
+}
+.arco-theme-dark .themeToggle_2452c :hover {
+  background-color: var(--color-bg-1) !important;
+}

package/dist/es/hooks/useDevtoolsTheme.js

@@ -0,0 +1,77 @@
+import { useEffect, useState } from "react";
+const DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
+function resolveThemeFromDevtools() {
+  var _a, _b;
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const devtools = (_a = window.chrome) == null ? void 0 : _a.devtools;
+  const themeName = (_b = devtools == null ? void 0 : devtools.panels) == null ? void 0 : _b.themeName;
+  if (typeof themeName === "string") {
+    return themeName.toLowerCase().includes("dark") ? "dark" : "light";
+  }
+  return null;
+}
+function resolveThemeFromMedia() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return null;
+  }
+  return window.matchMedia(DARK_MEDIA_QUERY).matches ? "dark" : "light";
+}
+function getInitialTheme() {
+  var _a, _b;
+  return (_b = (_a = resolveThemeFromDevtools()) != null ? _a : resolveThemeFromMedia()) != null ? _b : "light";
+}
+const useDevtoolsTheme = () => {
+  const [theme, setTheme] = useState(() => getInitialTheme());
+  useEffect(() => {
+    var _a;
+    if (typeof window === "undefined") {
+      return;
+    }
+    const devtools = (_a = window.chrome) == null ? void 0 : _a.devtools;
+    const panels = devtools == null ? void 0 : devtools.panels;
+    const onThemeChanged = panels == null ? void 0 : panels.onThemeChanged;
+    const handleThemeChange = (newThemeName) => {
+      if (typeof newThemeName !== "string") {
+        return;
+      }
+      const next = newThemeName.toLowerCase().includes("dark") ? "dark" : "light";
+      setTheme(next);
+    };
+    const fromDevtools = resolveThemeFromDevtools();
+    if (fromDevtools) {
+      setTheme(fromDevtools);
+    }
+    let mediaQuery = null;
+    const handleMediaQueryChange = (event) => {
+      setTheme(event.matches ? "dark" : "light");
+    };
+    if (onThemeChanged && typeof onThemeChanged.addListener === "function") {
+      onThemeChanged.addListener(handleThemeChange);
+    } else if (typeof window.matchMedia === "function") {
+      mediaQuery = window.matchMedia(DARK_MEDIA_QUERY);
+      if (typeof mediaQuery.addEventListener === "function") {
+        mediaQuery.addEventListener("change", handleMediaQueryChange);
+      } else if (typeof mediaQuery.addListener === "function") {
+        mediaQuery.addListener(handleMediaQueryChange);
+      }
+    }
+    return () => {
+      if (onThemeChanged && typeof onThemeChanged.removeListener === "function") {
+        onThemeChanged.removeListener(handleThemeChange);
+      }
+      if (mediaQuery) {
+        if (typeof mediaQuery.removeEventListener === "function") {
+          mediaQuery.removeEventListener("change", handleMediaQueryChange);
+        } else if (typeof mediaQuery.removeListener === "function") {
+          mediaQuery.removeListener(handleMediaQueryChange);
+        }
+      }
+    };
+  }, []);
+  return theme;
+};
+export {
+  useDevtoolsTheme
+};