@rsdoctor/components 1.3.4 → 1.3.5

package/dist/pages/ModuleAnalyze/components/fileTreeCom.mjs

@@ -17,7 +17,6 @@ const FileTree = (props)=>{
         refreshAsyncNodes: true
     });
     const renderNode = useCallback(({ node, onToggle })=>{
-        var _node_data_children;
         defaultOpenFather && node.data.level < defaultOpenFather && node.setOpened(true);
         const Icon = getFileCom(node.data.name);
         return /*#__PURE__*/ jsx("div", {
@@ -34,7 +33,7 @@ const FileTree = (props)=>{
                                     onClick: onToggle,
                                     children: /*#__PURE__*/ jsxs(Space, {
                                         children: [
-                                            !node.options.opened && (null == (_node_data_children = node.data.children) ? void 0 : _node_data_children.length) ? /*#__PURE__*/ jsx(PlusCircleOutlined, {
+                                            !node.options.opened && node.data.children?.length ? /*#__PURE__*/ jsx(PlusCircleOutlined, {
                                                 style: {
                                                     color: 'lightblue'
                                                 }

package/dist/pages/ModuleAnalyze/components/fileTreeCom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/components/fileTreeCom.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/components/fileTreeCom.tsx"],"sourcesContent":["import {\n  MinusCircleOutlined,\n  PlusCircleOutlined,\n  RightSquareOutlined,\n} from '@ant-design/icons';\nimport { Popover, Space, Typography } from 'antd';\nimport React, { useCallback } from 'react';\nimport Tree, { DefaultNodeProps, useTreeState } from 'react-hyper-tree';\n\nimport { ModuleGraphListContext } from '../../BundleSize/config';\nimport { NewTreeNodeType } from '../utils/hooks';\nimport './fileTreeCom.scss';\nimport { getFileCom } from 'src/components/FileTree';\n\nconst prefix = 'file-tree-com';\n\ntype FileTreeProps = {\n  treeData: NewTreeNodeType[];\n  needCode?: boolean;\n  needShowAllTree?: boolean;\n  needJumpto?: boolean;\n  defaultOpened?: boolean;\n  defaultOpenFather?: number;\n  cwd: string;\n  selectedChunk?: string;\n};\n\nexport const FileTree: React.FC<FileTreeProps> = (props) => {\n  const {\n    treeData,\n    needJumpto = false,\n    defaultOpened = false,\n    defaultOpenFather = 0,\n  } = props;\n\n  const { required, handlers } = useTreeState({\n    id: `${prefix}-tree`,\n    data: treeData || [],\n    defaultOpened,\n    multipleSelect: false,\n    refreshAsyncNodes: true,\n  });\n\n  const renderNode = useCallback(({ node, onToggle }: DefaultNodeProps) => {\n    defaultOpenFather &&\n      node.data.level < defaultOpenFather &&\n      node.setOpened(true);\n    const Icon = getFileCom(node.data.name);\n\n    return (\n      <div className={`${prefix}-titles-box`} key={node.data.name}>\n        <div className={`${prefix}-titles`}>\n          <Space direction=\"vertical\">\n            <div className={`${prefix}-node-title`}>\n              <Space>\n                <div onClick={onToggle}>\n                  <Space>\n                    {!node.options.opened && node.data.children?.length ? (\n                      <PlusCircleOutlined style={{ color: 'lightblue' }} />\n                    ) : (\n                      <MinusCircleOutlined style={{ color: 'lightblue' }} />\n                    )}\n                    {Icon}\n                    <Popover\n                      key={`${node.data.name}popover`}\n                      content={\n                        <>\n                          {node.data.__RESOURCEPATH__ ? (\n                            <Typography.Text\n                              key={`${node.data.name}-popover-path`}\n                              code\n                            >\n                              {node.data.__RESOURCEPATH__}\n                            </Typography.Text>\n                          ) : (\n                            <></>\n                          )}\n                        </>\n                      }\n                      title=\"INFO\"\n                      trigger=\"hover\"\n                    >\n                      <Typography.Text>{node.data.name}</Typography.Text>\n                    </Popover>\n                  </Space>\n                </div>\n                <Space>\n                  {needJumpto && (\n                    <ModuleGraphListContext.Consumer>\n                      {({ moduleJumpList, setModuleJumpList }) => {\n                        return (\n                          <RightSquareOutlined\n                            onClick={() => {\n                              const _list = [...moduleJumpList];\n                              _list.push(+node.id);\n                              setModuleJumpList(_list);\n                            }}\n                          />\n                        );\n                      }}\n                    </ModuleGraphListContext.Consumer>\n                  )}\n                </Space>\n              </Space>\n            </div>\n          </Space>\n        </div>\n      </div>\n    );\n  }, []);\n\n  return (\n    <>\n      <Tree\n        {...required}\n        {...handlers}\n        horizontalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        verticalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        draggable={false}\n        depthGap={14}\n        gapMode={'padding'}\n        disableLines={false}\n        disableTransitions={true}\n        disableHorizontalLines={false}\n        disableVerticalLines={false}\n        verticalLineTopOffset={0}\n        verticalLineOffset={5}\n        renderNode={renderNode}\n      />\n    </>\n  );\n};\n"],"names":["prefix","FileTree","props","treeData","needJumpto","defaultOpened","defaultOpenFather","required","handlers","useTreeState","renderNode","useCallback","node","onToggle","_node_data_children","Icon","getFileCom","Space","PlusCircleOutlined","MinusCircleOutlined","Popover","Typography","ModuleGraphListContext","moduleJumpList","setModuleJumpList","RightSquareOutlined","_list","Tree"],"mappings":";;;;;;;;AAcA,MAAMA,SAAS;AAaR,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,QAAQ,EACRC,aAAa,KAAK,EAClBC,gBAAgB,KAAK,EACrBC,oBAAoB,CAAC,EACtB,GAAGJ;IAEJ,MAAM,EAAEK,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,aAAa;QAC1C,IAAI,GAAGT,OAAO,KAAK,CAAC;QACpB,MAAMG,YAAY,EAAE;QACpBE;QACA,gBAAgB;QAChB,mBAAmB;IACrB;IAEA,MAAMK,aAAaC,YAAY,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAoB;YAczBC;QAbzCR,qBACEM,KAAK,IAAI,CAAC,KAAK,GAAGN,qBAClBM,KAAK,SAAS,CAAC;QACjB,MAAMG,OAAOC,WAAWJ,KAAK,IAAI,CAAC,IAAI;QAEtC,OAAO,WAAP,GACE,IAAC;YAAI,WAAW,GAAGZ,OAAO,WAAW,CAAC;sBACpC,kBAAC;gBAAI,WAAW,GAAGA,OAAO,OAAO,CAAC;0BAChC,kBAACiB,OAAKA;oBAAC,WAAU;8BACf,kBAAC;wBAAI,WAAW,GAAGjB,OAAO,WAAW,CAAC;kCACpC,mBAACiB,OAAKA;;8CACJ,IAAC;oCAAI,SAASJ;8CACZ,mBAACI,OAAKA;;4CACH,CAACL,KAAK,OAAO,CAAC,MAAM,aAAIE,CAAAA,sBAAAA,KAAK,IAAI,CAAC,QAAQ,AAAD,IAAjBA,KAAAA,IAAAA,oBAAoB,MAAM,AAAD,IAAC,cACjD,IAACI,oBAAkBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;+DAEhD,IAACC,qBAAmBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;;4CAElDJ;0DACD,IAACK,SAAOA;gDAEN,uBACE;8DACGR,KAAK,IAAI,CAAC,gBAAgB,GAAG,WAAH,GACzB,IAACS,WAAW,IAAI;wDAEd,MAAI;kEAEHT,KAAK,IAAI,CAAC,gBAAgB;uDAHtB,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAMvC;;gDAIN,OAAM;gDACN,SAAQ;0DAER,kBAACS,WAAW,IAAI;8DAAET,KAAK,IAAI,CAAC,IAAI;;+CAlB3B,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;;8CAsBrC,IAACK,OAAKA;8CACHb,cAAc,WAAdA,GACC,IAACkB,uBAAuB,QAAQ;kDAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE,IAACC,qBAAmBA;gDAClB,SAAS;oDACP,MAAMC,QAAQ;2DAAIH;qDAAe;oDACjCG,MAAM,IAAI,CAAC,CAACd,KAAK,EAAE;oDACnBY,kBAAkBE;gDACpB;;;;;;;;;WA9CuBd,KAAK,IAAI,CAAC,IAAI;IA2D/D,GAAG,EAAE;IAEL,OAAO,WAAP,GACE;kBACE,kBAACe,kBAAIA;YACF,GAAGpB,QAAQ;YACX,GAAGC,QAAQ;YACZ,sBAAsB;gBACpB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,oBAAoB;gBAClB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,WAAW;YACX,UAAU;YACV,SAAS;YACT,cAAc;YACd,oBAAoB;YACpB,wBAAwB;YACxB,sBAAsB;YACtB,uBAAuB;YACvB,oBAAoB;YACpB,YAAYE;;;AAIpB"}
+{"version":3,"file":"pages/ModuleAnalyze/components/fileTreeCom.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/components/fileTreeCom.tsx"],"sourcesContent":["import {\n  MinusCircleOutlined,\n  PlusCircleOutlined,\n  RightSquareOutlined,\n} from '@ant-design/icons';\nimport { Popover, Space, Typography } from 'antd';\nimport React, { useCallback } from 'react';\nimport Tree, { DefaultNodeProps, useTreeState } from 'react-hyper-tree';\n\nimport { ModuleGraphListContext } from '../../BundleSize/config';\nimport { NewTreeNodeType } from '../utils/hooks';\nimport './fileTreeCom.scss';\nimport { getFileCom } from 'src/components/FileTree';\n\nconst prefix = 'file-tree-com';\n\ntype FileTreeProps = {\n  treeData: NewTreeNodeType[];\n  needCode?: boolean;\n  needShowAllTree?: boolean;\n  needJumpto?: boolean;\n  defaultOpened?: boolean;\n  defaultOpenFather?: number;\n  cwd: string;\n  selectedChunk?: string;\n};\n\nexport const FileTree: React.FC<FileTreeProps> = (props) => {\n  const {\n    treeData,\n    needJumpto = false,\n    defaultOpened = false,\n    defaultOpenFather = 0,\n  } = props;\n\n  const { required, handlers } = useTreeState({\n    id: `${prefix}-tree`,\n    data: treeData || [],\n    defaultOpened,\n    multipleSelect: false,\n    refreshAsyncNodes: true,\n  });\n\n  const renderNode = useCallback(({ node, onToggle }: DefaultNodeProps) => {\n    defaultOpenFather &&\n      node.data.level < defaultOpenFather &&\n      node.setOpened(true);\n    const Icon = getFileCom(node.data.name);\n\n    return (\n      <div className={`${prefix}-titles-box`} key={node.data.name}>\n        <div className={`${prefix}-titles`}>\n          <Space direction=\"vertical\">\n            <div className={`${prefix}-node-title`}>\n              <Space>\n                <div onClick={onToggle}>\n                  <Space>\n                    {!node.options.opened && node.data.children?.length ? (\n                      <PlusCircleOutlined style={{ color: 'lightblue' }} />\n                    ) : (\n                      <MinusCircleOutlined style={{ color: 'lightblue' }} />\n                    )}\n                    {Icon}\n                    <Popover\n                      key={`${node.data.name}popover`}\n                      content={\n                        <>\n                          {node.data.__RESOURCEPATH__ ? (\n                            <Typography.Text\n                              key={`${node.data.name}-popover-path`}\n                              code\n                            >\n                              {node.data.__RESOURCEPATH__}\n                            </Typography.Text>\n                          ) : (\n                            <></>\n                          )}\n                        </>\n                      }\n                      title=\"INFO\"\n                      trigger=\"hover\"\n                    >\n                      <Typography.Text>{node.data.name}</Typography.Text>\n                    </Popover>\n                  </Space>\n                </div>\n                <Space>\n                  {needJumpto && (\n                    <ModuleGraphListContext.Consumer>\n                      {({ moduleJumpList, setModuleJumpList }) => {\n                        return (\n                          <RightSquareOutlined\n                            onClick={() => {\n                              const _list = [...moduleJumpList];\n                              _list.push(+node.id);\n                              setModuleJumpList(_list);\n                            }}\n                          />\n                        );\n                      }}\n                    </ModuleGraphListContext.Consumer>\n                  )}\n                </Space>\n              </Space>\n            </div>\n          </Space>\n        </div>\n      </div>\n    );\n  }, []);\n\n  return (\n    <>\n      <Tree\n        {...required}\n        {...handlers}\n        horizontalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        verticalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        draggable={false}\n        depthGap={14}\n        gapMode={'padding'}\n        disableLines={false}\n        disableTransitions={true}\n        disableHorizontalLines={false}\n        disableVerticalLines={false}\n        verticalLineTopOffset={0}\n        verticalLineOffset={5}\n        renderNode={renderNode}\n      />\n    </>\n  );\n};\n"],"names":["prefix","FileTree","props","treeData","needJumpto","defaultOpened","defaultOpenFather","required","handlers","useTreeState","renderNode","useCallback","node","onToggle","Icon","getFileCom","Space","PlusCircleOutlined","MinusCircleOutlined","Popover","Typography","ModuleGraphListContext","moduleJumpList","setModuleJumpList","RightSquareOutlined","_list","Tree"],"mappings":";;;;;;;;AAcA,MAAMA,SAAS;AAaR,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,QAAQ,EACRC,aAAa,KAAK,EAClBC,gBAAgB,KAAK,EACrBC,oBAAoB,CAAC,EACtB,GAAGJ;IAEJ,MAAM,EAAEK,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,aAAa;QAC1C,IAAI,GAAGT,OAAO,KAAK,CAAC;QACpB,MAAMG,YAAY,EAAE;QACpBE;QACA,gBAAgB;QAChB,mBAAmB;IACrB;IAEA,MAAMK,aAAaC,YAAY,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAoB;QAClEP,qBACEM,KAAK,IAAI,CAAC,KAAK,GAAGN,qBAClBM,KAAK,SAAS,CAAC;QACjB,MAAME,OAAOC,WAAWH,KAAK,IAAI,CAAC,IAAI;QAEtC,OAAO,WAAP,GACE,IAAC;YAAI,WAAW,GAAGZ,OAAO,WAAW,CAAC;sBACpC,kBAAC;gBAAI,WAAW,GAAGA,OAAO,OAAO,CAAC;0BAChC,kBAACgB,OAAKA;oBAAC,WAAU;8BACf,kBAAC;wBAAI,WAAW,GAAGhB,OAAO,WAAW,CAAC;kCACpC,mBAACgB,OAAKA;;8CACJ,IAAC;oCAAI,SAASH;8CACZ,mBAACG,OAAKA;;4CACH,CAACJ,KAAK,OAAO,CAAC,MAAM,IAAIA,KAAK,IAAI,CAAC,QAAQ,EAAE,SAAS,WAAT,GAC3C,IAACK,oBAAkBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;+DAEhD,IAACC,qBAAmBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;;4CAElDJ;0DACD,IAACK,SAAOA;gDAEN,uBACE;8DACGP,KAAK,IAAI,CAAC,gBAAgB,GAAG,WAAH,GACzB,IAACQ,WAAW,IAAI;wDAEd,MAAI;kEAEHR,KAAK,IAAI,CAAC,gBAAgB;uDAHtB,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAMvC;;gDAIN,OAAM;gDACN,SAAQ;0DAER,kBAACQ,WAAW,IAAI;8DAAER,KAAK,IAAI,CAAC,IAAI;;+CAlB3B,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;;8CAsBrC,IAACI,OAAKA;8CACHZ,cAAc,WAAdA,GACC,IAACiB,uBAAuB,QAAQ;kDAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE,IAACC,qBAAmBA;gDAClB,SAAS;oDACP,MAAMC,QAAQ;2DAAIH;qDAAe;oDACjCG,MAAM,IAAI,CAAC,CAACb,KAAK,EAAE;oDACnBW,kBAAkBE;gDACpB;;;;;;;;;WA9CuBb,KAAK,IAAI,CAAC,IAAI;IA2D/D,GAAG,EAAE;IAEL,OAAO,WAAP,GACE;kBACE,kBAACc,kBAAIA;YACF,GAAGnB,QAAQ;YACX,GAAGC,QAAQ;YACZ,sBAAsB;gBACpB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,oBAAoB;gBAClB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,WAAW;YACX,UAAU;YACV,SAAS;YACT,cAAc;YACd,oBAAoB;YACpB,wBAAwB;YACxB,sBAAsB;YACtB,uBAAuB;YACvB,oBAAoB;YACpB,YAAYE;;;AAIpB"}

package/dist/pages/ModuleAnalyze/fileTree.mjs

@@ -9,7 +9,6 @@ import { getImporteds } from "./utils/index.mjs";
 import { useCreateFileTreeData } from "./utils/hooks.mjs";
 import { TabList } from "./index.mjs";
 const ModuleFilesTree = (props)=>{
-    var _curModule_bailoutReason;
     const { curModule, modules, dependencies, cwd, activeTabKey, selectedChunk = '' } = props;
     const [importedModules, setImportedModules] = useState([]);
     const { data: fileStructures } = useCreateFileTreeData(modules, importedModules, curModule);
@@ -51,7 +50,7 @@ const ModuleFilesTree = (props)=>{
                 })
             })
         }) : /*#__PURE__*/ jsx("div", {
-            children: null == (_curModule_bailoutReason = curModule.bailoutReason) ? void 0 : _curModule_bailoutReason.map((reason)=>/*#__PURE__*/ jsx("div", {
+            children: curModule.bailoutReason?.map((reason)=>/*#__PURE__*/ jsx("div", {
                     style: {
                         marginBottom: 10
                     },

package/dist/pages/ModuleAnalyze/fileTree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/fileTree.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/fileTree.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Col, Empty, Tag, Popover } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { Size } from 'src/constants';\nimport { FileTree } from './components/fileTreeCom';\nimport { clsNamePrefix } from './constants';\nimport DependencyTree from './dependency';\nimport { getImporteds } from './utils';\nimport { useCreateFileTreeData } from './utils/hooks';\nimport { TabList } from './index';\n\nexport const ModuleFilesTree: React.FC<{\n  modules: SDK.ModuleData[];\n  dependencies: SDK.DependencyData[];\n  curModule: SDK.ModuleData;\n  cwd: string;\n  selectedChunk: string;\n  activeTabKey: string;\n}> = (props) => {\n  const {\n    curModule,\n    modules,\n    dependencies,\n    cwd,\n    activeTabKey,\n    selectedChunk = '',\n  } = props;\n  const [importedModules, setImportedModules] = useState(\n    [] as SDK.ModuleData[],\n  );\n\n  const { data: fileStructures } = useCreateFileTreeData(\n    modules,\n    importedModules,\n    curModule,\n  );\n\n  useEffect(() => {\n    const importeds = getImporteds(curModule, modules);\n    setImportedModules(importeds);\n  }, [curModule, modules]);\n\n  return (\n    <>\n      {activeTabKey === TabList[TabList.Reasons] ? (\n        <>\n          {importedModules ? (\n            <FileTree\n              cwd={cwd}\n              treeData={fileStructures}\n              needCode={true}\n              needShowAllTree={true}\n              needJumpto={true}\n              selectedChunk={selectedChunk}\n            />\n          ) : (\n            <Empty className={`${clsNamePrefix}-empty`} />\n          )}\n        </>\n      ) : activeTabKey === TabList[TabList.Dependencies] ? (\n        <div\n          className={`${clsNamePrefix}-file-tree`}\n          style={{ padding: Size.BasePadding / 2 }}\n        >\n          <Col span={24} style={{ marginTop: Size.BasePadding / 2 }}>\n            {curModule ? (\n              <DependencyTree\n                module={curModule}\n                dependencies={dependencies}\n                cwd={cwd}\n              />\n            ) : (\n              <Empty className={`${clsNamePrefix}-empty`} />\n            )}\n          </Col>\n        </div>\n      ) : (\n        <div>\n          {curModule.bailoutReason?.map((reason) => (\n            <div style={{ marginBottom: 10 }}>\n              <Tag key={reason}>\n                <Popover content={reason}>\n                  <span style={{ display: 'inline-block' }}>\n                    {reason.length > 120\n                      ? `${reason.slice(0, 120)}...`\n                      : reason}\n                  </span>\n                </Popover>\n              </Tag>\n            </div>\n          ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["ModuleFilesTree","props","_curModule_bailoutReason","curModule","modules","dependencies","cwd","activeTabKey","selectedChunk","importedModules","setImportedModules","useState","fileStructures","useCreateFileTreeData","useEffect","importeds","getImporteds","TabList","FileTree","Empty","clsNamePrefix","Size","Col","DependencyTree","reason","Tag","Popover"],"mappings":";;;;;;;;;;AAWO,MAAMA,kBAOR,CAACC;QA4DKC;IA3DT,MAAM,EACJC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,GAAG,EACHC,YAAY,EACZC,gBAAgB,EAAE,EACnB,GAAGP;IACJ,MAAM,CAACQ,iBAAiBC,mBAAmB,GAAGC,SAC5C,EAAE;IAGJ,MAAM,EAAE,MAAMC,cAAc,EAAE,GAAGC,sBAC/BT,SACAK,iBACAN;IAGFW,UAAU;QACR,MAAMC,YAAYC,aAAab,WAAWC;QAC1CM,mBAAmBK;IACrB,GAAG;QAACZ;QAAWC;KAAQ;IAEvB,OAAO,WAAP,GACE;kBACGG,iBAAiBU,OAAO,CAACA,QAAQ,OAAO,CAAC,GAAG,WAAH,GACxC;sBACGR,kBAAkB,WAAlBA,GACC,IAACS,UAAQA;gBACP,KAAKZ;gBACL,UAAUM;gBACV,UAAU;gBACV,iBAAiB;gBACjB,YAAY;gBACZ,eAAeJ;+BAGjB,IAACW,OAAKA;gBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;aAG5Cb,iBAAiBU,OAAO,CAACA,QAAQ,YAAY,CAAC,GAAG,WAAH,GAChD,IAAC;YACC,WAAW,GAAGG,cAAc,UAAU,CAAC;YACvC,OAAO;gBAAE,SAASC,KAAK,WAAW,GAAG;YAAE;sBAEvC,kBAACC,KAAGA;gBAAC,MAAM;gBAAI,OAAO;oBAAE,WAAWD,KAAK,WAAW,GAAG;gBAAE;0BACrDlB,YAAY,WAAZA,GACC,IAACoB,YAAcA;oBACb,QAAQpB;oBACR,cAAcE;oBACd,KAAKC;mCAGP,IAACa,OAAKA;oBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;;2BAKhD,IAAC;8BACElB,CAAAA,2BAAAA,UAAU,aAAa,AAAD,IAAtBA,KAAAA,IAAAA,yBAAyB,GAAG,CAAC,CAACsB,SAAAA,WAAAA,GAC7B,IAAC;oBAAI,OAAO;wBAAE,cAAc;oBAAG;8BAC7B,kBAACC,KAAGA;kCACF,kBAACC,SAAOA;4BAAC,SAASF;sCAChB,kBAAC;gCAAK,OAAO;oCAAE,SAAS;gCAAe;0CACpCA,OAAO,MAAM,GAAG,MACb,GAAGA,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAC5BA;;;uBALAA;;;;AAexB"}
+{"version":3,"file":"pages/ModuleAnalyze/fileTree.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/fileTree.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Col, Empty, Tag, Popover } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { Size } from 'src/constants';\nimport { FileTree } from './components/fileTreeCom';\nimport { clsNamePrefix } from './constants';\nimport DependencyTree from './dependency';\nimport { getImporteds } from './utils';\nimport { useCreateFileTreeData } from './utils/hooks';\nimport { TabList } from './index';\n\nexport const ModuleFilesTree: React.FC<{\n  modules: SDK.ModuleData[];\n  dependencies: SDK.DependencyData[];\n  curModule: SDK.ModuleData;\n  cwd: string;\n  selectedChunk: string;\n  activeTabKey: string;\n}> = (props) => {\n  const {\n    curModule,\n    modules,\n    dependencies,\n    cwd,\n    activeTabKey,\n    selectedChunk = '',\n  } = props;\n  const [importedModules, setImportedModules] = useState(\n    [] as SDK.ModuleData[],\n  );\n\n  const { data: fileStructures } = useCreateFileTreeData(\n    modules,\n    importedModules,\n    curModule,\n  );\n\n  useEffect(() => {\n    const importeds = getImporteds(curModule, modules);\n    setImportedModules(importeds);\n  }, [curModule, modules]);\n\n  return (\n    <>\n      {activeTabKey === TabList[TabList.Reasons] ? (\n        <>\n          {importedModules ? (\n            <FileTree\n              cwd={cwd}\n              treeData={fileStructures}\n              needCode={true}\n              needShowAllTree={true}\n              needJumpto={true}\n              selectedChunk={selectedChunk}\n            />\n          ) : (\n            <Empty className={`${clsNamePrefix}-empty`} />\n          )}\n        </>\n      ) : activeTabKey === TabList[TabList.Dependencies] ? (\n        <div\n          className={`${clsNamePrefix}-file-tree`}\n          style={{ padding: Size.BasePadding / 2 }}\n        >\n          <Col span={24} style={{ marginTop: Size.BasePadding / 2 }}>\n            {curModule ? (\n              <DependencyTree\n                module={curModule}\n                dependencies={dependencies}\n                cwd={cwd}\n              />\n            ) : (\n              <Empty className={`${clsNamePrefix}-empty`} />\n            )}\n          </Col>\n        </div>\n      ) : (\n        <div>\n          {curModule.bailoutReason?.map((reason) => (\n            <div style={{ marginBottom: 10 }}>\n              <Tag key={reason}>\n                <Popover content={reason}>\n                  <span style={{ display: 'inline-block' }}>\n                    {reason.length > 120\n                      ? `${reason.slice(0, 120)}...`\n                      : reason}\n                  </span>\n                </Popover>\n              </Tag>\n            </div>\n          ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["ModuleFilesTree","props","curModule","modules","dependencies","cwd","activeTabKey","selectedChunk","importedModules","setImportedModules","useState","fileStructures","useCreateFileTreeData","useEffect","importeds","getImporteds","TabList","FileTree","Empty","clsNamePrefix","Size","Col","DependencyTree","reason","Tag","Popover"],"mappings":";;;;;;;;;;AAWO,MAAMA,kBAOR,CAACC;IACJ,MAAM,EACJC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,GAAG,EACHC,YAAY,EACZC,gBAAgB,EAAE,EACnB,GAAGN;IACJ,MAAM,CAACO,iBAAiBC,mBAAmB,GAAGC,SAC5C,EAAE;IAGJ,MAAM,EAAE,MAAMC,cAAc,EAAE,GAAGC,sBAC/BT,SACAK,iBACAN;IAGFW,UAAU;QACR,MAAMC,YAAYC,aAAab,WAAWC;QAC1CM,mBAAmBK;IACrB,GAAG;QAACZ;QAAWC;KAAQ;IAEvB,OAAO,WAAP,GACE;kBACGG,iBAAiBU,OAAO,CAACA,QAAQ,OAAO,CAAC,GAAG,WAAH,GACxC;sBACGR,kBAAkB,WAAlBA,GACC,IAACS,UAAQA;gBACP,KAAKZ;gBACL,UAAUM;gBACV,UAAU;gBACV,iBAAiB;gBACjB,YAAY;gBACZ,eAAeJ;+BAGjB,IAACW,OAAKA;gBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;aAG5Cb,iBAAiBU,OAAO,CAACA,QAAQ,YAAY,CAAC,GAAG,WAAH,GAChD,IAAC;YACC,WAAW,GAAGG,cAAc,UAAU,CAAC;YACvC,OAAO;gBAAE,SAASC,KAAK,WAAW,GAAG;YAAE;sBAEvC,kBAACC,KAAGA;gBAAC,MAAM;gBAAI,OAAO;oBAAE,WAAWD,KAAK,WAAW,GAAG;gBAAE;0BACrDlB,YAAY,WAAZA,GACC,IAACoB,YAAcA;oBACb,QAAQpB;oBACR,cAAcE;oBACd,KAAKC;mCAGP,IAACa,OAAKA;oBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;;2BAKhD,IAAC;sBACEjB,UAAU,aAAa,EAAE,IAAI,CAACqB,SAAAA,WAAAA,GAC7B,IAAC;oBAAI,OAAO;wBAAE,cAAc;oBAAG;8BAC7B,kBAACC,KAAGA;kCACF,kBAACC,SAAOA;4BAAC,SAASF;sCAChB,kBAAC;gCAAK,OAAO;oCAAE,SAAS;gCAAe;0CACpCA,OAAO,MAAM,GAAG,MACb,GAAGA,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAC5BA;;;uBALAA;;;;AAexB"}

package/dist/pages/ModuleAnalyze/utils/hooks.mjs

@@ -4,11 +4,11 @@ import { getImporteds } from "./index.mjs";
 import { Lodash } from "@rsdoctor/utils/common";
 function useCreateFileTreeData(modules, importedModules, curModule) {
     return useMemo(()=>{
-        if (!importedModules || !(null == importedModules ? void 0 : importedModules.length)) return {
+        if (!importedModules || !importedModules?.length) return {
             filterData: [],
             data: []
         };
-        const root = Lodash.compact(null == importedModules ? void 0 : importedModules.map((imported, index)=>({
+        const root = Lodash.compact(importedModules?.map((imported, index)=>({
                 key: `0-${index}`,
                 name: getShortPath(imported.path),
                 __RESOURCEPATH__: imported.path,
@@ -33,7 +33,7 @@ function useCreateFileTreeData(modules, importedModules, curModule) {
 }
 function getLeafs(imported, modules, fatherModule) {
     const leafModules = getImporteds(imported, modules);
-    const leafs = null == leafModules ? void 0 : leafModules.map((_imported, index)=>({
+    const leafs = leafModules?.map((_imported, index)=>({
             key: `0-${index}`,
             name: getShortPath(_imported.path),
             __RESOURCEPATH__: _imported.path,
@@ -51,11 +51,8 @@ function getLeafs(imported, modules, fatherModule) {
     return leafs;
 }
 function getContactMainModulePath(concatModules, modules) {
-    const concatModulesPath = null == concatModules ? void 0 : concatModules.map((cm)=>{
-        var _modules_filter;
-        return null == (_modules_filter = modules.filter((m)=>m.id === cm)) ? void 0 : _modules_filter[0];
-    });
-    return null == concatModulesPath ? void 0 : concatModulesPath.map((m)=>m.path);
+    const concatModulesPath = concatModules?.map((cm)=>modules.filter((m)=>m.id === cm)?.[0]);
+    return concatModulesPath?.map((m)=>m.path);
 }
 export { getContactMainModulePath, useCreateFileTreeData };
 

package/dist/pages/ModuleAnalyze/utils/hooks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/utils/hooks.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/utils/hooks.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { useMemo } from 'react';\nimport { formatSize, getShortPath } from 'src/utils';\nimport { getImporteds } from '.';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport type NewTreeNodeType = {\n  __RESOURCEPATH__: string;\n  id: number;\n  key: string;\n  name: string;\n  level: number;\n  kind: number;\n  size?: string;\n  concatModules: number[] | undefined;\n  chunks?: string[];\n  getChildren?: () => NewTreeNodeType[];\n  dependencies?: number[];\n  fatherPath?: string;\n  children?: number[];\n  needExpand?: boolean | string;\n};\n\nexport function useCreateFileTreeData(\n  modules: SDK.ModuleData[],\n  importedModules: SDK.ModuleData[],\n  curModule: SDK.ModuleData,\n): { data: NewTreeNodeType[] } {\n  return useMemo(() => {\n    if (!importedModules || !importedModules?.length) {\n      return { filterData: [], data: [] };\n    }\n    const root = Lodash.compact(\n      importedModules?.map((imported, index) => {\n        return {\n          key: `0-${index}`,\n          name: getShortPath(imported.path),\n          __RESOURCEPATH__: imported.path,\n          id: imported.id,\n          level: 1,\n          chunks: imported.chunks,\n          size: formatSize(imported.size.parsedSize),\n          kind: imported.kind,\n          concatModules: imported.concatenationModules,\n          fatherPath: getShortPath(curModule.path),\n          dependencies: imported.dependencies,\n          getChildren: () => getLeafs(imported, modules, curModule),\n          children: imported.imported,\n        };\n      }),\n    );\n    // getAllTreeData(root, modules, 2, importedModules);\n    return {\n      data: root,\n    };\n  }, [importedModules, curModule]);\n}\n\nfunction getLeafs(\n  imported: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n  fatherModule: SDK.ModuleData,\n) {\n  const leafModules = getImporteds(imported, modules);\n\n  const leafs = leafModules?.map((_imported, index) => {\n    return {\n      key: `0-${index}`,\n      name: getShortPath(_imported.path),\n      __RESOURCEPATH__: _imported.path,\n      id: _imported.id,\n      level: 1,\n      size: formatSize(_imported.size.parsedSize),\n      kind: _imported.kind,\n      chunks: _imported.chunks,\n      concatModules: _imported.concatenationModules,\n      fatherPath: getShortPath(fatherModule.path),\n      dependencies: _imported.dependencies,\n      getChildren: () => getLeafs(_imported, modules, imported),\n      children: _imported.imported,\n    };\n  });\n  return leafs;\n}\n\nexport function getContactMainModulePath(\n  concatModules: number[],\n  modules: SDK.ModuleData[],\n): string[] {\n  const concatModulesPath = concatModules?.map(\n    (cm) => modules.filter((m) => m.id === cm)?.[0],\n  );\n  return concatModulesPath?.map((m) => m.path);\n}\n"],"names":["useCreateFileTreeData","modules","importedModules","curModule","useMemo","root","Lodash","imported","index","getShortPath","formatSize","getLeafs","fatherModule","leafModules","getImporteds","leafs","_imported","getContactMainModulePath","concatModules","concatModulesPath","cm","_modules_filter","m"],"mappings":";;;;AAuBO,SAASA,sBACdC,OAAyB,EACzBC,eAAiC,EACjCC,SAAyB;IAEzB,OAAOC,QAAQ;QACb,IAAI,CAACF,mBAAmB,CAACA,CAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,MAAM,AAAD,GAC7C,OAAO;YAAE,YAAY,EAAE;YAAE,MAAM,EAAE;QAAC;QAEpC,MAAMG,OAAOC,OAAO,OAAO,CACzBJ,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,GAAG,CAAC,CAACK,UAAUC,QACvB;gBACL,KAAK,CAAC,EAAE,EAAEA,OAAO;gBACjB,MAAMC,aAAaF,SAAS,IAAI;gBAChC,kBAAkBA,SAAS,IAAI;gBAC/B,IAAIA,SAAS,EAAE;gBACf,OAAO;gBACP,QAAQA,SAAS,MAAM;gBACvB,MAAMG,WAAWH,SAAS,IAAI,CAAC,UAAU;gBACzC,MAAMA,SAAS,IAAI;gBACnB,eAAeA,SAAS,oBAAoB;gBAC5C,YAAYE,aAAaN,UAAU,IAAI;gBACvC,cAAcI,SAAS,YAAY;gBACnC,aAAa,IAAMI,SAASJ,UAAUN,SAASE;gBAC/C,UAAUI,SAAS,QAAQ;YAC7B;QAIJ,OAAO;YACL,MAAMF;QACR;IACF,GAAG;QAACH;QAAiBC;KAAU;AACjC;AAEA,SAASQ,SACPJ,QAAwB,EACxBN,OAAyB,EACzBW,YAA4B;IAE5B,MAAMC,cAAcC,aAAaP,UAAUN;IAE3C,MAAMc,QAAQF,QAAAA,cAAAA,KAAAA,IAAAA,YAAa,GAAG,CAAC,CAACG,WAAWR,QAClC;YACL,KAAK,CAAC,EAAE,EAAEA,OAAO;YACjB,MAAMC,aAAaO,UAAU,IAAI;YACjC,kBAAkBA,UAAU,IAAI;YAChC,IAAIA,UAAU,EAAE;YAChB,OAAO;YACP,MAAMN,WAAWM,UAAU,IAAI,CAAC,UAAU;YAC1C,MAAMA,UAAU,IAAI;YACpB,QAAQA,UAAU,MAAM;YACxB,eAAeA,UAAU,oBAAoB;YAC7C,YAAYP,aAAaG,aAAa,IAAI;YAC1C,cAAcI,UAAU,YAAY;YACpC,aAAa,IAAML,SAASK,WAAWf,SAASM;YAChD,UAAUS,UAAU,QAAQ;QAC9B;IAEF,OAAOD;AACT;AAEO,SAASE,yBACdC,aAAuB,EACvBjB,OAAyB;IAEzB,MAAMkB,oBAAoBD,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe,GAAG,CAC1C,CAACE;YAAOC;uBAAAA,CAAAA,kBAAAA,QAAQ,MAAM,CAAC,CAACC,IAAMA,EAAE,EAAE,KAAKF,GAAE,IAAjCC,KAAAA,IAAAA,eAAoC,CAAC,EAAE;;IAEjD,OAAOF,QAAAA,oBAAAA,KAAAA,IAAAA,kBAAmB,GAAG,CAAC,CAACG,IAAMA,EAAE,IAAI;AAC7C"}
+{"version":3,"file":"pages/ModuleAnalyze/utils/hooks.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/utils/hooks.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { useMemo } from 'react';\nimport { formatSize, getShortPath } from 'src/utils';\nimport { getImporteds } from '.';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport type NewTreeNodeType = {\n  __RESOURCEPATH__: string;\n  id: number;\n  key: string;\n  name: string;\n  level: number;\n  kind: number;\n  size?: string;\n  concatModules: number[] | undefined;\n  chunks?: string[];\n  getChildren?: () => NewTreeNodeType[];\n  dependencies?: number[];\n  fatherPath?: string;\n  children?: number[];\n  needExpand?: boolean | string;\n};\n\nexport function useCreateFileTreeData(\n  modules: SDK.ModuleData[],\n  importedModules: SDK.ModuleData[],\n  curModule: SDK.ModuleData,\n): { data: NewTreeNodeType[] } {\n  return useMemo(() => {\n    if (!importedModules || !importedModules?.length) {\n      return { filterData: [], data: [] };\n    }\n    const root = Lodash.compact(\n      importedModules?.map((imported, index) => {\n        return {\n          key: `0-${index}`,\n          name: getShortPath(imported.path),\n          __RESOURCEPATH__: imported.path,\n          id: imported.id,\n          level: 1,\n          chunks: imported.chunks,\n          size: formatSize(imported.size.parsedSize),\n          kind: imported.kind,\n          concatModules: imported.concatenationModules,\n          fatherPath: getShortPath(curModule.path),\n          dependencies: imported.dependencies,\n          getChildren: () => getLeafs(imported, modules, curModule),\n          children: imported.imported,\n        };\n      }),\n    );\n    // getAllTreeData(root, modules, 2, importedModules);\n    return {\n      data: root,\n    };\n  }, [importedModules, curModule]);\n}\n\nfunction getLeafs(\n  imported: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n  fatherModule: SDK.ModuleData,\n) {\n  const leafModules = getImporteds(imported, modules);\n\n  const leafs = leafModules?.map((_imported, index) => {\n    return {\n      key: `0-${index}`,\n      name: getShortPath(_imported.path),\n      __RESOURCEPATH__: _imported.path,\n      id: _imported.id,\n      level: 1,\n      size: formatSize(_imported.size.parsedSize),\n      kind: _imported.kind,\n      chunks: _imported.chunks,\n      concatModules: _imported.concatenationModules,\n      fatherPath: getShortPath(fatherModule.path),\n      dependencies: _imported.dependencies,\n      getChildren: () => getLeafs(_imported, modules, imported),\n      children: _imported.imported,\n    };\n  });\n  return leafs;\n}\n\nexport function getContactMainModulePath(\n  concatModules: number[],\n  modules: SDK.ModuleData[],\n): string[] {\n  const concatModulesPath = concatModules?.map(\n    (cm) => modules.filter((m) => m.id === cm)?.[0],\n  );\n  return concatModulesPath?.map((m) => m.path);\n}\n"],"names":["useCreateFileTreeData","modules","importedModules","curModule","useMemo","root","Lodash","imported","index","getShortPath","formatSize","getLeafs","fatherModule","leafModules","getImporteds","leafs","_imported","getContactMainModulePath","concatModules","concatModulesPath","cm","m"],"mappings":";;;;AAuBO,SAASA,sBACdC,OAAyB,EACzBC,eAAiC,EACjCC,SAAyB;IAEzB,OAAOC,QAAQ;QACb,IAAI,CAACF,mBAAmB,CAACA,iBAAiB,QACxC,OAAO;YAAE,YAAY,EAAE;YAAE,MAAM,EAAE;QAAC;QAEpC,MAAMG,OAAOC,OAAO,OAAO,CACzBJ,iBAAiB,IAAI,CAACK,UAAUC,QACvB;gBACL,KAAK,CAAC,EAAE,EAAEA,OAAO;gBACjB,MAAMC,aAAaF,SAAS,IAAI;gBAChC,kBAAkBA,SAAS,IAAI;gBAC/B,IAAIA,SAAS,EAAE;gBACf,OAAO;gBACP,QAAQA,SAAS,MAAM;gBACvB,MAAMG,WAAWH,SAAS,IAAI,CAAC,UAAU;gBACzC,MAAMA,SAAS,IAAI;gBACnB,eAAeA,SAAS,oBAAoB;gBAC5C,YAAYE,aAAaN,UAAU,IAAI;gBACvC,cAAcI,SAAS,YAAY;gBACnC,aAAa,IAAMI,SAASJ,UAAUN,SAASE;gBAC/C,UAAUI,SAAS,QAAQ;YAC7B;QAIJ,OAAO;YACL,MAAMF;QACR;IACF,GAAG;QAACH;QAAiBC;KAAU;AACjC;AAEA,SAASQ,SACPJ,QAAwB,EACxBN,OAAyB,EACzBW,YAA4B;IAE5B,MAAMC,cAAcC,aAAaP,UAAUN;IAE3C,MAAMc,QAAQF,aAAa,IAAI,CAACG,WAAWR,QAClC;YACL,KAAK,CAAC,EAAE,EAAEA,OAAO;YACjB,MAAMC,aAAaO,UAAU,IAAI;YACjC,kBAAkBA,UAAU,IAAI;YAChC,IAAIA,UAAU,EAAE;YAChB,OAAO;YACP,MAAMN,WAAWM,UAAU,IAAI,CAAC,UAAU;YAC1C,MAAMA,UAAU,IAAI;YACpB,QAAQA,UAAU,MAAM;YACxB,eAAeA,UAAU,oBAAoB;YAC7C,YAAYP,aAAaG,aAAa,IAAI;YAC1C,cAAcI,UAAU,YAAY;YACpC,aAAa,IAAML,SAASK,WAAWf,SAASM;YAChD,UAAUS,UAAU,QAAQ;QAC9B;IAEF,OAAOD;AACT;AAEO,SAASE,yBACdC,aAAuB,EACvBjB,OAAyB;IAEzB,MAAMkB,oBAAoBD,eAAe,IACvC,CAACE,KAAOnB,QAAQ,MAAM,CAAC,CAACoB,IAAMA,EAAE,EAAE,KAAKD,KAAK,CAAC,EAAE;IAEjD,OAAOD,mBAAmB,IAAI,CAACE,IAAMA,EAAE,IAAI;AAC7C"}

package/dist/pages/ModuleAnalyze/utils/index.mjs

@@ -1,7 +1,6 @@
 import { Lodash } from "@rsdoctor/utils/common";
 const getImporteds = (curModule, modules)=>{
-    var _curModule_imported;
-    if (null == curModule ? void 0 : null == (_curModule_imported = curModule.imported) ? void 0 : _curModule_imported.length) {
+    if (curModule?.imported?.length) {
         const _importeds = curModule.imported.map((_importedModule)=>modules.find((m)=>m.id === Number(_importedModule)));
         const importeds = Lodash.compact(_importeds);
         return importeds;
@@ -15,8 +14,7 @@ const getModuleReasonsTree = (curModule, modules, reasonsTree, visited)=>{
     const importeds = getImporteds(curModule, modules);
     if (!importeds.length) return;
     importeds.forEach((_curModule)=>{
-        var _curModule_chunks;
-        null == _curModule || null == (_curModule_chunks = _curModule.chunks) || _curModule_chunks.forEach((_chunk)=>{
+        _curModule?.chunks?.forEach((_chunk)=>{
             if (reasonsTree.indexOf(_chunk) < 0) reasonsTree.push(_chunk);
         });
         getModuleReasonsTree(_curModule, modules, reasonsTree, visited);

package/dist/pages/ModuleAnalyze/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/utils/index.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/utils/index.ts"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport const getImporteds = (\n  curModule: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n) => {\n  if (curModule?.imported?.length) {\n    const _importeds = curModule.imported.map((_importedModule) =>\n      modules.find((m) => m.id === Number(_importedModule)),\n    );\n    const importeds: SDK.ModuleData[] = Lodash.compact(_importeds);\n    return importeds;\n  }\n  return [];\n};\n\nexport const getModuleReasonsTree = (\n  curModule: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n  reasonsTree: string[],\n  visited: Map<number, boolean>,\n) => {\n  if (!visited.has(curModule.id)) {\n    visited.set(curModule.id, true);\n  } else if (visited.get(curModule.id)) {\n    return;\n  }\n\n  const importeds = getImporteds(curModule, modules);\n\n  if (!importeds.length) {\n    return;\n  }\n\n  importeds.forEach((_curModule) => {\n    _curModule?.chunks?.forEach((_chunk) => {\n      if (reasonsTree.indexOf(_chunk) < 0) {\n        reasonsTree.push(_chunk);\n      }\n    });\n\n    getModuleReasonsTree(_curModule, modules, reasonsTree, visited);\n  });\n};\n"],"names":["getImporteds","curModule","modules","_curModule_imported","_importeds","_importedModule","m","Number","importeds","Lodash","getModuleReasonsTree","reasonsTree","visited","_curModule","_curModule_chunks","_chunk"],"mappings":";AAGO,MAAMA,eAAe,CAC1BC,WACAC;QAEIC;IAAJ,IAAIA,QAAAA,YAAAA,KAAAA,IAAAA,QAAAA,CAAAA,sBAAAA,UAAW,QAAQ,AAAD,IAAlBA,KAAAA,IAAAA,oBAAqB,MAAM,EAAE;QAC/B,MAAMC,aAAaH,UAAU,QAAQ,CAAC,GAAG,CAAC,CAACI,kBACzCH,QAAQ,IAAI,CAAC,CAACI,IAAMA,EAAE,EAAE,KAAKC,OAAOF;QAEtC,MAAMG,YAA8BC,OAAO,OAAO,CAACL;QACnD,OAAOI;IACT;IACA,OAAO,EAAE;AACX;AAEO,MAAME,uBAAuB,CAClCT,WACAC,SACAS,aACAC;IAEA,IAAKA,QAAQ,GAAG,CAACX,UAAU,EAAE,GAEtB;QAAA,IAAIW,QAAQ,GAAG,CAACX,UAAU,EAAE,GACjC;IACF,OAHEW,QAAQ,GAAG,CAACX,UAAU,EAAE,EAAE;IAK5B,MAAMO,YAAYR,aAAaC,WAAWC;IAE1C,IAAI,CAACM,UAAU,MAAM,EACnB;IAGFA,UAAU,OAAO,CAAC,CAACK;YACjBC;QAAAA,QAAAA,cAAAA,QAAAA,CAAAA,oBAAAA,WAAY,MAAM,AAAD,KAAjBA,kBAAoB,OAAO,CAAC,CAACC;YAC3B,IAAIJ,YAAY,OAAO,CAACI,UAAU,GAChCJ,YAAY,IAAI,CAACI;QAErB;QAEAL,qBAAqBG,YAAYX,SAASS,aAAaC;IACzD;AACF"}
+{"version":3,"file":"pages/ModuleAnalyze/utils/index.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/utils/index.ts"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Lodash } from '@rsdoctor/utils/common';\n\nexport const getImporteds = (\n  curModule: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n) => {\n  if (curModule?.imported?.length) {\n    const _importeds = curModule.imported.map((_importedModule) =>\n      modules.find((m) => m.id === Number(_importedModule)),\n    );\n    const importeds: SDK.ModuleData[] = Lodash.compact(_importeds);\n    return importeds;\n  }\n  return [];\n};\n\nexport const getModuleReasonsTree = (\n  curModule: SDK.ModuleData,\n  modules: SDK.ModuleData[],\n  reasonsTree: string[],\n  visited: Map<number, boolean>,\n) => {\n  if (!visited.has(curModule.id)) {\n    visited.set(curModule.id, true);\n  } else if (visited.get(curModule.id)) {\n    return;\n  }\n\n  const importeds = getImporteds(curModule, modules);\n\n  if (!importeds.length) {\n    return;\n  }\n\n  importeds.forEach((_curModule) => {\n    _curModule?.chunks?.forEach((_chunk) => {\n      if (reasonsTree.indexOf(_chunk) < 0) {\n        reasonsTree.push(_chunk);\n      }\n    });\n\n    getModuleReasonsTree(_curModule, modules, reasonsTree, visited);\n  });\n};\n"],"names":["getImporteds","curModule","modules","_importeds","_importedModule","m","Number","importeds","Lodash","getModuleReasonsTree","reasonsTree","visited","_curModule","_chunk"],"mappings":";AAGO,MAAMA,eAAe,CAC1BC,WACAC;IAEA,IAAID,WAAW,UAAU,QAAQ;QAC/B,MAAME,aAAaF,UAAU,QAAQ,CAAC,GAAG,CAAC,CAACG,kBACzCF,QAAQ,IAAI,CAAC,CAACG,IAAMA,EAAE,EAAE,KAAKC,OAAOF;QAEtC,MAAMG,YAA8BC,OAAO,OAAO,CAACL;QACnD,OAAOI;IACT;IACA,OAAO,EAAE;AACX;AAEO,MAAME,uBAAuB,CAClCR,WACAC,SACAQ,aACAC;IAEA,IAAKA,QAAQ,GAAG,CAACV,UAAU,EAAE,GAEtB;QAAA,IAAIU,QAAQ,GAAG,CAACV,UAAU,EAAE,GACjC;IACF,OAHEU,QAAQ,GAAG,CAACV,UAAU,EAAE,EAAE;IAK5B,MAAMM,YAAYP,aAAaC,WAAWC;IAE1C,IAAI,CAACK,UAAU,MAAM,EACnB;IAGFA,UAAU,OAAO,CAAC,CAACK;QACjBA,YAAY,QAAQ,QAAQ,CAACC;YAC3B,IAAIH,YAAY,OAAO,CAACG,UAAU,GAChCH,YAAY,IAAI,CAACG;QAErB;QAEAJ,qBAAqBG,YAAYV,SAASQ,aAAaC;IACzD;AACF"}

package/dist/pages/Resources/BundleDiff/DiffContainer/assets.mjs

@@ -518,19 +518,16 @@ const Assets = ({ baseline, current, outputFilename })=>{
                         {
                             title: 'Actions',
                             key: 'actions',
-                            render: (_v, r)=>{
-                                var _r_baseline, _r_current;
-                                return /*#__PURE__*/ jsx(ViewChanges, {
+                            render: (_v, r)=>/*#__PURE__*/ jsx(ViewChanges, {
                                     file: r.alias,
                                     data: [
                                         {
-                                            baseline: null == (_r_baseline = r.baseline) ? void 0 : _r_baseline.content,
-                                            current: null == (_r_current = r.current) ? void 0 : _r_current.content,
+                                            baseline: r.baseline?.content,
+                                            current: r.current?.content,
                                             group: 'assets'
                                         }
                                     ]
-                                });
-                            }
+                                })
                         }
                     ]
                 })

package/dist/pages/Resources/BundleDiff/DiffContainer/assets.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/Resources/BundleDiff/DiffContainer/assets.mjs","sources":["webpack://@rsdoctor/components/./src/pages/Resources/BundleDiff/DiffContainer/assets.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Button,\n  Col,\n  Divider,\n  Row,\n  Select,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport {\n  CheckSquareOutlined,\n  InfoCircleOutlined,\n  MinusSquareOutlined,\n  PlusSquareOutlined,\n  SortAscendingOutlined,\n  FileSearchOutlined,\n  AppstoreAddOutlined,\n} from '@ant-design/icons';\nimport { Constants, SDK, Client } from '@rsdoctor/types';\nimport { BundleDiffTableAssetsData } from './types';\nimport { formatPercent, formatSize } from '../../../../utils';\nimport { Color, Size } from '../../../../constants';\nimport { Percent, SizePercent } from '../../../../components/Card/diff';\nimport { KeywordInput } from '../../../../components/Form/keyword';\nimport { ModuleRowForAsset } from './row';\nimport { ViewChanges } from './changes';\nimport { UpdateType, SortType } from './constants';\nimport { formatDiffSize } from './utils';\nimport { Graph } from '@rsdoctor/utils/common';\n\nconst fileTypes = {\n  JS: [Constants.JSExtension],\n  CSS: [Constants.CSSExtension],\n  HTML: [Constants.HtmlExtension],\n  Imgs: Constants.ImgExtensions,\n  Fonts: Constants.FontExtensions,\n  Media: Constants.MediaExtensions,\n  Others: [],\n};\n\nconst definedExtensions = Object.values(fileTypes).flat();\n\nconst Name: React.FC<{ data: BundleDiffTableAssetsData }> = ({ data: r }) => {\n  const name = (\n    <Space>\n      <Typography.Text strong>{r.alias}</Typography.Text>\n      <Tooltip\n        title={\n          <Space style={{ color: 'inherit' }} direction=\"vertical\">\n            {r.current ? (\n              <Typography.Text style={{ color: 'inherit' }}>\n                Current realpath: {r.current.path}\n              </Typography.Text>\n            ) : null}\n            {r.baseline ? (\n              <Typography.Text style={{ color: 'inherit' }}>\n                Baseline realpath: {r.baseline.path}\n              </Typography.Text>\n            ) : null}\n          </Space>\n        }\n      >\n        <InfoCircleOutlined />\n      </Tooltip>\n    </Space>\n  );\n\n  if (r.baseline && !r.current) {\n    // deleted\n    return (\n      <Space>\n        <MinusSquareOutlined style={{ color: Color.Red }} />\n        {name}\n      </Space>\n    );\n  }\n\n  if (!r.baseline && r.current) {\n    // new\n    return (\n      <Space>\n        <PlusSquareOutlined style={{ color: Color.Green }} />\n        {name}\n      </Space>\n    );\n  }\n\n  if (r.baseline && r.current) {\n    // update\n    return (\n      <Space>\n        <CheckSquareOutlined style={{ color: Color.Yellow }} />\n        {name}\n      </Space>\n    );\n  }\n\n  return name;\n};\n\nexport const Assets: React.FC<{\n  outputFilename: string;\n  baseline: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];\n  current: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];\n}> = ({ baseline, current, outputFilename }) => {\n  const bOutPutFileName = outputFilename;\n\n  const [keyword, setKeyword] = useState<string>();\n  const [selectedFileTypes, setSelectedFileTypes] = useState<string[]>([]);\n  const [selectedUpdateTypes, setSelectedUpdateTypes] = useState<UpdateType[]>(\n    [],\n  );\n  const [selectedSortType, setSelectedSortType] = useState<SortType>(\n    SortType.Size,\n  );\n  const [selectedBAsset, setSelectedBAsset] = useState(null);\n  const [selectedCAsset, setSelectedCAsset] = useState(null);\n\n  const { assets: bAssets } = baseline.chunkGraph;\n  const { assets: cAssets } = current.chunkGraph;\n\n  const dataSource = useMemo(() => {\n    const res: Record<string, BundleDiffTableAssetsData> = {};\n    if (selectedBAsset && selectedCAsset) {\n      res.choose = {\n        alias: `${selectedBAsset} \\n ${selectedCAsset}`,\n        current: cAssets.find((c: SDK.AssetData) => c.path === selectedCAsset),\n        baseline: bAssets.find((b: SDK.AssetData) => b.path === selectedBAsset),\n      };\n      return Object.values(res);\n    }\n\n    bAssets.forEach((asset: SDK.AssetData) => {\n      const alias = Graph.formatAssetName(asset.path, bOutPutFileName);\n      if (!res[alias]) {\n        res[alias] = {\n          alias,\n          baseline: asset,\n        };\n      } else {\n        console.warn('[Baseline Asset Exists]: ', asset, res);\n      }\n    });\n\n    cAssets.forEach((asset: SDK.AssetData) => {\n      const alias = Graph.formatAssetName(asset.path, bOutPutFileName);\n      if (!res[alias]) {\n        res[alias] = { alias };\n      }\n      res[alias].current = asset;\n    });\n\n    return Object.values(res);\n  }, [bAssets, cAssets, selectedBAsset, selectedCAsset]);\n\n  const filteredDataSource = useMemo(() => {\n    let list = dataSource.slice();\n\n    if (keyword) {\n      list = list.filter((e) => e.alias.indexOf(keyword) > -1);\n    }\n\n    if (selectedFileTypes.length) {\n      const exts = selectedFileTypes\n        .map((e) => fileTypes[e as keyof typeof fileTypes])\n        .flat();\n\n      const hasOthers = selectedFileTypes.indexOf('Others') > -1;\n\n      list = list.filter((e) => {\n        const asset = e.baseline! || e.current!;\n        if (Graph.isAssetMatchExtensions(asset, exts)) {\n          return true;\n        }\n\n        if (hasOthers) {\n          return !Graph.isAssetMatchExtensions(asset, definedExtensions);\n        }\n\n        return false;\n      });\n    }\n\n    if (selectedUpdateTypes.length) {\n      list = list.filter((e) => {\n        if (e.baseline && !e.current) {\n          // deleted\n          return selectedUpdateTypes.includes(UpdateType.Deleted);\n        }\n\n        if (!e.baseline && e.current) {\n          // new\n          return selectedUpdateTypes.includes(UpdateType.New);\n        }\n\n        if (e.baseline && e.current) {\n          if (e.baseline.size === e.current.size) {\n            // not changed\n            return selectedUpdateTypes.includes(UpdateType.NotChanged);\n          }\n          // changed\n          return selectedUpdateTypes.includes(UpdateType.Changed);\n        }\n\n        return false;\n      });\n    }\n\n    if (selectedSortType) {\n      if (selectedSortType === SortType.Name) {\n        list.sort((a, b) => {\n          return a.alias.localeCompare(b.alias);\n        });\n      } else {\n        const { prev, others } = list.reduce(\n          (t, c) => {\n            if (c.current) {\n              if (c.baseline) {\n                t.prev.unshift(c);\n              } else {\n                t.prev.push(c);\n              }\n            } else {\n              t.others.push(c);\n            }\n            return t;\n          },\n          {\n            prev: [] as BundleDiffTableAssetsData[],\n            others: [] as BundleDiffTableAssetsData[],\n          },\n        );\n\n        list = [\n          ...prev.sort((a, b) => {\n            if (b.current && a.current) {\n              if (selectedSortType === SortType.Delta) {\n                const { percent: percentA } = Graph.diffAssetsByExtensions(\n                  baseline.chunkGraph,\n                  current.chunkGraph,\n                  (asset) =>\n                    Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                    a.alias,\n                );\n                const { percent: percentB } = Graph.diffAssetsByExtensions(\n                  baseline.chunkGraph,\n                  current.chunkGraph,\n                  (asset) =>\n                    Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                    b.alias,\n                );\n                return percentB - percentA;\n              }\n              return b.current!.size - a.current!.size;\n            }\n            return -1;\n          }),\n          ...others,\n        ];\n      }\n    }\n\n    return list;\n  }, [\n    dataSource,\n    keyword,\n    selectedFileTypes,\n    selectedUpdateTypes,\n    selectedSortType,\n  ]);\n\n  const cSize = useMemo(\n    () =>\n      sumBy(filteredDataSource, (e) => (e.current ? e.current.size : 0)) || 0,\n    [filteredDataSource],\n  );\n  const bSize = useMemo(\n    () =>\n      sumBy(filteredDataSource, (e) => (e.baseline ? e.baseline.size : 0)) || 0,\n    [filteredDataSource],\n  );\n\n  return (\n    <Row gutter={[Size.BasePadding, Size.BasePadding]}>\n      <Col span={24}>\n        <Space wrap>\n          <KeywordInput\n            icon={<FileSearchOutlined />}\n            label=\"\"\n            labelStyle={{ width: 45 }}\n            placeholder=\"Search by file name\"\n            onChange={(e) => {\n              setKeyword(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by file type\"\n            style={{ width: 250 }}\n            options={Object.keys(fileTypes).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedFileTypes(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by file changed type\"\n            style={{ width: 200 }}\n            options={Object.values(UpdateType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedUpdateTypes(e);\n            }}\n          />\n          <Select\n            suffixIcon={<SortAscendingOutlined />}\n            // style={{ width: 150 }}\n            options={Object.values(SortType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            value={selectedSortType}\n            onChange={(e) => {\n              setSelectedSortType(e);\n            }}\n          />\n        </Space>\n        <Row style={{ marginTop: 10 }} gutter={[6, 6]}>\n          <Col>\n            <Button>Select Baseline Asset and Current Asset to Diff </Button>\n          </Col>\n          <Col>\n            <Select\n              allowClear\n              placeholder=\"select baseline assets\"\n              showSearch\n              style={{ width: 300 }}\n              options={Object.values(baseline.chunkGraph.assets).map((e) => ({\n                label: e.path,\n                value: e.path,\n              }))}\n              onChange={(e) => setSelectedBAsset(e)}\n            />\n          </Col>\n          <Col>\n            <Select\n              allowClear\n              placeholder=\"select current assets\"\n              showSearch\n              style={{ width: 300 }}\n              options={Object.values(current.chunkGraph.assets).map((e) => ({\n                label: e.path,\n                value: e.path,\n              }))}\n              onChange={(e) => setSelectedCAsset(e)}\n            />\n          </Col>\n        </Row>\n      </Col>\n      <Col span={24}>\n        <Table\n          bordered\n          sticky={{ offsetHeader: 54 }}\n          pagination={{\n            pageSize: 20,\n            size: 'small',\n          }}\n          dataSource={filteredDataSource}\n          rowKey={(e) => e.alias}\n          expandable={{\n            expandedRowRender: (r) => {\n              return (\n                <div style={{ margin: Size.BasePadding / 3 }}>\n                  <ModuleRowForAsset\n                    data={r}\n                    baseline={baseline}\n                    current={current}\n                  />\n                </div>\n              );\n            },\n            columnTitle: (\n              <Tooltip\n                title=\"Click to expand row to see the modules which the chunk contains\"\n                placement=\"left\"\n              >\n                <AppstoreAddOutlined style={{ cursor: 'pointer' }} />\n              </Tooltip>\n            ),\n          }}\n          columns={[\n            {\n              title: (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        filtered assets is {filteredDataSource.length}\n                      </Typography.Text>\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        total assets is {dataSource.length}\n                      </Typography.Text>\n                    </Space>\n                  }\n                >\n                  <Typography.Text strong>Assets</Typography.Text>\n                  <Divider type=\"vertical\" />\n                  <Typography.Text\n                    type=\"secondary\"\n                    style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                  >\n                    {filteredDataSource.length}/{dataSource.length}\n                  </Typography.Text>\n                  <InfoCircleOutlined />\n                </Tooltip>\n              ),\n              render: (_v, r) => <Name data={r} />,\n            },\n            {\n              title: () => {\n                const cs = formatSize(cSize);\n                const diff = Graph.diffSize(bSize, cSize);\n                return (\n                  <Tooltip\n                    title={`Current size is ${cs}, Delta is ${formatPercent(diff.percent)}`}\n                  >\n                    <Typography.Text strong>Current</Typography.Text>\n                    <Divider type=\"vertical\" />\n                    <Typography.Text\n                      style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                    >\n                      <Typography.Text\n                        style={{ fontSize: 'inherit', marginRight: 8 }}\n                      >\n                        {cs}\n                      </Typography.Text>\n                      <SizePercent\n                        fontSize={'inherit'}\n                        baseline={bSize}\n                        current={cSize}\n                      />\n                      {formatDiffSize(\n                        bSize,\n                        cSize,\n                        bSize > cSize\n                          ? Client.RsdoctorClientDiffState.Down\n                          : Client.RsdoctorClientDiffState.Up,\n                        { fontSize: 10, fontWeight: 400, marginLeft: 4 },\n                      )}\n                    </Typography.Text>\n                    <InfoCircleOutlined />\n                  </Tooltip>\n                );\n              },\n              render: (_v, r) => {\n                if (r.current) {\n                  const { percent, state } = Graph.diffAssetsByExtensions(\n                    baseline.chunkGraph,\n                    current.chunkGraph,\n                    (asset) =>\n                      Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                      r.alias,\n                  );\n                  const isInitial = Graph.isInitialAsset(\n                    r.current,\n                    current.chunkGraph.chunks,\n                  );\n                  return (\n                    <Space>\n                      <Typography.Text>\n                        {formatSize(r.current.size)}\n                      </Typography.Text>\n                      <Percent percent={percent} state={state} />\n                      {isInitial ? <Tag color={Color.Blue}>initial</Tag> : null}\n                    </Space>\n                  );\n                }\n                return '-';\n              },\n            },\n            {\n              title: () => {\n                const bs = formatSize(bSize);\n                return (\n                  <Tooltip title={`Baseline size is ${bs}`}>\n                    <Typography.Text strong>Baseline</Typography.Text>\n                    <Divider type=\"vertical\" />\n                    <Typography.Text\n                      style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                    >\n                      {bs}\n                    </Typography.Text>\n                    <InfoCircleOutlined />\n                  </Tooltip>\n                );\n              },\n              render: (_v, r) => {\n                if (r.baseline) {\n                  const isInitial = Graph.isInitialAsset(\n                    r.baseline,\n                    baseline.chunkGraph.chunks,\n                  );\n                  return (\n                    <Space>\n                      <Typography.Text>\n                        {formatSize(r.baseline.size)}\n                      </Typography.Text>\n                      {isInitial ? <Tag color={Color.Blue}>initial</Tag> : null}\n                    </Space>\n                  );\n                }\n                return '-';\n              },\n            },\n            {\n              title: 'Actions',\n              key: 'actions',\n              render: (_v, r) => {\n                return (\n                  <ViewChanges\n                    file={r.alias}\n                    data={[\n                      {\n                        baseline: r.baseline?.content,\n                        current: r.current?.content,\n                        group: 'assets',\n                      },\n                    ]}\n                  />\n                );\n              },\n            },\n          ]}\n        />\n      </Col>\n    </Row>\n  );\n};\n"],"names":["fileTypes","Constants","definedExtensions","Object","Name","r","name","Space","Typography","Tooltip","InfoCircleOutlined","MinusSquareOutlined","Color","PlusSquareOutlined","CheckSquareOutlined","Assets","baseline","current","outputFilename","bOutPutFileName","keyword","setKeyword","useState","selectedFileTypes","setSelectedFileTypes","selectedUpdateTypes","setSelectedUpdateTypes","selectedSortType","setSelectedSortType","SortType","selectedBAsset","setSelectedBAsset","selectedCAsset","setSelectedCAsset","bAssets","cAssets","dataSource","useMemo","res","c","b","asset","alias","Graph","console","filteredDataSource","list","e","exts","hasOthers","UpdateType","a","prev","others","t","percentA","percentB","cSize","sumBy","bSize","Row","Size","Col","KeywordInput","FileSearchOutlined","Select","SortAscendingOutlined","Button","Table","ModuleRowForAsset","AppstoreAddOutlined","Divider","_v","cs","formatSize","diff","formatPercent","SizePercent","formatDiffSize","Client","percent","state","isInitial","Percent","Tag","bs","_r_baseline","_r_current","ViewChanges"],"mappings":"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"}
+{"version":3,"file":"pages/Resources/BundleDiff/DiffContainer/assets.mjs","sources":["webpack://@rsdoctor/components/./src/pages/Resources/BundleDiff/DiffContainer/assets.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Button,\n  Col,\n  Divider,\n  Row,\n  Select,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { sumBy } from 'es-toolkit/compat';\nimport {\n  CheckSquareOutlined,\n  InfoCircleOutlined,\n  MinusSquareOutlined,\n  PlusSquareOutlined,\n  SortAscendingOutlined,\n  FileSearchOutlined,\n  AppstoreAddOutlined,\n} from '@ant-design/icons';\nimport { Constants, SDK, Client } from '@rsdoctor/types';\nimport { BundleDiffTableAssetsData } from './types';\nimport { formatPercent, formatSize } from '../../../../utils';\nimport { Color, Size } from '../../../../constants';\nimport { Percent, SizePercent } from '../../../../components/Card/diff';\nimport { KeywordInput } from '../../../../components/Form/keyword';\nimport { ModuleRowForAsset } from './row';\nimport { ViewChanges } from './changes';\nimport { UpdateType, SortType } from './constants';\nimport { formatDiffSize } from './utils';\nimport { Graph } from '@rsdoctor/utils/common';\n\nconst fileTypes = {\n  JS: [Constants.JSExtension],\n  CSS: [Constants.CSSExtension],\n  HTML: [Constants.HtmlExtension],\n  Imgs: Constants.ImgExtensions,\n  Fonts: Constants.FontExtensions,\n  Media: Constants.MediaExtensions,\n  Others: [],\n};\n\nconst definedExtensions = Object.values(fileTypes).flat();\n\nconst Name: React.FC<{ data: BundleDiffTableAssetsData }> = ({ data: r }) => {\n  const name = (\n    <Space>\n      <Typography.Text strong>{r.alias}</Typography.Text>\n      <Tooltip\n        title={\n          <Space style={{ color: 'inherit' }} direction=\"vertical\">\n            {r.current ? (\n              <Typography.Text style={{ color: 'inherit' }}>\n                Current realpath: {r.current.path}\n              </Typography.Text>\n            ) : null}\n            {r.baseline ? (\n              <Typography.Text style={{ color: 'inherit' }}>\n                Baseline realpath: {r.baseline.path}\n              </Typography.Text>\n            ) : null}\n          </Space>\n        }\n      >\n        <InfoCircleOutlined />\n      </Tooltip>\n    </Space>\n  );\n\n  if (r.baseline && !r.current) {\n    // deleted\n    return (\n      <Space>\n        <MinusSquareOutlined style={{ color: Color.Red }} />\n        {name}\n      </Space>\n    );\n  }\n\n  if (!r.baseline && r.current) {\n    // new\n    return (\n      <Space>\n        <PlusSquareOutlined style={{ color: Color.Green }} />\n        {name}\n      </Space>\n    );\n  }\n\n  if (r.baseline && r.current) {\n    // update\n    return (\n      <Space>\n        <CheckSquareOutlined style={{ color: Color.Yellow }} />\n        {name}\n      </Space>\n    );\n  }\n\n  return name;\n};\n\nexport const Assets: React.FC<{\n  outputFilename: string;\n  baseline: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];\n  current: SDK.ServerAPI.ResponseTypes[SDK.ServerAPI.API.GetBundleDiffSummary];\n}> = ({ baseline, current, outputFilename }) => {\n  const bOutPutFileName = outputFilename;\n\n  const [keyword, setKeyword] = useState<string>();\n  const [selectedFileTypes, setSelectedFileTypes] = useState<string[]>([]);\n  const [selectedUpdateTypes, setSelectedUpdateTypes] = useState<UpdateType[]>(\n    [],\n  );\n  const [selectedSortType, setSelectedSortType] = useState<SortType>(\n    SortType.Size,\n  );\n  const [selectedBAsset, setSelectedBAsset] = useState(null);\n  const [selectedCAsset, setSelectedCAsset] = useState(null);\n\n  const { assets: bAssets } = baseline.chunkGraph;\n  const { assets: cAssets } = current.chunkGraph;\n\n  const dataSource = useMemo(() => {\n    const res: Record<string, BundleDiffTableAssetsData> = {};\n    if (selectedBAsset && selectedCAsset) {\n      res.choose = {\n        alias: `${selectedBAsset} \\n ${selectedCAsset}`,\n        current: cAssets.find((c: SDK.AssetData) => c.path === selectedCAsset),\n        baseline: bAssets.find((b: SDK.AssetData) => b.path === selectedBAsset),\n      };\n      return Object.values(res);\n    }\n\n    bAssets.forEach((asset: SDK.AssetData) => {\n      const alias = Graph.formatAssetName(asset.path, bOutPutFileName);\n      if (!res[alias]) {\n        res[alias] = {\n          alias,\n          baseline: asset,\n        };\n      } else {\n        console.warn('[Baseline Asset Exists]: ', asset, res);\n      }\n    });\n\n    cAssets.forEach((asset: SDK.AssetData) => {\n      const alias = Graph.formatAssetName(asset.path, bOutPutFileName);\n      if (!res[alias]) {\n        res[alias] = { alias };\n      }\n      res[alias].current = asset;\n    });\n\n    return Object.values(res);\n  }, [bAssets, cAssets, selectedBAsset, selectedCAsset]);\n\n  const filteredDataSource = useMemo(() => {\n    let list = dataSource.slice();\n\n    if (keyword) {\n      list = list.filter((e) => e.alias.indexOf(keyword) > -1);\n    }\n\n    if (selectedFileTypes.length) {\n      const exts = selectedFileTypes\n        .map((e) => fileTypes[e as keyof typeof fileTypes])\n        .flat();\n\n      const hasOthers = selectedFileTypes.indexOf('Others') > -1;\n\n      list = list.filter((e) => {\n        const asset = e.baseline! || e.current!;\n        if (Graph.isAssetMatchExtensions(asset, exts)) {\n          return true;\n        }\n\n        if (hasOthers) {\n          return !Graph.isAssetMatchExtensions(asset, definedExtensions);\n        }\n\n        return false;\n      });\n    }\n\n    if (selectedUpdateTypes.length) {\n      list = list.filter((e) => {\n        if (e.baseline && !e.current) {\n          // deleted\n          return selectedUpdateTypes.includes(UpdateType.Deleted);\n        }\n\n        if (!e.baseline && e.current) {\n          // new\n          return selectedUpdateTypes.includes(UpdateType.New);\n        }\n\n        if (e.baseline && e.current) {\n          if (e.baseline.size === e.current.size) {\n            // not changed\n            return selectedUpdateTypes.includes(UpdateType.NotChanged);\n          }\n          // changed\n          return selectedUpdateTypes.includes(UpdateType.Changed);\n        }\n\n        return false;\n      });\n    }\n\n    if (selectedSortType) {\n      if (selectedSortType === SortType.Name) {\n        list.sort((a, b) => {\n          return a.alias.localeCompare(b.alias);\n        });\n      } else {\n        const { prev, others } = list.reduce(\n          (t, c) => {\n            if (c.current) {\n              if (c.baseline) {\n                t.prev.unshift(c);\n              } else {\n                t.prev.push(c);\n              }\n            } else {\n              t.others.push(c);\n            }\n            return t;\n          },\n          {\n            prev: [] as BundleDiffTableAssetsData[],\n            others: [] as BundleDiffTableAssetsData[],\n          },\n        );\n\n        list = [\n          ...prev.sort((a, b) => {\n            if (b.current && a.current) {\n              if (selectedSortType === SortType.Delta) {\n                const { percent: percentA } = Graph.diffAssetsByExtensions(\n                  baseline.chunkGraph,\n                  current.chunkGraph,\n                  (asset) =>\n                    Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                    a.alias,\n                );\n                const { percent: percentB } = Graph.diffAssetsByExtensions(\n                  baseline.chunkGraph,\n                  current.chunkGraph,\n                  (asset) =>\n                    Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                    b.alias,\n                );\n                return percentB - percentA;\n              }\n              return b.current!.size - a.current!.size;\n            }\n            return -1;\n          }),\n          ...others,\n        ];\n      }\n    }\n\n    return list;\n  }, [\n    dataSource,\n    keyword,\n    selectedFileTypes,\n    selectedUpdateTypes,\n    selectedSortType,\n  ]);\n\n  const cSize = useMemo(\n    () =>\n      sumBy(filteredDataSource, (e) => (e.current ? e.current.size : 0)) || 0,\n    [filteredDataSource],\n  );\n  const bSize = useMemo(\n    () =>\n      sumBy(filteredDataSource, (e) => (e.baseline ? e.baseline.size : 0)) || 0,\n    [filteredDataSource],\n  );\n\n  return (\n    <Row gutter={[Size.BasePadding, Size.BasePadding]}>\n      <Col span={24}>\n        <Space wrap>\n          <KeywordInput\n            icon={<FileSearchOutlined />}\n            label=\"\"\n            labelStyle={{ width: 45 }}\n            placeholder=\"Search by file name\"\n            onChange={(e) => {\n              setKeyword(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by file type\"\n            style={{ width: 250 }}\n            options={Object.keys(fileTypes).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedFileTypes(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by file changed type\"\n            style={{ width: 200 }}\n            options={Object.values(UpdateType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedUpdateTypes(e);\n            }}\n          />\n          <Select\n            suffixIcon={<SortAscendingOutlined />}\n            // style={{ width: 150 }}\n            options={Object.values(SortType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            value={selectedSortType}\n            onChange={(e) => {\n              setSelectedSortType(e);\n            }}\n          />\n        </Space>\n        <Row style={{ marginTop: 10 }} gutter={[6, 6]}>\n          <Col>\n            <Button>Select Baseline Asset and Current Asset to Diff </Button>\n          </Col>\n          <Col>\n            <Select\n              allowClear\n              placeholder=\"select baseline assets\"\n              showSearch\n              style={{ width: 300 }}\n              options={Object.values(baseline.chunkGraph.assets).map((e) => ({\n                label: e.path,\n                value: e.path,\n              }))}\n              onChange={(e) => setSelectedBAsset(e)}\n            />\n          </Col>\n          <Col>\n            <Select\n              allowClear\n              placeholder=\"select current assets\"\n              showSearch\n              style={{ width: 300 }}\n              options={Object.values(current.chunkGraph.assets).map((e) => ({\n                label: e.path,\n                value: e.path,\n              }))}\n              onChange={(e) => setSelectedCAsset(e)}\n            />\n          </Col>\n        </Row>\n      </Col>\n      <Col span={24}>\n        <Table\n          bordered\n          sticky={{ offsetHeader: 54 }}\n          pagination={{\n            pageSize: 20,\n            size: 'small',\n          }}\n          dataSource={filteredDataSource}\n          rowKey={(e) => e.alias}\n          expandable={{\n            expandedRowRender: (r) => {\n              return (\n                <div style={{ margin: Size.BasePadding / 3 }}>\n                  <ModuleRowForAsset\n                    data={r}\n                    baseline={baseline}\n                    current={current}\n                  />\n                </div>\n              );\n            },\n            columnTitle: (\n              <Tooltip\n                title=\"Click to expand row to see the modules which the chunk contains\"\n                placement=\"left\"\n              >\n                <AppstoreAddOutlined style={{ cursor: 'pointer' }} />\n              </Tooltip>\n            ),\n          }}\n          columns={[\n            {\n              title: (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        filtered assets is {filteredDataSource.length}\n                      </Typography.Text>\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        total assets is {dataSource.length}\n                      </Typography.Text>\n                    </Space>\n                  }\n                >\n                  <Typography.Text strong>Assets</Typography.Text>\n                  <Divider type=\"vertical\" />\n                  <Typography.Text\n                    type=\"secondary\"\n                    style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                  >\n                    {filteredDataSource.length}/{dataSource.length}\n                  </Typography.Text>\n                  <InfoCircleOutlined />\n                </Tooltip>\n              ),\n              render: (_v, r) => <Name data={r} />,\n            },\n            {\n              title: () => {\n                const cs = formatSize(cSize);\n                const diff = Graph.diffSize(bSize, cSize);\n                return (\n                  <Tooltip\n                    title={`Current size is ${cs}, Delta is ${formatPercent(diff.percent)}`}\n                  >\n                    <Typography.Text strong>Current</Typography.Text>\n                    <Divider type=\"vertical\" />\n                    <Typography.Text\n                      style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                    >\n                      <Typography.Text\n                        style={{ fontSize: 'inherit', marginRight: 8 }}\n                      >\n                        {cs}\n                      </Typography.Text>\n                      <SizePercent\n                        fontSize={'inherit'}\n                        baseline={bSize}\n                        current={cSize}\n                      />\n                      {formatDiffSize(\n                        bSize,\n                        cSize,\n                        bSize > cSize\n                          ? Client.RsdoctorClientDiffState.Down\n                          : Client.RsdoctorClientDiffState.Up,\n                        { fontSize: 10, fontWeight: 400, marginLeft: 4 },\n                      )}\n                    </Typography.Text>\n                    <InfoCircleOutlined />\n                  </Tooltip>\n                );\n              },\n              render: (_v, r) => {\n                if (r.current) {\n                  const { percent, state } = Graph.diffAssetsByExtensions(\n                    baseline.chunkGraph,\n                    current.chunkGraph,\n                    (asset) =>\n                      Graph.formatAssetName(asset.path, bOutPutFileName) ===\n                      r.alias,\n                  );\n                  const isInitial = Graph.isInitialAsset(\n                    r.current,\n                    current.chunkGraph.chunks,\n                  );\n                  return (\n                    <Space>\n                      <Typography.Text>\n                        {formatSize(r.current.size)}\n                      </Typography.Text>\n                      <Percent percent={percent} state={state} />\n                      {isInitial ? <Tag color={Color.Blue}>initial</Tag> : null}\n                    </Space>\n                  );\n                }\n                return '-';\n              },\n            },\n            {\n              title: () => {\n                const bs = formatSize(bSize);\n                return (\n                  <Tooltip title={`Baseline size is ${bs}`}>\n                    <Typography.Text strong>Baseline</Typography.Text>\n                    <Divider type=\"vertical\" />\n                    <Typography.Text\n                      style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                    >\n                      {bs}\n                    </Typography.Text>\n                    <InfoCircleOutlined />\n                  </Tooltip>\n                );\n              },\n              render: (_v, r) => {\n                if (r.baseline) {\n                  const isInitial = Graph.isInitialAsset(\n                    r.baseline,\n                    baseline.chunkGraph.chunks,\n                  );\n                  return (\n                    <Space>\n                      <Typography.Text>\n                        {formatSize(r.baseline.size)}\n                      </Typography.Text>\n                      {isInitial ? <Tag color={Color.Blue}>initial</Tag> : null}\n                    </Space>\n                  );\n                }\n                return '-';\n              },\n            },\n            {\n              title: 'Actions',\n              key: 'actions',\n              render: (_v, r) => {\n                return (\n                  <ViewChanges\n                    file={r.alias}\n                    data={[\n                      {\n                        baseline: r.baseline?.content,\n                        current: r.current?.content,\n                        group: 'assets',\n                      },\n                    ]}\n                  />\n                );\n              },\n            },\n          ]}\n        />\n      </Col>\n    </Row>\n  );\n};\n"],"names":["fileTypes","Constants","definedExtensions","Object","Name","r","name","Space","Typography","Tooltip","InfoCircleOutlined","MinusSquareOutlined","Color","PlusSquareOutlined","CheckSquareOutlined","Assets","baseline","current","outputFilename","bOutPutFileName","keyword","setKeyword","useState","selectedFileTypes","setSelectedFileTypes","selectedUpdateTypes","setSelectedUpdateTypes","selectedSortType","setSelectedSortType","SortType","selectedBAsset","setSelectedBAsset","selectedCAsset","setSelectedCAsset","bAssets","cAssets","dataSource","useMemo","res","c","b","asset","alias","Graph","console","filteredDataSource","list","e","exts","hasOthers","UpdateType","a","prev","others","t","percentA","percentB","cSize","sumBy","bSize","Row","Size","Col","KeywordInput","FileSearchOutlined","Select","SortAscendingOutlined","Button","Table","ModuleRowForAsset","AppstoreAddOutlined","Divider","_v","cs","formatSize","diff","formatPercent","SizePercent","formatDiffSize","Client","percent","state","isInitial","Percent","Tag","bs","ViewChanges"],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAMA,YAAY;IAChB,IAAI;QAACC,UAAU,WAAW;KAAC;IAC3B,KAAK;QAACA,UAAU,YAAY;KAAC;IAC7B,MAAM;QAACA,UAAU,aAAa;KAAC;IAC/B,MAAMA,UAAU,aAAa;IAC7B,OAAOA,UAAU,cAAc;IAC/B,OAAOA,UAAU,eAAe;IAChC,QAAQ,EAAE;AACZ;AAEA,MAAMC,oBAAoBC,OAAO,MAAM,CAACH,WAAW,IAAI;AAEvD,MAAMI,OAAsD,CAAC,EAAE,MAAMC,CAAC,EAAE;IACtE,MAAMC,OAAO,WAAPA,GACJ,KAACC,OAAKA;;0BACJ,IAACC,WAAW,IAAI;gBAAC,QAAM;0BAAEH,EAAE,KAAK;;0BAChC,IAACI,SAAOA;gBACN,qBACE,KAACF,OAAKA;oBAAC,OAAO;wBAAE,OAAO;oBAAU;oBAAG,WAAU;;wBAC3CF,EAAE,OAAO,GAAG,WAAH,GACR,KAACG,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACzBH,EAAE,OAAO,CAAC,IAAI;;6BAEjC;wBACHA,EAAE,QAAQ,GAAG,WAAH,GACT,KAACG,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACxBH,EAAE,QAAQ,CAAC,IAAI;;6BAEnC;;;0BAIR,kBAACK,oBAAkBA,CAAAA;;;;IAKzB,IAAIL,EAAE,QAAQ,IAAI,CAACA,EAAE,OAAO,EAE1B,OAAO,WAAP,GACE,KAACE,OAAKA;;0BACJ,IAACI,qBAAmBA;gBAAC,OAAO;oBAAE,OAAOC,MAAM,GAAG;gBAAC;;YAC9CN;;;IAKP,IAAI,CAACD,EAAE,QAAQ,IAAIA,EAAE,OAAO,EAE1B,OAAO,WAAP,GACE,KAACE,OAAKA;;0BACJ,IAACM,oBAAkBA;gBAAC,OAAO;oBAAE,OAAOD,MAAM,KAAK;gBAAC;;YAC/CN;;;IAKP,IAAID,EAAE,QAAQ,IAAIA,EAAE,OAAO,EAEzB,OAAO,WAAP,GACE,KAACE,OAAKA;;0BACJ,IAACO,qBAAmBA;gBAAC,OAAO;oBAAE,OAAOF,MAAM,MAAM;gBAAC;;YACjDN;;;IAKP,OAAOA;AACT;AAEO,MAAMS,SAIR,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,cAAc,EAAE;IACzC,MAAMC,kBAAkBD;IAExB,MAAM,CAACE,SAASC,WAAW,GAAGC;IAC9B,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGF,SAAmB,EAAE;IACvE,MAAM,CAACG,qBAAqBC,uBAAuB,GAAGJ,SACpD,EAAE;IAEJ,MAAM,CAACK,kBAAkBC,oBAAoB,GAAGN,SAC9CO,SAAS,IAAI;IAEf,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGT,SAAS;IACrD,MAAM,CAACU,gBAAgBC,kBAAkB,GAAGX,SAAS;IAErD,MAAM,EAAE,QAAQY,OAAO,EAAE,GAAGlB,SAAS,UAAU;IAC/C,MAAM,EAAE,QAAQmB,OAAO,EAAE,GAAGlB,QAAQ,UAAU;IAE9C,MAAMmB,aAAaC,QAAQ;QACzB,MAAMC,MAAiD,CAAC;QACxD,IAAIR,kBAAkBE,gBAAgB;YACpCM,IAAI,MAAM,GAAG;gBACX,OAAO,GAAGR,eAAe,IAAI,EAAEE,gBAAgB;gBAC/C,SAASG,QAAQ,IAAI,CAAC,CAACI,IAAqBA,EAAE,IAAI,KAAKP;gBACvD,UAAUE,QAAQ,IAAI,CAAC,CAACM,IAAqBA,EAAE,IAAI,KAAKV;YAC1D;YACA,OAAO3B,OAAO,MAAM,CAACmC;QACvB;QAEAJ,QAAQ,OAAO,CAAC,CAACO;YACf,MAAMC,QAAQC,MAAM,eAAe,CAACF,MAAM,IAAI,EAAEtB;YAChD,IAAKmB,GAAG,CAACI,MAAM,EAMbE,QAAQ,IAAI,CAAC,6BAA6BH,OAAOH;iBALjDA,GAAG,CAACI,MAAM,GAAG;gBACXA;gBACA,UAAUD;YACZ;QAIJ;QAEAN,QAAQ,OAAO,CAAC,CAACM;YACf,MAAMC,QAAQC,MAAM,eAAe,CAACF,MAAM,IAAI,EAAEtB;YAChD,IAAI,CAACmB,GAAG,CAACI,MAAM,EACbJ,GAAG,CAACI,MAAM,GAAG;gBAAEA;YAAM;YAEvBJ,GAAG,CAACI,MAAM,CAAC,OAAO,GAAGD;QACvB;QAEA,OAAOtC,OAAO,MAAM,CAACmC;IACvB,GAAG;QAACJ;QAASC;QAASL;QAAgBE;KAAe;IAErD,MAAMa,qBAAqBR,QAAQ;QACjC,IAAIS,OAAOV,WAAW,KAAK;QAE3B,IAAIhB,SACF0B,OAAOA,KAAK,MAAM,CAAC,CAACC,IAAMA,EAAE,KAAK,CAAC,OAAO,CAAC3B,WAAW;QAGvD,IAAIG,kBAAkB,MAAM,EAAE;YAC5B,MAAMyB,OAAOzB,kBACV,GAAG,CAAC,CAACwB,IAAM/C,SAAS,CAAC+C,EAA4B,EACjD,IAAI;YAEP,MAAME,YAAY1B,kBAAkB,OAAO,CAAC,YAAY;YAExDuB,OAAOA,KAAK,MAAM,CAAC,CAACC;gBAClB,MAAMN,QAAQM,EAAE,QAAQ,IAAKA,EAAE,OAAO;gBACtC,IAAIJ,MAAM,sBAAsB,CAACF,OAAOO,OACtC,OAAO;gBAGT,IAAIC,WACF,OAAO,CAACN,MAAM,sBAAsB,CAACF,OAAOvC;gBAG9C,OAAO;YACT;QACF;QAEA,IAAIuB,oBAAoB,MAAM,EAC5BqB,OAAOA,KAAK,MAAM,CAAC,CAACC;YAClB,IAAIA,EAAE,QAAQ,IAAI,CAACA,EAAE,OAAO,EAE1B,OAAOtB,oBAAoB,QAAQ,CAACyB,WAAW,OAAO;YAGxD,IAAI,CAACH,EAAE,QAAQ,IAAIA,EAAE,OAAO,EAE1B,OAAOtB,oBAAoB,QAAQ,CAACyB,WAAW,GAAG;YAGpD,IAAIH,EAAE,QAAQ,IAAIA,EAAE,OAAO,EAAE;gBAC3B,IAAIA,EAAE,QAAQ,CAAC,IAAI,KAAKA,EAAE,OAAO,CAAC,IAAI,EAEpC,OAAOtB,oBAAoB,QAAQ,CAACyB,WAAW,UAAU;gBAG3D,OAAOzB,oBAAoB,QAAQ,CAACyB,WAAW,OAAO;YACxD;YAEA,OAAO;QACT;QAGF,IAAIvB,kBACF,IAAIA,qBAAqBE,SAAS,IAAI,EACpCiB,KAAK,IAAI,CAAC,CAACK,GAAGX,IACLW,EAAE,KAAK,CAAC,aAAa,CAACX,EAAE,KAAK;aAEjC;YACL,MAAM,EAAEY,IAAI,EAAEC,MAAM,EAAE,GAAGP,KAAK,MAAM,CAClC,CAACQ,GAAGf;gBACF,IAAIA,EAAE,OAAO,EACX,IAAIA,EAAE,QAAQ,EACZe,EAAE,IAAI,CAAC,OAAO,CAACf;qBAEfe,EAAE,IAAI,CAAC,IAAI,CAACf;qBAGde,EAAE,MAAM,CAAC,IAAI,CAACf;gBAEhB,OAAOe;YACT,GACA;gBACE,MAAM,EAAE;gBACR,QAAQ,EAAE;YACZ;YAGFR,OAAO;mBACFM,KAAK,IAAI,CAAC,CAACD,GAAGX;oBACf,IAAIA,EAAE,OAAO,IAAIW,EAAE,OAAO,EAAE;wBAC1B,IAAIxB,qBAAqBE,SAAS,KAAK,EAAE;4BACvC,MAAM,EAAE,SAAS0B,QAAQ,EAAE,GAAGZ,MAAM,sBAAsB,CACxD3B,SAAS,UAAU,EACnBC,QAAQ,UAAU,EAClB,CAACwB,QACCE,MAAM,eAAe,CAACF,MAAM,IAAI,EAAEtB,qBAClCgC,EAAE,KAAK;4BAEX,MAAM,EAAE,SAASK,QAAQ,EAAE,GAAGb,MAAM,sBAAsB,CACxD3B,SAAS,UAAU,EACnBC,QAAQ,UAAU,EAClB,CAACwB,QACCE,MAAM,eAAe,CAACF,MAAM,IAAI,EAAEtB,qBAClCqB,EAAE,KAAK;4BAEX,OAAOgB,WAAWD;wBACpB;wBACA,OAAOf,EAAE,OAAO,CAAE,IAAI,GAAGW,EAAE,OAAO,CAAE,IAAI;oBAC1C;oBACA,OAAO;gBACT;mBACGE;aACJ;QACH;QAGF,OAAOP;IACT,GAAG;QACDV;QACAhB;QACAG;QACAE;QACAE;KACD;IAED,MAAM8B,QAAQpB,QACZ,IACEqB,MAAMb,oBAAoB,CAACE,IAAOA,EAAE,OAAO,GAAGA,EAAE,OAAO,CAAC,IAAI,GAAG,MAAO,GACxE;QAACF;KAAmB;IAEtB,MAAMc,QAAQtB,QACZ,IACEqB,MAAMb,oBAAoB,CAACE,IAAOA,EAAE,QAAQ,GAAGA,EAAE,QAAQ,CAAC,IAAI,GAAG,MAAO,GAC1E;QAACF;KAAmB;IAGtB,OAAO,WAAP,GACE,KAACe,KAAGA;QAAC,QAAQ;YAACC,KAAK,WAAW;YAAEA,KAAK,WAAW;SAAC;;0BAC/C,KAACC,KAAGA;gBAAC,MAAM;;kCACT,KAACvD,OAAKA;wBAAC,MAAI;;0CACT,IAACwD,cAAYA;gCACX,oBAAM,IAACC,oBAAkBA,CAAAA;gCACzB,OAAM;gCACN,YAAY;oCAAE,OAAO;gCAAG;gCACxB,aAAY;gCACZ,UAAU,CAACjB;oCACT1B,WAAW0B;gCACb;;0CAEF,IAACkB,QAAMA;gCACL,MAAK;gCACL,aAAY;gCACZ,OAAO;oCAAE,OAAO;gCAAI;gCACpB,SAAS9D,OAAO,IAAI,CAACH,WAAW,GAAG,CAAC,CAAC+C,IAAO;wCAC1C,OAAOA;wCACP,OAAOA;oCACT;gCACA,YAAU;gCACV,UAAU,CAACA;oCACTvB,qBAAqBuB;gCACvB;;0CAEF,IAACkB,QAAMA;gCACL,MAAK;gCACL,aAAY;gCACZ,OAAO;oCAAE,OAAO;gCAAI;gCACpB,SAAS9D,OAAO,MAAM,CAAC+C,YAAY,GAAG,CAAC,CAACH,IAAO;wCAC7C,OAAOA;wCACP,OAAOA;oCACT;gCACA,YAAU;gCACV,UAAU,CAACA;oCACTrB,uBAAuBqB;gCACzB;;0CAEF,IAACkB,QAAMA;gCACL,0BAAY,IAACC,uBAAqBA,CAAAA;gCAElC,SAAS/D,OAAO,MAAM,CAAC0B,UAAU,GAAG,CAAC,CAACkB,IAAO;wCAC3C,OAAOA;wCACP,OAAOA;oCACT;gCACA,OAAOpB;gCACP,UAAU,CAACoB;oCACTnB,oBAAoBmB;gCACtB;;;;kCAGJ,KAACa,KAAGA;wBAAC,OAAO;4BAAE,WAAW;wBAAG;wBAAG,QAAQ;4BAAC;4BAAG;yBAAE;;0CAC3C,IAACE,KAAGA;0CACF,kBAACK,QAAMA;8CAAC;;;0CAEV,IAACL,KAAGA;0CACF,kBAACG,QAAMA;oCACL,YAAU;oCACV,aAAY;oCACZ,YAAU;oCACV,OAAO;wCAAE,OAAO;oCAAI;oCACpB,SAAS9D,OAAO,MAAM,CAACa,SAAS,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC+B,IAAO;4CAC7D,OAAOA,EAAE,IAAI;4CACb,OAAOA,EAAE,IAAI;wCACf;oCACA,UAAU,CAACA,IAAMhB,kBAAkBgB;;;0CAGvC,IAACe,KAAGA;0CACF,kBAACG,QAAMA;oCACL,YAAU;oCACV,aAAY;oCACZ,YAAU;oCACV,OAAO;wCAAE,OAAO;oCAAI;oCACpB,SAAS9D,OAAO,MAAM,CAACc,QAAQ,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC8B,IAAO;4CAC5D,OAAOA,EAAE,IAAI;4CACb,OAAOA,EAAE,IAAI;wCACf;oCACA,UAAU,CAACA,IAAMd,kBAAkBc;;;;;;;0BAK3C,IAACe,KAAGA;gBAAC,MAAM;0BACT,kBAACM,OAAKA;oBACJ,UAAQ;oBACR,QAAQ;wBAAE,cAAc;oBAAG;oBAC3B,YAAY;wBACV,UAAU;wBACV,MAAM;oBACR;oBACA,YAAYvB;oBACZ,QAAQ,CAACE,IAAMA,EAAE,KAAK;oBACtB,YAAY;wBACV,mBAAmB,CAAC1C,IACX,WAAP,GACE,IAAC;gCAAI,OAAO;oCAAE,QAAQwD,KAAK,WAAW,GAAG;gCAAE;0CACzC,kBAACQ,mBAAiBA;oCAChB,MAAMhE;oCACN,UAAUW;oCACV,SAASC;;;wBAKjB,aAAa,WAAb,GACE,IAACR,SAAOA;4BACN,OAAM;4BACN,WAAU;sCAEV,kBAAC6D,qBAAmBA;gCAAC,OAAO;oCAAE,QAAQ;gCAAU;;;oBAGtD;oBACA,SAAS;wBACP;4BACE,OAAO,WAAP,GACE,KAAC7D,SAAOA;gCACN,qBACE,KAACF,OAAKA;oCAAC,WAAU;;sDACf,KAACC,WAAW,IAAI;4CAAC,OAAO;gDAAE,OAAO;4CAAU;;gDAAG;gDACxBqC,mBAAmB,MAAM;;;sDAE/C,KAACrC,WAAW,IAAI;4CAAC,OAAO;gDAAE,OAAO;4CAAU;;gDAAG;gDAC3B4B,WAAW,MAAM;;;;;;kDAKxC,IAAC5B,WAAW,IAAI;wCAAC,QAAM;kDAAC;;kDACxB,IAAC+D,SAAOA;wCAAC,MAAK;;kDACd,KAAC/D,WAAW,IAAI;wCACd,MAAK;wCACL,OAAO;4CAAE,UAAU;4CAAI,YAAY;4CAAK,aAAa;wCAAE;;4CAEtDqC,mBAAmB,MAAM;4CAAC;4CAAET,WAAW,MAAM;;;kDAEhD,IAAC1B,oBAAkBA,CAAAA;;;4BAGvB,QAAQ,CAAC8D,IAAInE,IAAAA,WAAAA,GAAM,IAACD,MAAAA;oCAAK,MAAMC;;wBACjC;wBACA;4BACE,OAAO;gCACL,MAAMoE,KAAKC,WAAWjB;gCACtB,MAAMkB,OAAOhC,MAAM,QAAQ,CAACgB,OAAOF;gCACnC,OAAO,WAAP,GACE,KAAChD,SAAOA;oCACN,OAAO,CAAC,gBAAgB,EAAEgE,GAAG,WAAW,EAAEG,cAAcD,KAAK,OAAO,GAAG;;sDAEvE,IAACnE,WAAW,IAAI;4CAAC,QAAM;sDAAC;;sDACxB,IAAC+D,SAAOA;4CAAC,MAAK;;sDACd,KAAC/D,WAAW,IAAI;4CACd,OAAO;gDAAE,UAAU;gDAAI,YAAY;gDAAK,aAAa;4CAAE;;8DAEvD,IAACA,WAAW,IAAI;oDACd,OAAO;wDAAE,UAAU;wDAAW,aAAa;oDAAE;8DAE5CiE;;8DAEH,IAACI,aAAWA;oDACV,UAAU;oDACV,UAAUlB;oDACV,SAASF;;gDAEVqB,eACCnB,OACAF,OACAE,QAAQF,QACJsB,OAAO,uBAAuB,CAAC,IAAI,GACnCA,OAAO,uBAAuB,CAAC,EAAE,EACrC;oDAAE,UAAU;oDAAI,YAAY;oDAAK,YAAY;gDAAE;;;sDAGnD,IAACrE,oBAAkBA,CAAAA;;;4BAGzB;4BACA,QAAQ,CAAC8D,IAAInE;gCACX,IAAIA,EAAE,OAAO,EAAE;oCACb,MAAM,EAAE2E,OAAO,EAAEC,KAAK,EAAE,GAAGtC,MAAM,sBAAsB,CACrD3B,SAAS,UAAU,EACnBC,QAAQ,UAAU,EAClB,CAACwB,QACCE,MAAM,eAAe,CAACF,MAAM,IAAI,EAAEtB,qBAClCd,EAAE,KAAK;oCAEX,MAAM6E,YAAYvC,MAAM,cAAc,CACpCtC,EAAE,OAAO,EACTY,QAAQ,UAAU,CAAC,MAAM;oCAE3B,OAAO,WAAP,GACE,KAACV,OAAKA;;0DACJ,IAACC,WAAW,IAAI;0DACbkE,WAAWrE,EAAE,OAAO,CAAC,IAAI;;0DAE5B,IAAC8E,SAAOA;gDAAC,SAASH;gDAAS,OAAOC;;4CACjCC,YAAY,WAAZA,GAAY,IAACE,KAAGA;gDAAC,OAAOxE,MAAM,IAAI;0DAAE;iDAAgB;;;gCAG3D;gCACA,OAAO;4BACT;wBACF;wBACA;4BACE,OAAO;gCACL,MAAMyE,KAAKX,WAAWf;gCACtB,OAAO,WAAP,GACE,KAAClD,SAAOA;oCAAC,OAAO,CAAC,iBAAiB,EAAE4E,IAAI;;sDACtC,IAAC7E,WAAW,IAAI;4CAAC,QAAM;sDAAC;;sDACxB,IAAC+D,SAAOA;4CAAC,MAAK;;sDACd,IAAC/D,WAAW,IAAI;4CACd,OAAO;gDAAE,UAAU;gDAAI,YAAY;gDAAK,aAAa;4CAAE;sDAEtD6E;;sDAEH,IAAC3E,oBAAkBA,CAAAA;;;4BAGzB;4BACA,QAAQ,CAAC8D,IAAInE;gCACX,IAAIA,EAAE,QAAQ,EAAE;oCACd,MAAM6E,YAAYvC,MAAM,cAAc,CACpCtC,EAAE,QAAQ,EACVW,SAAS,UAAU,CAAC,MAAM;oCAE5B,OAAO,WAAP,GACE,KAACT,OAAKA;;0DACJ,IAACC,WAAW,IAAI;0DACbkE,WAAWrE,EAAE,QAAQ,CAAC,IAAI;;4CAE5B6E,YAAY,WAAZA,GAAY,IAACE,KAAGA;gDAAC,OAAOxE,MAAM,IAAI;0DAAE;iDAAgB;;;gCAG3D;gCACA,OAAO;4BACT;wBACF;wBACA;4BACE,OAAO;4BACP,KAAK;4BACL,QAAQ,CAAC4D,IAAInE,IACJ,WAAP,GACE,IAACiF,aAAWA;oCACV,MAAMjF,EAAE,KAAK;oCACb,MAAM;wCACJ;4CACE,UAAUA,EAAE,QAAQ,EAAE;4CACtB,SAASA,EAAE,OAAO,EAAE;4CACpB,OAAO;wCACT;qCACD;;wBAIT;qBACD;;;;;AAKX"}

package/dist/pages/Resources/BundleDiff/DiffContainer/modules.mjs

@@ -67,8 +67,7 @@ const Modules = ({ baseline, current })=>{
     const dataSource = useMemo(()=>{
         const res = {};
         bModules.forEach((mod)=>{
-            var _mod_webpackId, _mod_path;
-            const modPath = (null == (_mod_webpackId = mod.webpackId) ? void 0 : _mod_webpackId.replace(ModuleHashPattern, '')) || (null == (_mod_path = mod.path) ? void 0 : _mod_path.replace(ModuleHashPattern, ''));
+            const modPath = mod.webpackId?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
             if (res[modPath]) console.warn('[Baseline Module Exists]: ', mod, res);
             else res[modPath] = {
                 path: modPath,
@@ -76,8 +75,7 @@ const Modules = ({ baseline, current })=>{
             };
         });
         cModules.forEach((mod)=>{
-            var _mod_webpackId, _mod_path;
-            const modPath = (null == (_mod_webpackId = mod.webpackId) ? void 0 : _mod_webpackId.replace(ModuleHashPattern, '')) || (null == (_mod_path = mod.path) ? void 0 : _mod_path.replace(ModuleHashPattern, ''));
+            const modPath = mod.webpackId?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
             if (!res[modPath]) res[modPath] = {
                 path: modPath
             };
@@ -266,7 +264,6 @@ const Modules = ({ baseline, current })=>{
                             title: 'Actions',
                             width: 200,
                             render: (_v, r)=>{
-                                var _baseline_moduleCodeMap_r_baseline_id, _r_baseline, _current_moduleCodeMap_r_current_id, _r_current, _baseline_moduleCodeMap_r_baseline_id1, _r_baseline1, _current_moduleCodeMap_r_current_id1, _r_current1, _baseline_moduleCodeMap_r_baseline_id2, _r_baseline2, _current_moduleCodeMap_r_current_id2, _r_current2, _current_moduleCodeMap_r_current_id3, _current_moduleCodeMap_r_current_id4, _current_moduleCodeMap_r_current_id5, _current_moduleCodeMap_r_current_id6;
                                 const isChanged = getUpdateType(r) === UpdateType.Changed;
                                 return /*#__PURE__*/ jsxs(Space, {
                                     direction: "vertical",
@@ -279,36 +276,36 @@ const Modules = ({ baseline, current })=>{
                                             file: r.path,
                                             data: [
                                                 {
-                                                    baseline: null == (_baseline_moduleCodeMap_r_baseline_id = baseline.moduleCodeMap[null == (_r_baseline = r.baseline) ? void 0 : _r_baseline.id]) ? void 0 : _baseline_moduleCodeMap_r_baseline_id.source,
-                                                    current: null == (_current_moduleCodeMap_r_current_id = current.moduleCodeMap[null == (_r_current = r.current) ? void 0 : _r_current.id]) ? void 0 : _current_moduleCodeMap_r_current_id.source,
+                                                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.source,
+                                                    current: current.moduleCodeMap[r.current?.id]?.source,
                                                     group: 'Source'
                                                 },
                                                 {
-                                                    baseline: null == (_baseline_moduleCodeMap_r_baseline_id1 = baseline.moduleCodeMap[null == (_r_baseline1 = r.baseline) ? void 0 : _r_baseline1.id]) ? void 0 : _baseline_moduleCodeMap_r_baseline_id1.transformed,
-                                                    current: null == (_current_moduleCodeMap_r_current_id1 = current.moduleCodeMap[null == (_r_current1 = r.current) ? void 0 : _r_current1.id]) ? void 0 : _current_moduleCodeMap_r_current_id1.transformed,
+                                                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.transformed,
+                                                    current: current.moduleCodeMap[r.current?.id]?.transformed,
                                                     group: 'Transformed Source'
                                                 },
                                                 {
-                                                    baseline: null == (_baseline_moduleCodeMap_r_baseline_id2 = baseline.moduleCodeMap[null == (_r_baseline2 = r.baseline) ? void 0 : _r_baseline2.id]) ? void 0 : _baseline_moduleCodeMap_r_baseline_id2.parsedSource,
-                                                    current: null == (_current_moduleCodeMap_r_current_id2 = current.moduleCodeMap[null == (_r_current2 = r.current) ? void 0 : _r_current2.id]) ? void 0 : _current_moduleCodeMap_r_current_id2.parsedSource,
+                                                    baseline: baseline.moduleCodeMap[r.baseline?.id]?.parsedSource,
+                                                    current: current.moduleCodeMap[r.current?.id]?.parsedSource,
                                                     group: 'Parsed Source'
                                                 }
                                             ]
                                         }) : null,
-                                        (null == r ? void 0 : r.current) ? /*#__PURE__*/ jsx(ViewChanges, {
+                                        r?.current ? /*#__PURE__*/ jsx(ViewChanges, {
                                             text: "Current Result Viewer",
                                             file: r.path,
                                             data: [
                                                 {
-                                                    baseline: null == (_current_moduleCodeMap_r_current_id3 = current.moduleCodeMap[r.current.id]) ? void 0 : _current_moduleCodeMap_r_current_id3.source,
-                                                    current: null == (_current_moduleCodeMap_r_current_id4 = current.moduleCodeMap[r.current.id]) ? void 0 : _current_moduleCodeMap_r_current_id4.transformed,
+                                                    baseline: current.moduleCodeMap[r.current.id]?.source,
+                                                    current: current.moduleCodeMap[r.current.id]?.transformed,
                                                     baselineTitle: 'Current Source',
                                                     currentTitle: 'Current Transformed Source',
                                                     group: 'Transformed Source'
                                                 },
                                                 {
-                                                    baseline: null == (_current_moduleCodeMap_r_current_id5 = current.moduleCodeMap[r.current.id]) ? void 0 : _current_moduleCodeMap_r_current_id5.source,
-                                                    current: null == (_current_moduleCodeMap_r_current_id6 = current.moduleCodeMap[r.current.id]) ? void 0 : _current_moduleCodeMap_r_current_id6.parsedSource,
+                                                    baseline: current.moduleCodeMap[r.current.id]?.source,
+                                                    current: current.moduleCodeMap[r.current.id]?.parsedSource,
                                                     baselineTitle: 'Current Source',
                                                     currentTitle: 'Current Parsed Source',
                                                     group: 'Parsed Source'

package/dist/pages/Resources/BundleDiff/DiffContainer/modules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/Resources/BundleDiff/DiffContainer/modules.mjs","sources":["webpack://@rsdoctor/components/./src/pages/Resources/BundleDiff/DiffContainer/modules.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Col,\n  Divider,\n  Row,\n  Select,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { uniq } from 'es-toolkit/compat';\nimport { InfoCircleOutlined, FileSearchOutlined } from '@ant-design/icons';\nimport {\n  BundleDiffComponentCardProps,\n  BundleDiffTableModulesData,\n} from './types';\nimport { beautifyModulePath, useUniqModules } from '../../../../utils';\nimport { Size } from '../../../../constants';\nimport { KeywordInput } from '../../../../components/Form/keyword';\nimport { ViewChanges } from './changes';\nimport { UpdateType } from './constants';\nimport { Badge as Bdg } from '../../../../components/Badge';\nimport { ModuleHashPattern, getTargetColumnPropsForModuleRow } from './row';\nimport { Graph } from '@rsdoctor/utils/common';\n\nexport function getUpdateType(e: BundleDiffTableModulesData): UpdateType {\n  if (e.baseline && !e.current) {\n    // deleted\n    return UpdateType.Deleted;\n  }\n\n  if (!e.baseline && e.current) {\n    // new\n    return UpdateType.New;\n  }\n\n  if (e.baseline && e.current) {\n    if (\n      e.baseline.size.sourceSize === e.current.size.sourceSize &&\n      e.baseline.size.parsedSize === e.current.size.parsedSize\n    ) {\n      // not changed\n      return UpdateType.NotChanged;\n    }\n    // update\n    return UpdateType.Changed;\n  }\n\n  throw new Error('Update Type not match');\n}\n\nexport const FileUpdateTypeTag: React.FC<{ type: UpdateType }> = ({ type }) => {\n  if (type === UpdateType.NotChanged) {\n    return (\n      <Tooltip title=\"It hasn't changed between Baseline and Current\">\n        <Tag color=\"success\">Not Changed</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.Changed) {\n    return (\n      <Tooltip title=\"It has been changed between Baseline and Current\">\n        <Tag color=\"warning\">Changed</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.New) {\n    return (\n      <Tooltip title=\"It is created in Current\">\n        <Tag color=\"error\">New</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.Deleted) {\n    return (\n      <Tooltip title=\"It has been deleted in Current\">\n        <Tag color=\"error\">Deleted</Tag>\n      </Tooltip>\n    );\n  }\n  return null;\n};\n\nexport const Modules: React.FC<BundleDiffComponentCardProps> = ({\n  baseline,\n  current,\n}) => {\n  const bModules = useMemo(\n    () => useUniqModules(baseline.moduleGraph.modules),\n    [baseline],\n  );\n  const cModules = useMemo(\n    () => useUniqModules(current.moduleGraph.modules),\n    [current],\n  );\n\n  const bChunks = baseline.chunkGraph.chunks;\n  const cChunks = current.chunkGraph.chunks;\n\n  const bRoot = baseline.root;\n  const cRoot = current.root;\n\n  const [keyword, setKeyword] = useState<string>();\n  const [selectedUpdateTypes, setSelectedUpdateTypes] = useState<UpdateType[]>(\n    [],\n  );\n\n  const dataSource = useMemo(() => {\n    const res: Record<string, BundleDiffTableModulesData> = {};\n\n    bModules.forEach((mod) => {\n      const modPath =\n        mod.webpackId?.replace(ModuleHashPattern, '') ||\n        mod.path?.replace(ModuleHashPattern, '');\n\n      if (!res[modPath]) {\n        res[modPath] = {\n          path: modPath,\n          baseline: mod,\n        };\n      } else {\n        console.warn('[Baseline Module Exists]: ', mod, res);\n      }\n    });\n\n    cModules.forEach((mod) => {\n      const modPath =\n        mod.webpackId?.replace(ModuleHashPattern, '') ||\n        mod.path?.replace(ModuleHashPattern, '');\n\n      if (!res[modPath]) {\n        res[modPath] = {\n          path: modPath,\n        };\n      }\n      res[modPath].current = mod;\n    });\n\n    return Object.values(res);\n  }, [bModules, cModules]);\n\n  const filteredDataSource = useMemo(() => {\n    let list = dataSource.slice();\n\n    if (keyword) {\n      list = list.filter((e) => e.path.indexOf(keyword) > -1);\n    }\n\n    if (selectedUpdateTypes.length) {\n      list = list.filter((e) => {\n        return selectedUpdateTypes.includes(getUpdateType(e));\n      });\n    }\n\n    return list;\n  }, [dataSource, keyword, selectedUpdateTypes]);\n\n  const { bFilteredModulesLength, cFilteredModulesLength } = useMemo(() => {\n    return {\n      bFilteredModulesLength: filteredDataSource.filter((e) => e.baseline)\n        .length,\n      cFilteredModulesLength: filteredDataSource.filter((e) => e.current)\n        .length,\n    };\n  }, [filteredDataSource]);\n\n  return (\n    <Row gutter={[Size.BasePadding, Size.BasePadding]}>\n      <Col span={24}>\n        <Space wrap>\n          <KeywordInput\n            icon={<FileSearchOutlined />}\n            label=\"\"\n            labelStyle={{ width: 45 }}\n            placeholder=\"Search by name\"\n            onChange={(e) => {\n              setKeyword(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by changed type\"\n            style={{ width: 200 }}\n            options={Object.values(UpdateType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedUpdateTypes(e);\n            }}\n          />\n        </Space>\n      </Col>\n      <Col span={24}>\n        <Table\n          bordered\n          sticky={{ offsetHeader: 54 }}\n          pagination={{\n            pageSize: 20,\n            size: 'small',\n          }}\n          scroll={{ x: 1700 }}\n          dataSource={filteredDataSource}\n          rowKey={(e) => e.path}\n          columns={[\n            {\n              fixed: 'left',\n              title: (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        filtered modules is {filteredDataSource.length} (Current\n                        & Baseline)\n                      </Typography.Text>\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        total modules is {dataSource.length} (Current &\n                        Baseline)\n                      </Typography.Text>\n                    </Space>\n                  }\n                >\n                  <Typography.Text strong>Modules</Typography.Text>\n                  <Divider type=\"vertical\" />\n                  <Typography.Text\n                    type=\"secondary\"\n                    style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                  >\n                    {filteredDataSource.length}/{dataSource.length}\n                  </Typography.Text>\n                  <InfoCircleOutlined />\n                </Tooltip>\n              ),\n              render: (_v, r) => {\n                const { alias, inNodeModules } = beautifyModulePath(\n                  r.path,\n                  r.baseline ? bRoot : cRoot,\n                );\n                return (\n                  <Space>\n                    <Tooltip title={r.path}>\n                      <Typography.Text copyable={{ text: r.path }}>\n                        {alias}\n                      </Typography.Text>\n                    </Tooltip>\n                    <FileUpdateTypeTag type={getUpdateType(r)} />\n                    {inNodeModules ? (\n                      <Tag color=\"warning\">node_modules</Tag>\n                    ) : null}\n                  </Space>\n                );\n              },\n            },\n            getTargetColumnPropsForModuleRow(\n              'current',\n              bFilteredModulesLength,\n              cFilteredModulesLength,\n            ),\n            getTargetColumnPropsForModuleRow(\n              'baseline',\n              bFilteredModulesLength,\n              cFilteredModulesLength,\n            ),\n            {\n              title: 'in Assets',\n              render: (_v, r) => {\n                const b: string[] = [];\n                const c: string[] = [];\n                if (r.current) {\n                  Graph.getChunksByModule(r.current, cChunks).forEach((e) =>\n                    e.assets.forEach((asset) => c.push(asset)),\n                  );\n                }\n\n                if (r.baseline) {\n                  Graph.getChunksByModule(r.baseline, bChunks).forEach((e) =>\n                    e.assets.forEach((asset) => b.push(asset)),\n                  );\n                }\n\n                if (!b.length && !c.length) return null;\n\n                return (\n                  <Space direction=\"vertical\">\n                    {uniq(c)\n                      .filter(Boolean)\n                      .map((e) => (\n                        <Bdg label=\"Current\" value={e} key={`c_${e}`} />\n                      ))}\n                    {uniq(b)\n                      .filter(Boolean)\n                      .map((e) => (\n                        <Bdg label=\"Baseline\" value={e} key={`b_${e}`} />\n                      ))}\n                  </Space>\n                );\n              },\n            },\n            {\n              title: 'Actions',\n              width: 200,\n              render: (_v, r) => {\n                const isChanged = getUpdateType(r) === UpdateType.Changed;\n                return (\n                  <Space direction=\"vertical\" style={{ maxWidth: 170 }}>\n                    {isChanged ? (\n                      <ViewChanges\n                        text=\"View Changes\"\n                        file={r.path}\n                        data={[\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.source,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.source,\n                            group: 'Source',\n                          },\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.transformed,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.transformed,\n                            group: 'Transformed Source',\n                          },\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.parsedSource,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.parsedSource,\n                            group: 'Parsed Source',\n                          },\n                        ]}\n                      />\n                    ) : null}\n                    {r?.current ? (\n                      <ViewChanges\n                        text=\"Current Result Viewer\"\n                        file={r.path}\n                        data={[\n                          {\n                            baseline:\n                              current.moduleCodeMap[r.current!.id]?.source,\n                            current:\n                              current.moduleCodeMap[r.current!.id]?.transformed,\n                            baselineTitle: 'Current Source',\n                            currentTitle: 'Current Transformed Source',\n                            group: 'Transformed Source',\n                          },\n                          {\n                            baseline:\n                              current.moduleCodeMap[r.current!.id]?.source,\n                            current:\n                              current.moduleCodeMap[r.current!.id]\n                                ?.parsedSource,\n                            baselineTitle: 'Current Source',\n                            currentTitle: 'Current Parsed Source',\n                            group: 'Parsed Source',\n                          },\n                        ]}\n                      />\n                    ) : null}\n                  </Space>\n                );\n              },\n            },\n          ]}\n        />\n      </Col>\n    </Row>\n  );\n};\n"],"names":["getUpdateType","e","UpdateType","Error","FileUpdateTypeTag","type","Tooltip","Tag","Modules","baseline","current","bModules","useMemo","useUniqModules","cModules","bChunks","cChunks","bRoot","cRoot","keyword","setKeyword","useState","selectedUpdateTypes","setSelectedUpdateTypes","dataSource","res","mod","_mod_webpackId","_mod_path","modPath","ModuleHashPattern","console","Object","filteredDataSource","list","bFilteredModulesLength","cFilteredModulesLength","Row","Size","Col","Space","KeywordInput","FileSearchOutlined","Select","Table","Typography","Divider","InfoCircleOutlined","_v","r","alias","inNodeModules","beautifyModulePath","getTargetColumnPropsForModuleRow","b","c","Graph","asset","uniq","Boolean","Bdg","_baseline_moduleCodeMap_r_baseline_id","_r_baseline","_current_moduleCodeMap_r_current_id","_r_current","_baseline_moduleCodeMap_r_baseline_id1","_r_baseline1","_current_moduleCodeMap_r_current_id1","_r_current1","_baseline_moduleCodeMap_r_baseline_id2","_r_baseline2","_current_moduleCodeMap_r_current_id2","_r_current2","_current_moduleCodeMap_r_current_id3","_current_moduleCodeMap_r_current_id4","_current_moduleCodeMap_r_current_id5","_current_moduleCodeMap_r_current_id6","isChanged","ViewChanges"],"mappings":"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"}
+{"version":3,"file":"pages/Resources/BundleDiff/DiffContainer/modules.mjs","sources":["webpack://@rsdoctor/components/./src/pages/Resources/BundleDiff/DiffContainer/modules.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  Col,\n  Divider,\n  Row,\n  Select,\n  Space,\n  Table,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { uniq } from 'es-toolkit/compat';\nimport { InfoCircleOutlined, FileSearchOutlined } from '@ant-design/icons';\nimport {\n  BundleDiffComponentCardProps,\n  BundleDiffTableModulesData,\n} from './types';\nimport { beautifyModulePath, useUniqModules } from '../../../../utils';\nimport { Size } from '../../../../constants';\nimport { KeywordInput } from '../../../../components/Form/keyword';\nimport { ViewChanges } from './changes';\nimport { UpdateType } from './constants';\nimport { Badge as Bdg } from '../../../../components/Badge';\nimport { ModuleHashPattern, getTargetColumnPropsForModuleRow } from './row';\nimport { Graph } from '@rsdoctor/utils/common';\n\nexport function getUpdateType(e: BundleDiffTableModulesData): UpdateType {\n  if (e.baseline && !e.current) {\n    // deleted\n    return UpdateType.Deleted;\n  }\n\n  if (!e.baseline && e.current) {\n    // new\n    return UpdateType.New;\n  }\n\n  if (e.baseline && e.current) {\n    if (\n      e.baseline.size.sourceSize === e.current.size.sourceSize &&\n      e.baseline.size.parsedSize === e.current.size.parsedSize\n    ) {\n      // not changed\n      return UpdateType.NotChanged;\n    }\n    // update\n    return UpdateType.Changed;\n  }\n\n  throw new Error('Update Type not match');\n}\n\nexport const FileUpdateTypeTag: React.FC<{ type: UpdateType }> = ({ type }) => {\n  if (type === UpdateType.NotChanged) {\n    return (\n      <Tooltip title=\"It hasn't changed between Baseline and Current\">\n        <Tag color=\"success\">Not Changed</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.Changed) {\n    return (\n      <Tooltip title=\"It has been changed between Baseline and Current\">\n        <Tag color=\"warning\">Changed</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.New) {\n    return (\n      <Tooltip title=\"It is created in Current\">\n        <Tag color=\"error\">New</Tag>\n      </Tooltip>\n    );\n  }\n  if (type === UpdateType.Deleted) {\n    return (\n      <Tooltip title=\"It has been deleted in Current\">\n        <Tag color=\"error\">Deleted</Tag>\n      </Tooltip>\n    );\n  }\n  return null;\n};\n\nexport const Modules: React.FC<BundleDiffComponentCardProps> = ({\n  baseline,\n  current,\n}) => {\n  const bModules = useMemo(\n    () => useUniqModules(baseline.moduleGraph.modules),\n    [baseline],\n  );\n  const cModules = useMemo(\n    () => useUniqModules(current.moduleGraph.modules),\n    [current],\n  );\n\n  const bChunks = baseline.chunkGraph.chunks;\n  const cChunks = current.chunkGraph.chunks;\n\n  const bRoot = baseline.root;\n  const cRoot = current.root;\n\n  const [keyword, setKeyword] = useState<string>();\n  const [selectedUpdateTypes, setSelectedUpdateTypes] = useState<UpdateType[]>(\n    [],\n  );\n\n  const dataSource = useMemo(() => {\n    const res: Record<string, BundleDiffTableModulesData> = {};\n\n    bModules.forEach((mod) => {\n      const modPath =\n        mod.webpackId?.replace(ModuleHashPattern, '') ||\n        mod.path?.replace(ModuleHashPattern, '');\n\n      if (!res[modPath]) {\n        res[modPath] = {\n          path: modPath,\n          baseline: mod,\n        };\n      } else {\n        console.warn('[Baseline Module Exists]: ', mod, res);\n      }\n    });\n\n    cModules.forEach((mod) => {\n      const modPath =\n        mod.webpackId?.replace(ModuleHashPattern, '') ||\n        mod.path?.replace(ModuleHashPattern, '');\n\n      if (!res[modPath]) {\n        res[modPath] = {\n          path: modPath,\n        };\n      }\n      res[modPath].current = mod;\n    });\n\n    return Object.values(res);\n  }, [bModules, cModules]);\n\n  const filteredDataSource = useMemo(() => {\n    let list = dataSource.slice();\n\n    if (keyword) {\n      list = list.filter((e) => e.path.indexOf(keyword) > -1);\n    }\n\n    if (selectedUpdateTypes.length) {\n      list = list.filter((e) => {\n        return selectedUpdateTypes.includes(getUpdateType(e));\n      });\n    }\n\n    return list;\n  }, [dataSource, keyword, selectedUpdateTypes]);\n\n  const { bFilteredModulesLength, cFilteredModulesLength } = useMemo(() => {\n    return {\n      bFilteredModulesLength: filteredDataSource.filter((e) => e.baseline)\n        .length,\n      cFilteredModulesLength: filteredDataSource.filter((e) => e.current)\n        .length,\n    };\n  }, [filteredDataSource]);\n\n  return (\n    <Row gutter={[Size.BasePadding, Size.BasePadding]}>\n      <Col span={24}>\n        <Space wrap>\n          <KeywordInput\n            icon={<FileSearchOutlined />}\n            label=\"\"\n            labelStyle={{ width: 45 }}\n            placeholder=\"Search by name\"\n            onChange={(e) => {\n              setKeyword(e);\n            }}\n          />\n          <Select\n            mode=\"multiple\"\n            placeholder=\"Filter by changed type\"\n            style={{ width: 200 }}\n            options={Object.values(UpdateType).map((e) => ({\n              label: e,\n              value: e,\n            }))}\n            allowClear\n            onChange={(e) => {\n              setSelectedUpdateTypes(e);\n            }}\n          />\n        </Space>\n      </Col>\n      <Col span={24}>\n        <Table\n          bordered\n          sticky={{ offsetHeader: 54 }}\n          pagination={{\n            pageSize: 20,\n            size: 'small',\n          }}\n          scroll={{ x: 1700 }}\n          dataSource={filteredDataSource}\n          rowKey={(e) => e.path}\n          columns={[\n            {\n              fixed: 'left',\n              title: (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        filtered modules is {filteredDataSource.length} (Current\n                        & Baseline)\n                      </Typography.Text>\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        total modules is {dataSource.length} (Current &\n                        Baseline)\n                      </Typography.Text>\n                    </Space>\n                  }\n                >\n                  <Typography.Text strong>Modules</Typography.Text>\n                  <Divider type=\"vertical\" />\n                  <Typography.Text\n                    type=\"secondary\"\n                    style={{ fontSize: 10, fontWeight: 400, marginRight: 4 }}\n                  >\n                    {filteredDataSource.length}/{dataSource.length}\n                  </Typography.Text>\n                  <InfoCircleOutlined />\n                </Tooltip>\n              ),\n              render: (_v, r) => {\n                const { alias, inNodeModules } = beautifyModulePath(\n                  r.path,\n                  r.baseline ? bRoot : cRoot,\n                );\n                return (\n                  <Space>\n                    <Tooltip title={r.path}>\n                      <Typography.Text copyable={{ text: r.path }}>\n                        {alias}\n                      </Typography.Text>\n                    </Tooltip>\n                    <FileUpdateTypeTag type={getUpdateType(r)} />\n                    {inNodeModules ? (\n                      <Tag color=\"warning\">node_modules</Tag>\n                    ) : null}\n                  </Space>\n                );\n              },\n            },\n            getTargetColumnPropsForModuleRow(\n              'current',\n              bFilteredModulesLength,\n              cFilteredModulesLength,\n            ),\n            getTargetColumnPropsForModuleRow(\n              'baseline',\n              bFilteredModulesLength,\n              cFilteredModulesLength,\n            ),\n            {\n              title: 'in Assets',\n              render: (_v, r) => {\n                const b: string[] = [];\n                const c: string[] = [];\n                if (r.current) {\n                  Graph.getChunksByModule(r.current, cChunks).forEach((e) =>\n                    e.assets.forEach((asset) => c.push(asset)),\n                  );\n                }\n\n                if (r.baseline) {\n                  Graph.getChunksByModule(r.baseline, bChunks).forEach((e) =>\n                    e.assets.forEach((asset) => b.push(asset)),\n                  );\n                }\n\n                if (!b.length && !c.length) return null;\n\n                return (\n                  <Space direction=\"vertical\">\n                    {uniq(c)\n                      .filter(Boolean)\n                      .map((e) => (\n                        <Bdg label=\"Current\" value={e} key={`c_${e}`} />\n                      ))}\n                    {uniq(b)\n                      .filter(Boolean)\n                      .map((e) => (\n                        <Bdg label=\"Baseline\" value={e} key={`b_${e}`} />\n                      ))}\n                  </Space>\n                );\n              },\n            },\n            {\n              title: 'Actions',\n              width: 200,\n              render: (_v, r) => {\n                const isChanged = getUpdateType(r) === UpdateType.Changed;\n                return (\n                  <Space direction=\"vertical\" style={{ maxWidth: 170 }}>\n                    {isChanged ? (\n                      <ViewChanges\n                        text=\"View Changes\"\n                        file={r.path}\n                        data={[\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.source,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.source,\n                            group: 'Source',\n                          },\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.transformed,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.transformed,\n                            group: 'Transformed Source',\n                          },\n                          {\n                            baseline:\n                              baseline.moduleCodeMap[r.baseline?.id as number]\n                                ?.parsedSource,\n                            current:\n                              current.moduleCodeMap[r.current?.id as number]\n                                ?.parsedSource,\n                            group: 'Parsed Source',\n                          },\n                        ]}\n                      />\n                    ) : null}\n                    {r?.current ? (\n                      <ViewChanges\n                        text=\"Current Result Viewer\"\n                        file={r.path}\n                        data={[\n                          {\n                            baseline:\n                              current.moduleCodeMap[r.current!.id]?.source,\n                            current:\n                              current.moduleCodeMap[r.current!.id]?.transformed,\n                            baselineTitle: 'Current Source',\n                            currentTitle: 'Current Transformed Source',\n                            group: 'Transformed Source',\n                          },\n                          {\n                            baseline:\n                              current.moduleCodeMap[r.current!.id]?.source,\n                            current:\n                              current.moduleCodeMap[r.current!.id]\n                                ?.parsedSource,\n                            baselineTitle: 'Current Source',\n                            currentTitle: 'Current Parsed Source',\n                            group: 'Parsed Source',\n                          },\n                        ]}\n                      />\n                    ) : null}\n                  </Space>\n                );\n              },\n            },\n          ]}\n        />\n      </Col>\n    </Row>\n  );\n};\n"],"names":["getUpdateType","e","UpdateType","Error","FileUpdateTypeTag","type","Tooltip","Tag","Modules","baseline","current","bModules","useMemo","useUniqModules","cModules","bChunks","cChunks","bRoot","cRoot","keyword","setKeyword","useState","selectedUpdateTypes","setSelectedUpdateTypes","dataSource","res","mod","modPath","ModuleHashPattern","console","Object","filteredDataSource","list","bFilteredModulesLength","cFilteredModulesLength","Row","Size","Col","Space","KeywordInput","FileSearchOutlined","Select","Table","Typography","Divider","InfoCircleOutlined","_v","r","alias","inNodeModules","beautifyModulePath","getTargetColumnPropsForModuleRow","b","c","Graph","asset","uniq","Boolean","Bdg","isChanged","ViewChanges"],"mappings":"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"}