@module-federation/devtools 2.7.0 → 2.8.0

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

@@ -0,0 +1,252 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var share_utils_exports = {};
+__export(share_utils_exports, {
+  computeLoadedStatus: () => computeLoadedStatus,
+  computeReuseStatus: () => computeReuseStatus,
+  computeShareStats: () => computeShareStats,
+  findPackageProvider: () => findPackageProvider,
+  getFilterOptions: () => getFilterOptions,
+  getReusedVersions: () => getReusedVersions,
+  groupByProviderScopePackage: () => groupByProviderScopePackage,
+  normalizeShareData: () => normalizeShareData
+});
+module.exports = __toCommonJS(share_utils_exports);
+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";
+  }
+  if (entry.loading) {
+    return "loading";
+  }
+  return "not-loaded";
+}
+function computeReuseStatus(entry) {
+  const useIn = Array.isArray(entry.useIn) ? entry.useIn : [];
+  const { from } = entry;
+  const reused = useIn.some((consumer) => consumer && consumer !== from);
+  return reused;
+}
+function normalizeEntry({
+  provider,
+  scope,
+  packageName,
+  versionKey,
+  entry
+}) {
+  var _a, _b;
+  if (!isRecord(entry)) {
+    return null;
+  }
+  const sharedEntry = entry;
+  const loadedStatus = computeLoadedStatus(sharedEntry);
+  const reuseStatus = computeReuseStatus(sharedEntry);
+  const useIn = Array.isArray(sharedEntry.useIn) ? sharedEntry.useIn : [];
+  return {
+    id: `${provider}::${scope}::${packageName}::${versionKey}`,
+    provider,
+    scope,
+    packageName,
+    version: sharedEntry.version || versionKey,
+    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,
+    loadedStatus,
+    reuseStatus
+  };
+}
+function normalizeShareData(raw) {
+  if (!raw || !isRecord(raw)) {
+    return [];
+  }
+  const items = [];
+  Object.entries(raw).forEach(([topKey, topValue]) => {
+    if (!isRecord(topValue)) {
+      return;
+    }
+    if (topKey === "default") {
+      const provider2 = "default";
+      const scope = "default";
+      const packagesObj = topValue;
+      Object.entries(packagesObj).forEach(([pkgName, versions]) => {
+        if (pkgName === "version" || !isRecord(versions)) {
+          return;
+        }
+        Object.entries(versions).forEach(([versionKey, entry]) => {
+          const normalized = normalizeEntry({
+            provider: provider2,
+            scope,
+            packageName: pkgName,
+            versionKey,
+            entry
+          });
+          if (normalized) {
+            items.push(normalized);
+          }
+        });
+      });
+      return;
+    }
+    const provider = topKey;
+    const scopesObj = topValue;
+    Object.entries(scopesObj).forEach(([scopeName, scopeValue]) => {
+      if (scopeName === "version" || !isRecord(scopeValue)) {
+        return;
+      }
+      const packagesObj = scopeValue;
+      Object.entries(packagesObj).forEach(([pkgName, versions]) => {
+        if (pkgName === "version" || !isRecord(versions)) {
+          return;
+        }
+        Object.entries(versions).forEach(([versionKey, entry]) => {
+          const normalized = normalizeEntry({
+            provider,
+            scope: scopeName,
+            packageName: pkgName,
+            versionKey,
+            entry
+          });
+          if (normalized) {
+            items.push(normalized);
+          }
+        });
+      });
+    });
+  });
+  return items;
+}
+function computeShareStats(versions) {
+  const providerSet = /* @__PURE__ */ new Set();
+  const scopeSet = /* @__PURE__ */ new Set();
+  const packageSet = /* @__PURE__ */ new Set();
+  let loadedCount = 0;
+  let reusedCount = 0;
+  versions.forEach((v) => {
+    providerSet.add(v.provider);
+    scopeSet.add(v.scope);
+    packageSet.add(v.packageName);
+    if (v.loadedStatus === "loaded" || v.loadedStatus === "t-loaded") {
+      loadedCount += 1;
+    }
+    if (v.reuseStatus) {
+      reusedCount += 1;
+    }
+  });
+  return {
+    totalProviders: providerSet.size,
+    totalScopes: scopeSet.size,
+    totalPackages: packageSet.size,
+    totalVersions: versions.length,
+    loadedCount,
+    reusedCount
+  };
+}
+function groupByProviderScopePackage(versions) {
+  const tree = {};
+  versions.forEach((v) => {
+    if (!tree[v.provider]) {
+      tree[v.provider] = {};
+    }
+    if (!tree[v.provider][v.scope]) {
+      tree[v.provider][v.scope] = {};
+    }
+    if (!tree[v.provider][v.scope][v.packageName]) {
+      tree[v.provider][v.scope][v.packageName] = [];
+    }
+    tree[v.provider][v.scope][v.packageName].push(v);
+  });
+  return tree;
+}
+function getFilterOptions(versions) {
+  const providerSet = /* @__PURE__ */ new Set();
+  const scopeSet = /* @__PURE__ */ new Set();
+  const packageSet = /* @__PURE__ */ new Set();
+  const versionSet = /* @__PURE__ */ new Set();
+  versions.forEach((v) => {
+    providerSet.add(v.provider);
+    scopeSet.add(v.scope);
+    packageSet.add(v.packageName);
+    versionSet.add(v.version);
+  });
+  return {
+    providers: Array.from(providerSet).sort(),
+    scopes: Array.from(scopeSet).sort(),
+    packages: Array.from(packageSet).sort(),
+    versions: Array.from(versionSet).sort()
+  };
+}
+function findPackageProvider(versions, packageName, version) {
+  var _a;
+  const candidates = versions.filter(
+    (v) => v.packageName === packageName && (!version || v.version === version)
+  );
+  if (!candidates.length) {
+    return null;
+  }
+  const providers = Array.from(new Set(candidates.map((v) => v.from))).sort();
+  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 (hasTreeShakingLoaded) {
+    status = "t-loaded";
+  } else if (hasLoaded) {
+    status = "loaded";
+  } else if (hasTreeShakingLoading) {
+    status = "t-loading";
+  } else if (hasLoading) {
+    status = "loading";
+  }
+  return {
+    packageName,
+    version: version || ((_a = candidates[0]) == null ? void 0 : _a.version),
+    providers,
+    status
+  };
+}
+function getReusedVersions(versions) {
+  return versions.filter((v) => v.reuseStatus === true);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  computeLoadedStatus,
+  computeReuseStatus,
+  computeShareStats,
+  findPackageProvider,
+  getFilterOptions,
+  getReusedVersions,
+  groupByProviderScopePackage,
+  normalizeShareData
+});

package/dist/types/component/ThemeToggle.js

@@ -0,0 +1,48 @@
+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 ThemeToggle_exports = {};
+__export(ThemeToggle_exports, {
+  default: () => ThemeToggle_default
+});
+module.exports = __toCommonJS(ThemeToggle_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_ThemeToggle = __toESM(require("./ThemeToggle.module"));
+const ThemeToggle = ({ theme, onToggle }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_web_react.Button,
+    {
+      className: import_ThemeToggle.default.themeToggle,
+      size: "default",
+      onClick: onToggle,
+      icon: theme === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconSun, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconMoon, {})
+    }
+  );
+};
+var ThemeToggle_default = ThemeToggle;

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeToggle_module_exports = {};
+__export(ThemeToggle_module_exports, {
+  default: () => ThemeToggle_module_default
+});
+module.exports = __toCommonJS(ThemeToggle_module_exports);
+var import_ThemeToggle_module = require("./ThemeToggle_module.css");
+var ThemeToggle_module_default = { "themeToggle": "themeToggle_2452c" };

package/dist/types/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/types/hooks/useDevtoolsTheme.js

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDevtoolsTheme_exports = {};
+__export(useDevtoolsTheme_exports, {
+  useDevtoolsTheme: () => useDevtoolsTheme
+});
+module.exports = __toCommonJS(useDevtoolsTheme_exports);
+var import_react = require("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] = (0, import_react.useState)(() => getInitialTheme());
+  (0, import_react.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;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDevtoolsTheme
+});