@rsdoctor/components 1.5.18 → 1.6.1

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs

@@ -3,6 +3,7 @@ import icons from "@ant-design/icons";
 import { Collapse, Space, Tag, Typography } from "antd";
 import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import { beautifyPath } from "../../utils/file.mjs";
 import { IdeIcons, LabelComponent } from "./collapse-shared.mjs";
@@ -17,9 +18,6 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
         const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
                 className: collapse_module.collapseContainer,
                 children: /*#__PURE__*/ jsx(overview, {
-                    style: {
-                        backgroundColor: '#fff'
-                    },
                     title: /*#__PURE__*/ jsxs(Space, {
                         align: "center",
                         children: [
@@ -37,9 +35,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                     "Module:",
                                     ' ',
                                     /*#__PURE__*/ jsx(Text, {
+                                        type: "secondary",
                                         style: {
                                             fontSize: 12,
-                                            color: 'rgba(28, 31, 35, 0.6)',
                                             fontWeight: 300
                                         },
                                         children: modulePath
@@ -57,8 +55,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                             /*#__PURE__*/ jsx("div", {
                                 style: {
                                     marginBottom: 8,
-                                    fontWeight: 500,
-                                    color: 'rgba(28, 31, 35, 0.85)'
+                                    fontWeight: 500
                                 },
                                 children: "Side-Effects-Only Importers:"
                             }),
@@ -80,10 +77,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                                     children: conn.userRequest
                                                 }),
                                                 /*#__PURE__*/ jsx(Tag, {
+                                                    className: index_module.tag,
                                                     style: {
                                                         marginLeft: 8,
-                                                        backgroundColor: '#EAEDF1',
-                                                        borderRadius: '2px',
                                                         fontSize: 11
                                                     },
                                                     children: conn.dependencyType
@@ -103,10 +99,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                     size: 4,
                     align: "center",
                     children: /*#__PURE__*/ jsx(Tag, {
-                        style: {
-                            backgroundColor: '#EAEDF1',
-                            borderRadius: '2px'
-                        },
+                        className: index_module.tag,
                         children: /*#__PURE__*/ jsx("span", {
                             className: collapse_module.pkgName,
                             children: modulePath

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (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 { module, connections } =\n      d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n    const modulePath = beautifyPath(module.path, cwd);\n\n    const ChildComponent = () => {\n      return (\n        <div className={styles.collapseContainer}>\n          <Overview\n            style={{ backgroundColor: '#fff' }}\n            title={\n              <Space align=\"center\">\n                <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n                  Module:{' '}\n                  <Text\n                    style={{\n                      fontSize: 12,\n                      color: 'rgba(28, 31, 35, 0.6)',\n                      fontWeight: 300,\n                    }}\n                  >\n                    {modulePath}\n                  </Text>\n                </Text>\n                <IdeIcons file={module.path} />\n              </Space>\n            }\n            description={\n              <div className={styles.collapseChild}>\n                <div\n                  style={{\n                    marginBottom: 8,\n                    fontWeight: 500,\n                    color: 'rgba(28, 31, 35, 0.85)',\n                  }}\n                >\n                  Side-Effects-Only Importers:\n                </div>\n                {connections.map((conn, idx) => (\n                  <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n                    <div className={styles.attribute}>Import</div>\n                    <div className={styles.iconContainer}>\n                      <span className={styles.data}>{conn.userRequest}</span>\n                      <Tag\n                        style={{\n                          marginLeft: 8,\n                          backgroundColor: '#EAEDF1',\n                          borderRadius: '2px',\n                          fontSize: 11,\n                        }}\n                      >\n                        {conn.dependencyType}\n                      </Tag>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            }\n          />\n        </div>\n      );\n    };\n\n    return {\n      key: modulePath,\n      label: (\n        <LabelComponent\n          title={\n            <Space size={4} align=\"center\">\n              <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n                <span className={styles.pkgName}>{modulePath}</span>\n              </Tag>\n            </Space>\n          }\n          description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} 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","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","LabelComponent","Set","c","Collapse","item"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,OAAO;4CACL,UAAU;4CACV,OAAO;4CACP,YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;oCACZ,OAAO;gCACT;0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,OAAO;wDACL,YAAY;wDACZ,iBAAiB;wDACjB,cAAc;wDACd,UAAU;oDACZ;8DAECF,KAAK,cAAc;;;;;mCAZhBC;;;;;QAwBxB,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,IAACY,gBAAcA;gBACb,qBACE,IAACP,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,OAAO;4BAAE,iBAAiB;4BAAW,cAAc;wBAAM;kCAC5D,kBAAC;4BAAK,WAAWR,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,IAAIa,IAAId,YAAY,GAAG,CAAC,CAACe,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,IAACZ,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACa,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBnB,MAAM,GAAG,CAAC,CAACoB,OAASA,KAAK,GAAG;QAC9C,OAAOpB;;AAGb"}
+{"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (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 { module, connections } =\n      d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n    const modulePath = beautifyPath(module.path, cwd);\n\n    const ChildComponent = () => {\n      return (\n        <div className={styles.collapseContainer}>\n          <Overview\n            title={\n              <Space align=\"center\">\n                <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n                  Module:{' '}\n                  <Text\n                    type=\"secondary\"\n                    style={{\n                      fontSize: 12,\n                      fontWeight: 300,\n                    }}\n                  >\n                    {modulePath}\n                  </Text>\n                </Text>\n                <IdeIcons file={module.path} />\n              </Space>\n            }\n            description={\n              <div className={styles.collapseChild}>\n                <div\n                  style={{\n                    marginBottom: 8,\n                    fontWeight: 500,\n                  }}\n                >\n                  Side-Effects-Only Importers:\n                </div>\n                {connections.map((conn, idx) => (\n                  <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n                    <div className={styles.attribute}>Import</div>\n                    <div className={styles.iconContainer}>\n                      <span className={styles.data}>{conn.userRequest}</span>\n                      <Tag\n                        className={utilStyles.tag}\n                        style={{\n                          marginLeft: 8,\n                          fontSize: 11,\n                        }}\n                      >\n                        {conn.dependencyType}\n                      </Tag>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            }\n          />\n        </div>\n      );\n    };\n\n    return {\n      key: modulePath,\n      label: (\n        <LabelComponent\n          title={\n            <Space size={4} align=\"center\">\n              <Tag className={utilStyles.tag}>\n                <span className={styles.pkgName}>{modulePath}</span>\n              </Tag>\n            </Space>\n          }\n          description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} 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","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","utilStyles","LabelComponent","Set","c","Collapse","item"],"mappings":";;;;;;;;;AAaA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,MAAK;wCACL,OAAO;4CACL,UAAU;4CACV,YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;gCACd;0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,WAAWC,aAAAA,GAAc;oDACzB,OAAO;wDACL,YAAY;wDACZ,UAAU;oDACZ;8DAECH,KAAK,cAAc;;;;;mCAXhBC;;;;;QAuBxB,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,IAACa,gBAAcA;gBACb,qBACE,IAACR,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,WAAWC,aAAAA,GAAc;kCAC5B,kBAAC;4BAAK,WAAWT,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,IAAIc,IAAIf,YAAY,GAAG,CAAC,CAACgB,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,IAACb,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACc,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBpB,MAAM,GAAG,CAAC,CAACqB,OAASA,KAAK,GAAG;QAC9C,OAAOrB;;AAGb"}

package/dist/components/Alerts/collapse.mjs

@@ -12,6 +12,7 @@ import source_size from "../../common/svg/source-size.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import svg_version from "../../common/svg/version.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import { LabelComponent } from "./collapse-shared.mjs";
 const { Paragraph: Paragraph, Text: Text } = Typography;
 const { innerWidth: collapse_innerWidth } = window;
@@ -39,9 +40,6 @@ const AlertCollapse = (props)=>{
                     className: collapse_module.collapseContainer,
                     children: [
                         /*#__PURE__*/ jsx(overview, {
-                            style: {
-                                backgroundColor: '#fff'
-                            },
                             title: /*#__PURE__*/ jsx(Text, {
                                 style: {
                                     width: collapse_innerWidth > 1500 ? 900 : 700
@@ -153,10 +151,7 @@ const AlertCollapse = (props)=>{
             key: name,
             label: /*#__PURE__*/ jsx(LabelComponent, {
                 title: /*#__PURE__*/ jsx(Tag, {
-                    style: {
-                        backgroundColor: '#EAEDF1',
-                        borderRadius: '2px'
-                    },
+                    className: index_module.tag,
                     children: /*#__PURE__*/ jsx("span", {
                         className: collapse_module.pkgName,
                         children: name
@@ -205,9 +200,7 @@ const AlertCollapse = (props)=>{
                                         children: [
                                             /*#__PURE__*/ jsx(Title, {
                                                 text: /*#__PURE__*/ jsx(Tag, {
-                                                    style: {
-                                                        backgroundColor: '#EAEDF1'
-                                                    },
+                                                    className: index_module.tag,
                                                     children: name
                                                 }),
                                                 upperFirst: false

package/dist/components/Alerts/collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n\n  const items = data\n    .map((d) => {\n      const data = d as Rule.PackageRelationDiffRuleStoreData;\n      const { packages } = data;\n      const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n      return {\n        totalSize,\n        data,\n      };\n    })\n    .sort((a, b) => {\n      return b.totalSize - a.totalSize;\n    })\n    .map(({ data, totalSize }) => {\n      const { packages } = data;\n      const totalSizeStr = formatSize(totalSize);\n      const { name } = packages.find((e) => !!e.target.name)!.target;\n      const versions = packages.map((item) => item.target.version);\n\n      const ChildComponent = () => {\n        return packages.map((pkg, idx) => {\n          const version = pkg.target.version;\n          const root = pkg.target.root;\n          const sizeStr = formatSize(pkg.targetSize.sourceSize);\n          const parsedSizeStr = pkg.targetSize.parsedSize\n            ? formatSize(pkg.targetSize.parsedSize)\n            : null;\n\n          return (\n            <div className={styles.collapseContainer}>\n              <Overview\n                style={{ backgroundColor: '#fff' }}\n                title={\n                  <Text\n                    style={{ width: innerWidth > 1500 ? 900 : 700 }}\n                    ellipsis={{\n                      tooltip: root,\n                    }}\n                  >\n                    {root}\n                  </Text>\n                }\n                description={\n                  <div className={styles.collapseChild}>\n                    <div>\n                      <div className={styles.attribute}>Version</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={VersionSvg}\n                        />\n                        <span className={styles.data}>v{version}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Source size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={SourceSizeSvg}\n                        />\n                        <span className={styles.data}>{sizeStr}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Bundle size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={BundleSizeSvg}\n                        />\n                        <Tooltip\n                          title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n                        >\n                          <span className={styles.data}>\n                            {parsedSizeStr || 'CONCATENATED'}\n                          </span>\n                        </Tooltip>\n                      </div>\n                    </div>\n                  </div>\n                }\n                icon={\n                  <Paragraph\n                    style={{ position: 'relative', top: '-10px' }}\n                    copyable={{ text: root }}\n                  />\n                }\n              />\n              {idx !== packages.length - 1 ? (\n                <Divider style={{ margin: '10px 0' }} />\n              ) : null}\n            </div>\n          );\n        });\n      };\n\n      return {\n        key: name,\n        label: (\n          <LabelComponent\n            title={\n              <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n                <span className={styles.pkgName}>{name}</span>\n              </Tag>\n            }\n            description={`${packages.length} versions was found`}\n            extra={\n              <div className={styles.extraContainer}>\n                <div className={styles.iconContainer}>\n                  <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                  <span className={styles.data}>{totalSizeStr}</span>\n                </div>\n                {packages && packages.length > 0 ? (\n                  <TextDrawer\n                    text=\"Show Relations\"\n                    buttonProps={{ size: 'small' }}\n                    drawerProps={{ title: data.title, width: '60%' }}\n                  >\n                    <Space\n                      direction=\"vertical\"\n                      className=\"alert-space\"\n                      style={{ width: '100%' }}\n                    >\n                      <Space\n                        style={{\n                          marginBottom: Size.BasePadding / 2,\n                          width: '100%',\n                        }}\n                      >\n                        <Title\n                          text={\n                            <Tag style={{ backgroundColor: '#EAEDF1' }}>\n                              {name}\n                            </Tag>\n                          }\n                          upperFirst={false}\n                        />\n                        <Typography.Text strong>\n                          {versions.length}\n                        </Typography.Text>\n                        <Typography.Text> versions found</Typography.Text>\n                      </Space>\n                      <Tabs\n                        size=\"middle\"\n                        items={\n                          packages.map((pkg) => {\n                            const { target, targetSize } = pkg;\n                            return {\n                              label: (\n                                <Space className={styles.drawerLabelTitle}>\n                                  <div>v{target.version}</div>\n                                  <Tag className={styles.drawerLabelSize}>\n                                    {formatSize(targetSize.sourceSize)}\n                                  </Tag>\n                                </Space>\n                              ),\n                              key: `${target.root}${target.name}${target.version}`,\n                              children:\n                                extraData.getPackageRelationContentComponent({\n                                  data,\n                                  package: pkg,\n                                }),\n                            };\n                          })!\n                        }\n                      />\n                    </Space>\n                  </TextDrawer>\n                ) : null}\n              </div>\n            }\n          />\n        ),\n        children: <ChildComponent />,\n      };\n    });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1001']}\n      items={items}\n    />\n  );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n\n  const items = data\n    .map((d) => {\n      const data = d as Rule.PackageRelationDiffRuleStoreData;\n      const { packages } = data;\n      const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n      return {\n        totalSize,\n        data,\n      };\n    })\n    .sort((a, b) => {\n      return b.totalSize - a.totalSize;\n    })\n    .map(({ data, totalSize }) => {\n      const { packages } = data;\n      const totalSizeStr = formatSize(totalSize);\n      const { name } = packages.find((e) => !!e.target.name)!.target;\n      const versions = packages.map((item) => item.target.version);\n\n      const ChildComponent = () => {\n        return packages.map((pkg, idx) => {\n          const version = pkg.target.version;\n          const root = pkg.target.root;\n          const sizeStr = formatSize(pkg.targetSize.sourceSize);\n          const parsedSizeStr = pkg.targetSize.parsedSize\n            ? formatSize(pkg.targetSize.parsedSize)\n            : null;\n\n          return (\n            <div className={styles.collapseContainer}>\n              <Overview\n                title={\n                  <Text\n                    style={{ width: innerWidth > 1500 ? 900 : 700 }}\n                    ellipsis={{\n                      tooltip: root,\n                    }}\n                  >\n                    {root}\n                  </Text>\n                }\n                description={\n                  <div className={styles.collapseChild}>\n                    <div>\n                      <div className={styles.attribute}>Version</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={VersionSvg}\n                        />\n                        <span className={styles.data}>v{version}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Source size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={SourceSizeSvg}\n                        />\n                        <span className={styles.data}>{sizeStr}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Bundle size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={BundleSizeSvg}\n                        />\n                        <Tooltip\n                          title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n                        >\n                          <span className={styles.data}>\n                            {parsedSizeStr || 'CONCATENATED'}\n                          </span>\n                        </Tooltip>\n                      </div>\n                    </div>\n                  </div>\n                }\n                icon={\n                  <Paragraph\n                    style={{ position: 'relative', top: '-10px' }}\n                    copyable={{ text: root }}\n                  />\n                }\n              />\n              {idx !== packages.length - 1 ? (\n                <Divider style={{ margin: '10px 0' }} />\n              ) : null}\n            </div>\n          );\n        });\n      };\n\n      return {\n        key: name,\n        label: (\n          <LabelComponent\n            title={\n              <Tag className={utilStyles.tag}>\n                <span className={styles.pkgName}>{name}</span>\n              </Tag>\n            }\n            description={`${packages.length} versions was found`}\n            extra={\n              <div className={styles.extraContainer}>\n                <div className={styles.iconContainer}>\n                  <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                  <span className={styles.data}>{totalSizeStr}</span>\n                </div>\n                {packages && packages.length > 0 ? (\n                  <TextDrawer\n                    text=\"Show Relations\"\n                    buttonProps={{ size: 'small' }}\n                    drawerProps={{ title: data.title, width: '60%' }}\n                  >\n                    <Space\n                      direction=\"vertical\"\n                      className=\"alert-space\"\n                      style={{ width: '100%' }}\n                    >\n                      <Space\n                        style={{\n                          marginBottom: Size.BasePadding / 2,\n                          width: '100%',\n                        }}\n                      >\n                        <Title\n                          text={<Tag className={utilStyles.tag}>{name}</Tag>}\n                          upperFirst={false}\n                        />\n                        <Typography.Text strong>\n                          {versions.length}\n                        </Typography.Text>\n                        <Typography.Text> versions found</Typography.Text>\n                      </Space>\n                      <Tabs\n                        size=\"middle\"\n                        items={packages.map((pkg) => {\n                          const { target, targetSize } = pkg;\n                          return {\n                            label: (\n                              <Space className={styles.drawerLabelTitle}>\n                                <div>v{target.version}</div>\n                                <Tag className={styles.drawerLabelSize}>\n                                  {formatSize(targetSize.sourceSize)}\n                                </Tag>\n                              </Space>\n                            ),\n                            key: `${target.root}${target.name}${target.version}`,\n                            children:\n                              extraData.getPackageRelationContentComponent({\n                                data,\n                                package: pkg,\n                              }),\n                          };\n                        })!}\n                      />\n                    </Space>\n                  </TextDrawer>\n                ) : null}\n              </div>\n            }\n          />\n        ),\n        children: <ChildComponent />,\n      };\n    });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1001']}\n      items={items}\n    />\n  );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","utilStyles","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}

package/dist/components/Alerts/collapse_module.css

@@ -29,7 +29,7 @@
 
 .collapseContainer-RlFMpI .collapseChild-WWZD3z .attribute-bDSZ0z {
   text-align: left;
-  color: #00000073;
+  color: var(--text-color-secondary);
   margin: 5px 0;
   font-size: 12px;
   font-weight: 400;

package/dist/components/Alerts/collapse_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCof;EAuClf,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AA1CikB;EA6C/jB,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAjDgqB;EAoD9pB,eAAe;EACf,gBAAgB;AAClB;;AAtDkuB;EAyDhuB,mBAAmB;EACnB,aAAa;AACf;;AA3DkxB;EA8DhxB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAlE02B;EAqEx2B,gBAAgB;AAClB;;AAtE+4B;EAyE74B,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>*{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>*{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:rgba(0,0,0,.4509803922);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,kCAAkC;EAClC,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCwf;EAuCtf,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AA1CqkB;EA6CnkB,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAjDoqB;EAoDlqB,eAAe;EACf,gBAAgB;AAClB;;AAtDsuB;EAyDpuB,mBAAmB;EACnB,aAAa;AACf;;AA3DsxB;EA8DpxB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAlE82B;EAqE52B,gBAAgB;AAClB;;AAtEm5B;EAyEj5B,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>*{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>*{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:var(--text-color-secondary);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}

package/dist/components/Alerts/index.module.mjs

@@ -0,0 +1,7 @@
+import "./index_module.css";
+const index_module = {
+    tag: "tag-lJs0Ro"
+};
+export default index_module;
+
+//# sourceMappingURL=index.module.mjs.map

package/dist/components/Alerts/index.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Alerts/index.module.mjs","sources":["../../../src/components/Alerts/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"tag\":\"tag-lJs0Ro\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,KAAM;AAAY"}

package/dist/components/Alerts/index_module.css

@@ -0,0 +1,9 @@
+.tag-lJs0Ro {
+  background-color: var(--color-bg-box-elevated);
+  border-color: var(--color-border);
+  color: var(--text-color);
+  border-radius: 2px;
+}
+
+
+/*# sourceMappingURL=index_module.css.map */

package/dist/components/Alerts/index_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/components/Alerts/index.module.scss"],"names":[],"mappings":"AAAA;EACE,8CAA8C;EAC9C,iCAAiC;EACjC,wBAAwB;EACxB,kBAAkB;AACpB","sourcesContent":[".tag{background-color:var(--color-bg-box-elevated);border-color:var(--color-border);color:var(--text-color);border-radius:2px}"],"sourceRoot":""}

package/dist/components/Alerts/list.mjs

@@ -9,9 +9,6 @@ const CommonList = (props)=>{
         const { code, link, description } = d;
         const navigate = useRuleIndexNavigate(code, link);
         return /*#__PURE__*/ jsx(Overview, {
-            style: {
-                background: '#fff'
-            },
             description: /*#__PURE__*/ jsxs("div", {
                 className: list_module.description,
                 children: [

package/dist/components/Alerts/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  showCode?: boolean;\n}) => {\n  const { data, showCode } = props;\n  return data.map((d) => {\n    const { code, link, description } = d;\n    const navigate = useRuleIndexNavigate(code, link);\n\n    return (\n      <Overview\n        style={{\n          background: '#fff',\n        }}\n        description={\n          <div className={styles.description}>\n            {showCode ? <div className={styles.code}>{code}</div> : null}\n            <div>{description || ''}</div>\n          </div>\n        }\n        icon={\n          <Button onClick={navigate} type=\"link\">\n            more\n          </Button>\n        }\n      />\n    );\n  });\n};\n"],"names":["CommonList","props","data","showCode","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;IAIzB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF;IAC3B,OAAOC,KAAK,GAAG,CAAC,CAACE;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,OAAO;gBACL,YAAY;YACd;YACA,2BACE,KAAC;gBAAI,WAAWC,YAAAA,WAAkB;;oBAC/BR,WAAW,WAAXA,GAAW,IAAC;wBAAI,WAAWQ,YAAAA,IAAW;kCAAGN;yBAAc;kCACxD,IAAC;kCAAKE,eAAe;;;;YAGzB,oBACE,IAACK,QAAMA;gBAAC,SAASJ;gBAAU,MAAK;0BAAO;;;IAM/C;AACF"}
+{"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  showCode?: boolean;\n}) => {\n  const { data, showCode } = props;\n  return data.map((d) => {\n    const { code, link, description } = d;\n    const navigate = useRuleIndexNavigate(code, link);\n\n    return (\n      <Overview\n        description={\n          <div className={styles.description}>\n            {showCode ? <div className={styles.code}>{code}</div> : null}\n            <div>{description || ''}</div>\n          </div>\n        }\n        icon={\n          <Button onClick={navigate} type=\"link\">\n            more\n          </Button>\n        }\n      />\n    );\n  });\n};\n"],"names":["CommonList","props","data","showCode","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;IAIzB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF;IAC3B,OAAOC,KAAK,GAAG,CAAC,CAACE;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,2BACE,KAAC;gBAAI,WAAWC,YAAAA,WAAkB;;oBAC/BR,WAAW,WAAXA,GAAW,IAAC;wBAAI,WAAWQ,YAAAA,IAAW;kCAAGN;yBAAc;kCACxD,IAAC;kCAAKE,eAAe;;;;YAGzB,oBACE,IAACK,QAAMA;gBAAC,SAASJ;gBAAU,MAAK;0BAAO;;;IAM/C;AACF"}

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

@@ -3,6 +3,7 @@ export interface SizeCardProps {
     files: {
         path: string;
         size: number;
+        gzipSize?: number;
     }[];
     /**
      * total size for origin files

package/dist/components/Card/size.mjs

@@ -16,6 +16,10 @@ const SizeCard = ({ files, total, showProgress = false, type })=>{
     const sum = useMemo(()=>sumBy(files, (e)=>e.size), [
         files
     ]);
+    const gzipSum = useMemo(()=>sumBy(files, (e)=>e.gzipSize ?? 0), [
+        files
+    ]);
+    const hasGzipSize = files.some((file)=>void 0 !== file.gzipSize);
     return /*#__PURE__*/ jsx(ServerAPIProvider, {
         api: SDK.ServerAPI.API.GetAssetsSummary,
         body: {
@@ -66,15 +70,33 @@ const SizeCard = ({ files, total, showProgress = false, type })=>{
                         },
                         children: [
                             /*#__PURE__*/ jsxs("div", {
-                                className: size_module.dataContainer,
+                                className: size_module.sizeMetrics,
                                 children: [
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: size_module.title,
-                                        children: "Size"
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: size_module.dataContainer,
+                                        children: [
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: size_module.title,
+                                                children: "Size"
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: size_module.description,
+                                                children: formatSize(sum)
+                                            })
+                                        ]
                                     }),
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: size_module.description,
-                                        children: formatSize(sum)
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: size_module.dataContainer,
+                                        children: [
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: size_module.title,
+                                                children: "Gzipped"
+                                            }),
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: size_module.description,
+                                                children: hasGzipSize ? formatSize(gzipSum) : 'N/A'
+                                            })
+                                        ]
                                     })
                                 ]
                             }),

package/dist/components/Card/size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/size.mjs","sources":["../../../src/components/Card/size.tsx"],"sourcesContent":["import { Empty, Progress, Space, Tree } from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { RightOutlined } from '@ant-design/icons';\n\nimport { formatSize } from 'src/utils';\nimport { TextDrawer } from '../TextDrawer';\nimport { getFiles } from '../Overall';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport { SDK, Client } from '@rsdoctor/types';\n\nimport styles from './size.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst height = 100;\n\nexport interface SizeCardProps {\n  files: {\n    path: string;\n    size: number;\n  }[];\n  /**\n   * total size for origin files\n   */\n  total: number;\n  /**\n   * @default false\n   */\n  showProgress?: boolean;\n  tagBgColor: string;\n  type: string;\n}\nexport interface bgColorType {\n  bgColor: string;\n  tagBgColor: string;\n}\n\nexport const SizeCard: React.FC<SizeCardProps> = ({\n  files,\n  total,\n  showProgress = false,\n  type,\n}) => {\n  const fileType =\n    type.toLocaleLowerCase() as keyof Client.RsdoctorClientAssetsSummary;\n  const sum = useMemo(() => {\n    return sumBy(files, (e) => e.size);\n  }, [files]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const type = fileType.includes('image') ? 'imgs' : fileType;\n        const { treeData } = getFiles(res[type].total);\n        return (\n          <Space style={{ height }} align=\"center\">\n            <Progress\n              type=\"circle\"\n              percent={+((sum / total) * 100).toFixed(2)}\n              strokeColor={{ '0%': '#108ee9', '100%': '#108ee9' }}\n              strokeWidth={12}\n              format={(percent) => (\n                <div className={styles.percentContainer}>\n                  <span style={{ marginTop: '10px' }}>{percent}%</span>\n                  <span className={styles.percentDescription}>\n                    total {type}\n                  </span>\n                </div>\n              )}\n            />\n            <div style={{ marginLeft: '10px' }}>\n              <div className={styles.dataContainer}>\n                <div className={styles.title}>Size</div>\n                <div className={styles.description}>{formatSize(sum)}</div>\n              </div>\n              <TextDrawer\n                buttonProps={{\n                  size: 'small',\n                }}\n                buttonStyle={{\n                  fontSize: 'inherit',\n                }}\n                drawerProps={{\n                  title: 'Files',\n                }}\n                text={\n                  <Space\n                    style={{ textAlign: showProgress ? 'left' : 'center' }}\n                    align=\"end\"\n                  >\n                    <Space direction=\"vertical\">\n                      <div className={styles.dataContainer}>\n                        <div className={styles.title}>\n                          <span style={{ marginRight: '5px' }}>Files</span>\n                          <RightOutlined />\n                        </div>\n                      </div>\n                    </Space>\n                  </Space>\n                }\n              >\n                {treeData.length ? (\n                  <DirectoryTree\n                    defaultExpandAll\n                    selectable={false}\n                    treeData={treeData}\n                    rootStyle={{\n                      minHeight: '800px',\n                      border: '1px solid rgba(235, 237, 241)',\n                    }}\n                  />\n                ) : (\n                  <div\n                    style={{\n                      position: 'relative',\n                      top: '50%',\n                      transform: 'translateY(-50%)',\n                    }}\n                  >\n                    <Empty style={{ height: '100%' }} />\n                  </div>\n                )}\n              </TextDrawer>\n              <div className={styles.description}>{files.length}</div>\n            </div>\n          </Space>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","height","SizeCard","files","total","showProgress","type","fileType","sum","useMemo","sumBy","e","ServerAPIProvider","SDK","res","treeData","getFiles","Space","Progress","percent","styles","formatSize","TextDrawer","RightOutlined","Empty"],"mappings":";;;;;;;;;;;AAcA,MAAM,EAAEA,eAAAA,aAAa,EAAE,GAAGC;AAC1B,MAAMC,SAAS;AAuBR,MAAMC,WAAoC,CAAC,EAChDC,KAAK,EACLC,KAAK,EACLC,eAAe,KAAK,EACpBC,IAAI,EACL;IACC,MAAMC,WACJD,KAAK,iBAAiB;IACxB,MAAME,MAAMC,QAAQ,IACXC,MAAMP,OAAO,CAACQ,IAAMA,EAAE,IAAI,GAChC;QAACR;KAAM;IAEV,OAAO,WAAP,GACE,IAACS,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;QACvC,MAAM;YAAE,iBAAiB;QAAM;kBAE9B,CAACC;YACA,MAAMR,OAAOC,SAAS,QAAQ,CAAC,WAAW,SAASA;YACnD,MAAM,EAAEQ,QAAQ,EAAE,GAAGC,SAASF,GAAG,CAACR,KAAK,CAAC,KAAK;YAC7C,OAAO,WAAP,GACE,KAACW,OAAKA;gBAAC,OAAO;oBAAEhB,QAAAA;gBAAO;gBAAG,OAAM;;kCAC9B,IAACiB,UAAQA;wBACP,MAAK;wBACL,SAAS,CAAE,AAACV,CAAAA,MAAMJ,QAAS,GAAE,EAAG,OAAO,CAAC;wBACxC,aAAa;4BAAE,MAAM;4BAAW,QAAQ;wBAAU;wBAClD,aAAa;wBACb,QAAQ,CAACe,UAAAA,WAAAA,GACP,KAAC;gCAAI,WAAWC,YAAAA,gBAAuB;;kDACrC,KAAC;wCAAK,OAAO;4CAAE,WAAW;wCAAO;;4CAAID;4CAAQ;;;kDAC7C,KAAC;wCAAK,WAAWC,YAAAA,kBAAyB;;4CAAE;4CACnCd;;;;;;kCAKf,KAAC;wBAAI,OAAO;4BAAE,YAAY;wBAAO;;0CAC/B,KAAC;gCAAI,WAAWc,YAAAA,aAAoB;;kDAClC,IAAC;wCAAI,WAAWA,YAAAA,KAAY;kDAAE;;kDAC9B,IAAC;wCAAI,WAAWA,YAAAA,WAAkB;kDAAGC,WAAWb;;;;0CAElD,IAACc,YAAUA;gCACT,aAAa;oCACX,MAAM;gCACR;gCACA,aAAa;oCACX,UAAU;gCACZ;gCACA,aAAa;oCACX,OAAO;gCACT;gCACA,oBACE,IAACL,OAAKA;oCACJ,OAAO;wCAAE,WAAWZ,eAAe,SAAS;oCAAS;oCACrD,OAAM;8CAEN,kBAACY,OAAKA;wCAAC,WAAU;kDACf,kBAAC;4CAAI,WAAWG,YAAAA,aAAoB;sDAClC,mBAAC;gDAAI,WAAWA,YAAAA,KAAY;;kEAC1B,IAAC;wDAAK,OAAO;4DAAE,aAAa;wDAAM;kEAAG;;kEACrC,IAACG,eAAaA,CAAAA;;;;;;0CAOvBR,SAAS,MAAM,GAAG,WAAH,GACd,IAAChB,eAAaA;oCACZ,kBAAgB;oCAChB,YAAY;oCACZ,UAAUgB;oCACV,WAAW;wCACT,WAAW;wCACX,QAAQ;oCACV;mDAGF,IAAC;oCACC,OAAO;wCACL,UAAU;wCACV,KAAK;wCACL,WAAW;oCACb;8CAEA,kBAACS,OAAKA;wCAAC,OAAO;4CAAE,QAAQ;wCAAO;;;;0CAIrC,IAAC;gCAAI,WAAWJ,YAAAA,WAAkB;0CAAGjB,MAAM,MAAM;;;;;;QAIzD;;AAGN"}
+{"version":3,"file":"components/Card/size.mjs","sources":["../../../src/components/Card/size.tsx"],"sourcesContent":["import { Empty, Progress, Space, Tree } from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { RightOutlined } from '@ant-design/icons';\n\nimport { formatSize } from 'src/utils';\nimport { TextDrawer } from '../TextDrawer';\nimport { getFiles } from '../Overall';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport { SDK, Client } from '@rsdoctor/types';\n\nimport styles from './size.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst height = 100;\n\nexport interface SizeCardProps {\n  files: {\n    path: string;\n    size: number;\n    gzipSize?: number;\n  }[];\n  /**\n   * total size for origin files\n   */\n  total: number;\n  /**\n   * @default false\n   */\n  showProgress?: boolean;\n  tagBgColor: string;\n  type: string;\n}\nexport interface bgColorType {\n  bgColor: string;\n  tagBgColor: string;\n}\n\nexport const SizeCard: React.FC<SizeCardProps> = ({\n  files,\n  total,\n  showProgress = false,\n  type,\n}) => {\n  const fileType =\n    type.toLocaleLowerCase() as keyof Client.RsdoctorClientAssetsSummary;\n  const sum = useMemo(() => {\n    return sumBy(files, (e) => e.size);\n  }, [files]);\n  const gzipSum = useMemo(() => {\n    return sumBy(files, (e) => e.gzipSize ?? 0);\n  }, [files]);\n  const hasGzipSize = files.some((file) => file.gzipSize !== undefined);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const type = fileType.includes('image') ? 'imgs' : fileType;\n        const { treeData } = getFiles(res[type].total);\n        return (\n          <Space style={{ height }} align=\"center\">\n            <Progress\n              type=\"circle\"\n              percent={+((sum / total) * 100).toFixed(2)}\n              strokeColor={{ '0%': '#108ee9', '100%': '#108ee9' }}\n              strokeWidth={12}\n              format={(percent) => (\n                <div className={styles.percentContainer}>\n                  <span style={{ marginTop: '10px' }}>{percent}%</span>\n                  <span className={styles.percentDescription}>\n                    total {type}\n                  </span>\n                </div>\n              )}\n            />\n            <div style={{ marginLeft: '10px' }}>\n              <div className={styles.sizeMetrics}>\n                <div className={styles.dataContainer}>\n                  <div className={styles.title}>Size</div>\n                  <div className={styles.description}>{formatSize(sum)}</div>\n                </div>\n                <div className={styles.dataContainer}>\n                  <div className={styles.title}>Gzipped</div>\n                  <div className={styles.description}>\n                    {hasGzipSize ? formatSize(gzipSum) : 'N/A'}\n                  </div>\n                </div>\n              </div>\n              <TextDrawer\n                buttonProps={{\n                  size: 'small',\n                }}\n                buttonStyle={{\n                  fontSize: 'inherit',\n                }}\n                drawerProps={{\n                  title: 'Files',\n                }}\n                text={\n                  <Space\n                    style={{ textAlign: showProgress ? 'left' : 'center' }}\n                    align=\"end\"\n                  >\n                    <Space direction=\"vertical\">\n                      <div className={styles.dataContainer}>\n                        <div className={styles.title}>\n                          <span style={{ marginRight: '5px' }}>Files</span>\n                          <RightOutlined />\n                        </div>\n                      </div>\n                    </Space>\n                  </Space>\n                }\n              >\n                {treeData.length ? (\n                  <DirectoryTree\n                    defaultExpandAll\n                    selectable={false}\n                    treeData={treeData}\n                    rootStyle={{\n                      minHeight: '800px',\n                      border: '1px solid rgba(235, 237, 241)',\n                    }}\n                  />\n                ) : (\n                  <div\n                    style={{\n                      position: 'relative',\n                      top: '50%',\n                      transform: 'translateY(-50%)',\n                    }}\n                  >\n                    <Empty style={{ height: '100%' }} />\n                  </div>\n                )}\n              </TextDrawer>\n              <div className={styles.description}>{files.length}</div>\n            </div>\n          </Space>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","height","SizeCard","files","total","showProgress","type","fileType","sum","useMemo","sumBy","e","gzipSum","hasGzipSize","file","undefined","ServerAPIProvider","SDK","res","treeData","getFiles","Space","Progress","percent","styles","formatSize","TextDrawer","RightOutlined","Empty"],"mappings":"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"}

package/dist/components/Card/size.module.mjs

@@ -2,6 +2,7 @@ import "./size_module.css";
 const size_module = {
     dataContainer: "dataContainer-lJ0PuO",
     title: "title-Gj8JxL",
+    sizeMetrics: "sizeMetrics-P0U17b",
     description: "description-miJCbD",
     percentContainer: "percentContainer-VJxs6L",
     percentDescription: "percentDescription-ymSkb_"

package/dist/components/Card/size.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Card/size.module.mjs","sources":["../../../src/components/Card/size.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./size_module.css\"\nexport default {\"dataContainer\":\"dataContainer-lJ0PuO\",\"title\":\"title-Gj8JxL\",\"description\":\"description-miJCbD\",\"percentContainer\":\"percentContainer-VJxs6L\",\"percentDescription\":\"percentDescription-ymSkb_\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,eAAgB;IAAuB,OAAQ;IAAe,aAAc;IAAqB,kBAAmB;IAA0B,oBAAqB;AAA2B"}
+{"version":3,"file":"components/Card/size.module.mjs","sources":["../../../src/components/Card/size.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./size_module.css\"\nexport default {\"dataContainer\":\"dataContainer-lJ0PuO\",\"title\":\"title-Gj8JxL\",\"sizeMetrics\":\"sizeMetrics-P0U17b\",\"description\":\"description-miJCbD\",\"percentContainer\":\"percentContainer-VJxs6L\",\"percentDescription\":\"percentDescription-ymSkb_\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,eAAgB;IAAuB,OAAQ;IAAe,aAAc;IAAqB,aAAc;IAAqB,kBAAmB;IAA0B,oBAAqB;AAA2B"}

package/dist/components/Card/size_module.css

@@ -4,15 +4,18 @@
 }
 
 .dataContainer-lJ0PuO .title-Gj8JxL {
-  color: #000000a6;
   margin-bottom: 2px;
   font-size: 12px;
   font-weight: 400;
   line-height: 20px;
 }
 
+.sizeMetrics-P0U17b {
+  gap: 20px;
+  display: flex;
+}
+
 .description-miJCbD {
-  color: #000000d9;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;

package/dist/components/Card/size_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAXwK;EActK,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAlBmQ;EAA0B;IAsBzR,eAAe;EACjB;AACF;;AAxB0T;EA2BxT,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AA9B8X;EAiC5X,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px;color:rgba(0,0,0,.6509803922)}.description{font-size:18px;font-weight:500;line-height:28px;color:rgba(0,0,0,.8509803922)}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAV0I;EAaxI,SAAS;EACT,aAAa;AACf;;AAf6K;EAkB3K,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AArB0O;EAA0B;IAyBhQ,eAAe;EACjB;AACF;;AA3BiS;EA8B/R,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AAjCqW;EAoCnW,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px}.sizeMetrics{display:flex;gap:20px}.description{font-size:18px;font-weight:500;line-height:28px}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}