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

package/dist/types/init.js

@@ -0,0 +1,8 @@
+if (process.env.NODE_ENV === "development") {
+  const createProxy = () => new Proxy(() => Promise.resolve({}), {
+    get: () => {
+      return createProxy();
+    }
+  });
+  window.chrome = createProxy();
+}

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

@@ -3,5 +3,5 @@ import './App.css';
 import './init';
 import { RootComponentProps } from './utils';
 import '@arco-design/web-react/dist/css/arco.css';
-declare const App: (props: RootComponentProps) => import("react").JSX.Element;
+declare const App: (props: RootComponentProps) => import("node_modules/@types/react").JSX.Element;
 export default App;

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

@@ -2,5 +2,5 @@ import { GlobalModuleInfo } from '@module-federation/sdk';
 import 'reactflow/dist/style.css';
 declare const Graph: (props: {
     snapshot: GlobalModuleInfo;
-}) => import("react").JSX.Element;
+}) => import("node_modules/@types/react").JSX.Element;
 export default Graph;

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

@@ -5,5 +5,5 @@ declare const GraphItem: (props: {
         color?: string;
         remote?: any;
     };
-}) => import("react").JSX.Element;
+}) => import("node_modules/@types/react").JSX.Element;
 export default GraphItem;

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

@@ -17,5 +17,5 @@ interface FormProps {
     onClipChange: (on: boolean) => void;
     headerSlot?: ReactNode;
 }
-declare const FormComponent: (props: FormProps & RootComponentProps) => import("react").JSX.Element;
+declare const FormComponent: (props: FormProps & RootComponentProps) => import("node_modules/@types/react").JSX.Element;
 export default FormComponent;

package/dist/types/src/component/LanguageSwitch.d.ts

@@ -0,0 +1,2 @@
+declare const LanguageSwitch: () => import("node_modules/@types/react").JSX.Element;
+export default LanguageSwitch;

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

@@ -11,5 +11,5 @@ declare global {
 }
 declare const Layout: (props: {
     moduleInfo: GlobalModuleInfo;
-} & RootComponentProps) => import("react").JSX.Element;
+} & RootComponentProps) => import("node_modules/@types/react").JSX.Element;
 export default Layout;

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

@@ -0,0 +1,6 @@
+interface LoadingTraceProps {
+    tabId?: number;
+    resetKey?: number;
+}
+declare const LoadingTrace: ({ tabId, resetKey }: LoadingTraceProps) => import("node_modules/@types/react").JSX.Element;
+export default LoadingTrace;

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

@@ -4,5 +4,5 @@ interface HomeProps {
     selectedModuleId: string | null;
     onSelectModule: (moduleId: string) => void;
 }
-declare const Home: (props: HomeProps) => import("react").JSX.Element;
+declare const Home: (props: HomeProps) => import("node_modules/@types/react").JSX.Element;
 export default Home;

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

@@ -2,5 +2,5 @@ import type { GlobalShareScopeMap } from '@module-federation/runtime/types';
 interface SharedDepsExplorerProps {
     shareData?: GlobalShareScopeMap;
 }
-declare function SharedDepsExplorer({ shareData: shareDataProp, }: SharedDepsExplorerProps): import("react").JSX.Element;
+declare function SharedDepsExplorer({ shareData: shareDataProp, }: SharedDepsExplorerProps): import("node_modules/@types/react").JSX.Element;
 export default SharedDepsExplorer;

package/dist/types/src/component/SharedDepsExplorer/share-utils.d.ts

@@ -1,5 +1,5 @@
 import { GlobalShareScopeMap, Shared, SharedConfig } from '@module-federation/runtime/types';
-export type LoadedStatus = 'loaded' | 'loading' | 'not-loaded';
+export type LoadedStatus = 'loaded' | 'loading' | 'not-loaded' | 't-loaded' | 't-loading';
 export type ReuseStatus = boolean;
 export interface ShareStats {
     totalProviders: number;
@@ -18,6 +18,7 @@ export interface NormalizedSharedVersion {
     from: string;
     useIn: string[];
     shareConfig: SharedConfig;
+    treeShakingMode?: string;
     strategy?: string;
     loaded?: boolean;
     loading?: unknown;
@@ -40,5 +41,5 @@ export declare function findPackageProvider(versions: NormalizedSharedVersion[],
     version: string;
     providers: string[];
     status: LoadedStatus;
-} | null;
+};
 export declare function getReusedVersions(versions: NormalizedSharedVersion[]): NormalizedSharedVersion[];

package/dist/types/src/component/ThemeToggle.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { DevtoolsTheme } from '../hooks/useDevtoolsTheme';
+interface ThemeToggleProps {
+    theme: DevtoolsTheme;
+    onToggle: () => void;
+}
+declare const ThemeToggle: FC<ThemeToggleProps>;
+export default ThemeToggle;

package/dist/types/src/hooks/useDevtoolsTheme.d.ts

@@ -0,0 +1,2 @@
+export type DevtoolsTheme = 'light' | 'dark';
+export declare const useDevtoolsTheme: () => DevtoolsTheme;

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

@@ -0,0 +1,5 @@
+import i18n from 'i18next';
+export declare const LANGUAGE_STORAGE_KEY = "mf-devtools-language";
+declare const supportedLanguages: readonly ['zh-CN', 'en'];
+export type SupportedLanguage = (typeof supportedLanguages)[number];
+export default i18n;

package/dist/types/src/template/constant.d.ts

@@ -8,7 +8,7 @@ export declare const defaultDataItem: {
     checked: boolean;
 };
 export declare const defaultModuleData: {
-    proxyFormField: never[];
+    proxyFormField: undefined[];
 };
 export declare const statusInfo: Record<string, {
     status: string;

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

@@ -1,11 +1,12 @@
 import { GlobalModuleInfo } from '@module-federation/sdk';
 export * from './storage';
+export declare const normalizeModuleInfoPayload: (moduleInfo: unknown) => GlobalModuleInfo;
 export declare const injectPostMessage: (postMessageUrl: string) => void;
 export declare const TabInfo: {
     currentTabId: number;
 };
 export declare const setTargetTab: (tab?: chrome.tabs.Tab | null) => void;
-export declare const syncActiveTab: (tabId?: number) => Promise<chrome.tabs.Tab | undefined>;
+export declare const syncActiveTab: (tabId?: number) => Promise<chrome.tabs.Tab>;
 export declare function getCurrentTabId(): number;
 export declare function getInspectWindowTabId(): Promise<unknown>;
 export declare const refreshModuleInfo: () => Promise<void>;

package/dist/types/src/utils/chrome/messages.d.ts

@@ -1,2 +1,5 @@
 export declare const MESSAGE_OPEN_SIDE_PANEL = "mf-devtools/open-side-panel";
 export declare const MESSAGE_ACTIVE_TAB_CHANGED = "mf-devtools/active-tab-changed";
+export declare const MESSAGE_OBSERVABILITY_DEVTOOLS_EVENT = "mf-devtools/observability-event";
+export declare const OBSERVABILITY_DEVTOOLS_SOURCE = "module-federation/observability";
+export declare const OBSERVABILITY_DEVTOOLS_STORAGE_KEY = "__MF_DEVTOOLS_OBSERVABILITY_CONFIG__";

package/dist/types/src/utils/chrome/observability-plugin.d.ts

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

package/dist/types/src/utils/chrome/observability-shared.d.ts

@@ -0,0 +1,41 @@
+export type ObservabilityDevtoolsLevel = 'error' | 'summary' | 'verbose';
+export type ObservabilityDevtoolsMode = 'development' | 'production';
+export interface ObservabilityDevtoolsConfig {
+    enabled: boolean;
+    level: ObservabilityDevtoolsLevel;
+    maxEvents: number;
+    console: boolean;
+    browser: {
+        enabled: boolean;
+        scope: string;
+        mode: ObservabilityDevtoolsMode;
+    };
+    trace: {
+        printStart: boolean;
+    };
+    react: {
+        injectLoadedCallback: boolean;
+        remoteIds: string[];
+    };
+}
+export declare const CHROME_OBSERVABILITY_SCOPE = "chrome_extension";
+export declare const DEFAULT_OBSERVABILITY_DEVTOOLS_CONFIG: ObservabilityDevtoolsConfig;
+export declare const normalizeObservabilityDevtoolsConfig: (value?: Partial<ObservabilityDevtoolsConfig> | Record<string, unknown> | null) => ObservabilityDevtoolsConfig;
+export declare const createObservabilityPluginOptions: (config: ObservabilityDevtoolsConfig) => {
+    enabled: boolean;
+    level: ObservabilityDevtoolsLevel;
+    maxEvents: number;
+    console: boolean;
+    browser: {
+        enabled: boolean;
+        scope: string;
+        mode: ObservabilityDevtoolsMode;
+    };
+    trace: {
+        printStart: boolean;
+    };
+    devtools: {
+        enabled: boolean;
+        source: string;
+    };
+};

package/dist/types/src/utils/chrome/observability.d.ts

@@ -0,0 +1,110 @@
+import { type ObservabilityDevtoolsConfig } from './observability-shared';
+export interface ObservabilityDevtoolsEvent {
+    traceId: string;
+    timestamp: number;
+    phase: string;
+    status: string;
+    requestId?: string;
+    lifecycle?: string;
+    message?: string;
+    runtimeVersion?: string;
+    remote?: {
+        name?: string;
+        entry?: string;
+        alias?: string;
+    };
+    shared?: {
+        name?: string;
+        shareScope?: string[];
+        requiredVersion?: string | false;
+        selectedVersion?: string;
+        availableVersions?: string[];
+        provider?: string;
+        reason?: string;
+    };
+    expose?: string;
+    duration?: number;
+    errorCode?: string;
+    errorName?: string;
+    errorMessage?: string;
+    ownerHint?: string;
+    recovered?: boolean;
+    cached?: boolean;
+    loadedBefore?: ObservabilityDevtoolsLoadedBefore;
+}
+export interface ObservabilityDevtoolsLoadedBefore {
+    producer: boolean;
+    expose: boolean;
+    consumers: Array<{
+        name?: string;
+        remoteEntryExports?: boolean;
+        containerInitialized?: boolean;
+        exposes?: string[];
+    }>;
+}
+export interface ObservabilityDevtoolsReport {
+    traceId: string;
+    status: string;
+    requestId?: string;
+    hostName?: string;
+    runtimeVersion?: string;
+    remote?: {
+        name?: string;
+        entry?: string;
+        alias?: string;
+    };
+    shared?: {
+        name?: string;
+        shareScope?: string[];
+        requiredVersion?: string | false;
+        selectedVersion?: string;
+        availableVersions?: string[];
+        provider?: string;
+        reason?: string;
+    };
+    expose?: string;
+    startedAt: number;
+    updatedAt: number;
+    duration: number;
+    failedPhase?: string;
+    errorCode?: string;
+    errorName?: string;
+    errorMessage?: string;
+    ownerHint?: string;
+    loadedBefore?: ObservabilityDevtoolsLoadedBefore;
+    events: ObservabilityDevtoolsEvent[];
+    summary?: {
+        outcome?: string;
+        runtimeLoaded?: boolean;
+        sharedResolved?: boolean;
+        componentLoaded?: boolean;
+        loadCompleted?: boolean;
+        recovered?: boolean;
+        lastPhase?: string;
+    };
+    diagnosis?: {
+        title?: string;
+        ownerHint?: string;
+        errorCode?: string;
+        actions?: Array<{
+            title?: string;
+            detail?: string;
+        }>;
+        warnings?: string[];
+    };
+    __scope?: string;
+}
+export interface ObservabilityDevtoolsSnapshot {
+    config: ObservabilityDevtoolsConfig;
+    stored: boolean;
+    scopes: string[];
+    reports: ObservabilityDevtoolsReport[];
+    hasUserObservabilityPlugin: boolean;
+}
+export declare const readObservabilityConfig: () => Promise<ObservabilityDevtoolsConfig>;
+export declare const applyObservabilityConfig: (config: ObservabilityDevtoolsConfig) => Promise<any>;
+export declare const disableObservabilityConfig: () => Promise<any>;
+export declare const reloadInspectedPage: () => Promise<any>;
+export declare const readObservabilitySnapshot: () => Promise<ObservabilityDevtoolsSnapshot>;
+export declare const mergeObservabilityReports: (currentReports: ObservabilityDevtoolsReport[], incomingReports: ObservabilityDevtoolsReport[]) => ObservabilityDevtoolsReport[];
+export declare const getObservabilityReportScopeLabel: (report: Pick<ObservabilityDevtoolsReport, '__scope'>) => string;

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

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

package/dist/types/src/utils/chrome/post-message-listener.d.ts

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

package/dist/types/src/utils/chrome/post-message-start.d.ts

@@ -1 +1 @@
-declare const moduleInfo: import("@module-federation/sdk/.").GlobalModuleInfo;
+export {};

package/dist/types/src/utils/chrome/resolve-basic-proxy-core.d.ts

@@ -0,0 +1,6 @@
+export interface BasicProxyCore {
+    registerOverridePlugin(globalObject?: typeof globalThis): unknown;
+}
+export declare const resolveBasicProxyCore: (basicProxyCoreModule: BasicProxyCore | {
+    default: BasicProxyCore;
+}) => BasicProxyCore;

package/dist/types/src/utils/chrome/safe-post-message.d.ts

@@ -0,0 +1 @@
+export declare const sanitizePostMessagePayload: <T>(payload: T) => T;

package/dist/types/src/utils/chrome/snapshot-plugin.d.ts

@@ -1,4 +1 @@
-declare global {
-    var __INIT_VMOK_CHROME_DEVTOOL_PLUGIN__: boolean | undefined;
-}
 export {};

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

@@ -1,6 +1,6 @@
 import { GlobalModuleInfo } from '@module-federation/sdk';
 export declare const separateType: (moduleInfo: GlobalModuleInfo) => {
-    consumers: Record<string, import("@module-federation/sdk").ModuleInfo | import("@module-federation/sdk").ManifestProvider | import("@module-federation/sdk").PureEntryProvider | undefined>;
+    consumers: Record<string, import("@module-federation/sdk").ManifestProvider | import("@module-federation/sdk").PureEntryProvider | import("@module-federation/sdk").ModuleInfo>;
     producer: string[];
 };
 export declare const getModuleInfo: (proxyRules: Array<any>) => Promise<{
@@ -8,4 +8,3 @@ export declare const getModuleInfo: (proxyRules: Array<any>) => Promise<{
     moduleInfo: GlobalModuleInfo;
     overrides: Record<string, string>;
 }>;
-export * from './snapshot';

package/dist/types/src/utils/sdk/graph.d.ts

@@ -40,7 +40,7 @@ export declare class DependencyGraph {
     createGraph(target?: string): void;
     addNode(id: string, type: string, x: number, y: number, nodeData: NodeCustomData): void;
     addEdge(id: string, source: string, target: string, type?: Edge): void;
-    run(targetGraph: any, target: string | undefined, type: string, id?: string, depth?: number, maxDepth?: number): void;
+    run(targetGraph: any, target: string, type: string, id?: string, depth?: number, maxDepth?: number): void;
     identify(): string;
     calculateDepth(target?: string, visited?: Set<string>): number;
 }

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

@@ -1,11 +1,11 @@
 export * from './graph';
 export declare const setLocalStorage: (key: string, value: any) => void;
-export declare const getLocalStorage: (key: string) => string | null;
+export declare const getLocalStorage: (key: string) => string;
 export declare const removeLocalStorage: (key: string) => void;
 export declare const mergeLocalStorage: (target: string, key: string, value: any) => void;
 export declare const removeLocalStorageKey: (target: string, key: string) => void;
 export declare const isObject: (target: any) => boolean;
 export declare const reloadPage: () => void;
 export declare const validateCustom: (schema: string) => boolean;
-export declare const getUnpkgUrl: (pkg: string, version: string) => string | undefined;
+export declare const getUnpkgUrl: (pkg: string, version: string) => string;
 export declare const definePropertyGlobalVal: (target: Record<string, any>, key: string, val: any) => void;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import '../src/init';
 import '../mock';
+declare const Component: () => React.JSX.Element;
 declare const _default: {
     title: string;
-    component: () => React.JSX.Element;
+    component: typeof Component;
 };
 export default _default;
 export declare const Primary: {};

package/dist/types/template/constant.js

@@ -0,0 +1,84 @@
+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 constant_exports = {};
+__export(constant_exports, {
+  BROWSER_ENV_KEY: () => BROWSER_ENV_KEY,
+  ENABLEHMR: () => ENABLEHMR,
+  ENABLE_CLIP: () => ENABLE_CLIP,
+  FormID: () => FormID,
+  __EAGER_SHARE__: () => __EAGER_SHARE__,
+  __ENABLE_FAST_REFRESH__: () => __ENABLE_FAST_REFRESH__,
+  __FEDERATION_DEVTOOLS__: () => __FEDERATION_DEVTOOLS__,
+  defaultDataItem: () => defaultDataItem,
+  defaultModuleData: () => defaultModuleData,
+  proxyFormField: () => proxyFormField,
+  statusInfo: () => statusInfo
+});
+module.exports = __toCommonJS(constant_exports);
+const FormID = "FormID";
+const ENABLEHMR = "enableHMR";
+const ENABLE_CLIP = "enableClip";
+const proxyFormField = "proxyFormField";
+const defaultDataItem = {
+  key: "",
+  value: "",
+  checked: true
+};
+const defaultModuleData = {
+  proxyFormField: []
+};
+const statusInfo = {
+  noProxy: {
+    status: "noProxy",
+    message: "Modules are not currently proxied",
+    color: "#698cee"
+  },
+  processing: {
+    status: "processing",
+    message: "Obtaining remote module information",
+    color: "#FF7D00"
+  },
+  success: {
+    status: "success",
+    message: "The proxy configuration has taken effect and the corresponding page has been automatically refreshed.",
+    color: "#50b042"
+  },
+  error: {
+    status: "error",
+    message: "Calculating Snapshot failed, please confirm whether the package information is correct",
+    color: "#F53F3F"
+  }
+};
+const __ENABLE_FAST_REFRESH__ = "enableFastRefresh";
+const __EAGER_SHARE__ = "eagerShare";
+const BROWSER_ENV_KEY = "MF_ENV";
+const __FEDERATION_DEVTOOLS__ = "__MF_DEVTOOLS__";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BROWSER_ENV_KEY,
+  ENABLEHMR,
+  ENABLE_CLIP,
+  FormID,
+  __EAGER_SHARE__,
+  __ENABLE_FAST_REFRESH__,
+  __FEDERATION_DEVTOOLS__,
+  defaultDataItem,
+  defaultModuleData,
+  proxyFormField,
+  statusInfo
+});

package/dist/types/template/index.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_exports = {};
+module.exports = __toCommonJS(template_exports);
+__reExport(template_exports, require("./constant"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./constant")
+});