@module-federation/devtools 0.0.0-next-20240425091022

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,23 @@
+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 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-init.d.ts

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

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-init.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,44 @@
+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 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,15 @@
+/// <reference types="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>>;
+}
+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,8 @@
+if [ "$GITHUB_ACTIONS" = "true" ]; then
+    echo "Running in GitHub Actions environment."
+    npx playwright install-deps && npx playwright install
+    # 在这里放置你想要执行的命令
+else
+    echo "Not running in GitHub Actions environment."
+    # 在这里放置不在 GitHub Actions 环境时要执行的命令
+fi

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@module-federation/devtools",
+  "version": "0.0.0-next-20240425091022",
+  "files": [
+    "dist/",
+    "install-deps.bash",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/lib/App.js",
+      "import": "./dist/es/App.js",
+      "types": "./dist/types/App.d.ts"
+    },
+    "./App": {
+      "require": "./dist/lib/App.js",
+      "import": "./dist/es/App.js",
+      "types": "./dist/types/App.d.ts"
+    }
+  },
+  "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.59.1",
+    "@modern-js/runtime": "2.46.1",
+    "ahooks": "^3.7.10",
+    "dagre": "^0.8.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "reactflow": "11.10.4",
+    "@module-federation/sdk": "0.0.0-next-20240425091022"
+  },
+  "devDependencies": {
+    "@types/dagre": "^0.7.52",
+    "@modern-js-app/eslint-config": "2.46.1",
+    "@modern-js/app-tools": "2.46.1",
+    "@modern-js/eslint-config": "2.46.1",
+    "@modern-js/tsconfig": "2.46.1",
+    "@modern-js/module-tools": "2.46.1",
+    "@modern-js/builder-webpack-provider": "2.46.1",
+    "@playwright/test": "1.36.1",
+    "@types/chrome": "^0.0.260",
+    "@types/jest": "~29.2.4",
+    "@types/node": "~16.11.7",
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.2.0",
+    "lint-staged": "~13.1.0",
+    "prettier": "~2.8.1",
+    "rimraf": "~3.0.2",
+    "typescript": "~5.0.4",
+    "vitest": "1.2.2",
+    "@modern-js/storybook": "2.46.1",
+    "@storybook/addon-essentials": "^7",
+    "@module-federation/runtime": "0.0.0-next-20240425091022"
+  },
+  "scripts": {
+    "build:storybook": "storybook build",
+    "storybook": "storybook dev -p 6006",
+    "reset": "npx rimraf ./**/node_modules",
+    "dev": "modern dev",
+    "build": "modern build && node postpack.js",
+    "build:debug": "DEBUG=true modern 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 start",
+    "serve": "modern serve",
+    "new": "modern new",
+    "upgrade": "modern upgrade",
+    "postinstall": "bash install-deps.bash"
+  },
+  "types": "./dist/index.d.ts"
+}