@rsdoctor/components 1.0.2 → 1.1.0

package/dist/components/BundleDiff/DiffContainer/row.js

@@ -1,371 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { InfoCircleOutlined, SearchOutlined } from "@ant-design/icons";
-import {
-  beautifyModulePath,
-  formatPercent,
-  formatSize
-} from "@rsdoctor/components/utils";
-import { Client } from "@rsdoctor/types";
-import { Graph } from "@rsdoctor/utils/common";
-import {
-  Button,
-  Divider,
-  Input,
-  Space,
-  Table,
-  Tag,
-  Tooltip,
-  Typography
-} from "antd";
-import { upperFirst } from "lodash-es";
-import { useMemo, useRef, useState } from "react";
-import { ViewChanges } from "./changes";
-import { UpdateType } from "./constants";
-import { FileUpdateTypeTag, getUpdateType } from "./modules";
-import { formatDiffSize } from "./utils";
-import { Color } from "../../../constants";
-const ModuleHashPattern = /[a-fA-F0-9]{20,}/;
-const getSizeColumnPropsForModuleRow = (key, sizeKey) => {
-  return {
-    width: 200,
-    sorter: (a, b) => (a[key]?.size[sizeKey] || 0) - (b[key]?.size[sizeKey] || 0),
-    render: (_v, r) => {
-      if (!r[key])
-        return "-";
-      const size = r[key].size[sizeKey];
-      return /* @__PURE__ */ jsxs(Space, { children: [
-        /* @__PURE__ */ jsx(Typography.Text, { children: formatSize(size) }),
-        key === "current" ? formatDiffSize(
-          r.baseline?.size[sizeKey] || 0,
-          size,
-          (r.baseline?.size[sizeKey] || 0) > size ? Client.RsdoctorClientDiffState.Down : Client.RsdoctorClientDiffState.Up
-        ) : null
-      ] });
-    }
-  };
-};
-const getTargetColumnPropsForModuleRow = (key, bModulesCount, cModulesCount) => {
-  const isB = key === "baseline";
-  return {
-    title: () => {
-      const count = isB ? bModulesCount : cModulesCount;
-      const title = upperFirst(key);
-      const diff = Graph.diffSize(bModulesCount, cModulesCount);
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Typography.Text, { children: title }),
-        /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-        /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: /* @__PURE__ */ jsxs(Space, { direction: "vertical", children: [
-              /* @__PURE__ */ jsxs(Typography.Text, { style: { color: "inherit" }, children: [
-                title,
-                " modules is ",
-                count
-              ] }),
-              isB ? null : /* @__PURE__ */ jsxs(Typography.Text, { style: { color: "inherit" }, children: [
-                "Percent is ",
-                formatPercent(diff.percent)
-              ] })
-            ] }),
-            children: /* @__PURE__ */ jsxs(Space, { children: [
-              /* @__PURE__ */ jsx(
-                Typography.Text,
-                {
-                  type: "secondary",
-                  style: { fontSize: 10, fontWeight: 400 },
-                  children: count
-                }
-              ),
-              /* @__PURE__ */ jsx(InfoCircleOutlined, {})
-            ] })
-          }
-        )
-      ] });
-    },
-    children: [
-      {
-        title: "Source Size",
-        ...getSizeColumnPropsForModuleRow(key, "sourceSize")
-      },
-      {
-        title: "Parsed Size",
-        defaultSortOrder: isB ? void 0 : "descend",
-        ...getSizeColumnPropsForModuleRow(key, "parsedSize")
-      }
-    ],
-    filterSearch: true,
-    filters: [
-      {
-        text: "Show Changed",
-        value: UpdateType.NotChanged
-      },
-      {
-        text: "Show All",
-        value: "All"
-      }
-    ],
-    onFilter(v, r) {
-      return v === UpdateType.NotChanged ? getUpdateType(r) !== v : true;
-    }
-  };
-};
-const ModuleRowForAsset = ({ data, baseline, current }) => {
-  const { modules: bTotalModules } = baseline.moduleGraph;
-  const { modules: cTotalModules } = current.moduleGraph;
-  const { chunks: bToTalChunks } = baseline.chunkGraph;
-  const { chunks: cToTalChunks } = current.chunkGraph;
-  const bRoot = baseline.root;
-  const cRoot = current.root;
-  const [searchText, setSearchText] = useState("");
-  const searchInput = useRef(null);
-  const handleSearch = (selectedKeys, confirm) => {
-    confirm();
-    setSearchText(selectedKeys[0]);
-  };
-  const handleReset = (clearFilters) => {
-    clearFilters();
-    setSearchText("");
-  };
-  const isBaseline = "__is_baseline__";
-  const bModules = useMemo(
-    () => data.baseline ? Graph.getModulesByAsset(data.baseline, bToTalChunks, bTotalModules).map((e) => ({
-      ...e,
-      [isBaseline]: true
-    })).filter((cModule) => !cModule.concatenationModules?.length) : [],
-    [data, baseline]
-  );
-  const cModules = useMemo(
-    () => data.current ? Graph.getModulesByAsset(data.current, cToTalChunks, cTotalModules).map((e) => ({
-      ...e,
-      [isBaseline]: false
-    })).filter((cModule) => !cModule.concatenationModules?.length) : [],
-    [data, current]
-  );
-  const getPathInfo = (r) => beautifyModulePath(r.path, r[isBaseline] ? bRoot : cRoot);
-  const dataSource = useMemo(() => {
-    const mods = [...bModules, ...cModules];
-    const map = /* @__PURE__ */ new Map();
-    mods.forEach((mod) => {
-      const modPath = mod.webpackId?.replace(ModuleHashPattern, "") || mod.path?.replace(ModuleHashPattern, "");
-      let t = map.get(modPath);
-      if (!t) {
-        t = { path: modPath };
-      }
-      if (mod[isBaseline]) {
-        t.baseline = mod;
-      } else {
-        t.current = mod;
-      }
-      map.set(modPath, t);
-    });
-    return [...map.values()];
-  }, [bModules, cModules, searchText]);
-  const { bModulesCount, cModulesCount, totalCount } = useMemo(() => {
-    const fileNameFilter = (e) => getPathInfo(e).alias.indexOf(searchText) > -1;
-    let b = dataSource.filter((e) => e.baseline);
-    let c = dataSource.filter((e) => e.current);
-    let totalCount2 = dataSource.length;
-    if (searchText) {
-      b = b.filter(fileNameFilter);
-      c = c.filter(fileNameFilter);
-      totalCount2 = dataSource.filter(fileNameFilter).length;
-    }
-    return {
-      bModulesCount: b.length,
-      cModulesCount: c.length,
-      totalCount: totalCount2
-    };
-  }, [dataSource, searchText]);
-  return /* @__PURE__ */ jsx(
-    Table,
-    {
-      dataSource,
-      rowKey: (e) => e.path,
-      size: "small",
-      pagination: {
-        size: "small"
-      },
-      bordered: true,
-      scroll: { x: 1500 },
-      columns: [
-        {
-          fixed: "left",
-          title: () => {
-            return /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(Typography.Text, { children: [
-                "Modules of ",
-                `"${data.alias}"`
-              ] }),
-              /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
-              /* @__PURE__ */ jsxs(
-                Tooltip,
-                {
-                  title: /* @__PURE__ */ jsxs(Space, { direction: "vertical", children: [
-                    /* @__PURE__ */ jsxs(Typography.Text, { style: { color: "inherit" }, children: [
-                      "filtered modules: ",
-                      totalCount
-                    ] }),
-                    /* @__PURE__ */ jsxs(Typography.Text, { style: { color: "inherit" }, children: [
-                      "total modules: ",
-                      dataSource.length
-                    ] })
-                  ] }),
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      Typography.Text,
-                      {
-                        type: "secondary",
-                        style: { fontSize: 10, fontWeight: 400, marginRight: 4 },
-                        children: [
-                          totalCount,
-                          "/",
-                          dataSource.length
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(InfoCircleOutlined, {})
-                  ]
-                }
-              )
-            ] });
-          },
-          filterDropdown({
-            setSelectedKeys,
-            selectedKeys,
-            confirm,
-            clearFilters
-          }) {
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: { padding: 8 },
-                onKeyDown: (e) => e.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      ref: searchInput,
-                      placeholder: `Search by file name`,
-                      value: selectedKeys[0],
-                      onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
-                      onPressEnter: () => handleSearch(selectedKeys, confirm),
-                      style: { marginBottom: 8, display: "block" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(Space, { children: [
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "primary",
-                        onClick: () => handleSearch(selectedKeys, confirm),
-                        icon: /* @__PURE__ */ jsx(SearchOutlined, {}),
-                        size: "small",
-                        style: { width: 90 },
-                        children: "Search"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        onClick: () => {
-                          clearFilters && handleReset(clearFilters);
-                          setSelectedKeys([]);
-                          handleSearch([], confirm);
-                        },
-                        size: "small",
-                        style: { width: 90 },
-                        children: "Reset"
-                      }
-                    )
-                  ] })
-                ]
-              }
-            );
-          },
-          filterSearch: true,
-          filterIcon: (filtered) => /* @__PURE__ */ jsxs(Space, { children: [
-            /* @__PURE__ */ jsx(
-              Typography.Text,
-              {
-                type: searchText ? void 0 : "secondary",
-                style: { fontWeight: 400 },
-                children: searchText || "Search by file name"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              SearchOutlined,
-              {
-                style: { color: filtered ? Color.Blue : void 0 }
-              }
-            )
-          ] }),
-          onFilterDropdownOpenChange: (visible) => {
-            if (visible) {
-              setTimeout(() => searchInput.current?.focus(), 100);
-            }
-          },
-          onFilter(v, r) {
-            return getPathInfo(r).alias.indexOf(v) > -1;
-          },
-          render: (_v, r) => {
-            const { alias, inNodeModules } = getPathInfo(r);
-            return /* @__PURE__ */ jsxs(Space, { children: [
-              /* @__PURE__ */ jsx(Tooltip, { title: r.path, children: /* @__PURE__ */ jsx(Typography.Text, { copyable: { text: r.path }, children: alias }) }),
-              inNodeModules ? /* @__PURE__ */ jsx(Tag, { color: "warning", children: "node_modules" }) : null,
-              /* @__PURE__ */ jsx(FileUpdateTypeTag, { type: getUpdateType(r) })
-            ] });
-          }
-        },
-        getTargetColumnPropsForModuleRow(
-          "current",
-          bModulesCount,
-          cModulesCount
-        ),
-        getTargetColumnPropsForModuleRow(
-          "baseline",
-          bModulesCount,
-          cModulesCount
-        ),
-        {
-          title: "Actions",
-          width: 200,
-          render: (_v, r) => {
-            return /* @__PURE__ */ jsx(Space, { direction: "vertical", style: { maxWidth: 170 }, children: /* @__PURE__ */ jsx(
-              ViewChanges,
-              {
-                text: "View Changes",
-                file: r.path,
-                data: [
-                  {
-                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.source,
-                    current: current.moduleCodeMap[r.current?.id]?.source,
-                    group: "Source"
-                  },
-                  {
-                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.transformed,
-                    current: current.moduleCodeMap[r.current?.id]?.transformed,
-                    group: "Transformed Source"
-                  },
-                  {
-                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.parsedSource,
-                    current: current.moduleCodeMap[r.current?.id]?.parsedSource,
-                    group: "Parsed Source"
-                  }
-                ]
-              }
-            ) });
-          }
-        }
-      ]
-    }
-  );
-};
-export {
-  ModuleHashPattern,
-  ModuleRowForAsset,
-  getSizeColumnPropsForModuleRow,
-  getTargetColumnPropsForModuleRow
-};
-
-//# sourceMappingURL=row.js.map

package/dist/components/BundleDiff/DiffContainer/row.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"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","names":["totalCount"],"ignoreList":[],"sources":["../../../../src/components/BundleDiff/DiffContainer/row.tsx"],"sourcesContent":["import { InfoCircleOutlined, SearchOutlined } from '@ant-design/icons';\nimport {\n  beautifyModulePath,\n  formatPercent,\n  formatSize,\n} from '@rsdoctor/components/utils';\nimport { Client } from '@rsdoctor/types';\nimport { Graph } from '@rsdoctor/utils/common';\nimport {\n  Button,\n  Divider,\n  Input,\n  InputRef,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport {\n  ColumnGroupType,\n  ColumnType,\n  FilterConfirmProps,\n} from 'antd/es/table/interface';\nimport { upperFirst } from 'lodash-es';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { ViewChanges } from './changes';\nimport { UpdateType } from './constants';\nimport { FileUpdateTypeTag, getUpdateType } from './modules';\nimport {\n  BundleDiffComponentCardProps,\n  BundleDiffTableAssetsData,\n  BundleDiffTableModulesData,\n} from './types';\nimport { formatDiffSize } from './utils';\nimport { Color } from '../../../constants';\n\nexport const ModuleHashPattern = /[a-fA-F0-9]{20,}/;\n\nexport const getSizeColumnPropsForModuleRow = (\n  key: 'baseline' | 'current',\n  sizeKey: 'parsedSize' | 'sourceSize',\n): ColumnType<BundleDiffTableModulesData> => {\n  return {\n    width: 200,\n    sorter: (a, b) =>\n      (a[key]?.size[sizeKey] || 0) - (b[key]?.size[sizeKey] || 0),\n    render: (_v, r) => {\n      if (!r[key]) return '-';\n      const size = r[key]!.size[sizeKey];\n      return (\n        <Space>\n          <Typography.Text>{formatSize(size)}</Typography.Text>\n          {/* {key === 'current' ? <SizePercent baseline={r.baseline?.size[sizeKey] || 0} current={size} /> : null} */}\n          {key === 'current'\n            ? formatDiffSize(\n                r.baseline?.size[sizeKey] || 0,\n                size,\n                (r.baseline?.size[sizeKey] || 0) > size\n                  ? Client.RsdoctorClientDiffState.Down\n                  : Client.RsdoctorClientDiffState.Up,\n              )\n            : null}\n        </Space>\n      );\n    },\n  };\n};\n\nexport const getTargetColumnPropsForModuleRow = (\n  key: 'baseline' | 'current',\n  bModulesCount: number,\n  cModulesCount: number,\n): ColumnGroupType<BundleDiffTableModulesData> => {\n  const isB = key === 'baseline';\n  return {\n    title: () => {\n      const count = isB ? bModulesCount : cModulesCount;\n      const title = upperFirst(key);\n      const diff = Graph.diffSize(bModulesCount, cModulesCount);\n      return (\n        <div>\n          <Typography.Text>{title}</Typography.Text>\n          <Divider type=\"vertical\" />\n          <Tooltip\n            title={\n              <Space direction=\"vertical\">\n                <Typography.Text style={{ color: 'inherit' }}>\n                  {title} modules is {count}\n                </Typography.Text>\n                {isB ? null : (\n                  <Typography.Text style={{ color: 'inherit' }}>\n                    Percent is {formatPercent(diff.percent)}\n                  </Typography.Text>\n                )}\n              </Space>\n            }\n          >\n            <Space>\n              <Typography.Text\n                type=\"secondary\"\n                style={{ fontSize: 10, fontWeight: 400 }}\n              >\n                {count}\n              </Typography.Text>\n              <InfoCircleOutlined />\n            </Space>\n          </Tooltip>\n        </div>\n      );\n    },\n    children: [\n      {\n        title: 'Source Size',\n        ...getSizeColumnPropsForModuleRow(key, 'sourceSize'),\n      },\n      {\n        title: 'Parsed Size',\n        defaultSortOrder: isB ? undefined : 'descend',\n        ...getSizeColumnPropsForModuleRow(key, 'parsedSize'),\n      },\n    ],\n    filterSearch: true,\n    filters: [\n      {\n        text: 'Show Changed',\n        value: UpdateType.NotChanged,\n      },\n      {\n        text: 'Show All',\n        value: 'All',\n      },\n    ],\n    onFilter(v, r) {\n      return v === UpdateType.NotChanged ? getUpdateType(r) !== v : true;\n    },\n  };\n};\n\nexport const ModuleRowForAsset: React.FC<\n  { data: BundleDiffTableAssetsData } & Pick<\n    BundleDiffComponentCardProps,\n    'baseline' | 'current'\n  >\n> = ({ data, baseline, current }) => {\n  const { modules: bTotalModules } = baseline.moduleGraph;\n  const { modules: cTotalModules } = current.moduleGraph;\n  const { chunks: bToTalChunks } = baseline.chunkGraph;\n  const { chunks: cToTalChunks } = current.chunkGraph;\n  const bRoot = baseline.root;\n  const cRoot = current.root;\n\n  const [searchText, setSearchText] = useState('');\n  const searchInput = useRef<InputRef>(null);\n\n  const handleSearch = (\n    selectedKeys: string[],\n    confirm: (param?: FilterConfirmProps) => void,\n  ) => {\n    confirm();\n    setSearchText(selectedKeys[0]);\n  };\n\n  const handleReset = (clearFilters: () => void) => {\n    clearFilters();\n    setSearchText('');\n  };\n\n  const isBaseline = '__is_baseline__' as const;\n\n  const bModules = useMemo(\n    () =>\n      data.baseline\n        ? Graph.getModulesByAsset(data.baseline, bToTalChunks, bTotalModules)\n            .map((e) => ({\n              ...e,\n              [isBaseline]: true,\n            }))\n            .filter((cModule) => !cModule.concatenationModules?.length)\n        : [],\n    [data, baseline],\n  );\n  const cModules = useMemo(\n    () =>\n      data.current\n        ? Graph.getModulesByAsset(data.current, cToTalChunks, cTotalModules)\n            .map((e) => ({\n              ...e,\n              [isBaseline]: false,\n            }))\n            .filter((cModule) => !cModule.concatenationModules?.length)\n        : [],\n    [data, current],\n  );\n\n  const getPathInfo = (r: BundleDiffTableModulesData) =>\n    beautifyModulePath(r.path, r[isBaseline] ? bRoot : cRoot);\n\n  const dataSource: BundleDiffTableModulesData[] = useMemo(() => {\n    const mods = [...bModules, ...cModules];\n    const map = new Map<string, BundleDiffTableModulesData>();\n\n    // group by module.path\n    mods.forEach((mod) => {\n      const modPath =\n        mod.webpackId?.replace(ModuleHashPattern, '') ||\n        mod.path?.replace(ModuleHashPattern, '');\n      let t: BundleDiffTableModulesData = map.get(modPath)!;\n\n      if (!t) {\n        t = { path: modPath };\n      }\n\n      if (mod[isBaseline]) {\n        t.baseline = mod;\n      } else {\n        t.current = mod;\n      }\n      map.set(modPath, t);\n    });\n\n    return [...map.values()];\n  }, [bModules, cModules, searchText]);\n\n  const { bModulesCount, cModulesCount, totalCount } = useMemo(() => {\n    const fileNameFilter = (e: BundleDiffTableModulesData) =>\n      getPathInfo(e).alias.indexOf(searchText) > -1;\n\n    let b = dataSource.filter((e) => e.baseline);\n    let c = dataSource.filter((e) => e.current);\n    let totalCount = dataSource.length;\n\n    if (searchText) {\n      b = b.filter(fileNameFilter);\n      c = c.filter(fileNameFilter);\n      totalCount = dataSource.filter(fileNameFilter).length;\n    }\n\n    return {\n      bModulesCount: b.length,\n      cModulesCount: c.length,\n      totalCount,\n    };\n  }, [dataSource, searchText]);\n\n  return (\n    <Table\n      dataSource={dataSource}\n      rowKey={(e) => e.path}\n      size=\"small\"\n      pagination={{\n        size: 'small',\n      }}\n      bordered\n      scroll={{ x: 1500 }}\n      columns={[\n        {\n          fixed: 'left',\n          title: () => {\n            return (\n              <div>\n                <Typography.Text>\n                  Modules of {`\"${data.alias}\"`}\n                </Typography.Text>\n                <Divider type=\"vertical\" />\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        filtered modules: {totalCount}\n                      </Typography.Text>\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        total modules: {dataSource.length}\n                      </Typography.Text>\n                    </Space>\n                  }\n                >\n                  <Typography.Text\n                    type=\"secondary\"\n                    style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                  >\n                    {totalCount}/{dataSource.length}\n                  </Typography.Text>\n                  <InfoCircleOutlined />\n                </Tooltip>\n              </div>\n            );\n          },\n          filterDropdown({\n            setSelectedKeys,\n            selectedKeys,\n            confirm,\n            clearFilters,\n          }) {\n            return (\n              <div\n                style={{ padding: 8 }}\n                onKeyDown={(e) => e.stopPropagation()}\n              >\n                <Input\n                  ref={searchInput}\n                  placeholder={`Search by file name`}\n                  value={selectedKeys[0] as string | number}\n                  onChange={(e) =>\n                    setSelectedKeys(e.target.value ? [e.target.value] : [])\n                  }\n                  onPressEnter={() =>\n                    handleSearch(selectedKeys as string[], confirm)\n                  }\n                  style={{ marginBottom: 8, display: 'block' }}\n                />\n                <Space>\n                  <Button\n                    type=\"primary\"\n                    onClick={() =>\n                      handleSearch(selectedKeys as string[], confirm)\n                    }\n                    icon={<SearchOutlined />}\n                    size=\"small\"\n                    style={{ width: 90 }}\n                  >\n                    Search\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      clearFilters && handleReset(clearFilters);\n                      setSelectedKeys([]);\n                      handleSearch([], confirm);\n                    }}\n                    size=\"small\"\n                    style={{ width: 90 }}\n                  >\n                    Reset\n                  </Button>\n                </Space>\n              </div>\n            );\n          },\n          filterSearch: true,\n          filterIcon: (filtered) => (\n            <Space>\n              <Typography.Text\n                type={searchText ? undefined : 'secondary'}\n                style={{ fontWeight: 400 }}\n              >\n                {searchText || 'Search by file name'}\n              </Typography.Text>\n              <SearchOutlined\n                style={{ color: filtered ? Color.Blue : undefined }}\n              />\n            </Space>\n          ),\n          onFilterDropdownOpenChange: (visible) => {\n            if (visible) {\n              setTimeout(() => searchInput.current?.focus(), 100);\n            }\n          },\n          onFilter(v, r) {\n            return getPathInfo(r).alias.indexOf(v as string) > -1;\n          },\n          render: (_v, r) => {\n            const { alias, inNodeModules } = getPathInfo(r);\n            return (\n              <Space>\n                <Tooltip title={r.path}>\n                  <Typography.Text copyable={{ text: r.path }}>\n                    {alias}\n                  </Typography.Text>\n                </Tooltip>\n                {inNodeModules ? <Tag color=\"warning\">node_modules</Tag> : null}\n                <FileUpdateTypeTag type={getUpdateType(r)} />\n              </Space>\n            );\n          },\n        },\n        getTargetColumnPropsForModuleRow(\n          'current',\n          bModulesCount,\n          cModulesCount,\n        ),\n        getTargetColumnPropsForModuleRow(\n          'baseline',\n          bModulesCount,\n          cModulesCount,\n        ),\n        {\n          title: 'Actions',\n          width: 200,\n          render: (_v, r) => {\n            return (\n              <Space direction=\"vertical\" style={{ maxWidth: 170 }}>\n                <ViewChanges\n                  text=\"View Changes\"\n                  file={r.path}\n                  data={[\n                    {\n                      baseline:\n                        baseline.moduleCodeMap[r.baseline?.id as number]\n                          ?.source,\n                      current:\n                        current.moduleCodeMap[r.current?.id as number]?.source,\n                      group: 'Source',\n                    },\n                    {\n                      baseline:\n                        baseline.moduleCodeMap[r.baseline?.id as number]\n                          ?.transformed,\n                      current:\n                        current.moduleCodeMap[r.current?.id as number]\n                          ?.transformed,\n                      group: 'Transformed Source',\n                    },\n                    {\n                      baseline:\n                        baseline.moduleCodeMap[r.baseline?.id as number]\n                          ?.parsedSource,\n                      current:\n                        current.moduleCodeMap[r.current?.id as number]\n                          ?.parsedSource,\n                      group: 'Parsed Source',\n                    },\n                  ]}\n                />\n              </Space>\n            );\n          },\n        },\n      ]}\n    />\n  );\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/BundleDiff/DiffContainer/types.d.ts

@@ -1,44 +0,0 @@
-import { Client, Manifest, SDK } from '@rsdoctor/types';
-import { UpdateType } from './constants';
-import { InferServerAPIBody } from '../../Manifest';
-export type BundleDiffServerAPIProviderComponentCommonProps<T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends> = {
-    manifests?: Manifest.RsdoctorManifest[];
-    api: T;
-    children: (baseline: SDK.ServerAPI.InferResponseType<T>, current: SDK.ServerAPI.InferResponseType<T>) => JSX.Element;
-} & InferServerAPIBody<T>;
-export interface BundleDiffContainerProps {
-    manifests: Manifest.RsdoctorManifest[];
-}
-export interface BundleDiffComponentCommonProps {
-    baseline: Manifest.RsdoctorManifest;
-    current: Manifest.RsdoctorManifest;
-    onlyBaseline: boolean;
-    assetsDiffResult: Client.RsdoctorClientAssetsDiffResult;
-}
-export interface BundleDiffComponentCardProps {
-    baseline: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];
-    current: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];
-    onlyBaseline: boolean;
-    assetsDiffResult: Client.RsdoctorClientAssetsDiffResult;
-}
-export interface BundleDiffTableOverviewData {
-    total: Client.RsdoctorClientAssetsDiffItem;
-    initial?: Client.RsdoctorClientAssetsDiffItem;
-}
-export interface BundleDiffTableAssetsData {
-    alias: string;
-    baseline?: SDK.AssetData;
-    current?: SDK.AssetData;
-}
-export interface BundleDiffTableModulesData {
-    [key: string]: unknown;
-    path: string;
-    baseline?: SDK.ModuleData;
-    current?: SDK.ModuleData;
-}
-export interface BundleDiffTablePackagesData {
-    name: string;
-    updateType: UpdateType;
-    baseline?: SDK.PackageData[];
-    current?: SDK.PackageData[];
-}

package/dist/components/BundleDiff/DiffContainer/utils.d.ts

@@ -1,2 +0,0 @@
-import { Client } from '@rsdoctor/types';
-export declare const formatDiffSize: (bSize: number, cSize: number, state: Client.RsdoctorClientDiffState, propsStyle?: Record<string, string | number>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BundleDiff/DiffContainer/utils.js

@@ -1,26 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { formatSize } from "@rsdoctor/components/utils";
-import { Client } from "@rsdoctor/types";
-import { Typography } from "antd";
-import { Color } from "../../../constants";
-const formatDiffSize = (bSize, cSize, state, propsStyle) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: cSize - bSize === 0 ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsxs(
-    Typography.Text,
-    {
-      strong: true,
-      style: {
-        color: state === Client.RsdoctorClientDiffState.Up ? Color.Red : Color.Green,
-        ...propsStyle
-      },
-      children: [
-        state === Client.RsdoctorClientDiffState.Up ? "+" : "-",
-        formatSize(Math.abs(cSize - bSize))
-      ]
-    }
-  ) });
-};
-export {
-  formatDiffSize
-};
-
-//# sourceMappingURL=utils.js.map

package/dist/components/BundleDiff/DiffContainer/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAcQ,wBAEA,YAFA;AAdR,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAEf,MAAM,iBAAiB,CAC5B,OACA,OACA,OACA,eACG;AACH,SACE,gCACG,kBAAQ,UAAU,IACjB,gCAAE,IAEF;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,QAAM;AAAA,MACN,OAAO;AAAA,QACL,OACE,UAAU,OAAO,wBAAwB,KACrC,MAAM,MACN,MAAM;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,kBAAU,OAAO,wBAAwB,KAAK,MAAM;AAAA,QACpD,WAAW,KAAK,IAAI,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,EACrC,GAEJ;AAEJ","names":[],"ignoreList":[],"sources":["../../../../src/components/BundleDiff/DiffContainer/utils.tsx"],"sourcesContent":["import { formatSize } from '@rsdoctor/components/utils';\nimport { Client } from '@rsdoctor/types';\nimport { Typography } from 'antd';\nimport { Color } from '../../../constants';\n\nexport const formatDiffSize = (\n  bSize: number,\n  cSize: number,\n  state: Client.RsdoctorClientDiffState,\n  propsStyle?: Record<string, string | number>,\n) => {\n  return (\n    <>\n      {cSize - bSize === 0 ? (\n        <></>\n      ) : (\n        <Typography.Text\n          strong\n          style={{\n            color:\n              state === Client.RsdoctorClientDiffState.Up\n                ? Color.Red\n                : Color.Green,\n            ...propsStyle,\n          }}\n        >\n          {state === Client.RsdoctorClientDiffState.Up ? '+' : '-'}\n          {formatSize(Math.abs(cSize - bSize))}\n        </Typography.Text>\n      )}\n    </>\n  );\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/BundleDiff/DiffServerAPIProvider/index.d.ts

@@ -1,3 +0,0 @@
-import { SDK } from '@rsdoctor/types';
-import { BundleDiffServerAPIProviderComponentCommonProps } from '../DiffContainer/types';
-export declare const DiffServerAPIProvider: <T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends>(props: BundleDiffServerAPIProviderComponentCommonProps<T>) => JSX.Element;

package/dist/components/BundleDiff/DiffServerAPIProvider/index.js

@@ -1,39 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Client } from "@rsdoctor/types";
-import { Empty } from "antd";
-import { ServerAPIProvider } from "../../Manifest";
-import { useUrlQuery, fetchManifest } from "../../../utils";
-const DiffServerAPIProvider = (props) => {
-  const { api, body, children, manifests } = props;
-  const query = useUrlQuery();
-  const [baselineFile, currentFile] = query[Client.RsdoctorClientUrlQuery.BundleDiffFiles]?.split(",") || [];
-  if (manifests?.length) {
-    return /* @__PURE__ */ jsx(Fragment, { children: children(manifests[0].data, manifests[1].data) });
-  }
-  return /* @__PURE__ */ jsx(
-    ServerAPIProvider,
-    {
-      api,
-      body,
-      manifestLoader: baselineFile ? () => fetchManifest(baselineFile) : void 0,
-      children: (baseline) => {
-        return baseline ? /* @__PURE__ */ jsx(
-          ServerAPIProvider,
-          {
-            api,
-            body,
-            manifestLoader: currentFile ? () => fetchManifest(currentFile) : void 0,
-            children: (current) => {
-              return current ? children(baseline, current) : /* @__PURE__ */ jsx(Empty, {});
-            }
-          }
-        ) : /* @__PURE__ */ jsx(Empty, {});
-      }
-    }
-  );
-};
-export {
-  DiffServerAPIProvider
-};
-
-//# sourceMappingURL=index.js.map

package/dist/components/BundleDiff/DiffServerAPIProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAkBW;AAlBX,SAAS,cAAmB;AAE5B,SAAS,aAAa;AACtB,SAAS,yBAAyB;AAClC,SAAS,aAAa,qBAAqB;AAEpC,MAAM,wBAAwB,CAGnC,UACgB;AAChB,QAAM,EAAE,KAAK,MAAM,UAAU,UAAU,IAAI;AAC3C,QAAM,QAAQ,YAAY;AAC1B,QAAM,CAAC,cAAc,WAAW,IAC9B,MAAM,OAAO,uBAAuB,eAAe,GAAG,MAAM,GAAG,KAAK,CAAC;AAEvE,MAAI,WAAW,QAAQ;AAErB,WAAO,gCAAG,mBAAS,UAAU,CAAC,EAAE,MAAa,UAAU,CAAC,EAAE,IAAW,GAAE;AAAA,EACzE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBACE,eAAe,MAAM,cAAc,YAAY,IAAI;AAAA,MAGpD,WAAC,aAAa;AACb,eAAO,WACL;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,gBACE,cAAc,MAAM,cAAc,WAAW,IAAI;AAAA,YAGlD,WAAC,YAAY;AACZ,qBAAO,UAAU,SAAS,UAAU,OAAO,IAAI,oBAAC,SAAM;AAAA,YACxD;AAAA;AAAA,QACF,IAEA,oBAAC,SAAM;AAAA,MAEX;AAAA;AAAA,EACF;AAEJ","names":[],"ignoreList":[],"sources":["../../../../src/components/BundleDiff/DiffServerAPIProvider/index.tsx"],"sourcesContent":["import { Client, SDK } from '@rsdoctor/types';\nimport { BundleDiffServerAPIProviderComponentCommonProps } from '../DiffContainer/types';\nimport { Empty } from 'antd';\nimport { ServerAPIProvider } from '../../Manifest';\nimport { useUrlQuery, fetchManifest } from '../../../utils';\n\nexport const DiffServerAPIProvider = <\n  T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n>(\n  props: BundleDiffServerAPIProviderComponentCommonProps<T>,\n): JSX.Element => {\n  const { api, body, children, manifests } = props;\n  const query = useUrlQuery();\n  const [baselineFile, currentFile] =\n    query[Client.RsdoctorClientUrlQuery.BundleDiffFiles]?.split(',') || [];\n\n  if (manifests?.length) {\n    // 兼容 webpack stats 场景\n    return <>{children(manifests[0].data as any, manifests[1].data as any)}</>;\n  }\n\n  return (\n    <ServerAPIProvider\n      api={api}\n      body={body}\n      manifestLoader={\n        baselineFile ? () => fetchManifest(baselineFile) : undefined\n      }\n    >\n      {(baseline) => {\n        return baseline ? (\n          <ServerAPIProvider\n            api={api}\n            body={body}\n            manifestLoader={\n              currentFile ? () => fetchManifest(currentFile) : undefined\n            }\n          >\n            {(current) => {\n              return current ? children(baseline, current) : <Empty />;\n            }}\n          </ServerAPIProvider>\n        ) : (\n          <Empty />\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/BundleDiff/constants.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Client, Manifest } from '@rsdoctor/types';
-export declare const name = "Bundle Diff";
-export declare const route = Client.RsdoctorClientRoutes.BundleDiff;
-export declare const BundleDiffContext: React.Context<{
-    manifests: Manifest.RsdoctorManifest[];
-    setManifests(_manifests: Manifest.RsdoctorManifest[]): void;
-    loading: boolean;
-    setLoading(_loading: boolean): void;
-    withLoading(_func: (...args: unknown[]) => Promise<unknown> | unknown): Promise<void>;
-}>;

package/dist/components/BundleDiff/constants.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { Client } from "@rsdoctor/types";
-const name = "Bundle Diff";
-const route = Client.RsdoctorClientRoutes.BundleDiff;
-const BundleDiffContext = React.createContext({
-  manifests: [],
-  setManifests(_manifests) {
-  },
-  loading: false,
-  setLoading(_loading) {
-  },
-  async withLoading(_func) {
-  }
-});
-export {
-  BundleDiffContext,
-  name,
-  route
-};
-
-//# sourceMappingURL=constants.js.map

package/dist/components/BundleDiff/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,cAAwB;AAE1B,MAAM,OAAO;AAEb,MAAM,QAAQ,OAAO,qBAAqB;AAE1C,MAAM,oBAAoB,MAAM,cAAc;AAAA,EACnD,WAAW,CAAC;AAAA,EACZ,aAAa,YAA+C;AAAA,EAAC;AAAA,EAC7D,SAAS;AAAA,EACT,WAAW,UAAyB;AAAA,EAAC;AAAA,EACrC,MAAM,YACJ,OACA;AAAA,EAAC;AACL,CAAC","names":[],"ignoreList":[],"sources":["../../../src/components/BundleDiff/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { Client, Manifest } from '@rsdoctor/types';\n\nexport const name = 'Bundle Diff';\n\nexport const route = Client.RsdoctorClientRoutes.BundleDiff;\n\nexport const BundleDiffContext = React.createContext({\n  manifests: [] as Manifest.RsdoctorManifest[],\n  setManifests(_manifests: Manifest.RsdoctorManifest[]): void {},\n  loading: false,\n  setLoading(_loading: boolean): void {},\n  async withLoading(\n    _func: (...args: unknown[]) => Promise<unknown> | unknown,\n  ) {},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/BundleDiff/index.d.ts

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

package/dist/components/BundleDiff/index.js

@@ -1,3 +0,0 @@
-export * from "./DiffContainer";
-
-//# sourceMappingURL=index.js.map

package/dist/components/BundleDiff/index.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAAA,cAAc","names":[],"ignoreList":[],"sources":["../../../src/components/BundleDiff/index.ts"],"sourcesContent":["export * from './DiffContainer';\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/CodeViewer/config.d.ts

@@ -1,2 +0,0 @@
-import type { editor } from 'monaco-editor';
-export declare const DefaultEditorConfig: editor.IStandaloneEditorConstructionOptions;

package/dist/components/CodeViewer/config.js

@@ -1,20 +0,0 @@
-const DefaultEditorConfig = {
-  readOnly: true,
-  domReadOnly: true,
-  fontSize: 12,
-  renderValidationDecorations: "off",
-  hideCursorInOverviewRuler: true,
-  smoothScrolling: true,
-  wordWrap: "bounded",
-  colorDecorators: true,
-  codeLens: false,
-  cursorWidth: 0,
-  minimap: {
-    enabled: false
-  }
-};
-export {
-  DefaultEditorConfig
-};
-
-//# sourceMappingURL=config.js.map

package/dist/components/CodeViewer/config.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"AAEO,MAAM,sBAAmE;AAAA,EAC9E,UAAU;AAAA,EACV,aAAa;AAAA,EACb,UAAU;AAAA,EACV,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,IACP,SAAS;AAAA,EACX;AACF","names":[],"ignoreList":[],"sources":["../../../src/components/CodeViewer/config.ts"],"sourcesContent":["import type { editor } from 'monaco-editor';\n\nexport const DefaultEditorConfig: editor.IStandaloneEditorConstructionOptions = {\n  readOnly: true,\n  domReadOnly: true,\n  fontSize: 12,\n  renderValidationDecorations: 'off',\n  hideCursorInOverviewRuler: true,\n  smoothScrolling: true,\n  wordWrap: 'bounded',\n  colorDecorators: true,\n  codeLens: false,\n  cursorWidth: 0,\n  minimap: {\n    enabled: false,\n  },\n};\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/components/CodeViewer/diff.d.ts

@@ -1,11 +0,0 @@
-import { DiffEditorProps } from '@monaco-editor/react';
-import React from 'react';
-interface DiffViewerProps {
-    before: string;
-    after: string;
-    filepath: string;
-    className?: string;
-    editorProps?: DiffEditorProps;
-}
-export declare const DiffViewer: React.FC<DiffViewerProps>;
-export {};