@rsdoctor/components 1.2.0-beta.2 → 1.2.1

package/dist/components/Alert/change.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CodeChangeAlertProps } from './types';
+export declare const CodeChangeAlert: React.FC<CodeChangeAlertProps>;

package/dist/components/Alert/ecma-version-check.d.ts

@@ -0,0 +1,2 @@
+import { LinkAlertProps } from './types';
+export declare const ECMAVersionCheck: React.FC<LinkAlertProps>;

package/dist/components/Alert/file-relation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FileRelationAlertProps } from './types';
+export declare const FileRelationAlert: React.FC<FileRelationAlertProps>;

package/dist/components/Alert/package-relation.d.ts

@@ -0,0 +1,16 @@
+import { Rule, SDK } from '@rsdoctor/types';
+import { PackageRelationAlertProps } from './types';
+export declare const PackageRelationReasons: React.FC<{
+    data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPackageRelationAlertDetails>;
+    cwd: string;
+}>;
+export declare const PackageRelationReasonsWithServer: import("react").FC<Omit<{
+    data: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPackageRelationAlertDetails>;
+    cwd: string;
+}, "data"> & Partial<{
+    body: {
+        id: Rule.RuleStoreDataItem["id"];
+        target: SDK.PackageBasicData;
+    };
+}>>;
+export declare const PackageRelationAlert: React.FC<PackageRelationAlertProps>;

package/dist/components/Alert/types.d.ts

@@ -0,0 +1,33 @@
+import { Rule } from '@rsdoctor/types';
+import React from 'react';
+import type { CheckSyntax } from '@rsbuild/plugin-check-syntax';
+export interface AlertProps extends Omit<PackageRelationAlertProps, 'data'> {
+    data: Rule.RuleStoreDataItem;
+    cwd: string;
+}
+export interface PackageRelationAlertProps {
+    data: Rule.PackageRelationDiffRuleStoreData;
+    getPackageRelationContentComponent: React.FC<{
+        data: Rule.PackageRelationDiffRuleStoreData;
+        package: Rule.PackageRelationData;
+    }>;
+    cwd: string;
+}
+export interface FileRelationAlertProps {
+    data: Rule.FileRelationRuleStoreData;
+}
+export interface CodeChangeAlertProps {
+    data: Rule.CodeChangeRuleStoreData;
+    cwd: string;
+}
+export interface CodeViewAlertProps {
+    data: Rule.CodeViewRuleStoreData;
+    cwd: string;
+}
+type CheckSyntaxError = CheckSyntax['errors'] extends Array<infer T> ? T : false;
+export interface LinkAlertProps {
+    data: (Rule.RuleStoreDataItem & {
+        error?: CheckSyntaxError;
+    })[];
+}
+export {};

package/dist/components/Alert/view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CodeViewAlertProps } from './types';
+export declare const CodeViewDrawerContent: React.FC<CodeViewAlertProps>;
+export declare const CodeViewAlert: React.FC<CodeViewAlertProps>;

package/dist/components/Alerts/bundle-alert.d.ts

@@ -0,0 +1,14 @@
+import { ViewMode } from '../../constants';
+import { AlertProps } from '../Alert/types';
+import type { Rule } from '@rsdoctor/types';
+interface BundleAlertProps {
+    title: string;
+    cwd: string;
+    dataSource: Rule.RuleStoreDataItem[];
+    extraData: Omit<AlertProps, 'data'>;
+    viewMode: ViewMode;
+    setViewMode(mode: ViewMode): void;
+    extraCom?: JSX.Element | undefined;
+}
+export declare const BundleAlert: React.FC<BundleAlertProps>;
+export {};

package/dist/components/Alerts/bundle.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Rule, SDK } from '@rsdoctor/types';
+interface BundleAlertsProps {
+    filter?(alert: Rule.RuleStoreDataItem): boolean;
+    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;
+}
+export declare const BundleAlertsBase: React.FC<BundleAlertsProps>;
+export declare const BundleAlerts: React.FC<Omit<BundleAlertsProps, "project"> & Partial<{
+    body?: any;
+}>>;
+export {};

package/dist/components/Alerts/collapse-cross-chunks.d.ts

@@ -0,0 +1,6 @@
+import type { Rule } from '@rsdoctor/types';
+import type { AlertProps } from '../Alert/types';
+export declare const CrossChunksAlertCollapse: (props: {
+    data: Array<Rule.RuleStoreDataItem>;
+    extraData: Omit<AlertProps, "data">;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Alerts/collapse.d.ts

@@ -0,0 +1,6 @@
+import type { Rule } from '@rsdoctor/types';
+import type { AlertProps } from '../Alert/types';
+export declare const AlertCollapse: (props: {
+    data: Array<Rule.RuleStoreDataItem>;
+    extraData: Omit<AlertProps, "data">;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Alerts/compile.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Rule, SDK } from '@rsdoctor/types';
+interface CompileAlertsProps {
+    filter?(alert: Rule.RuleStoreDataItem): boolean;
+    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;
+}
+export declare const CompileAlerts: React.FC<Omit<CompileAlertsProps, "project"> & Partial<{
+    body?: any;
+}>>;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './bundle';
+export * from './compile';
+export * from './overlay';

package/dist/components/Alerts/list.d.ts

@@ -0,0 +1,4 @@
+import type { Rule } from '@rsdoctor/types';
+export declare const CommonList: (props: {
+    data: Array<Rule.RuleStoreDataItem>;
+}) => import("react/jsx-runtime").JSX.Element[];

package/dist/components/Alerts/overlay.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { SDK } from '@rsdoctor/types';
+import 'rc-dialog/assets/index.css';
+export declare const OverlayAlertsModal: React.FC<{
+    alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
+    open: boolean;
+    onClose(): void;
+}>;
+export declare const OverlayAlertsTips: React.FC<{
+    alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
+    defaultOpen?: boolean;
+}>;
+export declare const OverlayAlertsButton: React.FC<{
+    alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
+}>;
+export declare const OverlayAlertsWithButton: React.FC<Omit<{
+    alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
+}, "alerts"> & Partial<{
+    body?: any;
+}>>;
+export declare const OverlayAlertsWithTips: React.FC<Omit<{
+    alerts: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetOverlayAlerts>;
+    defaultOpen?: boolean;
+}, "alerts"> & Partial<{
+    body?: any;
+}>>;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare enum BadgeType {
+    Default = "default",
+    Success = "success",
+    Warn = "warn",
+    Error = "error"
+}
+export declare const BadgeColorMap: {
+    default: string;
+    success: string;
+    warn: string;
+    error: string;
+};
+interface BadgeProps {
+    label: string | number | React.ReactNode;
+    value: string | number | React.ReactNode;
+    type?: BadgeType | `${BadgeType}`;
+    tooltip?: true | string | React.ReactNode;
+}
+export declare const Badge: React.FC<BadgeProps>;
+export {};

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

@@ -0,0 +1,24 @@
+import { Client } from '@rsdoctor/types';
+import React from 'react';
+export { StatisticCard } from './statistic';
+export interface DiffCardProps extends Pick<DiffCardContentProps, 'formatter'> {
+    titles: Array<string> | [string | React.ReactNode];
+    datas: Array<DiffCardContentProps['data']>;
+    showPercentInTitle?: boolean;
+}
+export interface DiffCardContentProps {
+    data: Client.RsdoctorClientAssetsDiffItem;
+    formatter?(v: number, target: 'baseline' | 'current'): number | string | React.ReactNode;
+}
+export interface PercentProps {
+    percent: number;
+    state: Client.RsdoctorClientDiffState;
+    fontSize?: React.CSSProperties['fontSize'];
+}
+export declare const SizePercent: React.FC<{
+    baseline: number;
+    current: number;
+} & Omit<PercentProps, 'percent' | 'state'>>;
+export declare const Percent: React.FC<PercentProps>;
+export declare const DiffCardContent: React.FC<DiffCardContentProps>;
+export declare const DiffCard: React.FC<DiffCardProps>;

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

@@ -0,0 +1,9 @@
+import React, { CSSProperties } from 'react';
+import { CardProps as CProps } from 'antd';
+export * from './diff';
+export interface CardProps extends CProps {
+    collapsable?: boolean;
+    dividerStyle?: CSSProperties;
+    defaultCollapsed?: boolean;
+}
+export declare const Card: React.FC<CardProps>;

package/dist/components/Card/size.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface SizeCardProps {
+    files: {
+        path: string;
+        size: number;
+    }[];
+    /**
+     * total size for origin files
+     */
+    total: number;
+    /**
+     * @default false
+     */
+    showProgress?: boolean;
+    tagBgColor: string;
+    type: string;
+}
+export interface bgColorType {
+    bgColor: string;
+    tagBgColor: string;
+}
+export declare const SizeCard: React.FC<SizeCardProps>;

package/dist/components/Card/statistic.d.ts

@@ -0,0 +1,10 @@
+import { StatisticProps } from 'antd';
+export interface StatisticCardProps {
+    title: string | React.ReactNode;
+    value: string | React.ReactNode;
+    statisticProps?: StatisticProps;
+    boxProps?: {
+        style?: React.CSSProperties;
+    };
+}
+export declare const StatisticCard: React.FC<StatisticCardProps>;

package/dist/components/Charts/TimelineCharts/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DurationMetric, ITraceEventData } from '../types';
+import { ChartTypes } from '../constants';
+export declare const TimelineCom: React.FC<{
+    loaderData?: DurationMetric[];
+    pluginsData?: ITraceEventData[];
+    formatterFn: Function;
+    chartType?: ChartTypes;
+    exts?: {
+        endTimestamp: number;
+        startTimestamp: number;
+    };
+}>;

package/dist/components/Charts/TreeMap.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type TreeNode = {
+    name: string;
+    value?: number;
+    children?: TreeNode[];
+    path?: string;
+    sourceSize?: number;
+    bundledSize?: number;
+    gzipSize?: number;
+};
+interface TreeMapProps {
+    treeData: TreeNode[];
+    valueKey?: 'sourceSize' | 'bundledSize';
+    style?: React.CSSProperties;
+    onChartClick?: (params: any) => void;
+}
+export declare const TreeMap: React.ForwardRefExoticComponent<TreeMapProps & React.RefAttributes<any>>;
+export declare const AssetTreemapWithFilter: React.FC<{
+    treeData: TreeNode[];
+    onChartClick?: (params: any) => void;
+    bundledSize?: boolean;
+}>;
+export {};

package/dist/components/Charts/TreeMap.mjs

@@ -294,7 +294,7 @@ const AssetTreemapWithFilter = ({ treeData, onChartClick, bundledSize = false })
                                 options: assetNames,
                                 value: checkedAssets,
                                 onChange: setCheckedAssets,
-                                className: treemap_module["asset-checkbox-group"]
+                                className: `checkbox-container ${collapsed ? 'collapsed' : ''} ${treemap_module["asset-checkbox-group"]}`
                             }, "asset-checkbox-group")
                         ]
                     })

package/dist/components/Charts/TreeMap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Charts/TreeMap.mjs","sources":["webpack://@rsdoctor/components/./src/components/Charts/TreeMap.tsx"],"sourcesContent":["import React, { useEffect, useState, memo, useMemo } from 'react';\nimport ReactEChartsCore from 'echarts-for-react/lib/core';\nimport * as echarts from 'echarts/core';\nimport { TreemapChart } from 'echarts/charts';\nimport { TooltipComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { BUNDLE_ANALYZER_COLORS, COLOR_GROUPS } from './constants';\nimport { Checkbox, Card, Typography, Space, Tooltip, Tag } from 'antd';\nimport {\n  VerticalAlignBottomOutlined,\n  VerticalAlignTopOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { formatSize, useI18n } from 'src/utils';\nimport { SearchModal } from 'src/pages/BundleSize/components/search-modal';\nimport Styles from './treemap.module.scss';\n\n// TreeNode type should match the output of flattenTreemapData\nexport type TreeNode = {\n  name: string;\n  value?: number;\n  children?: TreeNode[];\n  path?: string;\n  sourceSize?: number;\n  bundledSize?: number;\n  gzipSize?: number;\n};\n\ninterface TreeMapProps {\n  treeData: TreeNode[];\n  valueKey?: 'sourceSize' | 'bundledSize'; // which value to show as area\n  style?: React.CSSProperties;\n  onChartClick?: (params: any) => void;\n}\n\n// Simple hash function for string (djb2)\nfunction hashString(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) + hash + str.charCodeAt(i); /* hash * 33 + c */\n  }\n  return hash >>> 0; // Ensure unsigned\n}\n\nfunction getLevelOption() {\n  return [\n    {\n      itemStyle: {\n        color: 'white',\n        borderColor: '#eee',\n        borderWidth: 5,\n        gapWidth: 5,\n      },\n      emphasis: {\n        itemStyle: {\n          borderColor: '#a29f9f',\n        },\n      },\n    },\n    {\n      colorSaturation: [0.25, 0.5],\n      itemStyle: {\n        borderWidth: 5,\n        gapWidth: 5,\n        borderColorSaturation: 0.5,\n        borderColor: '#eee',\n      },\n    },\n  ];\n}\n\nconst TreeMapInner: React.FC<TreeMapProps & { forwardedRef?: React.Ref<any> }> =\n  memo(\n    ({\n      treeData,\n      valueKey = 'sourceSize',\n      style,\n      onChartClick,\n      forwardedRef,\n    }) => {\n      const [option, setOption] = useState<any>(null);\n      const chartRef = React.useRef<any>(null);\n\n      // Expose chartRef to parent if forwardedRef is provided\n      useEffect(() => {\n        if (forwardedRef && chartRef.current) {\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(chartRef.current);\n          } else {\n            (forwardedRef as React.MutableRefObject<any>).current =\n              chartRef.current;\n          }\n        }\n      }, [forwardedRef, chartRef.current]);\n\n      // Register ECharts components\n      useEffect(() => {\n        echarts.use([TreemapChart, TooltipComponent, CanvasRenderer]);\n      }, []);\n\n      useEffect(() => {\n        if (!treeData) return;\n        // Helper to recursively add value field for ECharts\n        function convert(\n          node: TreeNode,\n          colorGroup: keyof typeof BUNDLE_ANALYZER_COLORS,\n          level = 0,\n        ): any {\n          const groupColors = BUNDLE_ANALYZER_COLORS[colorGroup];\n          const children = node.children?.map((c, _i) =>\n            convert(c, colorGroup, level + 1),\n          );\n\n          return {\n            id: node.path ? hashString(node.path) : undefined,\n            name: node.name,\n            value: node[valueKey] ?? node.value ?? 0,\n            path: node.path,\n            sourceSize: node.sourceSize ?? node.value,\n            bundledSize: node.bundledSize,\n            gzipSize: node.gzipSize,\n            children: children && children.length > 0 ? children : undefined,\n            itemStyle: {\n              borderWidth: 2,\n              gapWidth: 2,\n              borderColorSaturation: 0.2,\n              colorSaturation: 0.2,\n              color: groupColors[level % groupColors.length],\n              borderColor: groupColors[level % groupColors.length],\n            },\n            level,\n          };\n        }\n        const data = treeData.map((item, index) => {\n          const group = COLOR_GROUPS[index % COLOR_GROUPS.length];\n          return convert(item, group, 0);\n        });\n\n        setOption({\n          title: {\n            text: 'Bundle Tree Map',\n            left: 'center',\n          },\n          tooltip: {\n            position: 'top',\n            formatter: function (info: any) {\n              var treePathInfo = info.treePathInfo;\n              var treePath = [];\n              for (var i = 1; i < treePathInfo.length; i++) {\n                treePath.push(treePathInfo[i].name);\n              }\n              // Get extra info from node data\n              var node = info.data || {};\n              var path = node.path || treePath.join('/');\n              var sourceSize = node.sourceSize;\n              var bundledSize = node.bundledSize;\n              var gzipSize = node.gzipSize;\n              var level = node.level;\n\n              function makeRow(\n                label: string,\n                value: string,\n                valueColor?: string,\n              ) {\n                return (\n                  `<div class=\"${Styles['tooltip-row']}\">` +\n                  `<span class=\"${Styles['tooltip-label']}\">${label}</span>` +\n                  `<span${valueColor ? ` style=\"color: ${valueColor}\"` : ''}>${value}</span>` +\n                  '</div>'\n                );\n              }\n              return [\n                `<div class=\"${Styles['tooltip-path']}\">` +\n                  echarts.format.encodeHTML(path) +\n                  '</div>',\n                makeRow(\n                  level === 0 ? 'Asset' : 'Source',\n                  sourceSize !== undefined ? formatSize(sourceSize) : '-',\n                ),\n                !bundledSize\n                  ? ''\n                  : makeRow('Bundled', formatSize(bundledSize), '#1890ff'),\n                !gzipSize\n                  ? ''\n                  : makeRow('Gzipped', formatSize(gzipSize), '#52c41a'),\n              ].join('');\n            },\n          },\n          series: [\n            {\n              name: 'Bundle Tree Map',\n              id: 'bundle-treemap',\n              type: 'treemap',\n              visibleMin: 300,\n              left: 10,\n              right: 10,\n              top: 10,\n              bottom: 10,\n              label: {\n                show: true,\n                formatter: '{b}',\n                color: '#000',\n              },\n              upperLabel: {\n                show: true,\n                height: 30,\n              },\n\n              levels: getLevelOption(),\n              data: data,\n            },\n          ],\n        });\n      }, [treeData, valueKey]);\n\n      return option ? (\n        <div>\n          <ReactEChartsCore\n            ref={chartRef}\n            option={option}\n            echarts={echarts}\n            onEvents={onChartClick ? { click: onChartClick } : undefined}\n            style={{\n              width: '100%',\n              minHeight: '500px',\n              maxHeight: '1000px',\n              border: '5px solid white',\n              borderRadius: '10px',\n              ...style,\n            }}\n            className={Styles['chart-container']}\n          />\n        </div>\n      ) : null;\n    },\n  );\n\nexport const TreeMap = React.forwardRef<any, TreeMapProps>((props, ref) => (\n  <TreeMapInner {...props} forwardedRef={ref} />\n));\n\nexport const AssetTreemapWithFilter: React.FC<{\n  treeData: TreeNode[];\n  onChartClick?: (params: any) => void;\n  bundledSize?: boolean;\n}> = ({ treeData, onChartClick, bundledSize = false }) => {\n  const assetNames = useMemo(\n    () => treeData.map((item) => item.name),\n    [treeData],\n  );\n  const [checkedAssets, setCheckedAssets] = useState<string[]>(assetNames);\n  const [collapsed, setCollapsed] = useState(false);\n  const [searchModalOpen, setSearchModalOpen] = useState(false);\n  const chartRef = React.useRef<any>(null);\n  const { t } = useI18n();\n\n  const filteredTreeData = useMemo(\n    () => treeData.filter((item) => checkedAssets.includes(item.name)),\n    [treeData, checkedAssets],\n  );\n\n  // Handler for search modal click\n  const handleModuleClick = (module: any) => {\n    if (!module?.path) return;\n    const nodeId = hashString(module.path);\n    if (chartRef.current) {\n      const echartsInstance = chartRef.current.getEchartsInstance();\n      echartsInstance.dispatchAction({\n        type: 'treemapZoomToNode',\n        seriesId: 'bundle-treemap',\n        targetNodeId: nodeId.toString(),\n      });\n    }\n    setSearchModalOpen(false);\n  };\n\n  return (\n    <div\n      style={{ display: 'flex', flexDirection: 'column', gap: 16 }}\n      className={Styles.treemap}\n    >\n      <Space direction=\"vertical\" style={{ width: '100%' }}>\n        <Card\n          title={\n            <Space>\n              <Typography.Text>{t('Output Assets List')}</Typography.Text>\n              <SearchModal\n                onModuleClick={handleModuleClick}\n                open={searchModalOpen}\n                setOpen={setSearchModalOpen}\n                isIcon={true}\n              />\n              <Tooltip\n                color={'white'}\n                title={\n                  <span>\n                    ✨ In Rspack, TreeMap proportions are always based on\n                    Bundled Size by default.\n                    <br />\n                    ✨ In Webpack, TreeMap proportions are based on Bundled Size\n                    only when SourceMap is enabled.\n                    <br />✨ <b>Bundled Size</b>: The size of a module after\n                    bundling and minification.\n                    <br />✨ <b>Source Size</b>: The size of a module after\n                    compilation (e.g., TypeScript/JSX to JS), but before\n                    bundling and minification.\n                    <br />✨ <b>Gzipped Size</b>: The compressed file size that\n                    users actually download, as most web servers use gzip\n                    compression.\n                    <br />\n                  </span>\n                }\n                overlayInnerStyle={{ width: 620, color: 'black' }}\n              >\n                <InfoCircleOutlined\n                  style={{ color: '#1890ff', marginLeft: 8 }}\n                />\n              </Tooltip>\n              <Tag color=\"blue\">\n                TreeMap area based on{' '}\n                {bundledSize ? 'Bundled Size' : 'Source Size'}\n              </Tag>\n            </Space>\n          }\n          extra={\n            <span\n              className={Styles['collapse-icon']}\n              onClick={() => setCollapsed((c) => !c)}\n              aria-label={collapsed ? t('Expand') : t('Collapse')}\n            >\n              {collapsed ? (\n                <VerticalAlignBottomOutlined />\n              ) : (\n                <VerticalAlignTopOutlined />\n              )}\n            </span>\n          }\n          size=\"small\"\n          className={`card-body ${collapsed ? 'collapsed' : ''}`}\n        >\n          <div className={`checkbox-container ${collapsed ? 'collapsed' : ''}`}>\n            <Checkbox\n              key=\"all-none-checkbox\"\n              indeterminate={\n                checkedAssets.length > 0 &&\n                checkedAssets.length < assetNames.length\n              }\n              checked={checkedAssets.length === assetNames.length}\n              onChange={(e) =>\n                setCheckedAssets(e.target.checked ? assetNames : [])\n              }\n              className={Styles['all-none-checkbox']}\n            >\n              {'ALL / NONE'}\n            </Checkbox>\n            <Checkbox.Group\n              key=\"asset-checkbox-group\"\n              options={assetNames}\n              value={checkedAssets}\n              onChange={setCheckedAssets}\n              className={Styles['asset-checkbox-group']}\n            />\n          </div>\n        </Card>\n        <div style={{ flex: 1 }}>\n          <TreeMap\n            ref={chartRef}\n            treeData={filteredTreeData}\n            valueKey={bundledSize ? 'bundledSize' : 'sourceSize'}\n            onChartClick={onChartClick}\n          />\n        </div>\n      </Space>\n    </div>\n  );\n};\n"],"names":["hashString","str","hash","i","getLevelOption","TreeMapInner","memo","treeData","valueKey","style","onChartClick","forwardedRef","option","setOption","useState","chartRef","React","useEffect","echarts","TreemapChart","TooltipComponent","CanvasRenderer","convert","node","colorGroup","level","_node_children","groupColors","BUNDLE_ANALYZER_COLORS","children","c","_i","undefined","data","item","index","group","COLOR_GROUPS","info","treePathInfo","treePath","path","sourceSize","bundledSize","gzipSize","makeRow","label","value","valueColor","Styles","formatSize","ReactEChartsCore","TreeMap","props","ref","AssetTreemapWithFilter","assetNames","useMemo","checkedAssets","setCheckedAssets","collapsed","setCollapsed","searchModalOpen","setSearchModalOpen","t","useI18n","filteredTreeData","handleModuleClick","module","nodeId","echartsInstance","Space","Card","Typography","SearchModal","Tooltip","InfoCircleOutlined","Tag","VerticalAlignBottomOutlined","VerticalAlignTopOutlined","Checkbox","e"],"mappings":"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"}
+{"version":3,"file":"components/Charts/TreeMap.mjs","sources":["webpack://@rsdoctor/components/./src/components/Charts/TreeMap.tsx"],"sourcesContent":["import React, { useEffect, useState, memo, useMemo } from 'react';\nimport ReactEChartsCore from 'echarts-for-react/lib/core';\nimport * as echarts from 'echarts/core';\nimport { TreemapChart } from 'echarts/charts';\nimport { TooltipComponent } from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { BUNDLE_ANALYZER_COLORS, COLOR_GROUPS } from './constants';\nimport { Checkbox, Card, Typography, Space, Tooltip, Tag } from 'antd';\nimport {\n  VerticalAlignBottomOutlined,\n  VerticalAlignTopOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { formatSize, useI18n } from 'src/utils';\nimport { SearchModal } from 'src/pages/BundleSize/components/search-modal';\nimport Styles from './treemap.module.scss';\n\n// TreeNode type should match the output of flattenTreemapData\nexport type TreeNode = {\n  name: string;\n  value?: number;\n  children?: TreeNode[];\n  path?: string;\n  sourceSize?: number;\n  bundledSize?: number;\n  gzipSize?: number;\n};\n\ninterface TreeMapProps {\n  treeData: TreeNode[];\n  valueKey?: 'sourceSize' | 'bundledSize'; // which value to show as area\n  style?: React.CSSProperties;\n  onChartClick?: (params: any) => void;\n}\n\n// Simple hash function for string (djb2)\nfunction hashString(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) + hash + str.charCodeAt(i); /* hash * 33 + c */\n  }\n  return hash >>> 0; // Ensure unsigned\n}\n\nfunction getLevelOption() {\n  return [\n    {\n      itemStyle: {\n        color: 'white',\n        borderColor: '#eee',\n        borderWidth: 5,\n        gapWidth: 5,\n      },\n      emphasis: {\n        itemStyle: {\n          borderColor: '#a29f9f',\n        },\n      },\n    },\n    {\n      colorSaturation: [0.25, 0.5],\n      itemStyle: {\n        borderWidth: 5,\n        gapWidth: 5,\n        borderColorSaturation: 0.5,\n        borderColor: '#eee',\n      },\n    },\n  ];\n}\n\nconst TreeMapInner: React.FC<TreeMapProps & { forwardedRef?: React.Ref<any> }> =\n  memo(\n    ({\n      treeData,\n      valueKey = 'sourceSize',\n      style,\n      onChartClick,\n      forwardedRef,\n    }) => {\n      const [option, setOption] = useState<any>(null);\n      const chartRef = React.useRef<any>(null);\n\n      // Expose chartRef to parent if forwardedRef is provided\n      useEffect(() => {\n        if (forwardedRef && chartRef.current) {\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(chartRef.current);\n          } else {\n            (forwardedRef as React.MutableRefObject<any>).current =\n              chartRef.current;\n          }\n        }\n      }, [forwardedRef, chartRef.current]);\n\n      // Register ECharts components\n      useEffect(() => {\n        echarts.use([TreemapChart, TooltipComponent, CanvasRenderer]);\n      }, []);\n\n      useEffect(() => {\n        if (!treeData) return;\n        // Helper to recursively add value field for ECharts\n        function convert(\n          node: TreeNode,\n          colorGroup: keyof typeof BUNDLE_ANALYZER_COLORS,\n          level = 0,\n        ): any {\n          const groupColors = BUNDLE_ANALYZER_COLORS[colorGroup];\n          const children = node.children?.map((c, _i) =>\n            convert(c, colorGroup, level + 1),\n          );\n\n          return {\n            id: node.path ? hashString(node.path) : undefined,\n            name: node.name,\n            value: node[valueKey] ?? node.value ?? 0,\n            path: node.path,\n            sourceSize: node.sourceSize ?? node.value,\n            bundledSize: node.bundledSize,\n            gzipSize: node.gzipSize,\n            children: children && children.length > 0 ? children : undefined,\n            itemStyle: {\n              borderWidth: 2,\n              gapWidth: 2,\n              borderColorSaturation: 0.2,\n              colorSaturation: 0.2,\n              color: groupColors[level % groupColors.length],\n              borderColor: groupColors[level % groupColors.length],\n            },\n            level,\n          };\n        }\n        const data = treeData.map((item, index) => {\n          const group = COLOR_GROUPS[index % COLOR_GROUPS.length];\n          return convert(item, group, 0);\n        });\n\n        setOption({\n          title: {\n            text: 'Bundle Tree Map',\n            left: 'center',\n          },\n          tooltip: {\n            position: 'top',\n            formatter: function (info: any) {\n              var treePathInfo = info.treePathInfo;\n              var treePath = [];\n              for (var i = 1; i < treePathInfo.length; i++) {\n                treePath.push(treePathInfo[i].name);\n              }\n              // Get extra info from node data\n              var node = info.data || {};\n              var path = node.path || treePath.join('/');\n              var sourceSize = node.sourceSize;\n              var bundledSize = node.bundledSize;\n              var gzipSize = node.gzipSize;\n              var level = node.level;\n\n              function makeRow(\n                label: string,\n                value: string,\n                valueColor?: string,\n              ) {\n                return (\n                  `<div class=\"${Styles['tooltip-row']}\">` +\n                  `<span class=\"${Styles['tooltip-label']}\">${label}</span>` +\n                  `<span${valueColor ? ` style=\"color: ${valueColor}\"` : ''}>${value}</span>` +\n                  '</div>'\n                );\n              }\n              return [\n                `<div class=\"${Styles['tooltip-path']}\">` +\n                  echarts.format.encodeHTML(path) +\n                  '</div>',\n                makeRow(\n                  level === 0 ? 'Asset' : 'Source',\n                  sourceSize !== undefined ? formatSize(sourceSize) : '-',\n                ),\n                !bundledSize\n                  ? ''\n                  : makeRow('Bundled', formatSize(bundledSize), '#1890ff'),\n                !gzipSize\n                  ? ''\n                  : makeRow('Gzipped', formatSize(gzipSize), '#52c41a'),\n              ].join('');\n            },\n          },\n          series: [\n            {\n              name: 'Bundle Tree Map',\n              id: 'bundle-treemap',\n              type: 'treemap',\n              visibleMin: 300,\n              left: 10,\n              right: 10,\n              top: 10,\n              bottom: 10,\n              label: {\n                show: true,\n                formatter: '{b}',\n                color: '#000',\n              },\n              upperLabel: {\n                show: true,\n                height: 30,\n              },\n\n              levels: getLevelOption(),\n              data: data,\n            },\n          ],\n        });\n      }, [treeData, valueKey]);\n\n      return option ? (\n        <div>\n          <ReactEChartsCore\n            ref={chartRef}\n            option={option}\n            echarts={echarts}\n            onEvents={onChartClick ? { click: onChartClick } : undefined}\n            style={{\n              width: '100%',\n              minHeight: '500px',\n              maxHeight: '1000px',\n              border: '5px solid white',\n              borderRadius: '10px',\n              ...style,\n            }}\n            className={Styles['chart-container']}\n          />\n        </div>\n      ) : null;\n    },\n  );\n\nexport const TreeMap = React.forwardRef<any, TreeMapProps>((props, ref) => (\n  <TreeMapInner {...props} forwardedRef={ref} />\n));\n\nexport const AssetTreemapWithFilter: React.FC<{\n  treeData: TreeNode[];\n  onChartClick?: (params: any) => void;\n  bundledSize?: boolean;\n}> = ({ treeData, onChartClick, bundledSize = false }) => {\n  const assetNames = useMemo(\n    () => treeData.map((item) => item.name),\n    [treeData],\n  );\n  const [checkedAssets, setCheckedAssets] = useState<string[]>(assetNames);\n  const [collapsed, setCollapsed] = useState(false);\n  const [searchModalOpen, setSearchModalOpen] = useState(false);\n  const chartRef = React.useRef<any>(null);\n  const { t } = useI18n();\n\n  const filteredTreeData = useMemo(\n    () => treeData.filter((item) => checkedAssets.includes(item.name)),\n    [treeData, checkedAssets],\n  );\n\n  // Handler for search modal click\n  const handleModuleClick = (module: any) => {\n    if (!module?.path) return;\n    const nodeId = hashString(module.path);\n    if (chartRef.current) {\n      const echartsInstance = chartRef.current.getEchartsInstance();\n      echartsInstance.dispatchAction({\n        type: 'treemapZoomToNode',\n        seriesId: 'bundle-treemap',\n        targetNodeId: nodeId.toString(),\n      });\n    }\n    setSearchModalOpen(false);\n  };\n\n  return (\n    <div\n      style={{ display: 'flex', flexDirection: 'column', gap: 16 }}\n      className={Styles.treemap}\n    >\n      <Space direction=\"vertical\" style={{ width: '100%' }}>\n        <Card\n          title={\n            <Space>\n              <Typography.Text>{t('Output Assets List')}</Typography.Text>\n              <SearchModal\n                onModuleClick={handleModuleClick}\n                open={searchModalOpen}\n                setOpen={setSearchModalOpen}\n                isIcon={true}\n              />\n              <Tooltip\n                color={'white'}\n                title={\n                  <span>\n                    ✨ In Rspack, TreeMap proportions are always based on\n                    Bundled Size by default.\n                    <br />\n                    ✨ In Webpack, TreeMap proportions are based on Bundled Size\n                    only when SourceMap is enabled.\n                    <br />✨ <b>Bundled Size</b>: The size of a module after\n                    bundling and minification.\n                    <br />✨ <b>Source Size</b>: The size of a module after\n                    compilation (e.g., TypeScript/JSX to JS), but before\n                    bundling and minification.\n                    <br />✨ <b>Gzipped Size</b>: The compressed file size that\n                    users actually download, as most web servers use gzip\n                    compression.\n                    <br />\n                  </span>\n                }\n                overlayInnerStyle={{ width: 620, color: 'black' }}\n              >\n                <InfoCircleOutlined\n                  style={{ color: '#1890ff', marginLeft: 8 }}\n                />\n              </Tooltip>\n              <Tag color=\"blue\">\n                TreeMap area based on{' '}\n                {bundledSize ? 'Bundled Size' : 'Source Size'}\n              </Tag>\n            </Space>\n          }\n          extra={\n            <span\n              className={Styles['collapse-icon']}\n              onClick={() => setCollapsed((c) => !c)}\n              aria-label={collapsed ? t('Expand') : t('Collapse')}\n            >\n              {collapsed ? (\n                <VerticalAlignBottomOutlined />\n              ) : (\n                <VerticalAlignTopOutlined />\n              )}\n            </span>\n          }\n          size=\"small\"\n          className={`card-body ${collapsed ? 'collapsed' : ''}`}\n        >\n          <div className={`checkbox-container ${collapsed ? 'collapsed' : ''}`}>\n            <Checkbox\n              key=\"all-none-checkbox\"\n              indeterminate={\n                checkedAssets.length > 0 &&\n                checkedAssets.length < assetNames.length\n              }\n              checked={checkedAssets.length === assetNames.length}\n              onChange={(e) =>\n                setCheckedAssets(e.target.checked ? assetNames : [])\n              }\n              className={Styles['all-none-checkbox']}\n            >\n              {'ALL / NONE'}\n            </Checkbox>\n            <Checkbox.Group\n              key=\"asset-checkbox-group\"\n              options={assetNames}\n              value={checkedAssets}\n              onChange={setCheckedAssets}\n              className={`checkbox-container ${collapsed ? 'collapsed' : ''} ${Styles['asset-checkbox-group']}`}\n            />\n          </div>\n        </Card>\n        <div style={{ flex: 1 }}>\n          <TreeMap\n            ref={chartRef}\n            treeData={filteredTreeData}\n            valueKey={bundledSize ? 'bundledSize' : 'sourceSize'}\n            onChartClick={onChartClick}\n          />\n        </div>\n      </Space>\n    </div>\n  );\n};\n"],"names":["hashString","str","hash","i","getLevelOption","TreeMapInner","memo","treeData","valueKey","style","onChartClick","forwardedRef","option","setOption","useState","chartRef","React","useEffect","echarts","TreemapChart","TooltipComponent","CanvasRenderer","convert","node","colorGroup","level","_node_children","groupColors","BUNDLE_ANALYZER_COLORS","children","c","_i","undefined","data","item","index","group","COLOR_GROUPS","info","treePathInfo","treePath","path","sourceSize","bundledSize","gzipSize","makeRow","label","value","valueColor","Styles","formatSize","ReactEChartsCore","TreeMap","props","ref","AssetTreemapWithFilter","assetNames","useMemo","checkedAssets","setCheckedAssets","collapsed","setCollapsed","searchModalOpen","setSearchModalOpen","t","useI18n","filteredTreeData","handleModuleClick","module","nodeId","echartsInstance","Space","Card","Typography","SearchModal","Tooltip","InfoCircleOutlined","Tag","VerticalAlignBottomOutlined","VerticalAlignTopOutlined","Checkbox","e"],"mappings":"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"}

package/dist/components/Charts/bootstrap.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './loader.scss';
+import './tooltips.scss';
+import { CommonChartProps } from './common';
+export declare const BootstrapChartContainer: React.FC<CommonChartProps>;

package/dist/components/Charts/common.d.ts

@@ -0,0 +1,15 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+import './loader.scss';
+import './tooltips.scss';
+import { Metric } from './types';
+import { ChartTypes } from './constants';
+export interface CommonChartProps {
+    summary: SDK.SummaryData;
+}
+export declare const CommonExecutionsChart: React.FC<{
+    plugins: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPluginData>;
+    defaultDatas?: Metric[];
+    type?: ChartTypes;
+}>;
+export declare const CommonExecutionEmptyTips: React.FC;

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

@@ -0,0 +1,19 @@
+export declare const PALETTE_COLORS: string[];
+export declare enum ChartTypes {
+    Bootstrap = 0,
+    Compile = 1,
+    Done = 2,
+    Minify = 3,
+    Loader = 4,
+    Normal = 5
+}
+export declare const BUNDLE_ANALYZER_COLORS: {
+    readonly green: readonly [string, string, string, string, string, string, string];
+    readonly blue: readonly [string, string, string, string, string, string, string];
+    readonly purple: readonly [string, string, string, string, string, string, string];
+    readonly yellow: readonly [string, string, string, string, string, string, string];
+    readonly grey: readonly [string, string, string, string, string, string, string];
+};
+type ColorGroup = keyof typeof BUNDLE_ANALYZER_COLORS;
+export declare const COLOR_GROUPS: ColorGroup[];
+export {};

package/dist/components/Charts/done.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CommonChartProps } from './common';
+import './loader.scss';
+import './tooltips.scss';
+export declare const DoneChartContainer: React.FC<CommonChartProps>;

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

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

package/dist/components/Charts/loader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './loader.scss';
+import { ChartProps } from './types';
+export declare const LoaderExecutionsChart: React.FC<ChartProps>;

package/dist/components/Charts/minify.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CommonChartProps } from './common';
+import './loader.scss';
+import './tooltips.scss';
+export declare const MinifyChartContainer: React.FC<CommonChartProps>;

package/dist/components/Charts/treemap_module.css

@@ -34,7 +34,7 @@
   overflow: hidden;
 }
 
-.treemap-DOrYiA .card-body.collapsed {
+.treemap-DOrYiA .card-body.collapsed .ant-card-body {
   height: 0;
   padding: 0;
 }

package/dist/components/Charts/treemap_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Charts/treemap.module.scss"],"names":[],"mappings":"AADA;EAEE,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,QAAQ;EACR,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;EACX,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,8DAA8D;EAC9D,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,QAAQ;EACR,uBAAuB;AACzB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,8BAA8B;EAC9B,eAAe;EACf,aAAa;AACf;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,qBAAqB;EACrB,yBAAyB;EACzB,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".treemap{display:flex;flex-direction:column;gap:16px}.treemap :global .ant-checkbox-wrapper{font-weight:200;font-size:12px}.treemap :global .all-none-checkbox{margin-bottom:4px;font-weight:500;font-size:12px}.treemap :global .asset-checkbox-group{display:flex;gap:8px;font-weight:200}.treemap :global .chart-container{width:100%;min-height:500px;max-height:1000px;border:5px solid #fff;border-radius:10px}.treemap :global .card-body{overflow:hidden;transition:height .3s cubic-bezier(0.4, 0, 0.2, 1),padding .3s}.treemap :global .card-body.collapsed{height:0;padding:0}.treemap :global .checkbox-container{opacity:1;transition:opacity .3s;gap:8px}.treemap :global .checkbox-container.collapsed{opacity:0}.treemap :global .statistics-space{width:100%}.tooltip-row{font-size:12px;display:flex;justify-content:space-between}.tooltip-label{color:#999}.tooltip-path{font-size:12px;margin-bottom:8px;width:280px;word-wrap:break-word;white-space:normal;word-break:break-all;line-height:1.4;overflow-wrap:break-word}.collapse-icon{cursor:pointer;margin-left:8px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Charts/treemap.module.scss"],"names":[],"mappings":"AADA;EAEE,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,QAAQ;EACR,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,mBAAmB;EACnB,WAAW;EACX,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,8DAA8D;EAC9D,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,QAAQ;EACR,uBAAuB;AACzB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,8BAA8B;EAC9B,eAAe;EACf,aAAa;AACf;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,qBAAqB;EACrB,yBAAyB;EACzB,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".treemap{display:flex;flex-direction:column;gap:16px}.treemap :global .ant-checkbox-wrapper{font-weight:200;font-size:12px}.treemap :global .all-none-checkbox{margin-bottom:4px;font-weight:500;font-size:12px}.treemap :global .asset-checkbox-group{display:flex;gap:8px;font-weight:200}.treemap :global .chart-container{width:100%;min-height:500px;max-height:1000px;border:5px solid #fff;border-radius:10px}.treemap :global .card-body{overflow:hidden;transition:height .3s cubic-bezier(0.4, 0, 0.2, 1),padding .3s}.treemap :global .card-body.collapsed .ant-card-body{height:0;padding:0}.treemap :global .checkbox-container{opacity:1;transition:opacity .3s;gap:8px}.treemap :global .checkbox-container.collapsed{opacity:0}.treemap :global .statistics-space{width:100%}.tooltip-row{font-size:12px;display:flex;justify-content:space-between}.tooltip-label{color:#999}.tooltip-path{font-size:12px;margin-bottom:8px;width:280px;word-wrap:break-word;white-space:normal;word-break:break-all;line-height:1.4;overflow-wrap:break-word}.collapse-icon{cursor:pointer;margin-left:8px}"],"sourceRoot":""}

package/dist/components/Charts/types.d.ts

@@ -0,0 +1,61 @@
+import { SDK } from "@rsdoctor/types";
+export interface ChartProps {
+    loaders: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderChartData>;
+    cwd: string;
+}
+export interface CommonMetricPart<T extends string = string> {
+    _n?: boolean;
+    _c?: string;
+    p: string;
+    n: T;
+    ext?: unknown;
+}
+export declare type Metric = DurationMetric;
+export interface DurationMetric extends CommonMetricPart {
+    _r?: [start: string, end: string];
+    s: number;
+    e: number;
+    c?: DurationMetric[];
+}
+export declare enum ETraceEventPhase {
+    BEGIN = "B",
+    END = "E",
+    COMPLETE = "X",
+    INSTANT = "I",
+    MARK = "R"
+}
+type MicroSeconds = number;
+type ProcessID = number | string;
+type ArgsType = {
+    p: string;
+    n: string;
+    s: number;
+    e: number;
+};
+export interface ITraceEventData {
+    /**
+     *Any arguments provided for the event. Some of the event types have required argument fields, otherwise, you can put any information you wish in here. The arguments are displayed in Trace Viewer when you view an event in the analysis section.
+     */
+    args: ArgsType;
+    /**
+     * The name of the event, as displayed in Chart.
+     */
+    name: string;
+    /**
+     * The event type. This is a single character which changes depending on the type of event being output.
+     */
+    ph: ETraceEventPhase;
+    /**
+     *  The process ID for the process that output this event.
+     */
+    pid: ProcessID;
+    /**
+     *  The tracing clock timestamp of the event. The timestamps are provided at microsecond granularity.
+     */
+    ts: MicroSeconds;
+    /**
+     *  specify the tracing clock duration of complete events in microseconds.
+     */
+    dur?: MicroSeconds;
+}
+export {};

package/dist/components/Charts/utils.d.ts

@@ -0,0 +1,13 @@
+import { SDK } from '@rsdoctor/types';
+import './tooltips.scss';
+import { DurationMetric, ITraceEventData } from './types';
+export declare function getTooltipHtmlForLoader(loader: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderChartData>[0]): string;
+export declare function renderTotalLoadersTooltip(loaderName: string, loaders: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetLoaderChartData>, cwd: string): string;
+export declare function transformDurationMetric(rawData: DurationMetric[]): ITraceEventData[];
+export declare function processTrans(rawData: DurationMetric[]): ITraceEventData[];
+export declare function formatterForPlugins(raw: {
+    data: {
+        ext: ITraceEventData;
+    };
+}): string;
+export declare function useDebounceHook(value: DurationMetric[], delay: number): DurationMetric[] | undefined;

package/dist/components/Configuration/builder.d.ts

@@ -0,0 +1,13 @@
+import { SDK } from '@rsdoctor/types';
+import React from 'react';
+interface WebpackConfigurationViewerBaseProps {
+    defaultKeys?: string[];
+    configs: SDK.ConfigData;
+}
+export declare const WebpackConfigurationViewerBase: React.FC<WebpackConfigurationViewerBaseProps>;
+export declare const WebpackConfigurationViewer: React.FC<Omit<WebpackConfigurationViewerBaseProps, "configs"> & Partial<{
+    body: {
+        key: import("@rsdoctor/types/dist/manifest").RsdoctorManifestMappingKeys;
+    };
+}>>;
+export {};

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TreeProps } from 'rc-tree';
+import './index.sass';
+export declare function getFileCom(filename: string): import("react/jsx-runtime").JSX.Element;
+export declare const FileTree: React.FC<Partial<TreeProps>>;

package/dist/components/Form/keyword.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface KeywordProps {
+    style?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
+    icon?: React.ReactNode;
+    label?: string;
+    placeholder?: string;
+    delay?: number;
+    className?: string;
+    width?: number;
+    onChange: (keyword: string) => void;
+}
+export declare const KeywordInput: React.FC<KeywordProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextProps } from 'antd/es/typography/Text';
+export declare const Keyword: React.FC<TextProps & {
+    text: string;
+    keyword: string;
+}>;