@module-federation/devtools 0.0.0-docs-remove-invalid-lark-link-20251205062649

package/dist/lib/utils/sdk/index.js

@@ -0,0 +1,95 @@
+"use strict";
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sdk_exports = {};
+__export(sdk_exports, {
+  definePropertyGlobalVal: () => definePropertyGlobalVal,
+  getUnpkgUrl: () => getUnpkgUrl,
+  isObject: () => isObject,
+  mergeLocalStorage: () => mergeLocalStorage,
+  reloadPage: () => reloadPage,
+  removeLocalStorage: () => removeLocalStorage,
+  removeLocalStorageKey: () => removeLocalStorageKey,
+  setLocalStorage: () => setLocalStorage,
+  validateCustom: () => validateCustom
+});
+module.exports = __toCommonJS(sdk_exports);
+__reExport(sdk_exports, require("./graph"), module.exports);
+const setLocalStorage = (key, value) => {
+  localStorage.setItem(key, value);
+};
+const removeLocalStorage = (key) => {
+  const data = localStorage.getItem(key);
+  if (data) {
+    localStorage.removeItem(key);
+  }
+};
+const mergeLocalStorage = (target, key, value) => {
+  const str = localStorage.getItem(target);
+  const obj = JSON.parse(str || "{}");
+  obj[key] = value;
+  localStorage.setItem(target, JSON.stringify(obj));
+};
+const removeLocalStorageKey = (target, key) => {
+  const str = localStorage.getItem(target);
+  if (str) {
+    const obj = JSON.parse(str || "{}");
+    delete obj[key];
+    localStorage.setItem(target, JSON.stringify(obj));
+  }
+};
+const isObject = (target) => Object.prototype.toString.call(target) === "[object Object]";
+const reloadPage = () => {
+  var _a;
+  (_a = globalThis == null ? void 0 : globalThis.location) == null ? void 0 : _a.reload();
+};
+const validateCustom = (schema) => schema == null ? void 0 : schema.endsWith(".json");
+const getUnpkgUrl = (pkg, version) => {
+  if (pkg === "react") {
+    return `https://unpkg.com/react@${version}/umd/react.development.js`;
+  } else if (pkg === "react-dom") {
+    return `https://unpkg.com/react-dom@${version}/umd/react-dom.development.js`;
+  } else if (pkg === "vue") {
+    if ((version || "").split(".")[0] === "3") {
+      return `https://unpkg.com/vue@${version}/dist/vue.global.js`;
+    } else {
+      return `https://unpkg.com/vue@${version}/dist/vue.common.dev.js`;
+    }
+  }
+};
+const definePropertyGlobalVal = (target, key, val) => {
+  Object.defineProperty(target, key, {
+    value: val,
+    configurable: false,
+    writable: true
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  definePropertyGlobalVal,
+  getUnpkgUrl,
+  isObject,
+  mergeLocalStorage,
+  reloadPage,
+  removeLocalStorage,
+  removeLocalStorageKey,
+  setLocalStorage,
+  validateCustom,
+  ...require("./graph")
+});

package/dist/lib/utils/types/common.js

@@ -0,0 +1,16 @@
+"use strict";
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var common_exports = {};
+module.exports = __toCommonJS(common_exports);

package/dist/lib/utils/types/index.js

@@ -0,0 +1,22 @@
+"use strict";
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("./common"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./common")
+});

package/dist/lib/worker/index.js

@@ -0,0 +1,2 @@
+"use strict";
+console.log("Module Federation Worker");

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

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

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

@@ -0,0 +1,19 @@
+import { SetStateAction, ReactNode } from 'react';
+import { FormInstance } from '@arco-design/web-react';
+import { FormItemStatus, RootComponentProps } from '../../utils';
+interface FormProps {
+    form: FormInstance<any, any, string | number | symbol>;
+    condition: {
+        status: string;
+        message: string;
+        color: string;
+    };
+    formStatus: Array<FormItemStatus>;
+    setFormStatus: React.Dispatch<SetStateAction<FormItemStatus[]>>;
+    validateForm: any;
+    enableHMR: string;
+    onHMRChange: (on: boolean) => void;
+    headerSlot?: ReactNode;
+}
+declare const FormComponent: (props: FormProps & RootComponentProps) => import("react").JSX.Element;
+export default FormComponent;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import 'reactflow/dist/style.css';
+declare const GraphItem: (props: {
+    data: {
+        info?: string;
+        color?: string;
+        remote?: any;
+    };
+}) => import("react").JSX.Element;
+export default GraphItem;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { GlobalModuleInfo } from '@module-federation/sdk';
+import type { Federation } from '@module-federation/runtime';
+import { RootComponentProps } from '../../utils';
+declare global {
+    interface Window {
+        __FEDERATION__: Federation & {
+            originModuleInfo: GlobalModuleInfo;
+            moduleInfo: GlobalModuleInfo;
+        };
+    }
+}
+declare const Layout: (props: {
+    moduleInfo: GlobalModuleInfo;
+} & RootComponentProps) => import("react").JSX.Element;
+export default Layout;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="chrome" />
+import { GlobalModuleInfo } from '@module-federation/sdk';
+declare global {
+    interface Window {
+        targetTab: chrome.tabs.Tab;
+        moduleHandler: (...args: Array<any>) => void;
+    }
+}
+declare module '@module-federation/runtime' {
+    interface Federation {
+        originModuleInfo: GlobalModuleInfo;
+    }
+}

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

@@ -0,0 +1,24 @@
+export declare const FormID = "FormID";
+export declare const ENABLEHMR = "enableHMR";
+export declare const proxyFormField = "proxyFormField";
+export declare const defaultDataItem: {
+    key: string;
+    value: string;
+    checked: boolean;
+};
+export declare const defaultModuleData: {
+    proxyFormField: {
+        key: string;
+        value: string;
+        checked: boolean;
+    }[];
+};
+export declare const statusInfo: Record<string, {
+    status: string;
+    message: string;
+    color: string;
+}>;
+export declare const __ENABLE_FAST_REFRESH__ = "enableFastRefresh";
+export declare const __EAGER_SHARE__ = "eagerShare";
+export declare const BROWSER_ENV_KEY = "MF_ENV";
+export declare const __FEDERATION_DEVTOOLS__ = "__MF_DEVTOOLS__";

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

@@ -0,0 +1 @@
+export * from './constant';

package/dist/types/src/utils/chrome/fast-refresh.d.ts

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

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

@@ -0,0 +1,16 @@
+/// <reference types="chrome" />
+import { GlobalModuleInfo } from '@module-federation/sdk';
+export * from './storage';
+export declare const injectPostMessage: (postMessageUrl: string) => void;
+export declare const TabInfo: {
+    currentTabId: number;
+};
+export declare function getCurrentTabId(): number;
+export declare function getInspectWindowTabId(): Promise<unknown>;
+export declare const getGlobalModuleInfo: (callback: React.Dispatch<React.SetStateAction<GlobalModuleInfo>>) => Promise<void>;
+export declare const getTabs: (queryOptions?: {}) => Promise<chrome.tabs.Tab[]>;
+export declare const getScope: () => Promise<string>;
+export declare const injectScript: (excuteScript: (...args: Array<any>) => any, world?: boolean, ...args: any) => Promise<void>;
+export declare const getUrl: (file: string) => string;
+export declare const injectToast: (toastUtilUrl: string, e2eFlag: string) => void;
+export declare const setChromeStorage: (formData: Record<string, any>) => void;

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

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

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

@@ -0,0 +1 @@
+declare const moduleInfo: import("@module-federation/sdk/.").GlobalModuleInfo;

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const mergeStorage: (...args: any[]) => Promise<void>;
+export declare const removeStorageKey: (...args: any[]) => Promise<void>;
+export declare const removeStorage: (...args: any[]) => Promise<void>;
+export declare const setStorage: (...args: any[]) => Promise<void>;

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

@@ -0,0 +1,11 @@
+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>;
+    producer: string[];
+};
+export declare const getModuleInfo: (proxyRules: Array<any>) => Promise<{
+    status: string;
+    moduleInfo: GlobalModuleInfo;
+    overrides: Record<string, string>;
+}>;
+export * from './snapshot';

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

@@ -0,0 +1,3 @@
+import { GlobalModuleInfo } from '@module-federation/sdk';
+export declare const calculateSnapshot: (originSnapshot: GlobalModuleInfo, overrides: Record<string, string>) => any;
+export declare const calculateMicroAppSnapshot: (originSnapshot: GlobalModuleInfo, overrides: Record<string, string>) => any;

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

@@ -0,0 +1,4 @@
+export * from './chrome';
+export * from './sdk';
+export * from './data';
+export * from './types';

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

@@ -0,0 +1,45 @@
+import { GlobalModuleInfo } from '@module-federation/sdk';
+import { MarkerType } from 'reactflow';
+export interface NodeCustomData {
+    info: string;
+    color: string;
+    [key: string]: any;
+}
+export interface NodeType {
+    id: string;
+    type: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    data: NodeCustomData;
+}
+export type Edge = 'default' | 'straight' | 'step' | 'smoothstep' | 'bezier';
+export interface EdgeType {
+    id: string;
+    source: string;
+    target: string;
+    type: Edge;
+    markerEnd: {
+        type: MarkerType;
+        width: number;
+        height: number;
+    };
+}
+export declare const validateSemver: (schema: string) => boolean;
+export declare const validatePort: (schema: string) => boolean;
+export declare class DependencyGraph {
+    snapshot: GlobalModuleInfo;
+    initTarget: string;
+    node: Array<NodeType>;
+    edge: Array<EdgeType>;
+    graph: any;
+    identifyMap: Map<string, string>;
+    handledModuleMap: Map<string, boolean>;
+    constructor(snapshot: GlobalModuleInfo, initTarget: string);
+    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): void;
+    identify(): string;
+}

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

@@ -0,0 +1,10 @@
+export * from './graph';
+export declare const setLocalStorage: (key: string, value: any) => void;
+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 definePropertyGlobalVal: (target: Record<string, any>, key: string, val: any) => void;

package/dist/types/src/utils/types/common.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import { getModuleInfo } from '../index';
+export interface FormItemStatus {
+    keyStatus: boolean;
+    valueStatus: boolean;
+}
+type ParametersTypeOfRoot = Parameters<typeof getModuleInfo>;
+type ReturnTypeOfRoot = ReturnType<typeof getModuleInfo>;
+export interface RootComponentProps {
+    handleSnapshot?: (...args: ParametersTypeOfRoot) => Promise<ReturnTypeOfRoot>;
+    versionList?: Array<Array<string>>;
+    setVersionList?: React.Dispatch<React.SetStateAction<Array<Array<string>>>>;
+    getVersion?: (moduleName: string) => Promise<Array<string>>;
+    handleProxyAddress?: (address: string) => string;
+    customValueValidate?: (schema: string) => boolean;
+    headerSlot?: ReactNode;
+}
+export {};

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

@@ -0,0 +1 @@
+export * from './common';

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

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

package/install-deps.bash

@@ -0,0 +1,19 @@
+if [ "$SKIP_DEVTOOLS_POSTINSTALL" = "true" ]; then
+    echo "Skipping devtools postinstall script."
+    exit 0
+fi
+
+if [ "$GITHUB_ACTIONS" = "true" ]; then
+    echo "Running in GitHub Actions environment."
+    # Only install if cache miss was reported by the cache action
+    if [ "$PLAYWRIGHT_CACHE_HIT" != "true" ]; then
+        echo "Playwright cache miss, installing dependencies and browsers..."
+        npx playwright install-deps && npx playwright install
+    else
+        npx playwright install
+        echo "Using cached Playwright browsers."
+    fi
+else
+    echo "Not running in GitHub Actions environment."
+    # 在这里放置不在 GitHub Actions 环境时要执行的命令
+fi

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@module-federation/devtools",
+  "version": "0.0.0-docs-remove-invalid-lark-link-20251205062649",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/module-federation/core.git",
+    "directory": "packages/chrome-devtools"
+  },
+  "files": [
+    "dist/",
+    "install-deps.bash",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/App.d.ts",
+      "require": "./dist/lib/App.js",
+      "import": "./dist/es/App.js"
+    },
+    "./App": {
+      "types": "./dist/types/App.d.ts",
+      "require": "./dist/lib/App.js",
+      "import": "./dist/es/App.js"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": [
+      "node --max_old_space_size=8192 ./node_modules/eslint/bin/eslint.js --fix --color --cache --quiet"
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "dist/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@arco-design/web-react": "^2.64.1",
+    "@modern-js/runtime": "2.68.2",
+    "ahooks": "^3.7.10",
+    "dagre": "^0.8.5",
+    "react": "~18.3.1",
+    "react-dom": "~18.3.1",
+    "reactflow": "11.11.4",
+    "@module-federation/sdk": "0.0.0-docs-remove-invalid-lark-link-20251205062649"
+  },
+  "devDependencies": {
+    "@modern-js-app/eslint-config": "2.59.0",
+    "@modern-js/app-tools": "2.68.2",
+    "@modern-js/eslint-config": "2.59.0",
+    "@modern-js/module-tools": "2.68.2",
+    "@modern-js/storybook": "2.68.2",
+    "@modern-js/tsconfig": "2.68.2",
+    "@playwright/test": "1.49.1",
+    "@types/chrome": "^0.0.272",
+    "@types/dagre": "^0.7.52",
+    "@types/jest": "~29.2.4",
+    "@types/node": "~20.12.12",
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.3.0",
+    "lint-staged": "~13.1.0",
+    "prettier": "~3.3.3",
+    "rimraf": "~6.0.1",
+    "typescript": "~5.0.4",
+    "vitest": "1.2.2",
+    "@module-federation/runtime": "0.0.0-docs-remove-invalid-lark-link-20251205062649"
+  },
+  "scripts": {
+    "build:storybook": "storybook build",
+    "storybook": "storybook dev -p 6006",
+    "reset": "npx rimraf ./**/node_modules",
+    "dev": "modern-app dev",
+    "build": "modern-app build && node postpack.js",
+    "build:debug": "DEBUG=true modern-app build && node postpack.js",
+    "build:lib": "rm -rf dist && modern-module build -c modern.lib.config.ts",
+    "release": "npm publish --tag canary",
+    "test": "vitest run",
+    "test:e2e": "E2ETEST=true pnpm build && playwright test",
+    "test:e2e:ui": "E2ETEST=true  pnpm build && playwright test --ui",
+    "start": "modern-app start",
+    "serve": "modern-app serve",
+    "postinstall": "bash install-deps.bash"
+  },
+  "types": "./dist/index.d.ts"
+}