@rsdoctor/components 0.0.0-next-20240620044732

package/dist/pages/ModuleAnalyze/components/fileTreeCom.js

@@ -0,0 +1,120 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InfoCircleOutlined, MinusCircleOutlined, PlusCircleOutlined, RightSquareTwoTone } from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
+import { Popover, Space, Tag, Typography } from "antd";
+import { useCallback } from "react";
+import Tree, { useTreeState } from "react-hyper-tree";
+import { ServerAPIProvider } from "../../../components/Manifest";
+import { TAG_PALLETE } from "../../../constants";
+import { ModuleGraphListContext } from "../../BundleSize/config";
+import "./fileTreeCom.css";
+const prefix = "file-tree-com";
+const FileTree = (props) => {
+  const { treeData, needJumpto = false, defaultOpened = false, defaultOpenFather = 0 } = props;
+  const { required, handlers } = useTreeState({
+    id: `${prefix}-tree`,
+    data: treeData || [],
+    defaultOpened,
+    multipleSelect: false,
+    refreshAsyncNodes: true
+  });
+  const renderNode = useCallback(({ node, onToggle }) => {
+    defaultOpenFather && node.data.level < defaultOpenFather && node.setOpened(true);
+    return /* @__PURE__ */ jsx("div", { className: `${prefix}-titles-box`, children: /* @__PURE__ */ jsx("div", { className: `${prefix}-titles`, children: /* @__PURE__ */ jsx(Space, { direction: "vertical", children: /* @__PURE__ */ jsx("div", { className: `${prefix}-node-title`, children: /* @__PURE__ */ jsxs(Space, { children: [
+      /* @__PURE__ */ jsxs("div", { onClick: onToggle, children: [
+        !node.options.opened && node.data.children?.length ? /* @__PURE__ */ jsx(PlusCircleOutlined, { style: { color: "lightblue" } }) : /* @__PURE__ */ jsx(MinusCircleOutlined, { style: { color: "lightblue" } }),
+        /* @__PURE__ */ jsxs(Typography.Text, { code: true, children: [
+          node.data.name,
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              content: /* @__PURE__ */ jsx(Fragment, { children: node.data.__RESOURCEPATH__ ? /* @__PURE__ */ jsx(Typography.Text, { code: true, children: node.data.__RESOURCEPATH__ }, `${node.data.name}-popover-path`) : /* @__PURE__ */ jsx(Fragment, {}) }),
+              title: "INFO",
+              trigger: "hover",
+              children: /* @__PURE__ */ jsx(InfoCircleOutlined, { style: { marginLeft: 4 } })
+            },
+            `${node.data.name}popover`
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Space, { children: [
+        node.data.concatModules?.length ? /* @__PURE__ */ jsx(
+          Popover,
+          {
+            content: /* @__PURE__ */ jsx(
+              ServerAPIProvider,
+              {
+                api: SDK.ServerAPI.API.GetModulesByModuleIds,
+                body: { moduleIds: node.data.concatModules || [] },
+                children: (res) => {
+                  return /* @__PURE__ */ jsx("div", { children: res.map(({ path }, index) => /* @__PURE__ */ jsx("p", { children: path }, `${path}-${index}`)) });
+                }
+              }
+            ),
+            title: "Concatenated Module Name",
+            trigger: "hover",
+            children: /* @__PURE__ */ jsx(
+              Tag,
+              {
+                className: `${prefix}-node-title-tag`,
+                color: TAG_PALLETE.DARK_BLUE,
+                children: "Concatenated"
+              },
+              `${node.data.name}-size-tag`
+            )
+          }
+        ) : node.data.size && node.data.size !== "0 bytes" ? /* @__PURE__ */ jsx(
+          Tag,
+          {
+            className: `${prefix}-node-title-tag`,
+            color: TAG_PALLETE.COLOR_B,
+            children: `Bundled: ${node.data.size}`
+          },
+          `${node.data.name}-size-tag`
+        ) : /* @__PURE__ */ jsx(Fragment, {}),
+        needJumpto && /* @__PURE__ */ jsx(ModuleGraphListContext.Consumer, { children: ({ moduleJumpList, setModuleJumpList }) => {
+          return /* @__PURE__ */ jsx(
+            RightSquareTwoTone,
+            {
+              onClick: () => {
+                const _list = [...moduleJumpList];
+                _list.push(+node.id);
+                setModuleJumpList(_list);
+              }
+            }
+          );
+        } })
+      ] })
+    ] }) }) }) }) }, node.data.name);
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Tree,
+    {
+      ...required,
+      ...handlers,
+      horizontalLineStyles: {
+        stroke: "#c4c4c4",
+        strokeWidth: 2,
+        strokeDasharray: "1 1"
+      },
+      verticalLineStyles: {
+        stroke: "#c4c4c4",
+        strokeWidth: 2,
+        strokeDasharray: "1 1"
+      },
+      draggable: false,
+      depthGap: 14,
+      gapMode: "padding",
+      disableLines: false,
+      disableTransitions: true,
+      disableHorizontalLines: false,
+      disableVerticalLines: false,
+      verticalLineTopOffset: 0,
+      verticalLineOffset: 5,
+      renderNode
+    }
+  ) });
+};
+export {
+  FileTree
+};

package/dist/pages/ModuleAnalyze/constants.d.ts

@@ -0,0 +1,7 @@
+import { Client } from '@rsdoctor/types';
+export declare const name = "Module Analyze";
+export declare const route = Client.RsdoctorClientRoutes.ModuleAnalyze;
+export declare enum DevtoolsRuleClientConstant {
+    UrlQueryForModuleAnalyze = "curModuleId"
+}
+export declare const clsNamePrefix = "module-analyze";

package/dist/pages/ModuleAnalyze/constants.js

@@ -0,0 +1,14 @@
+import { Client } from "@rsdoctor/types";
+const name = "Module Analyze";
+const route = Client.RsdoctorClientRoutes.ModuleAnalyze;
+var DevtoolsRuleClientConstant = /* @__PURE__ */ ((DevtoolsRuleClientConstant2) => {
+  DevtoolsRuleClientConstant2["UrlQueryForModuleAnalyze"] = "curModuleId";
+  return DevtoolsRuleClientConstant2;
+})(DevtoolsRuleClientConstant || {});
+const clsNamePrefix = "module-analyze";
+export {
+  DevtoolsRuleClientConstant,
+  clsNamePrefix,
+  name,
+  route
+};

package/dist/pages/ModuleAnalyze/dependncy.d.ts

@@ -0,0 +1,9 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+import './index.sass';
+declare const _default: React.NamedExoticComponent<{
+    module: SDK.ModuleData;
+    dependencies: SDK.DependencyData[];
+    cwd: string;
+}>;
+export default _default;

package/dist/pages/ModuleAnalyze/dependncy.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { Col, Empty, Row } from "antd";
+import { compact, find } from "lodash-es";
+import { memo, useMemo } from "react";
+import { getShortPath } from "../../utils";
+import { FileTree } from "./components/fileTreeCom";
+import "./index.css";
+const DependencyTree = ({ dependencies, cwd, module }) => {
+  const treedata = useMemo(() => {
+    const dpTreeData = module.dependencies.map((dpId) => {
+      const dp = find(dependencies, (_dp) => _dp.id === dpId);
+      if (!dp)
+        return;
+      return {
+        __RESOURCEPATH__: dp.resolvedRequest || "",
+        id: dp.dependency,
+        key: dp.resolvedRequest,
+        name: getShortPath(dp.resolvedRequest) || "",
+        level: 1,
+        kind: dp.kind,
+        concatModules: void 0
+      };
+    });
+    return compact(dpTreeData);
+  }, [module]);
+  return /* @__PURE__ */ jsx(Row, { justify: "start", align: "middle", children: /* @__PURE__ */ jsx(Col, { span: 24, children: treedata.length ? /* @__PURE__ */ jsx(FileTree, { treeData: treedata, needJumpto: true, cwd }) : /* @__PURE__ */ jsx(Empty, {}) }) });
+};
+var dependncy_default = memo(DependencyTree);
+export {
+  dependncy_default as default
+};

package/dist/pages/ModuleAnalyze/fileTree.d.ts

@@ -0,0 +1,9 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+export declare const ModuleFilesTree: React.FC<{
+    modules: SDK.ModuleData[];
+    dependencies: SDK.DependencyData[];
+    curModule: SDK.ModuleData;
+    cwd: string;
+    selectedChunk: string;
+}>;

package/dist/pages/ModuleAnalyze/fileTree.js

@@ -0,0 +1,125 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ExpandOutlined,
+  InfoCircleOutlined,
+  MenuFoldOutlined,
+  MenuUnfoldOutlined,
+  RightSquareTwoTone
+} from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
+import { Badge, Button, Col, Empty, Popover, Radio, Row, Tag, Typography } from "antd";
+import { useEffect, useState } from "react";
+import { ServerAPIProvider } from "../../components/Manifest";
+import { Title } from "../../components/Title";
+import { Size, TAG_PALLETE } from "../../constants";
+import { useI18n } from "../../utils/hooks";
+import { ChunksTable } from "./chunks";
+import { FileTree } from "./components/fileTreeCom";
+import { clsNamePrefix } from "./constants";
+import DependencyTree from "./dependncy";
+import { getImporteds, getModuleReasonsTree } from "./utils";
+import { useCreatFileTreeData } from "./utils/hooks";
+var ChartDimension = /* @__PURE__ */ ((ChartDimension2) => {
+  ChartDimension2[ChartDimension2["Dependencies"] = 0] = "Dependencies";
+  ChartDimension2[ChartDimension2["Chunks"] = 1] = "Chunks";
+  return ChartDimension2;
+})(ChartDimension || {});
+const ModuleFilesTree = (props) => {
+  const { curModule, modules, dependencies, cwd, selectedChunk = "" } = props;
+  const { t } = useI18n();
+  const [importedModules, setImportedModules] = useState([]);
+  const [dimension, setDimension] = useState(0 /* Dependencies */);
+  const [fold, setFold] = useState(true);
+  const { data: fileStructures } = useCreatFileTreeData(modules, importedModules, curModule);
+  const [reasonsTree, setReasonsTree] = useState({});
+  useEffect(() => {
+    const importeds = getImporteds(curModule, modules);
+    setImportedModules(importeds);
+  }, [curModule, modules]);
+  useEffect(() => {
+    const _reasonsTree = {};
+    importedModules.forEach((_curModule) => {
+      const treeList = [];
+      const visited = /* @__PURE__ */ new Map();
+      getModuleReasonsTree(_curModule, modules, treeList, visited);
+      _reasonsTree[_curModule.id] = treeList;
+    });
+    setReasonsTree(_reasonsTree);
+  }, [importedModules]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(
+      Popover,
+      {
+        content: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Badge, { status: "success", text: " " }),
+            /* @__PURE__ */ jsxs(Typography.Text, { code: true, children: [
+              /* @__PURE__ */ jsx(ExpandOutlined, {}),
+              " Expand the node_modules's modules that was omitted... "
+            ] }),
+            " ",
+            /* @__PURE__ */ jsx(Typography.Text, { children: `: ${t("Expand Omitted")}` })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Badge, { status: "success", text: " " }),
+            /* @__PURE__ */ jsx(Popover, { content: "xxxx", title: "Concatenated Module Name", trigger: "hover", children: /* @__PURE__ */ jsx(Tag, { color: TAG_PALLETE.DARK_BLUE, children: "Concatenated" }) }),
+            /* @__PURE__ */ jsx(Typography.Text, { children: `: ${t("Concatenated Tag")}` })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Badge, { status: "success", text: " " }),
+            /* @__PURE__ */ jsx(RightSquareTwoTone, {}),
+            /* @__PURE__ */ jsx(Typography.Text, { children: ": Jump button, click to jump to the Module dependency analysis page of this module." })
+          ] })
+        ] }),
+        title: "Usage",
+        children: /* @__PURE__ */ jsx(Button, { type: "primary", icon: /* @__PURE__ */ jsx(InfoCircleOutlined, {}), children: "Usage" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Row, { gutter: 4, style: { marginTop: Size.BasePadding }, children: [
+      /* @__PURE__ */ jsx(Col, { span: fold ? 18 : 12, children: /* @__PURE__ */ jsx(Row, { className: `${clsNamePrefix}-file-tree`, justify: "center", children: /* @__PURE__ */ jsxs(Col, { span: 24, style: { padding: Size.BasePadding / 2 }, children: [
+        /* @__PURE__ */ jsx(Title, { text: "Current Module Imported Reasons Tree:" }),
+        importedModules ? /* @__PURE__ */ jsx(
+          FileTree,
+          {
+            cwd,
+            treeData: selectedChunk ? fileStructures.filter((_parent) => reasonsTree[_parent.id].indexOf(selectedChunk) >= 0) : fileStructures,
+            needCode: true,
+            needShowAllTree: true,
+            needJumpto: true,
+            selectedChunk
+          }
+        ) : /* @__PURE__ */ jsx(Empty, { className: `${clsNamePrefix}-empty` })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Col, { span: fold ? 6 : 12, children: /* @__PURE__ */ jsxs("div", { className: `${clsNamePrefix}-file-tree`, style: { padding: Size.BasePadding / 2 }, children: [
+        fold ? /* @__PURE__ */ jsx(Popover, { content: "Unfold [Dependencies & Chunks] Box.", children: /* @__PURE__ */ jsx(MenuFoldOutlined, { onClick: () => setFold(!fold), style: { marginRight: 8 } }) }) : /* @__PURE__ */ jsx(Popover, { content: "Fold [Dependencies & Chunks] Box.", children: /* @__PURE__ */ jsx(MenuUnfoldOutlined, { onClick: () => setFold(!fold), style: { marginRight: 8 } }) }),
+        /* @__PURE__ */ jsx(
+          Radio.Group,
+          {
+            options: [
+              {
+                label: "Dependencies",
+                value: 0 /* Dependencies */
+              },
+              {
+                label: "Chunks",
+                value: 1 /* Chunks */
+              }
+            ],
+            onChange: (e) => setDimension(e.target.value),
+            value: dimension,
+            optionType: "button",
+            buttonStyle: "solid",
+            size: "middle"
+          }
+        ),
+        !fold ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          dimension === 0 /* Dependencies */ && /* @__PURE__ */ jsx(Col, { span: 24, style: { marginTop: Size.BasePadding / 2 }, children: curModule ? /* @__PURE__ */ jsx(DependencyTree, { module: curModule, dependencies, cwd }) : /* @__PURE__ */ jsx(Empty, { className: `${clsNamePrefix}-empty` }) }),
+          dimension === 1 /* Chunks */ && /* @__PURE__ */ jsx(Col, { span: 18, style: { marginTop: Size.BasePadding / 2 }, children: curModule ? /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetChunksByModuleId, body: { moduleId: curModule.id }, children: (res) => /* @__PURE__ */ jsx(ChunksTable, { chunks: res }) }) : /* @__PURE__ */ jsx(Empty, { className: `${clsNamePrefix}-empty` }) })
+        ] }) : /* @__PURE__ */ jsx(Fragment, {})
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  ModuleFilesTree
+};

package/dist/pages/ModuleAnalyze/index.css

@@ -0,0 +1,10 @@
+.module-analyze-file-tree {
+  width: "100%";
+  border: 1px solid #eee;
+  min-height: 50em;
+  margin: 4;
+  padding: 4;
+}
+.module-analyze-file-tree .module-analyze-empty {
+  margin-top: 20%;
+}

package/dist/pages/ModuleAnalyze/index.d.ts

@@ -0,0 +1,8 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+import './index.sass';
+export declare const ModuleAnalyzeComponent: React.FC<{
+    modules: SDK.ModuleData[];
+    cwd: string;
+    moduleId: string | number;
+}>;

package/dist/pages/ModuleAnalyze/index.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LeftSquareOutlined } from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
+import { Card, Col, Row, Select, Space, Typography } from "antd";
+import { useState } from "react";
+import { ServerAPIProvider } from "../../components/Manifest";
+import { getShortPath } from "../../utils";
+import { values } from "lodash-es";
+import { ModuleGraphListContext } from "../BundleSize/config";
+import { ModuleFilesTree } from "./fileTree";
+import "./index.css";
+const ModuleAnalyzeComponent = ({ modules, cwd, moduleId }) => {
+  const [selectedChunk, setSelectedChunk] = useState("");
+  return /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetModuleDetails, body: { moduleId: +moduleId }, children: ({ module, dependencies }) => {
+    return /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetAllChunkGraph, body: {}, children: (chunks) => {
+      return /* @__PURE__ */ jsx(ModuleGraphListContext.Consumer, { children: ({ moduleJumpList, setModuleJumpList }) => {
+        return /* @__PURE__ */ jsxs(
+          Card,
+          {
+            title: /* @__PURE__ */ jsxs(Space, { children: [
+              /* @__PURE__ */ jsx(
+                LeftSquareOutlined,
+                {
+                  onClick: () => {
+                    const _list = [...moduleJumpList.slice(0, -1)];
+                    setModuleJumpList(_list);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography.Title, { code: true, level: 5, style: { marginBottom: "revert" }, children: `Current Module:  ${getShortPath(module.path)}` })
+            ] }),
+            style: { height: "100%" },
+            children: [
+              /* @__PURE__ */ jsx(Row, { justify: "start", style: { marginBottom: 20 }, children: /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(
+                Select,
+                {
+                  allowClear: true,
+                  placeholder: "Select Chunk To Filter Modules Links",
+                  showSearch: true,
+                  style: { width: 300 },
+                  options: values(chunks).map((e) => ({ label: e.name, value: e.id })),
+                  onChange: (e) => setSelectedChunk(e)
+                }
+              ) }) }),
+              /* @__PURE__ */ jsx(Row, { justify: "start", align: "middle", children: /* @__PURE__ */ jsx(Col, { span: 24, children: /* @__PURE__ */ jsx(
+                ModuleFilesTree,
+                {
+                  curModule: module,
+                  modules,
+                  dependencies,
+                  cwd,
+                  selectedChunk
+                }
+              ) }) })
+            ]
+          }
+        );
+      } });
+    } });
+  } });
+};
+export {
+  ModuleAnalyzeComponent
+};

package/dist/pages/ModuleAnalyze/utils/hooks.d.ts

@@ -0,0 +1,21 @@
+import { SDK } from '@rsdoctor/types';
+export type NewTreeNodeType = {
+    __RESOURCEPATH__: string;
+    id: number;
+    key: string;
+    name: string;
+    level: number;
+    kind: number;
+    size?: string;
+    concatModules: number[] | undefined;
+    chunks?: string[];
+    getChildren?: () => NewTreeNodeType[];
+    dependencies?: number[];
+    fatherPath?: string;
+    children?: number[];
+    needExpand?: boolean | string;
+};
+export declare function useCreatFileTreeData(modules: SDK.ModuleData[], importedModules: SDK.ModuleData[], curModule: SDK.ModuleData): {
+    data: NewTreeNodeType[];
+};
+export declare function getContactMainModulePath(concatModules: number[], modules: SDK.ModuleData[]): string[];

package/dist/pages/ModuleAnalyze/utils/hooks.js

@@ -0,0 +1,62 @@
+import { compact } from "lodash-es";
+import { useMemo } from "react";
+import { formatSize, getShortPath } from "../../../utils";
+import { getImporteds } from ".";
+function useCreatFileTreeData(modules, importedModules, curModule) {
+  return useMemo(() => {
+    if (!importedModules || !importedModules?.length) {
+      return { filterData: [], data: [] };
+    }
+    const root = compact(
+      importedModules?.map((imported, index) => {
+        return {
+          key: `0-${index}`,
+          name: getShortPath(imported.path),
+          __RESOURCEPATH__: imported.path,
+          id: imported.id,
+          level: 1,
+          chunks: imported.chunks,
+          size: formatSize(imported.size.parsedSize),
+          kind: imported.kind,
+          concatModules: imported.concatenationModules,
+          fatherPath: getShortPath(curModule.path),
+          dependencies: imported.dependencies,
+          getChildren: () => getLeafs(imported, modules, curModule),
+          children: imported.imported
+        };
+      })
+    );
+    return {
+      data: root
+    };
+  }, [importedModules, curModule]);
+}
+function getLeafs(imported, modules, fatherModule) {
+  const leafModules = getImporteds(imported, modules);
+  const leafs = leafModules?.map((_imported, index) => {
+    return {
+      key: `0-${index}`,
+      name: getShortPath(_imported.path),
+      __RESOURCEPATH__: _imported.path,
+      id: _imported.id,
+      level: 1,
+      size: formatSize(_imported.size.parsedSize),
+      kind: _imported.kind,
+      chunks: _imported.chunks,
+      concatModules: _imported.concatenationModules,
+      fatherPath: getShortPath(fatherModule.path),
+      dependencies: _imported.dependencies,
+      getChildren: () => getLeafs(_imported, modules, imported),
+      children: _imported.imported
+    };
+  });
+  return leafs;
+}
+function getContactMainModulePath(concatModules, modules) {
+  const concatModulesPath = concatModules?.map((cm) => modules.filter((m) => m.id === cm)?.[0]);
+  return concatModulesPath?.map((m) => m.path);
+}
+export {
+  getContactMainModulePath,
+  useCreatFileTreeData
+};

package/dist/pages/ModuleAnalyze/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { SDK } from '@rsdoctor/types';
+export declare const getImporteds: (curModule: SDK.ModuleData, modules: SDK.ModuleData[]) => SDK.ModuleData[];
+export declare const getModuleReasonsTree: (curModule: SDK.ModuleData, modules: SDK.ModuleData[], reasonsTree: string[], visited: Map<number, boolean>) => void;

package/dist/pages/ModuleAnalyze/utils/index.js

@@ -0,0 +1,34 @@
+import { compact, find } from "lodash-es";
+const getImporteds = (curModule, modules) => {
+  if (curModule?.imported?.length) {
+    const _importeds = curModule.imported.map(
+      (_importedModule) => find(modules, (m) => m.id === Number(_importedModule))
+    );
+    const importeds = compact(_importeds);
+    return importeds;
+  }
+  return [];
+};
+const getModuleReasonsTree = (curModule, modules, reasonsTree, visited) => {
+  if (!visited.has(curModule.id)) {
+    visited.set(curModule.id, true);
+  } else if (visited.get(curModule.id)) {
+    return;
+  }
+  const importeds = getImporteds(curModule, modules);
+  if (!importeds.length) {
+    return;
+  }
+  importeds.forEach((_curModule) => {
+    _curModule?.chunks?.forEach((_chunk) => {
+      if (reasonsTree.indexOf(_chunk) < 0) {
+        reasonsTree.push(_chunk);
+      }
+    });
+    getModuleReasonsTree(_curModule, modules, reasonsTree, visited);
+  });
+};
+export {
+  getImporteds,
+  getModuleReasonsTree
+};

package/dist/pages/ModuleResolve/constants.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@rsdoctor/types';
+export declare const name = "ModuleResolve";
+export declare const route = Client.RsdoctorClientRoutes.ModuleResolve;

package/dist/pages/ModuleResolve/constants.js

@@ -0,0 +1,7 @@
+import { Client } from "@rsdoctor/types";
+const name = "ModuleResolve";
+const route = Client.RsdoctorClientRoutes.ModuleResolve;
+export {
+  name,
+  route
+};

package/dist/pages/ModuleResolve/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Page: React.FC;
+export * from './constants';

package/dist/pages/ModuleResolve/index.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Card } from "antd";
+import { ResolverAnalysis } from "../../components/Resolver/analysis";
+import { WebpackConfigurationViewer } from "../../components/Configuration";
+const Page = () => {
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    Card,
+    {
+      title: "Webpack Resolver Analysis",
+      extra: /* @__PURE__ */ jsx(WebpackConfigurationViewer, { defaultKeys: ["resolve", "resolveLoader"] }),
+      bodyStyle: { paddingTop: 0 },
+      children: /* @__PURE__ */ jsx(ResolverAnalysis, {})
+    }
+  ) });
+};
+export * from "./constants";
+export {
+  Page
+};

package/dist/pages/Overall/constants.d.ts

@@ -0,0 +1,3 @@
+import { Client } from '@rsdoctor/types';
+export declare const name = "Overall";
+export declare const route = Client.RsdoctorClientRoutes.Overall;

package/dist/pages/Overall/constants.js

@@ -0,0 +1,7 @@
+import { Client } from "@rsdoctor/types";
+const name = "Overall";
+const route = Client.RsdoctorClientRoutes.Overall;
+export {
+  name,
+  route
+};

package/dist/pages/Overall/index.d.ts

@@ -0,0 +1,9 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+interface Props {
+    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;
+}
+export declare const Page: React.FC<Omit<Props, "project"> & Partial<{
+    body?: any;
+}>>;
+export * from './constants';

package/dist/pages/Overall/index.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SDK } from "@rsdoctor/types";
+import { BundleAlerts, CompileAlerts } from "../../components/Alerts";
+import { withServerAPI } from "../../components/Manifest";
+import {
+  BundleOverall,
+  CompileOverall,
+  ProjectOverall
+} from "../../components/Overall";
+import { ResponsiveGridLayout } from "./responsiveGridList";
+const Component = ({ project }) => {
+  const { summary, configs, root: cwd, envinfo, errors } = project;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(ResponsiveGridLayout, { children: [
+      /* @__PURE__ */ jsx(
+        ProjectOverall,
+        {
+          configs,
+          cwd,
+          envinfo,
+          alerts: errors
+        }
+      ),
+      /* @__PURE__ */ jsx(BundleOverall, { errors, cwd }),
+      /* @__PURE__ */ jsx(CompileOverall, { summary })
+    ] }),
+    /* @__PURE__ */ jsx(CompileAlerts, {}),
+    /* @__PURE__ */ jsx(BundleAlerts, {})
+  ] });
+};
+const Page = withServerAPI({
+  api: SDK.ServerAPI.API.GetProjectInfo,
+  responsePropName: "project",
+  Component
+});
+export * from "./constants";
+export {
+  Page
+};

package/dist/pages/Overall/responsiveGridList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode[];
+}
+export declare const ResponsiveGridLayout: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};