npm - @rsdoctor/components - Versions diffs - 1.5.3 → 1.5.4 - Mend

@rsdoctor/components 1.5.3 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/dist/components/Alerts/collapse-cjs-require.mjs ADDED Viewed

@@ -0,0 +1,142 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapse, Space, Tag } from "antd";
+import overview from "../Overall/overview.mjs";
+import collapse_module from "./collapse.module.mjs";
+import { beautifyPath } from "../../utils/file.mjs";
+import { IdeIcons, LabelComponent } from "./collapse-shared.mjs";
+const { innerWidth: collapse_cjs_require_innerWidth } = window;
+const CjsRequireAlertCollapse = (props)=>{
+    const { data, extraData } = props;
+    const { cwd } = extraData;
+    const groupMap = new Map();
+    for (const d of data){
+        const item = d;
+        const key = item.requiredModule.path;
+        if (!groupMap.has(key)) groupMap.set(key, {
+            requiredPath: key,
+            issuers: []
+        });
+        groupMap.get(key).issuers.push({
+            issuerPath: item.issuerModule.path,
+            request: item.request
+        });
+    }
+    const groups = Array.from(groupMap.values());
+    const items = groups.map((group)=>{
+        const requiredDisplayPath = beautifyPath(group.requiredPath, cwd);
+        const issuerCount = group.issuers.length;
+        const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
+                className: collapse_module.collapseContainer,
+                children: /*#__PURE__*/ jsx(overview, {
+                    style: {
+                        backgroundColor: '#fff'
+                    },
+                    title: /*#__PURE__*/ jsxs(Space, {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                style: {
+                                    fontSize: 13,
+                                    fontWeight: 500,
+                                    color: 'rgba(28, 31, 35, 0.85)'
+                                },
+                                children: "Required Module:"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                style: {
+                                    fontSize: 12,
+                                    color: 'rgba(28, 31, 35, 0.6)',
+                                    fontWeight: 300,
+                                    maxWidth: collapse_cjs_require_innerWidth > 1500 ? 900 : 700,
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    display: 'inline-block'
+                                },
+                                children: requiredDisplayPath
+                            })
+                        ]
+                    }),
+                    description: /*#__PURE__*/ jsxs("div", {
+                        className: collapse_module.collapseChild,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                style: {
+                                    marginBottom: 8,
+                                    fontWeight: 500,
+                                    color: 'rgba(28, 31, 35, 0.85)'
+                                },
+                                children: "CJS Require Callers:"
+                            }),
+                            group.issuers.map((issuer, idx)=>/*#__PURE__*/ jsxs("div", {
+                                    style: {
+                                        display: 'flex',
+                                        marginBottom: 4,
+                                        alignItems: 'center'
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: collapse_module.attribute,
+                                            children: "require"
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: collapse_module.iconContainer,
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: collapse_module.data,
+                                                    children: beautifyPath(issuer.issuerPath, cwd)
+                                                }),
+                                                /*#__PURE__*/ jsx(Tag, {
+                                                    style: {
+                                                        marginLeft: 8,
+                                                        backgroundColor: '#EAEDF1',
+                                                        borderRadius: '2px',
+                                                        fontSize: 11,
+                                                        fontFamily: 'Menlo'
+                                                    },
+                                                    children: `require('${issuer.request}')`
+                                                }),
+                                                /*#__PURE__*/ jsx(IdeIcons, {
+                                                    file: issuer.issuerPath
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, idx))
+                        ]
+                    })
+                })
+            });
+        return {
+            key: requiredDisplayPath,
+            label: /*#__PURE__*/ jsx(LabelComponent, {
+                title: /*#__PURE__*/ jsx(Space, {
+                    size: 4,
+                    align: "center",
+                    children: /*#__PURE__*/ jsx(Tag, {
+                        style: {
+                            backgroundColor: '#EAEDF1',
+                            borderRadius: '2px'
+                        },
+                        children: /*#__PURE__*/ jsx("span", {
+                            className: collapse_module.pkgName,
+                            children: requiredDisplayPath
+                        })
+                    })
+                }),
+                description: `cannot be tree-shaken — required via CJS \`require()\` by ${issuerCount} caller(s).`
+            }),
+            children: /*#__PURE__*/ jsx(ChildComponent, {})
+        };
+    });
+    return /*#__PURE__*/ jsx(Collapse, {
+        style: {
+            width: '100%'
+        },
+        defaultActiveKey: items.map((item)=>item.key),
+        items: items
+    });
+};
+export { CjsRequireAlertCollapse };
+//# sourceMappingURL=collapse-cjs-require.mjs.map

package/dist/components/Alerts/collapse-cjs-require.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"components/Alerts/collapse-cjs-require.mjs","sources":["../../../src/components/Alerts/collapse-cjs-require.tsx"],"sourcesContent":["import { Collapse, Space, Tag } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\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 { innerWidth } = window;\n\nexport const CjsRequireAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data, extraData } = props;\n const { cwd } = extraData;\n\n // Group by required module path\n const groupMap = new Map<\n string,\n {\n requiredPath: string;\n issuers: Array<{ issuerPath: string; request: string }>;\n }\n >();\n\n for (const d of data) {\n const item = d as Rule.CjsRequireRuleStoreData;\n const key = item.requiredModule.path;\n if (!groupMap.has(key)) {\n groupMap.set(key, { requiredPath: key, issuers: [] });\n }\n groupMap.get(key)!.issuers.push({\n issuerPath: item.issuerModule.path,\n request: item.request,\n });\n }\n\n const groups = Array.from(groupMap.values());\n\n const items = groups.map((group) => {\n const requiredDisplayPath = beautifyPath(group.requiredPath, cwd);\n const issuerCount = group.issuers.length;\n\n const ChildComponent = () => (\n <div className={styles.collapseContainer}>\n <Overview\n style={{ backgroundColor: '#fff' }}\n title={\n <Space align=\"center\">\n <span\n style={{\n fontSize: 13,\n fontWeight: 500,\n color: 'rgba(28, 31, 35, 0.85)',\n }}\n >\n Required Module:\n </span>\n <span\n style={{\n fontSize: 12,\n color: 'rgba(28, 31, 35, 0.6)',\n fontWeight: 300,\n maxWidth: innerWidth > 1500 ? 900 : 700,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n display: 'inline-block',\n }}\n >\n {requiredDisplayPath}\n </span>\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 CJS Require Callers:\n </div>\n {group.issuers.map((issuer, idx) => (\n <div\n key={idx}\n style={{\n display: 'flex',\n marginBottom: 4,\n alignItems: 'center',\n }}\n >\n <div className={styles.attribute}>require</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {beautifyPath(issuer.issuerPath, cwd)}\n </span>\n <Tag\n style={{\n marginLeft: 8,\n backgroundColor: '#EAEDF1',\n borderRadius: '2px',\n fontSize: 11,\n fontFamily: 'Menlo',\n }}\n >\n {`require('${issuer.request}')`}\n </Tag>\n <IdeIcons file={issuer.issuerPath} />\n </div>\n </div>\n ))}\n </div>\n }\n />\n </div>\n );\n\n return {\n key: requiredDisplayPath,\n label: (\n <LabelComponent\n title={\n <Space size={4} align=\"center\">\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span className={styles.pkgName}>{requiredDisplayPath}</span>\n </Tag>\n </Space>\n }\n description={`cannot be tree-shaken — required via CJS \\`require()\\` by ${issuerCount} caller(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":["innerWidth","window","CjsRequireAlertCollapse","props","data","extraData","cwd","groupMap","Map","d","item","key","groups","Array","items","group","requiredDisplayPath","beautifyPath","issuerCount","ChildComponent","styles","Overview","Space","issuer","idx","Tag","IdeIcons","LabelComponent","Collapse"],"mappings":";;;;;;AAUA,MAAM,EAAEA,YAAAA,+BAAU,EAAE,GAAGC;AAEhB,MAAMC,0BAA0B,CAACC;IAItC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAGhB,MAAME,WAAW,IAAIC;IAQrB,KAAK,MAAMC,KAAKL,KAAM;QACpB,MAAMM,OAAOD;QACb,MAAME,MAAMD,KAAK,cAAc,CAAC,IAAI;QACpC,IAAI,CAACH,SAAS,GAAG,CAACI,MAChBJ,SAAS,GAAG,CAACI,KAAK;YAAE,cAAcA;YAAK,SAAS,EAAE;QAAC;QAErDJ,SAAS,GAAG,CAACI,KAAM,OAAO,CAAC,IAAI,CAAC;YAC9B,YAAYD,KAAK,YAAY,CAAC,IAAI;YAClC,SAASA,KAAK,OAAO;QACvB;IACF;IAEA,MAAME,SAASC,MAAM,IAAI,CAACN,SAAS,MAAM;IAEzC,MAAMO,QAAQF,OAAO,GAAG,CAAC,CAACG;QACxB,MAAMC,sBAAsBC,aAAaF,MAAM,YAAY,EAAET;QAC7D,MAAMY,cAAcH,MAAM,OAAO,CAAC,MAAM;QAExC,MAAMI,iBAAiB,kBACrB,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAAC;gCACC,OAAO;oCACL,UAAU;oCACV,YAAY;oCACZ,OAAO;gCACT;0CACD;;0CAGD,IAAC;gCACC,OAAO;oCACL,UAAU;oCACV,OAAO;oCACP,YAAY;oCACZ,UAAUtB,kCAAa,OAAO,MAAM;oCACpC,UAAU;oCACV,cAAc;oCACd,YAAY;oCACZ,SAAS;gCACX;0CAECgB;;;;oBAIP,2BACE,KAAC;wBAAI,WAAWI,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;oCACZ,OAAO;gCACT;0CACD;;4BAGAL,MAAM,OAAO,CAAC,GAAG,CAAC,CAACQ,QAAQC,MAAAA,WAAAA,GAC1B,KAAC;oCAEC,OAAO;wCACL,SAAS;wCACT,cAAc;wCACd,YAAY;oCACd;;sDAEA,IAAC;4CAAI,WAAWJ,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DACzBH,aAAaM,OAAO,UAAU,EAAEjB;;8DAEnC,IAACmB,KAAGA;oDACF,OAAO;wDACL,YAAY;wDACZ,iBAAiB;wDACjB,cAAc;wDACd,UAAU;wDACV,YAAY;oDACd;8DAEC,CAAC,SAAS,EAAEF,OAAO,OAAO,CAAC,EAAE,CAAC;;8DAEjC,IAACG,UAAQA;oDAAC,MAAMH,OAAO,UAAU;;;;;mCAvB9BC;;;;;QAiCnB,OAAO;YACL,KAAKR;YACL,OAAO,WAAP,GACE,IAACW,gBAAcA;gBACb,qBACE,IAACL,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACG,KAAGA;wBAAC,OAAO;4BAAE,iBAAiB;4BAAW,cAAc;wBAAM;kCAC5D,kBAAC;4BAAK,WAAWL,gBAAAA,OAAc;sCAAGJ;;;;gBAIxC,aAAa,CAAC,0DAA0D,EAAEE,YAAY,WAAW,CAAC;;YAGtG,UAAU,WAAV,GAAU,IAACC,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACS,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBd,MAAM,GAAG,CAAC,CAACJ,OAASA,KAAK,GAAG;QAC9C,OAAOI;;AAGb"}

package/dist/components/Alerts/collapse-cross-chunks.mjs CHANGED Viewed

@@ -4,30 +4,9 @@ import { Collapse, Space, Tag, Typography } from "antd";
 import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
-const { Text } = Typography;
+import { LabelComponent } from "./collapse-shared.mjs";
+const { Text: Text } = Typography;
 const { innerWidth: collapse_cross_chunks_innerWidth } = window;
-const LabelComponent = (props)=>{
-    const { title, description, extra } = props;
-    return /*#__PURE__*/ jsxs("div", {
-        className: collapse_module.label,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: collapse_module.labelContent,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                children: extra
-            })
-        ]
-    });
-};
 const CrossChunksAlertCollapse = (props)=>{
     const { data } = props;
     const items = data.map((d)=>{

package/dist/components/Alerts/collapse-cross-chunks.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/collapse-cross-chunks.mjs","sources":["../../../src/components/Alerts/collapse-cross-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\~~nimport { ReactNode } from 'react';\~~n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n title: string \| ReactNode;\n description: string;\n extra?: ReactNode;\n}) => {\n const { title, description, extra } = props;\n return (\n <div className={styles.label}>\n <div className={styles.labelContent}>\n <div>{title}</div>\n <div>{description}</div>\n </div>\n <div>{extra}</div>\n </div>\n );\n};\n\nexport const CrossChunksAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data } = props;\n\n const items = data.map((d) => {\n const { package: dupPackage, chunks } =\n d as Rule.CrossChunksPackageRuleStoreData;\n\n const ChildComponent = () => {\n return chunks.map(({ chunks, module }) => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n style={{ backgroundColor: '#fff' }}\n title={\n <Space>\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 {module.path}\n </Text>\n </Text>\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {chunks.map((chunk) => (\n <div style={{ display: 'flex' }}>\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>{chunk.name}</span>\n </div>\n </div>\n ))}\n </div>\n }\n />\n </div>\n );\n });\n };\n\n return {\n key: `${dupPackage.name}@${dupPackage.version}`,\n label: (\n <LabelComponent\n title={\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span\n className={styles.pkgName}\n >{`${dupPackage.name}@${dupPackage.version}`}</span>\n </Tag>\n }\n description={`has duplicates bundled into multiple chunks.`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={['E1005']}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","~~LabelComponent~~","props","~~title","description","extra","styles","CrossChunksAlertCollapse","~~data","items","d","dupPackage","chunks","ChildComponent","module","Overview","Space","Icon","TotalSizeSvg","chunk","Tag","Collapse"],"mappings":"~~;;;;;;~~AAWA,MAAM,EAAEA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,~~YAAU~~,~~kCAAE~~,GAAGC;~~AAEvB~~,MAAMC,~~iBAAiB~~,CAACC;~~IAKtB~~,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGH;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAWI,gBAAAA,KAAY;;0BAC1B,KAAC;gBAAI,WAAWA,gBAAAA,YAAmB;;kCACjC,IAAC;kCAAKH;;kCACN,IAAC;kCAAKC;;;;0BAER,IAAC;0BAAKC;;;;AAGZ;AAEO,MAAME,2BAA2B,CAACL;IAIvC,MAAM,EAAEM,IAAI,EAAE,~~GAAGN~~;IAEjB,~~MAAMO~~,QAAQD,KAAK,GAAG,CAAC,CAACE;QACtB,MAAM,EAAE,SAASC,UAAU,EAAEC,MAAM,EAAE,GACnCF;QAEF,MAAMG,iBAAiB,IACdD,OAAO,GAAG,CAAC,CAAC,EAAEA,MAAM,EAAEE,MAAM,EAAE,GAC5B,WAAP,GACE,IAAC;oBAAI,~~WAAWR~~,gBAAAA,iBAAwB;8BACtC,~~kBAACS~~,UAAQA;wBACP,OAAO;4BAAE,iBAAiB;wBAAO;wBACjC,qBACE,KAACC,OAAKA;;8CACJ,IAACC,OAAIA;oCAAC,OAAO;wCAAE,UAAU;oCAAO;oCAAG,WAAWC;;8CAC9C,~~KAACrB~~,~~MAAAA~~;~~oCAAK~~,OAAO;wCAAE,OAAOE,mCAAa,OAAO,MAAM;oCAAI;;wCAAG;wCAC7C;sDACR,IAACF,~~MAAAA~~;~~4CACC~~,OAAO;gDACL,UAAU;gDACV,OAAO;gDACP,YAAY;4CACd;~~sDAECiB~~,OAAO,IAAI;;;;;;wBAKpB,2BACE,IAAC;4BAAI,~~WAAWR~~,gBAAAA,aAAoB;~~sCACjCM~~,OAAO,GAAG,CAAC,~~CAACO~~,QAAAA,WAAAA,GACX,KAAC;oCAAI,OAAO;wCAAE,SAAS;oCAAO;;sDAC5B,IAAC;4CAAI,~~WAAWb~~,gBAAAA,SAAgB;sDAAE;;sDAClC,IAAC;4CAAI,WAAWA,gBAAAA,aAAoB;sDAClC,kBAAC;gDAAK,WAAWA,gBAAAA,IAAW;~~0DAAGa~~,MAAM,IAAI;;;;;;;;QAY7D,OAAO;YACL,KAAK,~~GAAGR~~,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;YAC/C,OAAO,WAAP,GACE,~~IAACV~~,~~gBAAAA~~;~~gBACC~~,qBACE,~~IAACmB~~,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBACC,~~WAAWd~~,gBAAAA,OAAc;kCACzB,~~GAAGK~~,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;;;gBAGhD,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,~~IAACQ~~,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkB;YAAC;SAAQ;QAC3B,~~OAAOZ~~;;AAGb"}
1	+ {"version":3,"file":"components/Alerts/collapse-cross-chunks.mjs","sources":["../../../src/components/Alerts/collapse-cross-chunks.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 { LabelComponent } 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 CrossChunksAlertCollapse = (props: {\n data: Array<Rule.RuleStoreDataItem>;\n extraData: Omit<AlertProps, 'data'>;\n}) => {\n const { data } = props;\n\n const items = data.map((d) => {\n const { package: dupPackage, chunks } =\n d as Rule.CrossChunksPackageRuleStoreData;\n\n const ChildComponent = () => {\n return chunks.map(({ chunks, module }) => {\n return (\n <div className={styles.collapseContainer}>\n <Overview\n style={{ backgroundColor: '#fff' }}\n title={\n <Space>\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 {module.path}\n </Text>\n </Text>\n </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {chunks.map((chunk) => (\n <div style={{ display: 'flex' }}>\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>{chunk.name}</span>\n </div>\n </div>\n ))}\n </div>\n }\n />\n </div>\n );\n });\n };\n\n return {\n key: `${dupPackage.name}@${dupPackage.version}`,\n label: (\n <LabelComponent\n title={\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span\n className={styles.pkgName}\n >{`${dupPackage.name}@${dupPackage.version}`}</span>\n </Tag>\n }\n description={`has duplicates bundled into multiple chunks.`}\n />\n ),\n children: <ChildComponent />,\n };\n });\n\n return (\n <Collapse\n style={{ width: '100%' }}\n defaultActiveKey={['E1005']}\n items={items}\n />\n );\n};\n"],"names":["Text","Typography","innerWidth","window","CrossChunksAlertCollapse","props","data","items","d","dupPackage","chunks","ChildComponent","module","styles","Overview","Space","Icon","TotalSizeSvg","chunk","LabelComponent","Tag","Collapse"],"mappings":";;;;;;;AAWA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,gCAAU,EAAE,GAAGC;AAEhB,MAAMC,2BAA2B,CAACC;IAIvC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,QAAQD,KAAK,GAAG,CAAC,CAACE;QACtB,MAAM,EAAE,SAASC,UAAU,EAAEC,MAAM,EAAE,GACnCF;QAEF,MAAMG,iBAAiB,IACdD,OAAO,GAAG,CAAC,CAAC,EAAEA,MAAM,EAAEE,MAAM,EAAE,GAC5B,WAAP,GACE,IAAC;oBAAI,WAAWC,gBAAAA,iBAAwB;8BACtC,kBAACC,UAAQA;wBACP,OAAO;4BAAE,iBAAiB;wBAAO;wBACjC,qBACE,KAACC,OAAKA;;8CACJ,IAACC,OAAIA;oCAAC,OAAO;wCAAE,UAAU;oCAAO;oCAAG,WAAWC;;8CAC9C,KAACjB,MAAIA;oCAAC,OAAO;wCAAE,OAAOE,mCAAa,OAAO,MAAM;oCAAI;;wCAAG;wCAC7C;sDACR,IAACF,MAAIA;4CACH,OAAO;gDACL,UAAU;gDACV,OAAO;gDACP,YAAY;4CACd;sDAECY,OAAO,IAAI;;;;;;wBAKpB,2BACE,IAAC;4BAAI,WAAWC,gBAAAA,aAAoB;sCACjCH,OAAO,GAAG,CAAC,CAACQ,QAAAA,WAAAA,GACX,KAAC;oCAAI,OAAO;wCAAE,SAAS;oCAAO;;sDAC5B,IAAC;4CAAI,WAAWL,gBAAAA,SAAgB;sDAAE;;sDAClC,IAAC;4CAAI,WAAWA,gBAAAA,aAAoB;sDAClC,kBAAC;gDAAK,WAAWA,gBAAAA,IAAW;0DAAGK,MAAM,IAAI;;;;;;;;QAY7D,OAAO;YACL,KAAK,GAAGT,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;YAC/C,OAAO,WAAP,GACE,IAACU,gBAAcA;gBACb,qBACE,IAACC,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBACC,WAAWP,gBAAAA,OAAc;kCACzB,GAAGJ,WAAW,IAAI,CAAC,CAAC,EAAEA,WAAW,OAAO,EAAE;;;gBAGhD,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACU,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkB;YAAC;SAAQ;QAC3B,OAAOd;;AAGb"}

package/dist/components/Alerts/collapse-module-mixed-chunks.mjs CHANGED Viewed

@@ -5,30 +5,9 @@ import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import { beautifyPath } from "../../utils/file.mjs";
-const { Text } = Typography;
+import { LabelComponent } from "./collapse-shared.mjs";
+const { Text: Text } = Typography;
 const { innerWidth: collapse_module_mixed_chunks_innerWidth } = window;
-const LabelComponent = (props)=>{
-    const { title, description, extra } = props;
-    return /*#__PURE__*/ jsxs("div", {
-        className: collapse_module.label,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: collapse_module.labelContent,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                children: extra
-            })
-        ]
-    });
-};
 const ModuleMixedChunksAlertCollapse = (props)=>{
     const { data, extraData } = props;
     const { cwd } = extraData;

package/dist/components/Alerts/collapse-module-mixed-chunks.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Alerts/collapse-module-mixed-chunks.mjs","sources":["../../../src/components/Alerts/collapse-module-mixed-chunks.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\~~nimport { ReactNode } from 'react';\~~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';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nconst LabelComponent = (props: {\n title: string \| ReactNode;\n description: string;\n extra?: ReactNode;\n}) => {\n const { title, description, extra } = props;\n return (\n <div className={styles.label}>\n <div className={styles.labelContent}>\n <div>{title}</div>\n <div>{description}</div>\n </div>\n <div>{extra}</div>\n </div>\n );\n};\n\nexport const ModuleMixedChunksAlertCollapse = (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, initialChunks, asyncChunks } =\n d as Rule.ModuleMixedChunksRuleStoreData;\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>\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 </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {initialChunks.length > 0 && (\n <div style={{ marginBottom: 16 }}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n color: 'rgba(28, 31, 35, 0.85)',\n }}\n >\n Initial Chunks:\n </div>\n {initialChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\| `chunk-${chunk.id}`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n {asyncChunks.length > 0 && (\n <div>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n color: 'rgba(28, 31, 35, 0.85)',\n }}\n >\n Async Chunks:\n </div>\n {asyncChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\|\n `(no chunk name, ChunkId: ${chunk.id})`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n }\n description={`is included in both initial and async chunks.`}\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","~~LabelComponent~~","props","~~title","description","extra","styles","ModuleMixedChunksAlertCollapse","~~data","extraData","cwd","items","d","module","initialChunks","asyncChunks","modulePath","beautifyPath","ChildComponent","Overview","Space","Icon","TotalSizeSvg","chunk","Tag","Collapse","item"],"mappings":"~~;;;;;;;~~AAYA,MAAM,EAAEA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,~~YAAU~~,~~yCAAE~~,GAAGC;~~AAEvB~~,MAAMC,~~iBAAiB~~,CAACC;~~IAKtB~~,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGH;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAWI,gBAAAA,KAAY;;0BAC1B,KAAC;gBAAI,WAAWA,gBAAAA,YAAmB;;kCACjC,IAAC;kCAAKH;;kCACN,IAAC;kCAAKC;;;;0BAER,IAAC;0BAAKC;;;;AAGZ;AAEO,MAAME,iCAAiC,CAACL;IAI7C,MAAM,EAAEM,IAAI,EAAEC,SAAS,EAAE,~~GAAGP~~;IAC5B,MAAM,~~EAAEQ~~,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAC1CH;QAEF,MAAMI,aAAaC,aAAaJ,OAAO,IAAI,EAAEH;QAE7C,MAAMQ,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,~~WAAWZ~~,gBAAAA,iBAAwB;0BACtC,~~kBAACa~~,UAAQA;oBACP,OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,qBACE,KAACC,OAAKA;;0CACJ,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,~~KAACzB~~,~~MAAAA~~;~~gCAAK~~,OAAO;oCAAE,OAAOE,0CAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,~~MAAAA~~;~~wCACC~~,OAAO;4CACL,UAAU;4CACV,OAAO;4CACP,YAAY;wCACd;~~kDAECmB~~;;;;;;oBAKT,2BACE,KAAC;wBAAI,~~WAAWV~~,gBAAAA,aAAoB;;~~4BACjCQ~~,cAAc,MAAM,GAAG,KAAK,WAAL,GACtB,KAAC;gCAAI,OAAO;oCAAE,cAAc;gCAAG;;kDAC7B,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;4CACZ,OAAO;wCACT;kDACD;;oCAGAA,cAAc,GAAG,CAAC,~~CAACS~~,QAAAA,WAAAA,GAClB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,~~WAAWjB~~,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;~~kEACzBiB~~,MAAM,IAAI,IAAI,CAAC,MAAM,EAAEA,MAAM,EAAE,EAAE;;;;2CANjCA,MAAM,EAAE;;;~~4BAapBR~~,YAAY,MAAM,GAAG,KAAK,WAAL,GACpB,KAAC;;kDACC,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;4CACZ,OAAO;wCACT;kDACD;;oCAGAA,YAAY,GAAG,CAAC,~~CAACQ~~,QAAAA,WAAAA,GAChB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,~~WAAWjB~~,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;~~kEACzBiB~~,MAAM,IAAI,IACT,CAAC,yBAAyB,EAAEA,MAAM,EAAE,CAAC,CAAC,CAAC;;;;2CAPxCA,MAAM,EAAE;;;;;;;QAqBjC,OAAO;YACL,~~KAAKP~~;YACL,OAAO,WAAP,GACE,~~IAACf~~,~~gBAAAA~~;~~gBACC~~,qBACE,~~IAACuB~~,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBAAK,~~WAAWlB~~,gBAAAA,OAAc;~~kCAAGU~~;;;gBAGtC,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,~~IAACO~~,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,~~kBAAkBd~~,MAAM,GAAG,CAAC,~~CAACe~~,OAASA,KAAK,GAAG;QAC9C,~~OAAOf~~;;AAGb"}
1	+ {"version":3,"file":"components/Alerts/collapse-module-mixed-chunks.mjs","sources":["../../../src/components/Alerts/collapse-module-mixed-chunks.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 } 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 ModuleMixedChunksAlertCollapse = (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, initialChunks, asyncChunks } =\n d as Rule.ModuleMixedChunksRuleStoreData;\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>\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 </Space>\n }\n description={\n <div className={styles.collapseChild}>\n {initialChunks.length > 0 && (\n <div style={{ marginBottom: 16 }}>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n color: 'rgba(28, 31, 35, 0.85)',\n }}\n >\n Initial Chunks:\n </div>\n {initialChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\| `chunk-${chunk.id}`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n {asyncChunks.length > 0 && (\n <div>\n <div\n style={{\n marginBottom: 8,\n fontWeight: 500,\n color: 'rgba(28, 31, 35, 0.85)',\n }}\n >\n Async Chunks:\n </div>\n {asyncChunks.map((chunk) => (\n <div\n key={chunk.id}\n style={{ display: 'flex', marginBottom: 4 }}\n >\n <div className={styles.attribute}>Chunk</div>\n <div className={styles.iconContainer}>\n <span className={styles.data}>\n {chunk.name \|\|\n `(no chunk name, ChunkId: ${chunk.id})`}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n }\n />\n </div>\n );\n };\n\n return {\n key: modulePath,\n label: (\n <LabelComponent\n title={\n <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n <span className={styles.pkgName}>{modulePath}</span>\n </Tag>\n }\n description={`is included in both initial and async chunks.`}\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","ModuleMixedChunksAlertCollapse","props","data","extraData","cwd","items","d","module","initialChunks","asyncChunks","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","chunk","LabelComponent","Tag","Collapse","item"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,uCAAU,EAAE,GAAGC;AAEhB,MAAMC,iCAAiC,CAACC;IAI7C,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,aAAa,EAAEC,WAAW,EAAE,GAC1CH;QAEF,MAAMI,aAAaC,aAAaJ,OAAO,IAAI,EAAEH;QAE7C,MAAMQ,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,qBACE,KAACC,OAAKA;;0CACJ,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACrB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,0CAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,OAAO;4CACL,UAAU;4CACV,OAAO;4CACP,YAAY;wCACd;kDAECc;;;;;;oBAKT,2BACE,KAAC;wBAAI,WAAWG,gBAAAA,aAAoB;;4BACjCL,cAAc,MAAM,GAAG,KAAK,WAAL,GACtB,KAAC;gCAAI,OAAO;oCAAE,cAAc;gCAAG;;kDAC7B,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;4CACZ,OAAO;wCACT;kDACD;;oCAGAA,cAAc,GAAG,CAAC,CAACU,QAAAA,WAAAA,GAClB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IAAI,CAAC,MAAM,EAAEA,MAAM,EAAE,EAAE;;;;2CANjCA,MAAM,EAAE;;;4BAapBT,YAAY,MAAM,GAAG,KAAK,WAAL,GACpB,KAAC;;kDACC,IAAC;wCACC,OAAO;4CACL,cAAc;4CACd,YAAY;4CACZ,OAAO;wCACT;kDACD;;oCAGAA,YAAY,GAAG,CAAC,CAACS,QAAAA,WAAAA,GAChB,KAAC;4CAEC,OAAO;gDAAE,SAAS;gDAAQ,cAAc;4CAAE;;8DAE1C,IAAC;oDAAI,WAAWL,gBAAAA,SAAgB;8DAAE;;8DAClC,IAAC;oDAAI,WAAWA,gBAAAA,aAAoB;8DAClC,kBAAC;wDAAK,WAAWA,gBAAAA,IAAW;kEACzBK,MAAM,IAAI,IACT,CAAC,yBAAyB,EAAEA,MAAM,EAAE,CAAC,CAAC,CAAC;;;;2CAPxCA,MAAM,EAAE;;;;;;;QAqBjC,OAAO;YACL,KAAKR;YACL,OAAO,WAAP,GACE,IAACS,gBAAcA;gBACb,qBACE,IAACC,KAAGA;oBAAC,OAAO;wBAAE,iBAAiB;wBAAW,cAAc;oBAAM;8BAC5D,kBAAC;wBAAK,WAAWP,gBAAAA,OAAc;kCAAGH;;;gBAGtC,aAAa;;YAGjB,UAAU,WAAV,GAAU,IAACE,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACS,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBhB,MAAM,GAAG,CAAC,CAACiB,OAASA,KAAK,GAAG;QAC9C,OAAOjB;;AAGb"}

package/dist/components/Alerts/collapse-shared.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare const LabelComponent: (props: {
+    title: string | ReactNode;
+    description: string;
+    extra?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const IdeIcons: ({ file }: {
+    file: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Alerts/collapse-shared.mjs ADDED Viewed

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Space, Tooltip } from "antd";
+import vscode from "../../common/svg/vscode.mjs";
+import cursor from "../../common/svg/cursor.mjs";
+import trae from "../../common/svg/trae.mjs";
+import { openCursor, openTrae, openVSCode } from "../Opener/index.mjs";
+import collapse_module from "./collapse.module.mjs";
+const LabelComponent = (props)=>{
+    const { title, description, extra } = props;
+    return /*#__PURE__*/ jsxs("div", {
+        className: collapse_module.label,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: collapse_module.labelContent,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        children: description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                children: extra
+            })
+        ]
+    });
+};
+const IdeIcons = ({ file })=>/*#__PURE__*/ jsxs(Space, {
+        size: 4,
+        style: {
+            marginLeft: 8,
+            flexShrink: 0,
+            marginTop: 5
+        },
+        children: [
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "Open in VSCode",
+                children: /*#__PURE__*/ jsx(vscode, {
+                    style: {
+                        width: 16,
+                        height: 16,
+                        cursor: 'pointer'
+                    },
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        openVSCode({
+                            file
+                        });
+                    }
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "Open in Cursor",
+                children: /*#__PURE__*/ jsx(cursor, {
+                    style: {
+                        width: 16,
+                        height: 16,
+                        cursor: 'pointer'
+                    },
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        openCursor({
+                            file
+                        });
+                    }
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "Open in Trae",
+                children: /*#__PURE__*/ jsx(trae, {
+                    style: {
+                        width: 16,
+                        height: 16,
+                        cursor: 'pointer'
+                    },
+                    onClick: (e)=>{
+                        e.stopPropagation();
+                        openTrae({
+                            file
+                        });
+                    }
+                })
+            })
+        ]
+    });
+export { IdeIcons, LabelComponent };
+//# sourceMappingURL=collapse-shared.mjs.map

package/dist/components/Alerts/collapse-shared.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"components/Alerts/collapse-shared.mjs","sources":["../../../src/components/Alerts/collapse-shared.tsx"],"sourcesContent":["import { Space, Tooltip } from 'antd';\nimport { ReactNode } from 'react';\n\nimport VSCodeIcon from '../../common/svg/vscode.svg';\nimport CursorIcon from '../../common/svg/cursor.svg';\nimport TraeIcon from '../../common/svg/trae.svg';\nimport { openVSCode, openCursor, openTrae } from '../Opener';\n\nimport styles from './collapse.module.scss';\n\nexport const LabelComponent = (props: {\n title: string | ReactNode;\n description: string;\n extra?: ReactNode;\n}) => {\n const { title, description, extra } = props;\n return (\n <div className={styles.label}>\n <div className={styles.labelContent}>\n <div>{title}</div>\n <div>{description}</div>\n </div>\n <div>{extra}</div>\n </div>\n );\n};\n\nexport const IdeIcons = ({ file }: { file: string }) => (\n <Space size={4} style={{ marginLeft: 8, flexShrink: 0, marginTop: 5 }}>\n <Tooltip title=\"Open in VSCode\">\n <VSCodeIcon\n style={{ width: 16, height: 16, cursor: 'pointer' }}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n openVSCode({ file });\n }}\n />\n </Tooltip>\n <Tooltip title=\"Open in Cursor\">\n <CursorIcon\n style={{ width: 16, height: 16, cursor: 'pointer' }}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n openCursor({ file });\n }}\n />\n </Tooltip>\n <Tooltip title=\"Open in Trae\">\n <TraeIcon\n style={{ width: 16, height: 16, cursor: 'pointer' }}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n openTrae({ file });\n }}\n />\n </Tooltip>\n </Space>\n);\n"],"names":["LabelComponent","props","title","description","extra","styles","IdeIcons","file","Space","Tooltip","VSCodeIcon","e","openVSCode","CursorIcon","openCursor","TraeIcon","openTrae"],"mappings":";;;;;;;AAUO,MAAMA,iBAAiB,CAACC;IAK7B,MAAM,EAAEC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAGH;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAWI,gBAAAA,KAAY;;0BAC1B,KAAC;gBAAI,WAAWA,gBAAAA,YAAmB;;kCACjC,IAAC;kCAAKH;;kCACN,IAAC;kCAAKC;;;;0BAER,IAAC;0BAAKC;;;;AAGZ;AAEO,MAAME,WAAW,CAAC,EAAEC,IAAI,EAAoB,iBACjD,KAACC,OAAKA;QAAC,MAAM;QAAG,OAAO;YAAE,YAAY;YAAG,YAAY;YAAG,WAAW;QAAE;;0BAClE,IAACC,SAAOA;gBAAC,OAAM;0BACb,kBAACC,QAAUA;oBACT,OAAO;wBAAE,OAAO;wBAAI,QAAQ;wBAAI,QAAQ;oBAAU;oBAClD,SAAS,CAACC;wBACRA,EAAE,eAAe;wBACjBC,WAAW;4BAAEL;wBAAK;oBACpB;;;0BAGJ,IAACE,SAAOA;gBAAC,OAAM;0BACb,kBAACI,QAAUA;oBACT,OAAO;wBAAE,OAAO;wBAAI,QAAQ;wBAAI,QAAQ;oBAAU;oBAClD,SAAS,CAACF;wBACRA,EAAE,eAAe;wBACjBG,WAAW;4BAAEP;wBAAK;oBACpB;;;0BAGJ,IAACE,SAAOA;gBAAC,OAAM;0BACb,kBAACM,MAAQA;oBACP,OAAO;wBAAE,OAAO;wBAAI,QAAQ;wBAAI,QAAQ;oBAAU;oBAClD,SAAS,CAACJ;wBACRA,EAAE,eAAe;wBACjBK,SAAS;4BAAET;wBAAK;oBAClB"}

package/dist/components/Alerts/collapse-side-effects-only-imports.d.ts ADDED Viewed

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

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

@@ -0,0 +1,131 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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 total_size from "../../common/svg/total-size.mjs";
+import { beautifyPath } from "../../utils/file.mjs";
+import { IdeIcons, LabelComponent } from "./collapse-shared.mjs";
+const { Text: Text } = Typography;
+const { innerWidth: collapse_side_effects_only_imports_innerWidth } = window;
+const SideEffectsOnlyImportsAlertCollapse = (props)=>{
+    const { data, extraData } = props;
+    const { cwd } = extraData;
+    const items = data.map((d)=>{
+        const { module, connections } = d;
+        const modulePath = beautifyPath(module.path, cwd);
+        const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
+                className: collapse_module.collapseContainer,
+                children: /*#__PURE__*/ jsx(overview, {
+                    style: {
+                        backgroundColor: '#fff'
+                    },
+                    title: /*#__PURE__*/ jsxs(Space, {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ jsx(icons, {
+                                style: {
+                                    fontSize: '18px'
+                                },
+                                component: total_size
+                            }),
+                            /*#__PURE__*/ jsxs(Text, {
+                                style: {
+                                    width: collapse_side_effects_only_imports_innerWidth > 1500 ? 900 : 700
+                                },
+                                children: [
+                                    "Module:",
+                                    ' ',
+                                    /*#__PURE__*/ jsx(Text, {
+                                        style: {
+                                            fontSize: 12,
+                                            color: 'rgba(28, 31, 35, 0.6)',
+                                            fontWeight: 300
+                                        },
+                                        children: modulePath
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(IdeIcons, {
+                                file: module.path
+                            })
+                        ]
+                    }),
+                    description: /*#__PURE__*/ jsxs("div", {
+                        className: collapse_module.collapseChild,
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                style: {
+                                    marginBottom: 8,
+                                    fontWeight: 500,
+                                    color: 'rgba(28, 31, 35, 0.85)'
+                                },
+                                children: "Side-Effects-Only Importers:"
+                            }),
+                            connections.map((conn, idx)=>/*#__PURE__*/ jsxs("div", {
+                                    style: {
+                                        display: 'flex',
+                                        marginBottom: 4
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: collapse_module.attribute,
+                                            children: "Import"
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: collapse_module.iconContainer,
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: collapse_module.data,
+                                                    children: conn.userRequest
+                                                }),
+                                                /*#__PURE__*/ jsx(Tag, {
+                                                    style: {
+                                                        marginLeft: 8,
+                                                        backgroundColor: '#EAEDF1',
+                                                        borderRadius: '2px',
+                                                        fontSize: 11
+                                                    },
+                                                    children: conn.dependencyType
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, idx))
+                        ]
+                    })
+                })
+            });
+        return {
+            key: modulePath,
+            label: /*#__PURE__*/ jsx(LabelComponent, {
+                title: /*#__PURE__*/ jsx(Space, {
+                    size: 4,
+                    align: "center",
+                    children: /*#__PURE__*/ jsx(Tag, {
+                        style: {
+                            backgroundColor: '#EAEDF1',
+                            borderRadius: '2px'
+                        },
+                        children: /*#__PURE__*/ jsx("span", {
+                            className: collapse_module.pkgName,
+                            children: modulePath
+                        })
+                    })
+                }),
+                description: `is only imported for its side effects by ${new Set(connections.map((c)=>c.originModule)).size} importer(s).`
+            }),
+            children: /*#__PURE__*/ jsx(ChildComponent, {})
+        };
+    });
+    return /*#__PURE__*/ jsx(Collapse, {
+        style: {
+            width: '100%'
+        },
+        defaultActiveKey: items.map((item)=>item.key),
+        items: items
+    });
+};
+export { SideEffectsOnlyImportsAlertCollapse };
+//# sourceMappingURL=collapse-side-effects-only-imports.mjs.map

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

@@ -0,0 +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"}

package/dist/components/Alerts/collapse.mjs CHANGED Viewed

@@ -12,30 +12,9 @@ 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";
-const { Paragraph, Text } = Typography;
+import { LabelComponent } from "./collapse-shared.mjs";
+const { Paragraph: Paragraph, Text: Text } = Typography;
 const { innerWidth: collapse_innerWidth } = window;
-const LabelComponent = (props)=>{
-    const { title, description, extra } = props;
-    return /*#__PURE__*/ jsxs("div", {
-        className: collapse_module.label,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: collapse_module.labelContent,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                children: extra
-            })
-        ]
-    });
-};
 const AlertCollapse = (props)=>{
     const { data, extraData } = props;
     const items = data.map((d)=>{