@rsdoctor/components 0.0.0-next-20240620044732

package/dist/pages/TreeShaking/table.js

@@ -0,0 +1,319 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Space,
+  Table,
+  Typography,
+  Divider,
+  Tooltip,
+  Button,
+  Input
+} from "antd";
+import { SearchOutlined } from "@ant-design/icons";
+import React, { useMemo, useState, useRef } from "react";
+import Highlighter from "react-highlight-words";
+import { Card } from "../../components/Card";
+import { ellipsisPath } from "./utils";
+import { isDef } from "../../utils";
+const tableHeight = 600;
+function getDeclarationElement(val, setEditorData) {
+  if (!val) {
+    return /* @__PURE__ */ jsx("div", { children: "Can not find declaration." });
+  }
+  const { module } = val;
+  const range = module.isPreferSource ? val.position.source : val.position.transformed;
+  return /* @__PURE__ */ jsx(Tooltip, { title: `${module.path}, line ${range.start.line}`, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "link",
+      onClick: () => setEditorData(module, [range], range.start.line),
+      children: "Move To"
+    }
+  ) });
+}
+function useSearchCell(dataIndex) {
+  const [searchText, setSearchText] = useState("");
+  const [searchedColumn, setSearchedColumn] = useState("");
+  const searchInput = useRef(null);
+  const handleSearch = (selectedKeys, confirm, dataIndex2) => {
+    confirm();
+    setSearchText(selectedKeys[0]);
+    setSearchedColumn(dataIndex2);
+  };
+  const handleReset = (clearFilters) => {
+    clearFilters();
+    setSearchText("");
+  };
+  return {
+    filterDropdown: ({
+      setSelectedKeys,
+      selectedKeys,
+      confirm,
+      clearFilters,
+      close
+    }) => /* @__PURE__ */ jsxs("div", { style: { padding: 8 }, onKeyDown: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref: searchInput,
+          placeholder: `Search ${dataIndex}`,
+          value: selectedKeys[0],
+          onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
+          onPressEnter: () => handleSearch(selectedKeys, confirm, dataIndex),
+          style: { marginBottom: 8, display: "block" }
+        }
+      ),
+      /* @__PURE__ */ jsxs(Space, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "primary",
+            onClick: () => handleSearch(selectedKeys, confirm, dataIndex),
+            icon: /* @__PURE__ */ jsx(SearchOutlined, {}),
+            size: "small",
+            style: { width: 90 },
+            children: "Search"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => clearFilters && handleReset(clearFilters),
+            size: "small",
+            style: { width: 90 },
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "link", size: "small", onClick: close, children: "close" })
+      ] })
+    ] }),
+    filterIcon: (filtered) => /* @__PURE__ */ jsx(SearchOutlined, { style: { color: filtered ? "#1890ff" : void 0 } }),
+    onFilter: (value, record) => {
+      return record[dataIndex].toString().toLowerCase().includes(value.toLowerCase());
+    },
+    render: (text) => {
+      return searchedColumn === dataIndex ? /* @__PURE__ */ jsx(
+        Highlighter,
+        {
+          highlightStyle: { backgroundColor: "#ffc069", padding: 0 },
+          searchWords: [searchText],
+          autoEscape: true,
+          textToHighlight: text ? text.toString() : ""
+        }
+      ) : text;
+    }
+  };
+}
+const SideEffectTable = ({
+  module,
+  moduleGraph,
+  setEditorData
+}) => {
+  const sideEffects = useMemo(
+    () => moduleGraph.getModuleGraphModule(module).getSideEffects(),
+    [module]
+  );
+  const dataSource = sideEffects.map(({ variable, name, identifier }, i) => {
+    return {
+      key: i,
+      name,
+      identifier: module.isPreferSource ? identifier.position.source : identifier.position.transformed,
+      declaration: variable?.identifier
+    };
+  }).sort((pre, next) => {
+    if (pre.name === next.name) {
+      return pre.identifier.start.line > next.identifier.start.line ? 1 : -1;
+    }
+    return pre.name > next.name ? 1 : -1;
+  }).reduce((ans, item) => {
+    const lastItem = ans[ans.length - 1];
+    if (!lastItem || lastItem.name !== item.name) {
+      ans.push(item);
+      return ans;
+    }
+    if (!lastItem.children) {
+      lastItem.children = [];
+    }
+    lastItem.children.push(item);
+    return ans;
+  }, []);
+  const columns = [
+    {
+      title: "Name",
+      dataIndex: "name",
+      key: "name",
+      align: "center",
+      ...useSearchCell("name")
+    },
+    {
+      title: "SideEffect",
+      dataIndex: "identifier",
+      key: "identifier",
+      align: "center",
+      render: (val) => {
+        return /* @__PURE__ */ jsx(Tooltip, { title: `Current File line ${val.start.line}`, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "link",
+            onClick: () => setEditorData(module, [val], val.start.line),
+            children: "Move To"
+          }
+        ) });
+      }
+    },
+    {
+      title: "Declaration",
+      dataIndex: "declaration",
+      key: "declaration",
+      align: "center",
+      render: (val) => {
+        return getDeclarationElement(val, setEditorData);
+      }
+    }
+  ];
+  const titleInfo = /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(Space, { style: { fontWeight: 400 }, children: [
+    "Import",
+    /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: dataSource.length }),
+    "variables",
+    /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+    /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: sideEffects.length }),
+    "sideEffects"
+  ] }) });
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      style: { marginBottom: 10 },
+      title: titleInfo,
+      className: "tree-shaking-export-table",
+      children: /* @__PURE__ */ jsx(
+        Table,
+        {
+          size: "small",
+          dataSource,
+          columns,
+          pagination: false,
+          scroll: { y: tableHeight }
+        }
+      )
+    }
+  );
+};
+const ExportTable = ({
+  module,
+  moduleGraph,
+  setEditorData
+}) => {
+  const exportsData = useMemo(
+    () => moduleGraph.getModuleGraphModule(module).getExports(),
+    [module]
+  );
+  const allUnUsedExports = exportsData.filter(
+    (item) => item.getSideEffects().length === 0
+  );
+  const titleInfo = /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    /* @__PURE__ */ jsxs(Space, { style: { fontWeight: 400 }, children: [
+      "Export",
+      /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: exportsData.length })
+    ] }),
+    exportsData.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+      /* @__PURE__ */ jsxs(Typography.Text, { style: { fontWeight: 400 }, code: true, children: [
+        /* @__PURE__ */ jsx(Typography.Text, { children: "Unused" }),
+        /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+        /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: allUnUsedExports.length })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+      /* @__PURE__ */ jsxs(Typography.Text, { style: { fontWeight: 400 }, code: true, children: [
+        /* @__PURE__ */ jsx(Typography.Text, { children: "Used" }),
+        /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+        /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: exportsData.length - allUnUsedExports.length })
+      ] })
+    ] }) : ""
+  ] });
+  const dataSource = exportsData.map((item, i) => {
+    const { variable } = item;
+    return {
+      key: i,
+      name: item.name,
+      declaration: variable?.identifier,
+      used: item.getSideEffects().map(({ module: module2, identifier }) => {
+        const range = module2?.isPreferSource ? identifier.position.source : identifier.position.transformed;
+        if (!module2 || !range) {
+          return;
+        }
+        return {
+          module: module2,
+          range
+        };
+      }).filter(isDef)
+    };
+  });
+  const columns = [
+    {
+      title: "Name",
+      dataIndex: "name",
+      key: "name",
+      align: "center",
+      ...useSearchCell("name")
+    },
+    {
+      title: "Declaration",
+      dataIndex: "declaration",
+      key: "declaration",
+      align: "center",
+      render: (val) => {
+        return getDeclarationElement(val, setEditorData);
+      }
+    },
+    {
+      title: "Info",
+      dataIndex: "used",
+      key: "used",
+      align: "center",
+      sorter: (a, b) => a.used.length - b.used.length,
+      sortDirections: ["descend", "ascend"],
+      render: (val) => /* @__PURE__ */ jsxs("span", { children: [
+        "Used ",
+        val.length,
+        " times"
+      ] })
+    }
+  ];
+  const expandElement = (data) => {
+    return /* @__PURE__ */ jsxs("div", { className: "tree-shaking-side-effect-list", children: [
+      /* @__PURE__ */ jsx(Typography.Text, { children: "List of SideEffect:" }),
+      data.used.map(({ module: module2, range }) => /* @__PURE__ */ jsx(Tooltip, { title: `${module2.path}:${range.start.line}`, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "tree-shaking-side-effect-list-item",
+          type: "link",
+          onClick: () => {
+            setEditorData(module2, [range], range.start.line);
+          },
+          children: `${ellipsisPath(module2.path)}:${range.start.line}`
+        }
+      ) }, module2.id))
+    ] });
+  };
+  return /* @__PURE__ */ jsx(Card, { title: titleInfo, className: "tree-shaking-export-table", children: /* @__PURE__ */ jsx(
+    Table,
+    {
+      size: "small",
+      dataSource,
+      columns,
+      pagination: false,
+      scroll: { y: tableHeight },
+      expandable: {
+        expandedRowRender: expandElement,
+        rowExpandable: (val) => val.used.length > 0
+      }
+    }
+  ) });
+};
+const TreeShakingTable = (props) => {
+  return props.kind === "side-effect" ? /* @__PURE__ */ jsx(SideEffectTable, { ...props }) : /* @__PURE__ */ jsx(ExportTable, { ...props });
+};
+export {
+  ExportTable,
+  SideEffectTable,
+  TreeShakingTable
+};

package/dist/pages/TreeShaking/types.d.ts

@@ -0,0 +1,3 @@
+import type { Module, SourceRange } from '@rsdoctor/graph';
+export type TableKind = 'side-effect' | 'export';
+export type SetEditorStatus = (module: Module, ranges: SourceRange[], line?: number) => void;

package/dist/pages/TreeShaking/utils.d.ts

@@ -0,0 +1,7 @@
+import { Module, ModuleGraph, Statement } from '@rsdoctor/graph';
+import { editor } from 'monaco-editor';
+export declare function useFileStructures(modules: Module[], moduleGraph: ModuleGraph, searchInput: string, selectedModule: Module, onItemClick: (file: string) => void, cwd: string): import("../../utils").DataNode[];
+export declare function getTreeFilesDefaultExpandedKeys(files: any[]): (string | number)[];
+export declare function ellipsisPath(full: string): string;
+export declare function getModulePositionString(statement: Statement, module: Module): string;
+export declare function getHoverMessageInModule(module: Module, moduleGraph: ModuleGraph): editor.IModelDecoration[];

package/dist/pages/TreeShaking/utils.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import path from "path-browserify";
+import { escape, get } from "lodash-es";
+import { Module } from "@rsdoctor/graph";
+import { Tag, Space } from "antd";
+import { Range } from "monaco-editor";
+import { getOpenTagText } from "./open-tag";
+import {
+  createFileStructures,
+  mapFileKey,
+  getSelectionRange
+} from "../../utils";
+import { Keyword } from "../../components/Keyword";
+function useFileStructures(modules, moduleGraph, searchInput, selectedModule, onItemClick, cwd) {
+  const files = useMemo(
+    () => createFileStructures({
+      files: modules.map((item) => item.path),
+      cwd,
+      fileTitle(file, basename) {
+        const module = moduleGraph.getModules().find(
+          (item) => item.path === file && item.kind === Module.kind.Normal
+        );
+        const mgm = moduleGraph.getModuleGraphModule(module);
+        const infos = mgm.getExports();
+        const unused = infos.filter(
+          (info) => info.getSideEffects().length === 0
+        );
+        return /* @__PURE__ */ jsxs(Space, { style: { wordBreak: "break-all" }, children: [
+          /* @__PURE__ */ jsx(
+            Keyword,
+            {
+              text: basename,
+              keyword: file,
+              onClick: () => onItemClick(file)
+            }
+          ),
+          mgm.dynamic ? /* @__PURE__ */ jsx(Tag, { color: "cyan", children: "dynamic" }) : "",
+          unused.length > 0 ? /* @__PURE__ */ jsxs(Tag, { color: "green", children: [
+            unused.length,
+            " Unused"
+          ] }) : ""
+        ] });
+      }
+    }),
+    [searchInput, selectedModule]
+  );
+  return files;
+}
+function getTreeFilesDefaultExpandedKeys(files) {
+  return mapFileKey(files, 3, (node) => {
+    const resourcePath = get(node, "__RESOURCEPATH__");
+    const isNodeModules = resourcePath.indexOf("/node_modules/") > -1;
+    return !isNodeModules;
+  });
+}
+function ellipsisPath(full) {
+  let result = "";
+  let current = full;
+  for (let i = 0; i < 3; i++) {
+    result = result ? `${path.basename(current)}/${result}` : path.basename(current);
+    current = path.dirname(current);
+  }
+  return `...${result}`;
+}
+function getModulePositionString(statement, module) {
+  const maxLen = 30;
+  const { path: path2, isPreferSource } = module;
+  const start = isPreferSource ? statement.position.source.start : statement.position.transformed.start;
+  const suffix = `:${start.line ?? 1}:${start.column ?? 0}`;
+  return path2.length <= maxLen ? `${path2}${suffix}` : `...${path2.substring(path2.length - 30)}${suffix}`;
+}
+function getHoverMessageInModule(module, moduleGraph) {
+  const mgm = moduleGraph.getModuleGraphModule(module);
+  const exportLocals = mgm.getOwnExports();
+  const variables = exportLocals.map((item) => item.variable).filter((item) => Boolean(item));
+  if (exportLocals.length === 0 && variables.length === 0) {
+    return [];
+  }
+  function getVariableMessage(data) {
+    const exportData = data.getExportInfo();
+    if (!exportData) {
+      return "Can not find SideEffect info.";
+    }
+    const sideEffects = exportData.getSideEffects();
+    if (sideEffects.length === 0) {
+      return "Have no sideEffect.";
+    }
+    let content = `Used **${sideEffects.length}** times:
+
+<div data-code="tree-shaking-hover">
+<li>`;
+    for (const sideEffect of sideEffects) {
+      if (!sideEffect) {
+        continue;
+      }
+      const { identifier, module: module2 } = sideEffect;
+      if (!module2) {
+        continue;
+      }
+      const { id, isPreferSource: isPreferSource2 } = module2;
+      const lineCode = identifier.getLineCode();
+      content += `
+<ol>
+      ${getOpenTagText(
+        id,
+        isPreferSource2 ? identifier.position.source : identifier.position.transformed,
+        getModulePositionString(identifier, module2)
+      )}
+      ${lineCode ? `<pre>${escape(lineCode)}</pre>` : ""}
+      </ol>`;
+    }
+    content += "\n</li></div>";
+    return content;
+  }
+  const { isPreferSource } = module;
+  const declarationHovers = variables.map((item) => {
+    const position = isPreferSource ? item.identifier.position.source : item.identifier.position.transformed;
+    const range = position && getSelectionRange(position, Range);
+    if (!position || !range) {
+      return;
+    }
+    return {
+      range,
+      options: {
+        stickiness: 1,
+        inlineClassName: "tree-shaking-statement-declaration-identifier",
+        isWholeLine: false,
+        showIfCollapsed: true,
+        hoverMessage: {
+          supportHtml: true,
+          supportThemeIcons: true,
+          isTrusted: true,
+          value: getVariableMessage(item)
+        }
+      }
+    };
+  }).filter((item) => Boolean(item));
+  return declarationHovers;
+}
+export {
+  ellipsisPath,
+  getHoverMessageInModule,
+  getModulePositionString,
+  getTreeFilesDefaultExpandedKeys,
+  useFileStructures
+};

package/dist/pages/WebpackLoaders/Analysis/constants.d.ts

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

package/dist/pages/WebpackLoaders/Analysis/constants.js

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

package/dist/pages/WebpackLoaders/Analysis/index.d.ts

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

package/dist/pages/WebpackLoaders/Analysis/index.js

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

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

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

package/dist/pages/WebpackLoaders/Overall/constants.js

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

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

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

package/dist/pages/WebpackLoaders/Overall/index.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { WebpackConfigurationViewer } from "../../../components/Configuration";
+import { Card } from "../../../components/Card";
+import { LoaderChart } from "../../../components/Charts";
+const Page = () => {
+  return /* @__PURE__ */ jsx(Card, { title: "Loader Timeline", extra: /* @__PURE__ */ jsx(WebpackConfigurationViewer, { defaultKeys: ["module"] }), collapsable: true, children: /* @__PURE__ */ jsx(LoaderChart, {}) });
+};
+export * from "./constants";
+export {
+  Page
+};

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

@@ -0,0 +1,2 @@
+export declare const name = "Loaders";
+export declare const route = "/webpack/loaders";

package/dist/pages/WebpackLoaders/constants.js

@@ -0,0 +1,6 @@
+const name = "Loaders";
+const route = "/webpack/loaders";
+export {
+  name,
+  route
+};

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

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

package/dist/pages/WebpackPlugins/constants.js

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

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

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

package/dist/pages/WebpackPlugins/index.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ApiOutlined, PartitionOutlined } from "@ant-design/icons";
+import { SDK } from "@rsdoctor/types";
+import { Button, Card, Input, Select, Space, Typography } from "antd";
+import { useState } from "react";
+import { WebpackConfigurationViewer } from "../../components/Configuration";
+import { ServerAPIProvider } from "../../components/Manifest";
+import { WebpackPluginsDataTable } from "../../components/Plugins/webpack";
+import { Size } from "../../constants";
+const Page = () => {
+  const [selectedTapNames, setSelectedTapNames] = useState([]);
+  const [selectedHooks, setSelectedHooks] = useState([]);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    Card,
+    {
+      title: "Webpack Plugins Overall",
+      bodyStyle: { paddingTop: Size.BasePadding / 3 },
+      extra: /* @__PURE__ */ jsx(WebpackConfigurationViewer, { defaultKeys: ["plugins"] }),
+      children: /* @__PURE__ */ jsxs(Space, { direction: "vertical", children: [
+        /* @__PURE__ */ jsx(ServerAPIProvider, { api: SDK.ServerAPI.API.GetPluginSummary, children: ({ hooks, tapNames }) => /* @__PURE__ */ jsxs(Space, { style: { marginBottom: Size.BasePadding / 2 }, children: [
+          /* @__PURE__ */ jsxs(Input.Group, { compact: true, children: [
+            /* @__PURE__ */ jsxs(Button, { children: [
+              /* @__PURE__ */ jsx(ApiOutlined, {}),
+              /* @__PURE__ */ jsx(Typography.Text, { children: "Plugin Tap Names" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                mode: "multiple",
+                allowClear: true,
+                style: { width: 350 },
+                dropdownMatchSelectWidth: true,
+                onChange: (e) => {
+                  setSelectedTapNames(e);
+                },
+                children: tapNames.map((e) => {
+                  return /* @__PURE__ */ jsx(Select.Option, { label: e, value: e, children: e }, e);
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Input.Group, { compact: true, children: [
+            /* @__PURE__ */ jsxs(Button, { children: [
+              /* @__PURE__ */ jsx(PartitionOutlined, {}),
+              /* @__PURE__ */ jsx(Typography.Text, { children: "Hooks" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                mode: "multiple",
+                allowClear: true,
+                style: { width: 350 },
+                dropdownMatchSelectWidth: true,
+                onChange: (e) => {
+                  setSelectedHooks(e);
+                },
+                children: hooks.map((e) => {
+                  return /* @__PURE__ */ jsx(Select.Option, { label: e, value: e, children: e }, e);
+                })
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          ServerAPIProvider,
+          {
+            api: SDK.ServerAPI.API.GetPluginData,
+            body: { hooks: selectedHooks, tapNames: selectedTapNames },
+            children: (res) => /* @__PURE__ */ jsx(WebpackPluginsDataTable, { dataSource: res })
+          }
+        )
+      ] })
+    }
+  ) });
+};
+export * from "./constants";
+export {
+  Page
+};

package/dist/pages/index.d.ts

@@ -0,0 +1,9 @@
+export * as Overall from './Overall';
+export * as BundleSize from './BundleSize';
+export * as ModuleAnalyze from './ModuleAnalyze';
+export * as LoaderTimeline from './WebpackLoaders/Overall';
+export * as LoaderFiles from './WebpackLoaders/Analysis';
+export * as PluginsAnalyze from './WebpackPlugins';
+export * as ModuleResolve from './ModuleResolve';
+export * as RuleIndex from './Resources/RuleIndex';
+export * as TreeShaking from './TreeShaking';