@rsdoctor/components 1.5.4 → 1.5.5

package/dist/components/Alerts/bundle-alert.mjs

@@ -11,6 +11,7 @@ import { CrossChunksAlertCollapse } from "./collapse-cross-chunks.mjs";
 import { ModuleMixedChunksAlertCollapse } from "./collapse-module-mixed-chunks.mjs";
 import { SideEffectsOnlyImportsAlertCollapse } from "./collapse-side-effects-only-imports.mjs";
 import { CjsRequireAlertCollapse } from "./collapse-cjs-require.mjs";
+import { EsmResolvedToCjsAlertCollapse } from "./collapse-esm-cjs.mjs";
 const BundleAlert = ({ title, dataSource, extraData })=>{
     const firstKeyWithData = [
         'E1001',
@@ -20,7 +21,8 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
         'E1005',
         'E1006',
         'E1007',
-        'E1008'
+        'E1008',
+        'E1009'
     ].find((code)=>dataSource.some((d)=>d.code === code)) ?? 'E1001';
     const [activeKey, setActiveKey] = useState(firstKeyWithData);
     const tabData = [
@@ -63,6 +65,11 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
             key: 'E1008',
             label: 'CJS Require Cannot Tree-Shake',
             data: []
+        },
+        {
+            key: 'E1009',
+            label: 'ESM Import Resolved to CJS',
+            data: []
         }
     ];
     dataSource.forEach((data)=>{
@@ -161,6 +168,12 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
                     extraData: extraData
                 });
                 break;
+            case 'E1009':
+                children = /*#__PURE__*/ jsx(EsmResolvedToCjsAlertCollapse, {
+                    data: td.data,
+                    extraData: extraData
+                });
+                break;
             default:
                 children = null;
                 break;

package/dist/components/Alerts/bundle-alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/bundle-alert.mjs","sources":["../../../src/components/Alerts/bundle-alert.tsx"],"sourcesContent":["import { Tabs, Empty, Tag } from 'antd';\n\nimport { Card } from '../Card';\nimport { ECMAVersionCheck } from '../Alert/ecma-version-check';\nimport { Overview } from '../Overall/overview';\nimport { AlertCollapse } from './collapse';\nimport { CommonList } from './list';\nimport { ViewMode } from '../../constants';\n\nimport { AlertProps } from '../Alert/types';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './bundle-alert.module.scss';\nimport { CSSProperties, useState } from 'react';\nimport { CrossChunksAlertCollapse } from './collapse-cross-chunks';\nimport { ModuleMixedChunksAlertCollapse } from './collapse-module-mixed-chunks';\nimport { SideEffectsOnlyImportsAlertCollapse } from './collapse-side-effects-only-imports';\nimport { CjsRequireAlertCollapse } from './collapse-cjs-require';\n\ninterface BundleAlertProps {\n  title: string;\n  cwd: string;\n  dataSource: Rule.RuleStoreDataItem[];\n  extraData: Omit<AlertProps, 'data'>;\n  viewMode: ViewMode;\n  setViewMode(mode: ViewMode): void;\n  extraCom?: JSX.Element | undefined;\n}\n\nexport const BundleAlert: React.FC<BundleAlertProps> = ({\n  title,\n  dataSource,\n  extraData,\n}) => {\n  const firstKeyWithData =\n    [\n      'E1001',\n      'E1002',\n      'E1003',\n      'E1004',\n      'E1005',\n      'E1006',\n      'E1007',\n      'E1008',\n    ].find((code) => dataSource.some((d) => d.code === code)) ?? 'E1001';\n  const [activeKey, setActiveKey] = useState(firstKeyWithData);\n  const tabData: Array<{\n    key: string;\n    label: string;\n    data: Array<Rule.RuleStoreDataItem>;\n  }> = [\n    {\n      key: 'E1001',\n      label: 'Duplicate Packages',\n      data: [],\n    },\n    {\n      key: 'E1002',\n      label: 'Cross Chunks Package',\n      data: [],\n    },\n    {\n      key: 'E1003',\n      label: 'Loader Performance Optimization',\n      data: [],\n    },\n    {\n      key: 'E1004',\n      label: 'ECMA Version Check',\n      data: [],\n    },\n    {\n      key: 'E1005',\n      label: 'Default Import Check',\n      data: [],\n    },\n    {\n      key: 'E1006',\n      label: 'Module Mixed Chunks',\n      data: [],\n    },\n    {\n      key: 'E1007',\n      label: 'Tree Shaking Side Effects Only',\n      data: [],\n    },\n    {\n      key: 'E1008',\n      label: 'CJS Require Cannot Tree-Shake',\n      data: [],\n    },\n  ];\n\n  dataSource.forEach((data) => {\n    const target = tabData.find((td) => td.key === data.code)?.data;\n    target?.push(data);\n  });\n\n  tabData.sort(\n    (a, b) => (b.data.length > 0 ? 1 : 0) - (a.data.length > 0 ? 1 : 0),\n  );\n\n  const tabItems = tabData.map((td) => {\n    const tagStyle =\n      activeKey === td.key\n        ? ({\n            border: '1px solid #91D5FF',\n            backgroundColor: '#E6F7FF',\n          } as CSSProperties)\n        : {};\n\n    const tagTextStyle =\n      activeKey === td.key\n        ? {\n            color: '#1890FF',\n          }\n        : {};\n\n    const LabelComponent = () => (\n      <Overview\n        style={{\n          backgroundColor: 'transparent',\n          paddingLeft: 0,\n          paddingRight: 0,\n          width: '100%',\n        }}\n        title={<span className={styles.labelTitle}>{td.label}</span>}\n        description={\n          <div className={styles.labelDescription}>\n            <span>{td.data.length}</span>\n            <Tag\n              style={{ fontFamily: 'Menlo', borderRadius: '2px', ...tagStyle }}\n            >\n              <span style={{ ...tagTextStyle }}>{td.key}</span>\n            </Tag>\n          </div>\n        }\n      />\n    );\n\n    let children, description;\n    switch (td.key) {\n      case 'E1001':\n        children = <AlertCollapse data={td.data} extraData={extraData} />;\n        break;\n      case 'E1002':\n        children = (\n          <CrossChunksAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      case 'E1003':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1004':\n        description = (\n          <span>\n            No ECMA Version Check Rules were found. Please refer to\n            「https://rsdoctor.rs/guide/usage/rule-config」.\n          </span>\n        );\n        children = <ECMAVersionCheck data={td.data} />;\n        break;\n      case 'E1005':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1006':\n        children = (\n          <ModuleMixedChunksAlertCollapse\n            data={td.data}\n            extraData={extraData}\n          />\n        );\n        break;\n      case 'E1007':\n        children = (\n          <SideEffectsOnlyImportsAlertCollapse\n            data={td.data}\n            extraData={extraData}\n          />\n        );\n        break;\n      case 'E1008':\n        children = (\n          <CjsRequireAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      default:\n        children = null;\n        break;\n    }\n\n    if (!td.data.length) {\n      children = (\n        <Empty description={description} image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      );\n    }\n\n    return {\n      key: td.key,\n      label: <LabelComponent />,\n      children: (\n        <Card\n          className={styles.card}\n          type=\"inner\"\n          title={\n            <>\n              <Tag\n                style={{\n                  fontFamily: 'Menlo',\n                  fontWeight: '700',\n                  fontSize: '13px',\n                  backgroundColor: '#EAEDF1',\n                  borderRadius: '2px',\n                }}\n              >\n                {td.key}\n              </Tag>\n              <span>{td.label}</span>\n            </>\n          }\n        >\n          {children}\n        </Card>\n      ),\n    };\n  });\n\n  return (\n    <Card style={{ width: '100%', borderRadius: '12px' }}>\n      <div className={styles.container}>\n        <div className={styles.title}>{title}</div>\n        {!dataSource.length ? (\n          <div\n            style={{\n              minHeight: '480px',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n            }}\n          >\n            <Empty\n              description={'No Bundle Alerts Data'}\n              image={Empty.PRESENTED_IMAGE_SIMPLE}\n            />\n          </div>\n        ) : (\n          <Tabs\n            onChange={setActiveKey}\n            tabBarGutter={10}\n            type=\"card\"\n            defaultActiveKey={tabData[0]?.key ?? 'E1001'}\n            items={tabItems}\n          />\n        )}\n      </div>\n    </Card>\n  );\n};\n"],"names":["BundleAlert","title","dataSource","extraData","firstKeyWithData","code","d","activeKey","setActiveKey","useState","tabData","data","target","td","a","b","tabItems","tagStyle","tagTextStyle","LabelComponent","Overview","styles","Tag","children","description","AlertCollapse","CrossChunksAlertCollapse","CommonList","ECMAVersionCheck","ModuleMixedChunksAlertCollapse","SideEffectsOnlyImportsAlertCollapse","CjsRequireAlertCollapse","Empty","Card","Tabs"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/bundle-alert.mjs","sources":["../../../src/components/Alerts/bundle-alert.tsx"],"sourcesContent":["import { Tabs, Empty, Tag } from 'antd';\n\nimport { Card } from '../Card';\nimport { ECMAVersionCheck } from '../Alert/ecma-version-check';\nimport { Overview } from '../Overall/overview';\nimport { AlertCollapse } from './collapse';\nimport { CommonList } from './list';\nimport { ViewMode } from '../../constants';\n\nimport { AlertProps } from '../Alert/types';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './bundle-alert.module.scss';\nimport { CSSProperties, useState } from 'react';\nimport { CrossChunksAlertCollapse } from './collapse-cross-chunks';\nimport { ModuleMixedChunksAlertCollapse } from './collapse-module-mixed-chunks';\nimport { SideEffectsOnlyImportsAlertCollapse } from './collapse-side-effects-only-imports';\nimport { CjsRequireAlertCollapse } from './collapse-cjs-require';\nimport { EsmResolvedToCjsAlertCollapse } from './collapse-esm-cjs';\n\ninterface BundleAlertProps {\n  title: string;\n  cwd: string;\n  dataSource: Rule.RuleStoreDataItem[];\n  extraData: Omit<AlertProps, 'data'>;\n  viewMode: ViewMode;\n  setViewMode(mode: ViewMode): void;\n  extraCom?: JSX.Element | undefined;\n}\n\nexport const BundleAlert: React.FC<BundleAlertProps> = ({\n  title,\n  dataSource,\n  extraData,\n}) => {\n  const firstKeyWithData =\n    [\n      'E1001',\n      'E1002',\n      'E1003',\n      'E1004',\n      'E1005',\n      'E1006',\n      'E1007',\n      'E1008',\n      'E1009',\n    ].find((code) => dataSource.some((d) => d.code === code)) ?? 'E1001';\n  const [activeKey, setActiveKey] = useState(firstKeyWithData);\n  const tabData: Array<{\n    key: string;\n    label: string;\n    data: Array<Rule.RuleStoreDataItem>;\n  }> = [\n    {\n      key: 'E1001',\n      label: 'Duplicate Packages',\n      data: [],\n    },\n    {\n      key: 'E1002',\n      label: 'Cross Chunks Package',\n      data: [],\n    },\n    {\n      key: 'E1003',\n      label: 'Loader Performance Optimization',\n      data: [],\n    },\n    {\n      key: 'E1004',\n      label: 'ECMA Version Check',\n      data: [],\n    },\n    {\n      key: 'E1005',\n      label: 'Default Import Check',\n      data: [],\n    },\n    {\n      key: 'E1006',\n      label: 'Module Mixed Chunks',\n      data: [],\n    },\n    {\n      key: 'E1007',\n      label: 'Tree Shaking Side Effects Only',\n      data: [],\n    },\n    {\n      key: 'E1008',\n      label: 'CJS Require Cannot Tree-Shake',\n      data: [],\n    },\n    {\n      key: 'E1009',\n      label: 'ESM Import Resolved to CJS',\n      data: [],\n    },\n  ];\n\n  dataSource.forEach((data) => {\n    const target = tabData.find((td) => td.key === data.code)?.data;\n    target?.push(data);\n  });\n\n  tabData.sort(\n    (a, b) => (b.data.length > 0 ? 1 : 0) - (a.data.length > 0 ? 1 : 0),\n  );\n\n  const tabItems = tabData.map((td) => {\n    const tagStyle =\n      activeKey === td.key\n        ? ({\n            border: '1px solid #91D5FF',\n            backgroundColor: '#E6F7FF',\n          } as CSSProperties)\n        : {};\n\n    const tagTextStyle =\n      activeKey === td.key\n        ? {\n            color: '#1890FF',\n          }\n        : {};\n\n    const LabelComponent = () => (\n      <Overview\n        style={{\n          backgroundColor: 'transparent',\n          paddingLeft: 0,\n          paddingRight: 0,\n          width: '100%',\n        }}\n        title={<span className={styles.labelTitle}>{td.label}</span>}\n        description={\n          <div className={styles.labelDescription}>\n            <span>{td.data.length}</span>\n            <Tag\n              style={{ fontFamily: 'Menlo', borderRadius: '2px', ...tagStyle }}\n            >\n              <span style={{ ...tagTextStyle }}>{td.key}</span>\n            </Tag>\n          </div>\n        }\n      />\n    );\n\n    let children, description;\n    switch (td.key) {\n      case 'E1001':\n        children = <AlertCollapse data={td.data} extraData={extraData} />;\n        break;\n      case 'E1002':\n        children = (\n          <CrossChunksAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      case 'E1003':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1004':\n        description = (\n          <span>\n            No ECMA Version Check Rules were found. Please refer to\n            「https://rsdoctor.rs/guide/usage/rule-config」.\n          </span>\n        );\n        children = <ECMAVersionCheck data={td.data} />;\n        break;\n      case 'E1005':\n        children = <CommonList data={td.data} />;\n        break;\n      case 'E1006':\n        children = (\n          <ModuleMixedChunksAlertCollapse\n            data={td.data}\n            extraData={extraData}\n          />\n        );\n        break;\n      case 'E1007':\n        children = (\n          <SideEffectsOnlyImportsAlertCollapse\n            data={td.data}\n            extraData={extraData}\n          />\n        );\n        break;\n      case 'E1008':\n        children = (\n          <CjsRequireAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      case 'E1009':\n        children = (\n          <EsmResolvedToCjsAlertCollapse data={td.data} extraData={extraData} />\n        );\n        break;\n      default:\n        children = null;\n        break;\n    }\n\n    if (!td.data.length) {\n      children = (\n        <Empty description={description} image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      );\n    }\n\n    return {\n      key: td.key,\n      label: <LabelComponent />,\n      children: (\n        <Card\n          className={styles.card}\n          type=\"inner\"\n          title={\n            <>\n              <Tag\n                style={{\n                  fontFamily: 'Menlo',\n                  fontWeight: '700',\n                  fontSize: '13px',\n                  backgroundColor: '#EAEDF1',\n                  borderRadius: '2px',\n                }}\n              >\n                {td.key}\n              </Tag>\n              <span>{td.label}</span>\n            </>\n          }\n        >\n          {children}\n        </Card>\n      ),\n    };\n  });\n\n  return (\n    <Card style={{ width: '100%', borderRadius: '12px' }}>\n      <div className={styles.container}>\n        <div className={styles.title}>{title}</div>\n        {!dataSource.length ? (\n          <div\n            style={{\n              minHeight: '480px',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n            }}\n          >\n            <Empty\n              description={'No Bundle Alerts Data'}\n              image={Empty.PRESENTED_IMAGE_SIMPLE}\n            />\n          </div>\n        ) : (\n          <Tabs\n            onChange={setActiveKey}\n            tabBarGutter={10}\n            type=\"card\"\n            defaultActiveKey={tabData[0]?.key ?? 'E1001'}\n            items={tabItems}\n          />\n        )}\n      </div>\n    </Card>\n  );\n};\n"],"names":["BundleAlert","title","dataSource","extraData","firstKeyWithData","code","d","activeKey","setActiveKey","useState","tabData","data","target","td","a","b","tabItems","tagStyle","tagTextStyle","LabelComponent","Overview","styles","Tag","children","description","AlertCollapse","CrossChunksAlertCollapse","CommonList","ECMAVersionCheck","ModuleMixedChunksAlertCollapse","SideEffectsOnlyImportsAlertCollapse","CjsRequireAlertCollapse","EsmResolvedToCjsAlertCollapse","Empty","Card","Tabs"],"mappings":"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"}

package/dist/components/Alerts/collapse-esm-cjs.d.ts

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

package/dist/components/Alerts/collapse-esm-cjs.mjs

@@ -0,0 +1,231 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapse, Space, Tag, Tooltip, Typography } from "antd";
+import overview from "../Overall/overview.mjs";
+import collapse_module from "./collapse.module.mjs";
+import { beautifyPath } from "../../utils/file.mjs";
+import { truncateMiddle } from "../../utils/string.mjs";
+import { LabelComponent } from "./collapse-shared.mjs";
+const { Text: Text } = Typography;
+const EsmResolvedToCjsAlertCollapse = (props)=>{
+    const { data, extraData } = props;
+    const { cwd } = extraData;
+    const items = data.map((d)=>{
+        const item = d;
+        const { packageName, packageVersion, esmEntry, resolvedModule, issuers } = item;
+        const resolvedDisplayPath = beautifyPath(resolvedModule.path, cwd);
+        const esmDisplayPath = beautifyPath(esmEntry, cwd);
+        const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
+                className: collapse_module.collapseContainer,
+                children: /*#__PURE__*/ jsx(overview, {
+                    style: {
+                        backgroundColor: '#fff'
+                    },
+                    title: /*#__PURE__*/ jsxs(Space, {
+                        align: "center",
+                        wrap: true,
+                        children: [
+                            /*#__PURE__*/ jsx(Text, {
+                                strong: true,
+                                style: {
+                                    fontSize: 13
+                                },
+                                children: "Package:"
+                            }),
+                            /*#__PURE__*/ jsx(Tag, {
+                                style: {
+                                    fontFamily: 'Menlo',
+                                    backgroundColor: '#EAEDF1',
+                                    borderRadius: '2px'
+                                },
+                                children: `${packageName}@${packageVersion}`
+                            })
+                        ]
+                    }),
+                    description: /*#__PURE__*/ jsxs("div", {
+                        className: collapse_module.collapseChild,
+                        style: {
+                            flexDirection: 'column',
+                            paddingTop: 16
+                        },
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                style: {
+                                    display: 'flex',
+                                    marginBottom: 8,
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: collapse_module.attribute,
+                                        style: {
+                                            color: '#52c41a',
+                                            minWidth: 100
+                                        },
+                                        children: /*#__PURE__*/ jsx(Tag, {
+                                            style: {
+                                                backgroundColor: '#f6ffed',
+                                                borderColor: '#b7eb8f',
+                                                color: '#389e0d',
+                                                borderRadius: '2px'
+                                            },
+                                            children: "ESM Entry"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: collapse_module.iconContainer,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Tooltip, {
+                                                title: esmDisplayPath,
+                                                children: /*#__PURE__*/ jsx("span", {
+                                                    className: collapse_module.data,
+                                                    children: truncateMiddle(esmDisplayPath)
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Tag, {
+                                                style: {
+                                                    marginLeft: 8,
+                                                    backgroundColor: '#f6ffed',
+                                                    borderColor: '#b7eb8f',
+                                                    color: '#389e0d',
+                                                    borderRadius: '2px',
+                                                    fontSize: 11
+                                                },
+                                                children: "declared in package.json"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                style: {
+                                    display: 'flex',
+                                    marginBottom: 16,
+                                    alignItems: 'center'
+                                },
+                                children: [
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: collapse_module.attribute,
+                                        style: {
+                                            color: '#ff4d4f',
+                                            minWidth: 100
+                                        },
+                                        children: /*#__PURE__*/ jsx(Tag, {
+                                            style: {
+                                                backgroundColor: '#fff7e6',
+                                                borderColor: '#ffd591',
+                                                color: '#d46b08',
+                                                borderRadius: '2px'
+                                            },
+                                            children: "CJS Resolved"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: collapse_module.iconContainer,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Tooltip, {
+                                                title: resolvedDisplayPath,
+                                                children: /*#__PURE__*/ jsx("span", {
+                                                    className: collapse_module.data,
+                                                    children: truncateMiddle(resolvedDisplayPath)
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Tag, {
+                                                style: {
+                                                    marginLeft: 8,
+                                                    backgroundColor: '#fff1f0',
+                                                    borderColor: '#ffa39e',
+                                                    color: '#cf1322',
+                                                    borderRadius: '2px',
+                                                    fontSize: 11
+                                                },
+                                                children: "actually bundled"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Collapse, {
+                                size: "small",
+                                ghost: true,
+                                items: [
+                                    {
+                                        key: 'issuers',
+                                        label: /*#__PURE__*/ jsx("span", {
+                                            style: {
+                                                fontWeight: 500,
+                                                color: 'rgba(28, 31, 35, 0.85)'
+                                            },
+                                            children: `ESM Importers (${issuers.length})`
+                                        }),
+                                        children: issuers.map((issuer, idx)=>/*#__PURE__*/ jsxs("div", {
+                                                style: {
+                                                    display: 'flex',
+                                                    marginBottom: 4,
+                                                    alignItems: 'center'
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ jsx("div", {
+                                                        className: collapse_module.attribute,
+                                                        children: "import"
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: collapse_module.iconContainer,
+                                                        children: [
+                                                            /*#__PURE__*/ jsx("span", {
+                                                                className: collapse_module.data,
+                                                                children: beautifyPath(issuer.path, cwd)
+                                                            }),
+                                                            /*#__PURE__*/ jsx(Tag, {
+                                                                style: {
+                                                                    marginLeft: 8,
+                                                                    backgroundColor: '#EAEDF1',
+                                                                    borderRadius: '2px',
+                                                                    fontSize: 11,
+                                                                    fontFamily: 'Menlo'
+                                                                },
+                                                                children: `'${issuer.request}'`
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            }, idx))
+                                    }
+                                ]
+                            })
+                        ]
+                    })
+                })
+            });
+        return {
+            key: `${packageName}::${resolvedModule.path}`,
+            label: /*#__PURE__*/ jsx(LabelComponent, {
+                title: /*#__PURE__*/ jsx(Space, {
+                    size: 4,
+                    align: "center",
+                    children: /*#__PURE__*/ jsx(Tag, {
+                        style: {
+                            backgroundColor: '#EAEDF1',
+                            borderRadius: '2px'
+                        },
+                        children: /*#__PURE__*/ jsx("span", {
+                            className: collapse_module.pkgName,
+                            children: `${packageName}@${packageVersion}`
+                        })
+                    })
+                }),
+                description: `has an ESM entry but was resolved to CJS by ${issuers.length} importer(s).`
+            }),
+            children: /*#__PURE__*/ jsx(ChildComponent, {})
+        };
+    });
+    return /*#__PURE__*/ jsx(Collapse, {
+        style: {
+            width: '100%'
+        },
+        defaultActiveKey: items.map((item)=>item.key),
+        items: items
+    });
+};
+export { EsmResolvedToCjsAlertCollapse };
+
+//# sourceMappingURL=collapse-esm-cjs.mjs.map

package/dist/components/Alerts/collapse-esm-cjs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Alerts/collapse-esm-cjs.mjs","sources":["../../../src/components/Alerts/collapse-esm-cjs.tsx"],"sourcesContent":["import { Collapse, Space, Tag, Tooltip, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport { beautifyPath } from '../../utils/file';\nimport { truncateMiddle } from '../../utils/string';\nimport { LabelComponent } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\n\nexport const EsmResolvedToCjsAlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n  const { cwd } = extraData;\n\n  const items = data.map((d) => {\n    const item = d as Rule.EsmResolvedToCjsRuleStoreData;\n    const { packageName, packageVersion, esmEntry, resolvedModule, issuers } =\n      item;\n\n    const resolvedDisplayPath = beautifyPath(resolvedModule.path, cwd);\n    const esmDisplayPath = beautifyPath(esmEntry, cwd);\n\n    const ChildComponent = () => (\n      <div className={styles.collapseContainer}>\n        <Overview\n          style={{ backgroundColor: '#fff' }}\n          title={\n            <Space align=\"center\" wrap>\n              <Text strong style={{ fontSize: 13 }}>\n                Package:\n              </Text>\n              <Tag\n                style={{\n                  fontFamily: 'Menlo',\n                  backgroundColor: '#EAEDF1',\n                  borderRadius: '2px',\n                }}\n              >\n                {`${packageName}@${packageVersion}`}\n              </Tag>\n            </Space>\n          }\n          description={\n            <div\n              className={styles.collapseChild}\n              style={{ flexDirection: 'column', paddingTop: 16 }}\n            >\n              {/* ESM entry that should have been used */}\n              <div\n                style={{\n                  display: 'flex',\n                  marginBottom: 8,\n                  alignItems: 'center',\n                }}\n              >\n                <div\n                  className={styles.attribute}\n                  style={{ color: '#52c41a', minWidth: 100 }}\n                >\n                  <Tag\n                    style={{\n                      backgroundColor: '#f6ffed',\n                      borderColor: '#b7eb8f',\n                      color: '#389e0d',\n                      borderRadius: '2px',\n                    }}\n                  >\n                    ESM Entry\n                  </Tag>\n                </div>\n                <div className={styles.iconContainer}>\n                  <Tooltip title={esmDisplayPath}>\n                    <span className={styles.data}>\n                      {truncateMiddle(esmDisplayPath)}\n                    </span>\n                  </Tooltip>\n                  <Tag\n                    style={{\n                      marginLeft: 8,\n                      backgroundColor: '#f6ffed',\n                      borderColor: '#b7eb8f',\n                      color: '#389e0d',\n                      borderRadius: '2px',\n                      fontSize: 11,\n                    }}\n                  >\n                    declared in package.json\n                  </Tag>\n                </div>\n              </div>\n\n              {/* CJS file that was actually resolved */}\n              <div\n                style={{\n                  display: 'flex',\n                  marginBottom: 16,\n                  alignItems: 'center',\n                }}\n              >\n                <div\n                  className={styles.attribute}\n                  style={{ color: '#ff4d4f', minWidth: 100 }}\n                >\n                  <Tag\n                    style={{\n                      backgroundColor: '#fff7e6',\n                      borderColor: '#ffd591',\n                      color: '#d46b08',\n                      borderRadius: '2px',\n                    }}\n                  >\n                    CJS Resolved\n                  </Tag>\n                </div>\n                <div className={styles.iconContainer}>\n                  <Tooltip title={resolvedDisplayPath}>\n                    <span className={styles.data}>\n                      {truncateMiddle(resolvedDisplayPath)}\n                    </span>\n                  </Tooltip>\n                  <Tag\n                    style={{\n                      marginLeft: 8,\n                      backgroundColor: '#fff1f0',\n                      borderColor: '#ffa39e',\n                      color: '#cf1322',\n                      borderRadius: '2px',\n                      fontSize: 11,\n                    }}\n                  >\n                    actually bundled\n                  </Tag>\n                </div>\n              </div>\n\n              {/* Issuers */}\n              <Collapse\n                size=\"small\"\n                ghost\n                items={[\n                  {\n                    key: 'issuers',\n                    label: (\n                      <span\n                        style={{\n                          fontWeight: 500,\n                          color: 'rgba(28, 31, 35, 0.85)',\n                        }}\n                      >\n                        {`ESM Importers (${issuers.length})`}\n                      </span>\n                    ),\n                    children: issuers.map((issuer, idx) => (\n                      <div\n                        key={idx}\n                        style={{\n                          display: 'flex',\n                          marginBottom: 4,\n                          alignItems: 'center',\n                        }}\n                      >\n                        <div className={styles.attribute}>import</div>\n                        <div className={styles.iconContainer}>\n                          <span className={styles.data}>\n                            {beautifyPath(issuer.path, cwd)}\n                          </span>\n                          <Tag\n                            style={{\n                              marginLeft: 8,\n                              backgroundColor: '#EAEDF1',\n                              borderRadius: '2px',\n                              fontSize: 11,\n                              fontFamily: 'Menlo',\n                            }}\n                          >\n                            {`'${issuer.request}'`}\n                          </Tag>\n                        </div>\n                      </div>\n                    )),\n                  },\n                ]}\n              />\n            </div>\n          }\n        />\n      </div>\n    );\n\n    return {\n      key: `${packageName}::${resolvedModule.path}`,\n      label: (\n        <LabelComponent\n          title={\n            <Space size={4} align=\"center\">\n              <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n                <span\n                  className={styles.pkgName}\n                >{`${packageName}@${packageVersion}`}</span>\n              </Tag>\n            </Space>\n          }\n          description={`has an ESM entry but was resolved to CJS by ${issuers.length} importer(s).`}\n        />\n      ),\n      children: <ChildComponent />,\n    };\n  });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={items.map((item) => item.key)}\n      items={items}\n    />\n  );\n};\n"],"names":["Text","Typography","EsmResolvedToCjsAlertCollapse","props","data","extraData","cwd","items","d","item","packageName","packageVersion","esmEntry","resolvedModule","issuers","resolvedDisplayPath","beautifyPath","esmDisplayPath","ChildComponent","styles","Overview","Space","Tag","Tooltip","truncateMiddle","Collapse","issuer","idx","LabelComponent"],"mappings":"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"}

package/dist/utils/string.d.ts

@@ -1,2 +1,3 @@
 export declare function ensurePrefix(str: string, prefix: string): string;
 export declare function removePrefix(str: string, prefix: string): string;
+export declare function truncateMiddle(text: string, maxLength?: number): string;

package/dist/utils/string.mjs

@@ -6,6 +6,11 @@ function removePrefix(str, prefix) {
     while(res.slice(0, prefix.length) === prefix)res = res.slice(prefix.length);
     return res;
 }
-export { ensurePrefix, removePrefix };
+function truncateMiddle(text, maxLength = 60) {
+    if (text.length <= maxLength) return text;
+    const half = Math.floor((maxLength - 3) / 2);
+    return `${text.slice(0, half)}...${text.slice(-half)}`;
+}
+export { ensurePrefix, removePrefix, truncateMiddle };
 
 //# sourceMappingURL=string.mjs.map

package/dist/utils/string.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils/string.mjs","sources":["../../src/utils/string.ts"],"sourcesContent":["export function ensurePrefix(str: string, prefix: string): string {\n  return str.slice(0, prefix.length) === prefix ? str : `${str}${prefix}`;\n}\n\nexport function removePrefix(str: string, prefix: string): string {\n  let res = str;\n\n  while (res.slice(0, prefix.length) === prefix) {\n    res = res.slice(prefix.length);\n  }\n\n  return res;\n}\n"],"names":["ensurePrefix","str","prefix","removePrefix","res"],"mappings":"AAAO,SAASA,aAAaC,GAAW,EAAEC,MAAc;IACtD,OAAOD,IAAI,KAAK,CAAC,GAAGC,OAAO,MAAM,MAAMA,SAASD,MAAM,GAAGA,MAAMC,QAAQ;AACzE;AAEO,SAASC,aAAaF,GAAW,EAAEC,MAAc;IACtD,IAAIE,MAAMH;IAEV,MAAOG,IAAI,KAAK,CAAC,GAAGF,OAAO,MAAM,MAAMA,OACrCE,MAAMA,IAAI,KAAK,CAACF,OAAO,MAAM;IAG/B,OAAOE;AACT"}
+{"version":3,"file":"utils/string.mjs","sources":["../../src/utils/string.ts"],"sourcesContent":["export function ensurePrefix(str: string, prefix: string): string {\n  return str.slice(0, prefix.length) === prefix ? str : `${str}${prefix}`;\n}\n\nexport function removePrefix(str: string, prefix: string): string {\n  let res = str;\n\n  while (res.slice(0, prefix.length) === prefix) {\n    res = res.slice(prefix.length);\n  }\n\n  return res;\n}\n\nexport function truncateMiddle(text: string, maxLength = 60): string {\n  if (text.length <= maxLength) return text;\n  const half = Math.floor((maxLength - 3) / 2);\n  return `${text.slice(0, half)}...${text.slice(-half)}`;\n}\n"],"names":["ensurePrefix","str","prefix","removePrefix","res","truncateMiddle","text","maxLength","half","Math"],"mappings":"AAAO,SAASA,aAAaC,GAAW,EAAEC,MAAc;IACtD,OAAOD,IAAI,KAAK,CAAC,GAAGC,OAAO,MAAM,MAAMA,SAASD,MAAM,GAAGA,MAAMC,QAAQ;AACzE;AAEO,SAASC,aAAaF,GAAW,EAAEC,MAAc;IACtD,IAAIE,MAAMH;IAEV,MAAOG,IAAI,KAAK,CAAC,GAAGF,OAAO,MAAM,MAAMA,OACrCE,MAAMA,IAAI,KAAK,CAACF,OAAO,MAAM;IAG/B,OAAOE;AACT;AAEO,SAASC,eAAeC,IAAY,EAAEC,YAAY,EAAE;IACzD,IAAID,KAAK,MAAM,IAAIC,WAAW,OAAOD;IACrC,MAAME,OAAOC,KAAK,KAAK,CAAEF,AAAAA,CAAAA,YAAY,KAAK;IAC1C,OAAO,GAAGD,KAAK,KAAK,CAAC,GAAGE,MAAM,GAAG,EAAEF,KAAK,KAAK,CAAC,CAACE,OAAO;AACxD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/components",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "license": "MIT",
   "types": "dist/index.d.ts",
   "repository": {
@@ -58,7 +58,7 @@
     "antd": "5.19.1",
     "axios": "^1.13.6",
     "clsx": "^2.1.1",
-    "dayjs": "1.11.19",
+    "dayjs": "1.11.20",
     "echarts": "^5.6.0",
     "echarts-for-react": "^3.0.6",
     "es-toolkit": "^1.45.1",
@@ -74,9 +74,9 @@
     "react-markdown": "^9.1.0",
     "socket.io-client": "4.8.1",
     "url-parse": "1.5.10",
-    "@rsdoctor/types": "1.5.4",
-    "@rsdoctor/utils": "1.5.4",
-    "@rsdoctor/graph": "1.5.4"
+    "@rsdoctor/types": "1.5.5",
+    "@rsdoctor/utils": "1.5.5",
+    "@rsdoctor/graph": "1.5.5"
   },
   "peerDependencies": {
     "react": ">=18.3.1",