@rsdoctor/components 1.5.3 → 1.5.4

package/dist/common/imgs/connection-point.mjs

@@ -31,6 +31,6 @@ const SvgConnectionPoint = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const connection_point = SvgConnectionPoint;
-export { connection_point as default };
+export default connection_point;
 
 //# sourceMappingURL=connection-point.mjs.map

package/dist/common/imgs/rsdoctor-navbar.mjs

@@ -1,2 +1,2 @@
 import rsdoctor_navbar_namespaceObject from "../../static/image/rsdoctor-navbar.png";
-export { rsdoctor_navbar_namespaceObject as default };
+export default rsdoctor_navbar_namespaceObject;

package/dist/common/imgs/webpack.mjs

@@ -20,6 +20,6 @@ const SvgWebpack = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const webpack = SvgWebpack;
-export { webpack as default };
+export default webpack;
 
 //# sourceMappingURL=webpack.mjs.map

package/dist/common/svg/bundle-size.mjs

@@ -29,6 +29,6 @@ const SvgBundleSize = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const bundle_size = SvgBundleSize;
-export { bundle_size as default };
+export default bundle_size;
 
 //# sourceMappingURL=bundle-size.mjs.map

package/dist/common/svg/cursor.mjs

@@ -17,6 +17,6 @@ const SvgCursor = (props)=>/*#__PURE__*/ jsx("svg", {
         })
     });
 const cursor = SvgCursor;
-export { cursor as default };
+export default cursor;
 
 //# sourceMappingURL=cursor.mjs.map

package/dist/common/svg/error.mjs

@@ -23,6 +23,6 @@ const SvgError = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const error = SvgError;
-export { error as default };
+export default error;
 
 //# sourceMappingURL=error.mjs.map

package/dist/common/svg/file-css.mjs

@@ -25,6 +25,6 @@ const SvgFileCss = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file_css = SvgFileCss;
-export { file_css as default };
+export default file_css;
 
 //# sourceMappingURL=file-css.mjs.map

package/dist/common/svg/file-html.mjs

@@ -25,6 +25,6 @@ const SvgFileHtml = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file_html = SvgFileHtml;
-export { file_html as default };
+export default file_html;
 
 //# sourceMappingURL=file-html.mjs.map

package/dist/common/svg/file-image.mjs

@@ -23,6 +23,6 @@ const SvgFileImage = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file_image = SvgFileImage;
-export { file_image as default };
+export default file_image;
 
 //# sourceMappingURL=file-image.mjs.map

package/dist/common/svg/file-js.mjs

@@ -25,6 +25,6 @@ const SvgFileJs = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file_js = SvgFileJs;
-export { file_js as default };
+export default file_js;
 
 //# sourceMappingURL=file-js.mjs.map

package/dist/common/svg/file-unknown.mjs

@@ -23,6 +23,6 @@ const SvgFileUnknown = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file_unknown = SvgFileUnknown;
-export { file_unknown as default };
+export default file_unknown;
 
 //# sourceMappingURL=file-unknown.mjs.map

package/dist/common/svg/file.mjs

@@ -21,6 +21,6 @@ const SvgFile = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const file = SvgFile;
-export { file as default };
+export default file;
 
 //# sourceMappingURL=file.mjs.map

package/dist/common/svg/files/css.mjs

@@ -25,6 +25,6 @@ const SvgCss = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const css = SvgCss;
-export { css as default };
+export default css;
 
 //# sourceMappingURL=css.mjs.map

package/dist/common/svg/files/html.mjs

@@ -25,6 +25,6 @@ const SvgHtml = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const html = SvgHtml;
-export { html as default };
+export default html;
 
 //# sourceMappingURL=html.mjs.map

package/dist/common/svg/files/image.mjs

@@ -23,6 +23,6 @@ const SvgImage = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const files_image = SvgImage;
-export { files_image as default };
+export default files_image;
 
 //# sourceMappingURL=image.mjs.map

package/dist/common/svg/files/js.mjs

@@ -25,6 +25,6 @@ const SvgJs = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const js = SvgJs;
-export { js as default };
+export default js;
 
 //# sourceMappingURL=js.mjs.map

package/dist/common/svg/files/unkown-file.mjs

@@ -23,6 +23,6 @@ const SvgUnkownFile = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const unkown_file = SvgUnkownFile;
-export { unkown_file as default };
+export default unkown_file;
 
 //# sourceMappingURL=unkown-file.mjs.map

package/dist/common/svg/loader/input.mjs

@@ -25,6 +25,6 @@ const SvgInput = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const input = SvgInput;
-export { input as default };
+export default input;
 
 //# sourceMappingURL=input.mjs.map

package/dist/common/svg/loader/output.mjs

@@ -31,6 +31,6 @@ const SvgOutput = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const output = SvgOutput;
-export { output as default };
+export default output;
 
 //# sourceMappingURL=output.mjs.map

package/dist/common/svg/loader/step.mjs

@@ -13,6 +13,6 @@ const SvgStep = (props)=>/*#__PURE__*/ jsx("svg", {
         })
     });
 const step = SvgStep;
-export { step as default };
+export default step;
 
 //# sourceMappingURL=step.mjs.map

package/dist/common/svg/navbar/bundle-size-active.mjs

@@ -24,6 +24,6 @@ const SvgBundleSizeActive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const bundle_size_active = SvgBundleSizeActive;
-export { bundle_size_active as default };
+export default bundle_size_active;
 
 //# sourceMappingURL=bundle-size-active.mjs.map

package/dist/common/svg/navbar/bundle-size-inactive.mjs

@@ -24,6 +24,6 @@ const SvgBundleSizeInactive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const bundle_size_inactive = SvgBundleSizeInactive;
-export { bundle_size_inactive as default };
+export default bundle_size_inactive;
 
 //# sourceMappingURL=bundle-size-inactive.mjs.map

package/dist/common/svg/navbar/compile-analysis-active.mjs

@@ -34,6 +34,6 @@ const SvgCompileAnalysisActive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const compile_analysis_active = SvgCompileAnalysisActive;
-export { compile_analysis_active as default };
+export default compile_analysis_active;
 
 //# sourceMappingURL=compile-analysis-active.mjs.map

package/dist/common/svg/navbar/compile-analysis-inactive.mjs

@@ -34,6 +34,6 @@ const SvgCompileAnalysisInactive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const compile_analysis_inactive = SvgCompileAnalysisInactive;
-export { compile_analysis_inactive as default };
+export default compile_analysis_inactive;
 
 //# sourceMappingURL=compile-analysis-inactive.mjs.map

package/dist/common/svg/navbar/overall-active.mjs

@@ -34,6 +34,6 @@ const SvgOverallActive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const overall_active = SvgOverallActive;
-export { overall_active as default };
+export default overall_active;
 
 //# sourceMappingURL=overall-active.mjs.map

package/dist/common/svg/navbar/overall-inactive.mjs

@@ -34,6 +34,6 @@ const SvgOverallInactive = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const overall_inactive = SvgOverallInactive;
-export { overall_inactive as default };
+export default overall_inactive;
 
 //# sourceMappingURL=overall-inactive.mjs.map

package/dist/common/svg/output.mjs

@@ -31,6 +31,6 @@ const SvgOutput = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const output = SvgOutput;
-export { output as default };
+export default output;
 
 //# sourceMappingURL=output.mjs.map

package/dist/common/svg/source-size.mjs

@@ -29,6 +29,6 @@ const SvgSourceSize = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const source_size = SvgSourceSize;
-export { source_size as default };
+export default source_size;
 
 //# sourceMappingURL=source-size.mjs.map

package/dist/common/svg/source.mjs

@@ -21,6 +21,6 @@ const SvgSource = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const source = SvgSource;
-export { source as default };
+export default source;
 
 //# sourceMappingURL=source.mjs.map

package/dist/common/svg/total-size.mjs

@@ -33,6 +33,6 @@ const SvgTotalSize = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const total_size = SvgTotalSize;
-export { total_size as default };
+export default total_size;
 
 //# sourceMappingURL=total-size.mjs.map

package/dist/common/svg/trae.mjs

@@ -16,6 +16,6 @@ const SvgTrae = (props)=>/*#__PURE__*/ jsx("svg", {
         })
     });
 const trae = SvgTrae;
-export { trae as default };
+export default trae;
 
 //# sourceMappingURL=trae.mjs.map

package/dist/common/svg/version.mjs

@@ -33,6 +33,6 @@ const SvgVersion = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const version = SvgVersion;
-export { version as default };
+export default version;
 
 //# sourceMappingURL=version.mjs.map

package/dist/common/svg/vscode.mjs

@@ -153,6 +153,6 @@ const SvgVscode = (props)=>/*#__PURE__*/ jsxs("svg", {
         ]
     });
 const vscode = SvgVscode;
-export { vscode as default };
+export default vscode;
 
 //# sourceMappingURL=vscode.mjs.map

package/dist/components/Alert/change.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alert/change.mjs","sources":["../../../src/components/Alert/change.tsx"],"sourcesContent":["import { CheckOutlined, InfoCircleOutlined } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Alert,\n  Button,\n  Col,\n  Divider,\n  Popconfirm,\n  Row,\n  Space,\n  Typography,\n} from 'antd';\nimport axios from 'axios';\nimport React, { useState } from 'react';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { DiffViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeChangeAlertProps } from './types';\n\ninterface FixedProps {\n  setIsFixed(val: boolean): void;\n}\n\nconst CodeChangeDrawerContent: React.FC<CodeChangeAlertProps & FixedProps> = ({\n  data,\n  setIsFixed,\n  cwd,\n}) => {\n  const { file, id } = data;\n  const { path, line, isFixed, actual, expected } = file;\n  // const [isFixed, setIsFixed] = useState(file.isFixed ?? false);\n  const applyFix = () => {\n    axios.post(SDK.ServerAPI.API.ApplyErrorFix, { id }).then(() => {\n      setIsFixed(true);\n    });\n  };\n\n  const FixButton = () => {\n    return (\n      <Popconfirm\n        title={`Did you confirm to apply the change i the area below ?`}\n        onConfirm={applyFix}\n        okText=\"Yes\"\n        cancelText=\"Cancel\"\n        zIndex={99999}\n        disabled={isFixed}\n        placement=\"bottom\"\n      >\n        <Button\n          type=\"primary\"\n          size=\"small\"\n          icon={isFixed ? <CheckOutlined /> : undefined}\n          disabled={isFixed}\n        >\n          {isFixed ? 'Fix Applied' : 'Apply Fix'}\n        </Button>\n      </Popconfirm>\n    );\n  };\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <div>\n        <Title text={isFixed ? 'Fix History' : 'Suggest Fix'} />\n        <span className=\"code-change-tag-list\">\n          <FixButton />\n        </span>\n      </div>\n      <CodeOpener cwd={cwd} url={path} loc={String(line)} code disabled />\n      <Row>\n        <Col span={12}>\n          <Typography.Text strong>Before</Typography.Text>\n        </Col>\n        <Col span={12}>\n          <Typography.Text strong>After</Typography.Text>\n        </Col>\n      </Row>\n      <DiffViewer\n        className=\"full-space\"\n        originalFilePath={path}\n        modifiedFilePath={path}\n        original={actual}\n        modified={expected}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeChangeAlert: React.FC<CodeChangeAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { title, description = '', level, code, file } = data;\n  const [isFixed, setIsFixed] = useState(file.isFixed ?? false);\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const fixFile = (val: boolean) => {\n    setIsFixed(val);\n    file.isFixed = val;\n  };\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        <Typography.Text>in line</Typography.Text>\n        <Typography.Text strong code>\n          {file.line}\n        </Typography.Text>\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={isFixed ? 'success' : level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer\n            text={isFixed ? 'Fixed | Show Fix History' : 'Show Fix Suggestion'}\n            buttonProps={{ size: 'small' }}\n          >\n            <CodeChangeDrawerContent\n              data={data}\n              setIsFixed={fixFile}\n              cwd={cwd}\n            />\n          </TextDrawer>\n          <Divider type=\"vertical\" />\n          <Button type=\"link\" onClick={navigate} size=\"small\">\n            <InfoCircleOutlined />\n          </Button>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeChangeDrawerContent","data","setIsFixed","cwd","file","id","path","line","isFixed","actual","expected","applyFix","axios","SDK","FixButton","Popconfirm","Button","CheckOutlined","undefined","Space","Title","CodeOpener","String","Row","Col","Typography","DiffViewer","CodeChangeAlert","title","description","level","code","useState","navigate","useRuleIndexNavigate","fixFile","val","Description","Alert","TextDrawer","Divider","InfoCircleOutlined"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,0BAAuE,CAAC,EAC5EC,IAAI,EACJC,UAAU,EACVC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAE,GAAGJ;IACrB,MAAM,EAAEK,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IAElD,MAAMO,WAAW;QACfC,MAAM,IAAI,CAACC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa,EAAE;YAAER;QAAG,GAAG,IAAI,CAAC;YACvDH,WAAW;QACb;IACF;IAEA,MAAMY,YAAY,IACT,WAAP,GACE,IAACC,YAAUA;YACT,OAAO;YACP,WAAWJ;YACX,QAAO;YACP,YAAW;YACX,QAAQ;YACR,UAAUH;YACV,WAAU;sBAEV,kBAACQ,QAAMA;gBACL,MAAK;gBACL,MAAK;gBACL,MAAMR,UAAU,WAAVA,GAAU,IAACS,eAAaA,CAAAA,KAAMC;gBACpC,UAAUV;0BAETA,UAAU,gBAAgB;;;IAMnC,OAAO,WAAP,GACE,KAACW,OAAKA;QAAC,WAAU;QAAW,WAAU;;0BACpC,KAAC;;kCACC,IAACC,OAAKA;wBAAC,MAAMZ,UAAU,gBAAgB;;kCACvC,IAAC;wBAAK,WAAU;kCACd,kBAACM,WAAAA,CAAAA;;;;0BAGL,IAACO,YAAUA;gBAAC,KAAKlB;gBAAK,KAAKG;gBAAM,KAAKgB,OAAOf;gBAAO,MAAI;gBAAC,UAAQ;;0BACjE,KAACgB,KAAGA;;kCACF,IAACC,KAAGA;wBAAC,MAAM;kCACT,kBAACC,WAAW,IAAI;4BAAC,QAAM;sCAAC;;;kCAE1B,IAACD,KAAGA;wBAAC,MAAM;kCACT,kBAACC,WAAW,IAAI;4BAAC,QAAM;sCAAC;;;;;0BAG5B,IAACC,YAAUA;gBACT,WAAU;gBACV,kBAAkBpB;gBAClB,kBAAkBA;gBAClB,UAAUG;gBACV,UAAUC;;;;AAIlB;AAGO,MAAMiB,kBAAkD,CAAC,EAC9D1B,IAAI,EACJE,GAAG,EACJ;IACC,MAAM,EAAEyB,KAAK,EAAEC,cAAc,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAE3B,IAAI,EAAE,GAAGH;IACvD,MAAM,CAACO,SAASN,WAAW,GAAG8B,SAAS5B,KAAK,OAAO,IAAI;IACvD,MAAM6B,WAAWC,qBAAqBH,MAAM9B,KAAK,IAAI;IACrD,MAAMkC,UAAU,CAACC;QACflC,WAAWkC;QACXhC,KAAK,OAAO,GAAGgC;IACjB;IACA,MAAMC,cAAc,WAAdA,GACJ,KAAClB,OAAKA;QAAC,WAAU;;0BACf,IAACM,WAAW,IAAI;0BAAEI;;0BAClB,KAACV,OAAKA;;kCACJ,IAACM,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBrB,KAAK,IAAI;;kCAEZ,IAACqB,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBrB,KAAK,IAAI;;;;;;IAMlB,OAAO,WAAP,GACE,IAACkC,OAAKA;QACJ,UAAQ;QACR,uBACE,KAACnB,OAAKA;;8BACJ,IAACM,WAAW,IAAI;oBACd,MAAI;oBACJ,QAAM;oBACN,SAASQ;oBACT,OAAO;wBAAE,QAAQ;oBAAU;8BAE3B,kBAAC;kCAAGF;;;8BAEN,IAACN,WAAW,IAAI;oBAAC,QAAM;8BAAEG;;;;QAG7B,aAAaS;QACb,MAAM7B,UAAU,YAAYsB,AAAU,WAAVA,QAAmB,SAASA;QACxD,sBACE,KAACX,OAAKA;;8BACJ,IAACoB,YAAUA;oBACT,MAAM/B,UAAU,6BAA6B;oBAC7C,aAAa;wBAAE,MAAM;oBAAQ;8BAE7B,kBAACR,yBAAAA;wBACC,MAAMC;wBACN,YAAYkC;wBACZ,KAAKhC;;;8BAGT,IAACqC,SAAOA;oBAAC,MAAK;;8BACd,IAACxB,QAAMA;oBAAC,MAAK;oBAAO,SAASiB;oBAAU,MAAK;8BAC1C,kBAACQ,oBAAkBA,CAAAA;;;;;AAM/B"}
+{"version":3,"file":"components/Alert/change.mjs","sources":["../../../src/components/Alert/change.tsx"],"sourcesContent":["import { CheckOutlined, InfoCircleOutlined } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Alert,\n  Button,\n  Col,\n  Divider,\n  Popconfirm,\n  Row,\n  Space,\n  Typography,\n} from 'antd';\nimport axios from 'axios';\nimport React, { useState } from 'react';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { DiffViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeChangeAlertProps } from './types';\n\ninterface FixedProps {\n  setIsFixed(val: boolean): void;\n}\n\nconst CodeChangeDrawerContent: React.FC<CodeChangeAlertProps & FixedProps> = ({\n  data,\n  setIsFixed,\n  cwd,\n}) => {\n  const { file, id } = data;\n  const { path, line, isFixed, actual, expected } = file;\n  // const [isFixed, setIsFixed] = useState(file.isFixed ?? false);\n  const applyFix = () => {\n    axios.post(SDK.ServerAPI.API.ApplyErrorFix, { id }).then(() => {\n      setIsFixed(true);\n    });\n  };\n\n  const FixButton = () => {\n    return (\n      <Popconfirm\n        title={`Did you confirm to apply the change i the area below ?`}\n        onConfirm={applyFix}\n        okText=\"Yes\"\n        cancelText=\"Cancel\"\n        zIndex={99999}\n        disabled={isFixed}\n        placement=\"bottom\"\n      >\n        <Button\n          type=\"primary\"\n          size=\"small\"\n          icon={isFixed ? <CheckOutlined /> : undefined}\n          disabled={isFixed}\n        >\n          {isFixed ? 'Fix Applied' : 'Apply Fix'}\n        </Button>\n      </Popconfirm>\n    );\n  };\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <div>\n        <Title text={isFixed ? 'Fix History' : 'Suggest Fix'} />\n        <span className=\"code-change-tag-list\">\n          <FixButton />\n        </span>\n      </div>\n      <CodeOpener cwd={cwd} url={path} loc={String(line)} code disabled />\n      <Row>\n        <Col span={12}>\n          <Typography.Text strong>Before</Typography.Text>\n        </Col>\n        <Col span={12}>\n          <Typography.Text strong>After</Typography.Text>\n        </Col>\n      </Row>\n      <DiffViewer\n        className=\"full-space\"\n        originalFilePath={path}\n        modifiedFilePath={path}\n        original={actual}\n        modified={expected}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeChangeAlert: React.FC<CodeChangeAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { title, description = '', level, code, file } = data;\n  const [isFixed, setIsFixed] = useState(file.isFixed ?? false);\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const fixFile = (val: boolean) => {\n    setIsFixed(val);\n    file.isFixed = val;\n  };\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        <Typography.Text>in line</Typography.Text>\n        <Typography.Text strong code>\n          {file.line}\n        </Typography.Text>\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={isFixed ? 'success' : level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer\n            text={isFixed ? 'Fixed | Show Fix History' : 'Show Fix Suggestion'}\n            buttonProps={{ size: 'small' }}\n          >\n            <CodeChangeDrawerContent\n              data={data}\n              setIsFixed={fixFile}\n              cwd={cwd}\n            />\n          </TextDrawer>\n          <Divider type=\"vertical\" />\n          <Button type=\"link\" onClick={navigate} size=\"small\">\n            <InfoCircleOutlined />\n          </Button>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeChangeDrawerContent","data","setIsFixed","cwd","file","id","path","line","isFixed","actual","expected","applyFix","axios","SDK","FixButton","Popconfirm","Button","CheckOutlined","undefined","Space","Title","CodeOpener","String","Row","Col","Typography","DiffViewer","CodeChangeAlert","title","description","level","code","useState","navigate","useRuleIndexNavigate","fixFile","val","Description","Alert","TextDrawer","Divider","InfoCircleOutlined"],"mappings":"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"}

package/dist/components/Alert/ecma-version-check.mjs

@@ -6,7 +6,7 @@ import svg_output from "../../common/svg/output.mjs";
 import svg_error from "../../common/svg/error.mjs";
 import { useRuleIndexNavigate } from "../../utils/index.mjs";
 import ecma_version_check_module from "./ecma-version-check.module.mjs";
-const { Text } = Typography;
+const { Text: Text } = Typography;
 const ECMAVersionCheck = ({ data })=>data.map((d)=>{
         const { code, link, error } = d;
         const { source, output } = error || {};

package/dist/components/Alert/ecma-version-check.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alert/ecma-version-check.mjs","sources":["../../../src/components/Alert/ecma-version-check.tsx"],"sourcesContent":["import { Button, Typography } from 'antd';\nimport Icon from '@ant-design/icons';\n\nimport SourceSvg from '../../common/svg/source.svg';\nimport OutputSvg from '../../common/svg/output.svg';\nimport ErrorSvg from '../../common/svg/error.svg';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport { LinkAlertProps } from './types';\n\nimport styles from './ecma-version-check.module.scss';\n\nconst { Text } = Typography;\n\nexport const ECMAVersionCheck: React.FC<LinkAlertProps> = ({ data }) => {\n  return data.map((d) => {\n    const { code, link, error } = d;\n    const { source, output } = error || {};\n    const sourceMessage = source?.path\n      ? `${source?.path}:${source?.line}:${source?.column}`\n      : null;\n    const outputMessage = output?.path\n      ? `${output?.path}:${output?.line}:${output?.column}`\n      : `There's no source map for this error. Possible reasons are as follows:\n       1. It might come from a third-party library without source map.\n       2. If this is your business source code, source map should be enabled in your build config.\n      `;\n\n    const navigate = useRuleIndexNavigate(code, link);\n    return (\n      <div className={styles.container}>\n        <div>\n          <div className={styles.title}>Source</div>\n          <div className={styles.box}>\n            <Icon component={SourceSvg} />\n            <Text\n              ellipsis={{ tooltip: sourceMessage }}\n              className={`${styles.content} e2e-ecma-source`}\n            >\n              {sourceMessage}\n            </Text>\n          </div>\n        </div>\n        <div>\n          <div className={styles.title}>Output</div>\n          <div className={styles.box}>\n            <Icon component={OutputSvg} />\n            <Text\n              ellipsis={{ tooltip: outputMessage }}\n              className={`${styles.content} e2e-ecma-output`}\n            >\n              {outputMessage}\n            </Text>\n          </div>\n        </div>\n        <div>\n          <div className={styles.title}>Error</div>\n          <div className={styles.box}>\n            <Icon component={ErrorSvg} />\n            <Text\n              ellipsis={{ tooltip: d.description }}\n              className={`${styles.content} e2e-ecma-error`}\n            >\n              {d.description}\n            </Text>\n          </div>\n        </div>\n        <Button onClick={navigate} type=\"link\">\n          more\n        </Button>\n      </div>\n    );\n  });\n};\n"],"names":["Text","Typography","ECMAVersionCheck","data","d","code","link","error","source","output","sourceMessage","outputMessage","navigate","useRuleIndexNavigate","styles","Icon","SourceSvg","OutputSvg","ErrorSvg","Button"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,IAAI,EAAE,GAAGC;AAEV,MAAMC,mBAA6C,CAAC,EAAEC,IAAI,EAAE,GAC1DA,KAAK,GAAG,CAAC,CAACC;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGH;QAC9B,MAAM,EAAEI,MAAM,EAAEC,MAAM,EAAE,GAAGF,SAAS,CAAC;QACrC,MAAMG,gBAAgBF,QAAQ,OAC1B,GAAGA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,QAAQ,GACnD;QACJ,MAAMG,gBAAgBF,QAAQ,OAC1B,GAAGA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,QAAQ,GACnD,CAAC;;;MAGH,CAAC;QAEH,MAAMG,WAAWC,qBAAqBR,MAAMC;QAC5C,OAAO,WAAP,GACE,KAAC;YAAI,WAAWQ,0BAAAA,SAAgB;;8BAC9B,KAAC;;sCACC,IAAC;4BAAI,WAAWA,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWC;;8CACjB,IAAChB,MAAAA;oCACC,UAAU;wCAAE,SAASU;oCAAc;oCACnC,WAAW,GAAGI,0BAAAA,OAAc,CAAC,gBAAgB,CAAC;8CAE7CJ;;;;;;8BAIP,KAAC;;sCACC,IAAC;4BAAI,WAAWI,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWE;;8CACjB,IAACjB,MAAAA;oCACC,UAAU;wCAAE,SAASW;oCAAc;oCACnC,WAAW,GAAGG,0BAAAA,OAAc,CAAC,gBAAgB,CAAC;8CAE7CH;;;;;;8BAIP,KAAC;;sCACC,IAAC;4BAAI,WAAWG,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWG;;8CACjB,IAAClB,MAAAA;oCACC,UAAU;wCAAE,SAASI,EAAE,WAAW;oCAAC;oCACnC,WAAW,GAAGU,0BAAAA,OAAc,CAAC,eAAe,CAAC;8CAE5CV,EAAE,WAAW;;;;;;8BAIpB,IAACe,QAAMA;oBAAC,SAASP;oBAAU,MAAK;8BAAO;;;;IAK7C"}
+{"version":3,"file":"components/Alert/ecma-version-check.mjs","sources":["../../../src/components/Alert/ecma-version-check.tsx"],"sourcesContent":["import { Button, Typography } from 'antd';\nimport Icon from '@ant-design/icons';\n\nimport SourceSvg from '../../common/svg/source.svg';\nimport OutputSvg from '../../common/svg/output.svg';\nimport ErrorSvg from '../../common/svg/error.svg';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport { LinkAlertProps } from './types';\n\nimport styles from './ecma-version-check.module.scss';\n\nconst { Text } = Typography;\n\nexport const ECMAVersionCheck: React.FC<LinkAlertProps> = ({ data }) => {\n  return data.map((d) => {\n    const { code, link, error } = d;\n    const { source, output } = error || {};\n    const sourceMessage = source?.path\n      ? `${source?.path}:${source?.line}:${source?.column}`\n      : null;\n    const outputMessage = output?.path\n      ? `${output?.path}:${output?.line}:${output?.column}`\n      : `There's no source map for this error. Possible reasons are as follows:\n       1. It might come from a third-party library without source map.\n       2. If this is your business source code, source map should be enabled in your build config.\n      `;\n\n    const navigate = useRuleIndexNavigate(code, link);\n    return (\n      <div className={styles.container}>\n        <div>\n          <div className={styles.title}>Source</div>\n          <div className={styles.box}>\n            <Icon component={SourceSvg} />\n            <Text\n              ellipsis={{ tooltip: sourceMessage }}\n              className={`${styles.content} e2e-ecma-source`}\n            >\n              {sourceMessage}\n            </Text>\n          </div>\n        </div>\n        <div>\n          <div className={styles.title}>Output</div>\n          <div className={styles.box}>\n            <Icon component={OutputSvg} />\n            <Text\n              ellipsis={{ tooltip: outputMessage }}\n              className={`${styles.content} e2e-ecma-output`}\n            >\n              {outputMessage}\n            </Text>\n          </div>\n        </div>\n        <div>\n          <div className={styles.title}>Error</div>\n          <div className={styles.box}>\n            <Icon component={ErrorSvg} />\n            <Text\n              ellipsis={{ tooltip: d.description }}\n              className={`${styles.content} e2e-ecma-error`}\n            >\n              {d.description}\n            </Text>\n          </div>\n        </div>\n        <Button onClick={navigate} type=\"link\">\n          more\n        </Button>\n      </div>\n    );\n  });\n};\n"],"names":["Text","Typography","ECMAVersionCheck","data","d","code","link","error","source","output","sourceMessage","outputMessage","navigate","useRuleIndexNavigate","styles","Icon","SourceSvg","OutputSvg","ErrorSvg","Button"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AAEV,MAAMC,mBAA6C,CAAC,EAAEC,IAAI,EAAE,GAC1DA,KAAK,GAAG,CAAC,CAACC;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGH;QAC9B,MAAM,EAAEI,MAAM,EAAEC,MAAM,EAAE,GAAGF,SAAS,CAAC;QACrC,MAAMG,gBAAgBF,QAAQ,OAC1B,GAAGA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,QAAQ,GACnD;QACJ,MAAMG,gBAAgBF,QAAQ,OAC1B,GAAGA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,KAAK,CAAC,EAAEA,QAAQ,QAAQ,GACnD,CAAC;;;MAGH,CAAC;QAEH,MAAMG,WAAWC,qBAAqBR,MAAMC;QAC5C,OAAO,WAAP,GACE,KAAC;YAAI,WAAWQ,0BAAAA,SAAgB;;8BAC9B,KAAC;;sCACC,IAAC;4BAAI,WAAWA,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWC;;8CACjB,IAAChB,MAAIA;oCACH,UAAU;wCAAE,SAASU;oCAAc;oCACnC,WAAW,GAAGI,0BAAAA,OAAc,CAAC,gBAAgB,CAAC;8CAE7CJ;;;;;;8BAIP,KAAC;;sCACC,IAAC;4BAAI,WAAWI,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWE;;8CACjB,IAACjB,MAAIA;oCACH,UAAU;wCAAE,SAASW;oCAAc;oCACnC,WAAW,GAAGG,0BAAAA,OAAc,CAAC,gBAAgB,CAAC;8CAE7CH;;;;;;8BAIP,KAAC;;sCACC,IAAC;4BAAI,WAAWG,0BAAAA,KAAY;sCAAE;;sCAC9B,KAAC;4BAAI,WAAWA,0BAAAA,GAAU;;8CACxB,IAACC,OAAIA;oCAAC,WAAWG;;8CACjB,IAAClB,MAAIA;oCACH,UAAU;wCAAE,SAASI,EAAE,WAAW;oCAAC;oCACnC,WAAW,GAAGU,0BAAAA,OAAc,CAAC,eAAe,CAAC;8CAE5CV,EAAE,WAAW;;;;;;8BAIpB,IAACe,QAAMA;oBAAC,SAASP;oBAAU,MAAK;8BAAO;;;;IAK7C"}

package/dist/components/Alert/ecma-version-check.module.mjs

@@ -5,6 +5,6 @@ const ecma_version_check_module = {
     title: "title-OR484p",
     content: "content-iOwxYc"
 };
-export { ecma_version_check_module as default };
+export default ecma_version_check_module;
 
 //# sourceMappingURL=ecma-version-check.module.mjs.map

package/dist/components/Alert/package-relation.module.mjs

@@ -4,6 +4,6 @@ const package_relation_module = {
     filePath: "filePath-UF3inH",
     arrow: "arrow-VrZOco"
 };
-export { package_relation_module as default };
+export default package_relation_module;
 
 //# sourceMappingURL=package-relation.module.mjs.map

package/dist/components/Alert/view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alert/view.mjs","sources":["../../../src/components/Alert/view.tsx"],"sourcesContent":["import { InfoCircleOutlined } from '@ant-design/icons';\nimport { Alert, Button, Divider, Space, Typography } from 'antd';\nimport React from 'react';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { CodeViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeViewAlertProps } from './types';\n\nexport const CodeViewDrawerContent: React.FC<CodeViewAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { file } = data;\n  const { path, ranges } = file;\n  const line = ranges?.[0].start.line;\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <Title text=\"Code Viewer\" />\n      <CodeOpener\n        cwd={cwd}\n        url={path}\n        loc={Lodash.isNumber(line) ? String(line) : undefined}\n        code\n        disabled\n      />\n      <CodeViewer\n        filePath={file.path}\n        code={file.content}\n        ranges={ranges}\n        defaultLine={line}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeViewAlert: React.FC<CodeViewAlertProps> = ({ data, cwd }) => {\n  const { title, description = '', level, code, file } = data;\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const startLine = file.ranges?.[0].start.line;\n\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        {Lodash.isNumber(startLine) ? (\n          <>\n            <Typography.Text>in line</Typography.Text>\n            <Typography.Text strong code>\n              {startLine}\n            </Typography.Text>\n          </>\n        ) : (\n          ''\n        )}\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer text={'Show Source Code'} buttonProps={{ size: 'small' }}>\n            <CodeViewDrawerContent data={data} cwd={cwd} />\n          </TextDrawer>\n          <>\n            <Divider type=\"vertical\" />\n            <Button\n              type=\"link\"\n              onClick={navigate}\n              size=\"small\"\n              icon={<InfoCircleOutlined />}\n            />\n          </>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeViewDrawerContent","data","cwd","file","path","ranges","line","Space","Title","CodeOpener","Lodash","String","undefined","CodeViewer","CodeViewAlert","title","description","level","code","navigate","useRuleIndexNavigate","startLine","Description","Typography","Alert","TextDrawer","Divider","Button","InfoCircleOutlined"],"mappings":";;;;;;;;;;AAWO,MAAMA,wBAAsD,CAAC,EAClEC,IAAI,EACJC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,IAAI,EAAEC,MAAM,EAAE,GAAGF;IACzB,MAAMG,OAAOD,QAAQ,CAAC,EAAE,CAAC,MAAM;IAE/B,OAAO,WAAP,GACE,KAACE,OAAKA;QAAC,WAAU;QAAW,WAAU;;0BACpC,IAACC,OAAKA;gBAAC,MAAK;;0BACZ,IAACC,YAAUA;gBACT,KAAKP;gBACL,KAAKE;gBACL,KAAKM,OAAO,QAAQ,CAACJ,QAAQK,OAAOL,QAAQM;gBAC5C,MAAI;gBACJ,UAAQ;;0BAEV,IAACC,YAAUA;gBACT,UAAUV,KAAK,IAAI;gBACnB,MAAMA,KAAK,OAAO;gBAClB,QAAQE;gBACR,aAAaC;;;;AAIrB;AAGO,MAAMQ,gBAA8C,CAAC,EAAEb,IAAI,EAAEC,GAAG,EAAE;IACvE,MAAM,EAAEa,KAAK,EAAEC,cAAc,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAEf,IAAI,EAAE,GAAGF;IACvD,MAAMkB,WAAWC,qBAAqBF,MAAMjB,KAAK,IAAI;IACrD,MAAMoB,YAAYlB,KAAK,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM;IAEzC,MAAMmB,cAAc,WAAdA,GACJ,KAACf,OAAKA;QAAC,WAAU;;0BACf,IAACgB,WAAW,IAAI;0BAAEP;;0BAClB,KAACT,OAAKA;;kCACJ,IAACgB,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBpB,KAAK,IAAI;;oBAEXO,OAAO,QAAQ,CAACW,aAAa,WAAbA,GACf;;0CACE,IAACE,WAAW,IAAI;0CAAC;;0CACjB,IAACA,WAAW,IAAI;gCAAC,QAAM;gCAAC,MAAI;0CACzBF;;;yBAIL;;;;;IAMR,OAAO,WAAP,GACE,IAACG,OAAKA;QACJ,UAAQ;QACR,uBACE,KAACjB,OAAKA;;8BACJ,IAACgB,WAAW,IAAI;oBACd,MAAI;oBACJ,QAAM;oBACN,SAASJ;oBACT,OAAO;wBAAE,QAAQ;oBAAU;8BAE3B,kBAAC;kCAAGD;;;8BAEN,IAACK,WAAW,IAAI;oBAAC,QAAM;8BAAER;;;;QAG7B,aAAaO;QACb,MAAML,AAAU,WAAVA,QAAmB,SAASA;QAClC,sBACE,KAACV,OAAKA;;8BACJ,IAACkB,YAAUA;oBAAC,MAAM;oBAAoB,aAAa;wBAAE,MAAM;oBAAQ;8BACjE,kBAACzB,uBAAAA;wBAAsB,MAAMC;wBAAM,KAAKC;;;8BAE1C;;sCACE,IAACwB,SAAOA;4BAAC,MAAK;;sCACd,IAACC,QAAMA;4BACL,MAAK;4BACL,SAASR;4BACT,MAAK;4BACL,oBAAM,IAACS,oBAAkBA,CAAAA;;;;;;;AAOvC"}
+{"version":3,"file":"components/Alert/view.mjs","sources":["../../../src/components/Alert/view.tsx"],"sourcesContent":["import { InfoCircleOutlined } from '@ant-design/icons';\nimport { Alert, Button, Divider, Space, Typography } from 'antd';\nimport React from 'react';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { useRuleIndexNavigate } from '../../utils';\nimport { CodeViewer } from '../base';\nimport { CodeOpener } from '../Opener';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { CodeViewAlertProps } from './types';\n\nexport const CodeViewDrawerContent: React.FC<CodeViewAlertProps> = ({\n  data,\n  cwd,\n}) => {\n  const { file } = data;\n  const { path, ranges } = file;\n  const line = ranges?.[0].start.line;\n\n  return (\n    <Space direction=\"vertical\" className=\"alert-space\">\n      <Title text=\"Code Viewer\" />\n      <CodeOpener\n        cwd={cwd}\n        url={path}\n        loc={Lodash.isNumber(line) ? String(line) : undefined}\n        code\n        disabled\n      />\n      <CodeViewer\n        filePath={file.path}\n        code={file.content}\n        ranges={ranges}\n        defaultLine={line}\n      />\n    </Space>\n  );\n};\n\n///REVIEW - It's still useful? can't find usage\nexport const CodeViewAlert: React.FC<CodeViewAlertProps> = ({ data, cwd }) => {\n  const { title, description = '', level, code, file } = data;\n  const navigate = useRuleIndexNavigate(code, data.link);\n  const startLine = file.ranges?.[0].start.line;\n\n  const Description = (\n    <Space direction=\"vertical\">\n      <Typography.Text>{description}</Typography.Text>\n      <Space>\n        <Typography.Text>File:</Typography.Text>\n        <Typography.Text strong code>\n          {file.path}\n        </Typography.Text>\n        {Lodash.isNumber(startLine) ? (\n          <>\n            <Typography.Text>in line</Typography.Text>\n            <Typography.Text strong code>\n              {startLine}\n            </Typography.Text>\n          </>\n        ) : (\n          ''\n        )}\n      </Space>\n    </Space>\n  );\n\n  return (\n    <Alert\n      showIcon\n      message={\n        <Space>\n          <Typography.Text\n            code\n            strong\n            onClick={navigate}\n            style={{ cursor: 'pointer' }}\n          >\n            <a>{code}</a>\n          </Typography.Text>\n          <Typography.Text strong>{title}</Typography.Text>\n        </Space>\n      }\n      description={Description}\n      type={level === 'warn' ? 'info' : level}\n      action={\n        <Space>\n          <TextDrawer text={'Show Source Code'} buttonProps={{ size: 'small' }}>\n            <CodeViewDrawerContent data={data} cwd={cwd} />\n          </TextDrawer>\n          <>\n            <Divider type=\"vertical\" />\n            <Button\n              type=\"link\"\n              onClick={navigate}\n              size=\"small\"\n              icon={<InfoCircleOutlined />}\n            />\n          </>\n        </Space>\n      }\n    />\n  );\n};\n"],"names":["CodeViewDrawerContent","data","cwd","file","path","ranges","line","Space","Title","CodeOpener","Lodash","String","undefined","CodeViewer","CodeViewAlert","title","description","level","code","navigate","useRuleIndexNavigate","startLine","Description","Typography","Alert","TextDrawer","Divider","Button","InfoCircleOutlined"],"mappings":";;;;;;;;;;AAWO,MAAMA,wBAAsD,CAAC,EAClEC,IAAI,EACJC,GAAG,EACJ;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGF;IACjB,MAAM,EAAEG,IAAI,EAAEC,MAAM,EAAE,GAAGF;IACzB,MAAMG,OAAOD,QAAQ,CAAC,EAAE,CAAC,MAAM;IAE/B,OAAO,WAAP,GACE,KAACE,OAAKA;QAAC,WAAU;QAAW,WAAU;;0BACpC,IAACC,OAAKA;gBAAC,MAAK;;0BACZ,IAACC,YAAUA;gBACT,KAAKP;gBACL,KAAKE;gBACL,KAAKM,OAAO,QAAQ,CAACJ,QAAQK,OAAOL,QAAQM;gBAC5C,MAAI;gBACJ,UAAQ;;0BAEV,IAACC,YAAUA;gBACT,UAAUV,KAAK,IAAI;gBACnB,MAAMA,KAAK,OAAO;gBAClB,QAAQE;gBACR,aAAaC;;;;AAIrB;AAGO,MAAMQ,gBAA8C,CAAC,EAAEb,IAAI,EAAEC,GAAG,EAAE;IACvE,MAAM,EAAEa,KAAK,EAAEC,cAAc,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAEf,IAAI,EAAE,GAAGF;IACvD,MAAMkB,WAAWC,qBAAqBF,MAAMjB,KAAK,IAAI;IACrD,MAAMoB,YAAYlB,KAAK,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM;IAEzC,MAAMmB,cAAc,WAAdA,GACJ,KAACf,OAAKA;QAAC,WAAU;;0BACf,IAACgB,WAAW,IAAI;0BAAEP;;0BAClB,KAACT,OAAKA;;kCACJ,IAACgB,WAAW,IAAI;kCAAC;;kCACjB,IAACA,WAAW,IAAI;wBAAC,QAAM;wBAAC,MAAI;kCACzBpB,KAAK,IAAI;;oBAEXO,OAAO,QAAQ,CAACW,aAAa,WAAbA,GACf;;0CACE,IAACE,WAAW,IAAI;0CAAC;;0CACjB,IAACA,WAAW,IAAI;gCAAC,QAAM;gCAAC,MAAI;0CACzBF;;;yBAIL;;;;;IAMR,OAAO,WAAP,GACE,IAACG,OAAKA;QACJ,UAAQ;QACR,uBACE,KAACjB,OAAKA;;8BACJ,IAACgB,WAAW,IAAI;oBACd,MAAI;oBACJ,QAAM;oBACN,SAASJ;oBACT,OAAO;wBAAE,QAAQ;oBAAU;8BAE3B,kBAAC;kCAAGD;;;8BAEN,IAACK,WAAW,IAAI;oBAAC,QAAM;8BAAER;;;;QAG7B,aAAaO;QACb,MAAML,AAAU,WAAVA,QAAmB,SAASA;QAClC,sBACE,KAACV,OAAKA;;8BACJ,IAACkB,YAAUA;oBAAC,MAAM;oBAAoB,aAAa;wBAAE,MAAM;oBAAQ;8BACjE,kBAACzB,uBAAqBA;wBAAC,MAAMC;wBAAM,KAAKC;;;8BAE1C;;sCACE,IAACwB,SAAOA;4BAAC,MAAK;;sCACd,IAACC,QAAMA;4BACL,MAAK;4BACL,SAASR;4BACT,MAAK;4BACL,oBAAM,IAACS,oBAAkBA,CAAAA;;;;;;;AAOvC"}

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

@@ -9,8 +9,20 @@ import bundle_alert_module from "./bundle-alert.module.mjs";
 import { useState } from "react";
 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";
 const BundleAlert = ({ title, dataSource, extraData })=>{
-    const [activeKey, setActiveKey] = useState('E1001');
+    const firstKeyWithData = [
+        'E1001',
+        'E1002',
+        'E1003',
+        'E1004',
+        'E1005',
+        'E1006',
+        'E1007',
+        'E1008'
+    ].find((code)=>dataSource.some((d)=>d.code === code)) ?? 'E1001';
+    const [activeKey, setActiveKey] = useState(firstKeyWithData);
     const tabData = [
         {
             key: 'E1001',
@@ -41,12 +53,23 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
             key: 'E1006',
             label: 'Module Mixed Chunks',
             data: []
+        },
+        {
+            key: 'E1007',
+            label: 'Tree Shaking Side Effects Only',
+            data: []
+        },
+        {
+            key: 'E1008',
+            label: 'CJS Require Cannot Tree-Shake',
+            data: []
         }
     ];
     dataSource.forEach((data)=>{
         const target = tabData.find((td)=>td.key === data.code)?.data;
         target?.push(data);
     });
+    tabData.sort((a, b)=>(b.data.length > 0 ? 1 : 0) - (a.data.length > 0 ? 1 : 0));
     const tabItems = tabData.map((td)=>{
         const tagStyle = activeKey === td.key ? {
             border: '1px solid #91D5FF',
@@ -126,6 +149,18 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
                     extraData: extraData
                 });
                 break;
+            case 'E1007':
+                children = /*#__PURE__*/ jsx(SideEffectsOnlyImportsAlertCollapse, {
+                    data: td.data,
+                    extraData: extraData
+                });
+                break;
+            case 'E1008':
+                children = /*#__PURE__*/ jsx(CjsRequireAlertCollapse, {
+                    data: td.data,
+                    extraData: extraData
+                });
+                break;
             default:
                 children = null;
                 break;
@@ -177,7 +212,7 @@ const BundleAlert = ({ title, dataSource, extraData })=>{
                     onChange: setActiveKey,
                     tabBarGutter: 10,
                     type: "card",
-                    defaultActiveKey: "E1001",
+                    defaultActiveKey: tabData[0]?.key ?? 'E1001',
                     items: tabItems
                 }) : /*#__PURE__*/ jsx("div", {
                     style: {

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';\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 [activeKey, setActiveKey] = useState('E1001');\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\n  dataSource.forEach((data) => {\n    const target = tabData.find((td) => td.key === data.code)?.data;\n    target?.push(data);\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      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=\"E1001\"\n            items={tabItems}\n          />\n        )}\n      </div>\n    </Card>\n  );\n};\n"],"names":["BundleAlert","title","dataSource","extraData","activeKey","setActiveKey","useState","tabData","data","target","td","tabItems","tagStyle","tagTextStyle","LabelComponent","Overview","styles","Tag","children","description","AlertCollapse","CrossChunksAlertCollapse","CommonList","ECMAVersionCheck","ModuleMixedChunksAlertCollapse","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';\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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"}

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

@@ -6,6 +6,6 @@ const bundle_alert_module = {
     labelTitle: "labelTitle-tjSCQ_",
     labelDescription: "labelDescription-kB74lb"
 };
-export { bundle_alert_module as default };
+export default bundle_alert_module;
 
 //# sourceMappingURL=bundle-alert.module.mjs.map

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

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