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

@rsdoctor/components 1.5.3 → 1.5.5

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 (169) 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-esm-cjs.d.ts ADDED Viewed

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

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

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

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

@@ -0,0 +1 @@

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

package/dist/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;