@rsdoctor/components 1.3.5-beta.0 → 1.3.6

package/dist/components/base/CodeViewer/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/base/CodeViewer/utils.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/CodeViewer/utils.ts"],"sourcesContent":["import { Monaco } from '@monaco-editor/react';\nimport { SDK } from '@rsdoctor/types';\nimport type { Range as RangeClass } from 'monaco-editor';\nimport { editor } from 'monaco-editor';\nimport { extname } from 'path';\n\n/**\n * 判断 data 协议文件格式 `data:[<mediatype>][;base64],<data>`\n * 完整协议: https://www.rfc-editor.org/rfc/rfc2397.html\n * @param {string} content 文件内容\n * @returns {string} 文件格式类型\n */\nfunction getDataProtocolFormat(content: string): string {\n  // 如果内容为空返回空\n  if (!content) {\n    return '';\n  }\n\n  try {\n    const prefix = 'data:';\n    // 检查是否以 data: 开头\n    if (!content.startsWith(prefix)) {\n      return '';\n    }\n\n    const { mimeType } = parseDataUrl(content);\n\n    // 根据 MIME 类型返回对应的格式\n    switch (mimeType) {\n      case 'text/javascript':\n        return 'javascript';\n      case 'text/html':\n        return 'html';\n      case 'text/css':\n        return 'css';\n      case 'text/plain':\n        return 'text';\n      case 'application/json':\n        return 'json';\n      // 可以根据需要添加更多类型\n      default:\n        return '';\n    }\n  } catch (error) {\n    console.error('解析 data 协议文件格式失败::', error);\n    return '';\n  }\n}\n\n/**\n * 解析 Data URL 并提取 MIME 类型\n * @param {string} dataUrl - 要解析的 Data URL 字符串\n * @returns {Object} 包含解析结果的对象\n */\nfunction parseDataUrl(dataUrl: string) {\n  // 检查是否是 Data URL\n  if (!dataUrl.startsWith('data:')) {\n    throw new Error('输入不是有效的 Data URL');\n  }\n\n  // 提取内容部分 (去掉 \"data:\" 前缀)\n  const content = dataUrl.substring(5);\n\n  // 查找分隔数据和元数据的逗号\n  const commaIndex = content.indexOf(',');\n\n  if (commaIndex === -1) {\n    throw new Error('无效的 Data URL 格式: 缺少数据分隔符');\n  }\n\n  // 提取元数据部分\n  const metadataPart = content.substring(0, commaIndex);\n\n  // 提取数据部分\n  const dataPart = content.substring(commaIndex + 1);\n\n  // 解析元数据\n  let mimeType = '';\n  let charset = '';\n  let isBase64 = false;\n\n  // 分割元数据部分\n  const metadataSegments = metadataPart.split(';');\n\n  // 第一部分通常是 MIME 类型\n  if (metadataSegments.length > 0) {\n    mimeType = metadataSegments[0] || 'text/plain'; // 默认为 text/plain\n  }\n\n  // 检查其他元数据参数\n  for (let i = 1; i < metadataSegments.length; i++) {\n    const segment = metadataSegments[i];\n\n    if (segment === 'base64') {\n      isBase64 = true;\n    } else if (segment.startsWith('charset=')) {\n      charset = segment.substring(8);\n    }\n  }\n\n  // 返回解析结果\n  return {\n    mimeType,\n    charset,\n    isBase64,\n    data: dataPart,\n  };\n}\n\nexport function getFilePathFormat(filePath: string): string {\n  if (!filePath) return '';\n\n  const i = getDataProtocolFormat(filePath);\n\n  if (i) {\n    return i;\n  }\n\n  try {\n    const ext = extname(filePath).slice(1);\n    switch (ext) {\n      case 'js':\n      case 'cjs':\n      case 'mjs':\n      case 'jsx':\n        return 'javascript';\n      case 'ts':\n      case 'tsx':\n        return 'typescript';\n      case 'md':\n        return 'markdown';\n      default:\n        return ext;\n    }\n  } catch (e) {\n    return '';\n  }\n}\n\n/**\n * 默认编辑器样式, 适合预览代码\n */\nexport const DefaultEditorConfig: editor.IStandaloneEditorConstructionOptions =\n  {\n    // 设置编辑器为只读模式\n    readOnly: true,\n    // 设置 DOM 元素为只读模式\n    domReadOnly: true,\n    // 设置字体大小为 14px\n    fontSize: 14,\n    // 设置制表符宽度为 2 个空格\n    tabSize: 2,\n    // 设置行高为 24px\n    lineHeight: 24,\n    // 关闭验证装饰器的渲染(如错误、警告标记等)\n    renderValidationDecorations: 'off',\n    // 在概览标尺中隐藏光标\n    hideCursorInOverviewRuler: true,\n    // 启用平滑滚动\n    smoothScrolling: true,\n    // 设置文本换行方式\n    wordWrap: 'on',\n    // 启用颜色装饰器(如显示颜色预览)\n    colorDecorators: true,\n    // 禁用代码镜头功能(如显示引用次数等)\n    codeLens: false,\n    // 设置光标宽度为 0(隐藏光标)\n    cursorWidth: 0,\n    // 禁用右侧的小地图预览\n    minimap: {\n      enabled: false,\n    },\n\n    /** 禁用编辑器内置的右键菜单 */\n    contextmenu: false,\n    /** 禁用定义跳转功能 */\n    gotoLocation: {\n      multiple: 'goto',\n      multipleDefinitions: 'goto',\n      multipleTypeDefinitions: 'goto',\n      multipleDeclarations: 'goto',\n      multipleImplementations: 'goto',\n      multipleReferences: 'goto',\n    },\n    /** 禁用悬停提示功能 */\n    hover: { enabled: false },\n    // 禁用链接功能 - 会禁用 Command/Ctrl + 点击\n    links: false,\n  };\n\n/**\n * get monaco options, it'll combine default config\n * @param options\n * @returns target options\n */\nexport function defineMonacoOptions(\n  options?: editor.IStandaloneEditorConstructionOptions,\n): editor.IStandaloneEditorConstructionOptions {\n  return {\n    ...structuredClone(DefaultEditorConfig),\n    ...options,\n  };\n}\n\nexport function getFileName(filePath: string): string {\n  // 如果内容为空返回空\n  if (!filePath) {\n    return '';\n  }\n\n  const prefix = 'data:';\n  // 检查是否以 data: 开头\n  if (filePath.startsWith(prefix)) {\n    return 'data';\n  }\n\n  return filePath.split('/').at(-1) || '';\n}\n\nexport function getSelectionRange(\n  source: SDK.SourceRange,\n  Range: typeof RangeClass,\n) {\n  const { start, end } = source;\n  const { line = 1, column = 0 } = start;\n  return new Range(\n    line,\n    column + 1,\n    end?.line ?? line,\n    (end?.column ?? 9999) + 1,\n  );\n}\n\nexport function editorShowRange(\n  editor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  ranges?: SDK.SourceRange[],\n) {\n  if (!ranges || ranges.length === 0) return;\n\n  const decorations = ranges.map((range) => ({\n    range: getSelectionRange(range, monaco.Range),\n    options: {\n      inlineClassName: 'file-inline-decoration',\n    },\n  }));\n  editor.deltaDecorations([], decorations);\n\n  setTimeout(() => {\n    editor.revealLine(decorations[0].range.startLineNumber);\n  });\n}\n"],"names":["getDataProtocolFormat","content","prefix","mimeType","parseDataUrl","error","console","dataUrl","Error","commaIndex","metadataPart","dataPart","charset","isBase64","metadataSegments","i","segment","getFilePathFormat","filePath","ext","extname","e","DefaultEditorConfig","defineMonacoOptions","options","structuredClone","getFileName","getSelectionRange","source","Range","start","end","line","column","editorShowRange","editor","monaco","ranges","decorations","range","setTimeout"],"mappings":"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"}
+{"version":3,"file":"components/base/CodeViewer/utils.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/CodeViewer/utils.ts"],"sourcesContent":["import { Monaco } from '@monaco-editor/react';\nimport { SDK } from '@rsdoctor/types';\nimport type { Range as RangeClass } from 'monaco-editor';\nimport { editor } from 'monaco-editor';\nimport { extname } from 'path';\n\n/**\n * 判断 data 协议文件格式 `data:[<mediatype>][;base64],<data>`\n * 完整协议: https://www.rfc-editor.org/rfc/rfc2397.html\n * @param {string} content 文件内容\n * @returns {string} 文件格式类型\n */\nfunction getDataProtocolFormat(content: string): string {\n  // 如果内容为空返回空\n  if (!content) {\n    return '';\n  }\n\n  try {\n    const prefix = 'data:';\n    // 检查是否以 data: 开头\n    if (!content.startsWith(prefix)) {\n      return '';\n    }\n\n    const { mimeType } = parseDataUrl(content);\n\n    // 根据 MIME 类型返回对应的格式\n    switch (mimeType) {\n      case 'text/javascript':\n        return 'javascript';\n      case 'text/html':\n        return 'html';\n      case 'text/css':\n        return 'css';\n      case 'text/plain':\n        return 'text';\n      case 'application/json':\n        return 'json';\n      // 可以根据需要添加更多类型\n      default:\n        return '';\n    }\n  } catch (error) {\n    console.error('解析 data 协议文件格式失败::', error);\n    return '';\n  }\n}\n\n/**\n * 解析 Data URL 并提取 MIME 类型\n * @param {string} dataUrl - 要解析的 Data URL 字符串\n * @returns {Object} 包含解析结果的对象\n */\nfunction parseDataUrl(dataUrl: string) {\n  // 检查是否是 Data URL\n  if (!dataUrl.startsWith('data:')) {\n    throw new Error('输入不是有效的 Data URL');\n  }\n\n  // 提取内容部分 (去掉 \"data:\" 前缀)\n  const content = dataUrl.substring(5);\n\n  // 查找分隔数据和元数据的逗号\n  const commaIndex = content.indexOf(',');\n\n  if (commaIndex === -1) {\n    throw new Error('无效的 Data URL 格式: 缺少数据分隔符');\n  }\n\n  // 提取元数据部分\n  const metadataPart = content.substring(0, commaIndex);\n\n  // 提取数据部分\n  const dataPart = content.substring(commaIndex + 1);\n\n  // 解析元数据\n  let mimeType = '';\n  let charset = '';\n  let isBase64 = false;\n\n  // 分割元数据部分\n  const metadataSegments = metadataPart.split(';');\n\n  // 第一部分通常是 MIME 类型\n  if (metadataSegments.length > 0) {\n    mimeType = metadataSegments[0] || 'text/plain'; // 默认为 text/plain\n  }\n\n  // 检查其他元数据参数\n  for (let i = 1; i < metadataSegments.length; i++) {\n    const segment = metadataSegments[i];\n\n    if (segment === 'base64') {\n      isBase64 = true;\n    } else if (segment.startsWith('charset=')) {\n      charset = segment.substring(8);\n    }\n  }\n\n  // 返回解析结果\n  return {\n    mimeType,\n    charset,\n    isBase64,\n    data: dataPart,\n  };\n}\n\nexport function getFilePathFormat(filePath: string): string {\n  if (!filePath) return '';\n\n  const i = getDataProtocolFormat(filePath);\n\n  if (i) {\n    return i;\n  }\n\n  try {\n    const ext = extname(filePath).slice(1);\n    switch (ext) {\n      case 'js':\n      case 'cjs':\n      case 'mjs':\n      case 'jsx':\n        return 'javascript';\n      case 'ts':\n      case 'tsx':\n        return 'typescript';\n      case 'md':\n        return 'markdown';\n      default:\n        return ext;\n    }\n  } catch (e) {\n    return '';\n  }\n}\n\n/**\n * 默认编辑器样式, 适合预览代码\n */\nexport const DefaultEditorConfig: editor.IStandaloneEditorConstructionOptions =\n  {\n    // 设置编辑器为只读模式\n    readOnly: true,\n    // 设置 DOM 元素为只读模式\n    domReadOnly: true,\n    // 设置字体大小为 14px\n    fontSize: 14,\n    // 设置制表符宽度为 2 个空格\n    tabSize: 2,\n    // 设置行高为 24px\n    lineHeight: 24,\n    // 关闭验证装饰器的渲染(如错误、警告标记等)\n    renderValidationDecorations: 'off',\n    // 在概览标尺中隐藏光标\n    hideCursorInOverviewRuler: true,\n    // 启用平滑滚动\n    smoothScrolling: true,\n    // 设置文本换行方式\n    wordWrap: 'on',\n    // 启用颜色装饰器(如显示颜色预览)\n    colorDecorators: true,\n    // 禁用代码镜头功能(如显示引用次数等)\n    codeLens: false,\n    // 设置光标宽度为 0(隐藏光标)\n    cursorWidth: 0,\n    // 禁用右侧的小地图预览\n    minimap: {\n      enabled: false,\n    },\n\n    /** 禁用编辑器内置的右键菜单 */\n    contextmenu: false,\n    /** 禁用定义跳转功能 */\n    gotoLocation: {\n      multiple: 'goto',\n      multipleDefinitions: 'goto',\n      multipleTypeDefinitions: 'goto',\n      multipleDeclarations: 'goto',\n      multipleImplementations: 'goto',\n      multipleReferences: 'goto',\n    },\n    /** 禁用悬停提示功能 */\n    hover: { enabled: false },\n    // 禁用链接功能 - 会禁用 Command/Ctrl + 点击\n    links: false,\n  };\n\n/**\n * get monaco options, it'll combine default config\n * @param options\n * @returns target options\n */\nexport function defineMonacoOptions(\n  options?: editor.IStandaloneEditorConstructionOptions,\n): editor.IStandaloneEditorConstructionOptions {\n  return {\n    ...structuredClone(DefaultEditorConfig),\n    ...options,\n  };\n}\n\nexport function getFileName(filePath: string): string {\n  // 如果内容为空返回空\n  if (!filePath) {\n    return '';\n  }\n\n  const prefix = 'data:';\n  // 检查是否以 data: 开头\n  if (filePath.startsWith(prefix)) {\n    return 'data';\n  }\n\n  return filePath.split('/').at(-1) || '';\n}\n\nexport function getSelectionRange(\n  source: SDK.SourceRange,\n  Range: typeof RangeClass,\n) {\n  const { start, end } = source;\n  const { line = 1, column = 0 } = start;\n  return new Range(\n    line,\n    column + 1,\n    end?.line ?? line,\n    (end?.column ?? 9999) + 1,\n  );\n}\n\nexport function editorShowRange(\n  editor: editor.IStandaloneCodeEditor,\n  monaco: Monaco,\n  ranges?: SDK.SourceRange[],\n) {\n  if (!ranges || ranges.length === 0) return;\n\n  const decorations = ranges.map((range) => ({\n    range: getSelectionRange(range, monaco.Range),\n    options: {\n      inlineClassName: 'file-inline-decoration',\n    },\n  }));\n  editor.deltaDecorations([], decorations);\n\n  setTimeout(() => {\n    editor.revealLine(decorations[0].range.startLineNumber);\n  });\n}\n"],"names":["getDataProtocolFormat","content","prefix","mimeType","parseDataUrl","error","console","dataUrl","Error","commaIndex","metadataPart","dataPart","charset","isBase64","metadataSegments","i","segment","getFilePathFormat","filePath","ext","extname","e","DefaultEditorConfig","defineMonacoOptions","options","structuredClone","getFileName","getSelectionRange","source","Range","start","end","line","column","editorShowRange","editor","monaco","ranges","decorations","range","setTimeout"],"mappings":"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"}

package/dist/components/base/DiffViewer/index.mjs

@@ -28,8 +28,7 @@ function DiffViewer({ className, style, original = '', modified = '', originalFi
     }, []);
     const theme = isLightTheme ? 'vs-light' : 'vs-dark';
     useEffect(()=>()=>{
-            var _editor_current;
-            null == (_editor_current = editor.current) || _editor_current.setModel(null);
+            editor.current?.setModel(null);
         }, []);
     return /*#__PURE__*/ jsxs("div", {
         className: clsx('monaco-component', 'diff-viewer', index_module["diff-viewer"], isEmbed && index_module.embed, className),

package/dist/components/base/DiffViewer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/base/DiffViewer/index.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/DiffViewer/index.tsx"],"sourcesContent":["import { DiffEditor, MonacoDiffEditor } from '@monaco-editor/react';\nimport { Checkbox } from 'antd';\nimport clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { getFileName, getFilePathFormat } from '../CodeViewer/utils';\nimport styles from './index.module.scss';\nimport { DiffViewerProps } from './interface';\nimport { defineMonacoDiffOptions } from './utils';\n\nexport function DiffViewer({\n  className,\n  style,\n  original = '',\n  modified = '',\n  originalFilePath = '',\n  modifiedFilePath = '',\n  originalLang,\n  modifiedLang,\n  isEmbed = false,\n  isLightTheme = true,\n  headerVisible = true,\n}: DiffViewerProps) {\n  const [isSideBySide, setIsSideBySide] = useState(true);\n  const editor = useRef<MonacoDiffEditor>();\n  const originalLanguage = useMemo(\n    () => originalLang || getFilePathFormat(originalFilePath) || 'plaintext',\n    [originalLang, originalFilePath],\n  );\n  const modifiedLanguage = useMemo(\n    () => modifiedLang || getFilePathFormat(modifiedFilePath) || 'plaintext',\n    [modifiedLang, modifiedFilePath],\n  );\n  const options = useMemo(\n    () => defineMonacoDiffOptions({ renderSideBySide: isSideBySide }),\n    [isSideBySide],\n  );\n  const onEditorMount = useCallback((editorInstance: MonacoDiffEditor) => {\n    editor.current = editorInstance;\n  }, []);\n  const theme = isLightTheme ? 'vs-light' : 'vs-dark';\n\n  useEffect(\n    () => () => {\n      editor.current?.setModel(null);\n    },\n    [],\n  );\n\n  return (\n    <div\n      className={clsx(\n        'monaco-component',\n        'diff-viewer',\n        styles['diff-viewer'],\n        isEmbed && styles['embed'],\n        className,\n      )}\n      style={style}\n    >\n      {headerVisible && (\n        <div className={styles['header']}>\n          <div>{getFileName(originalFilePath)}</div>\n          <div style={{ flex: 1 }} />\n          <div>\n            <Checkbox\n              className={styles['text']}\n              title=\"side-by-side\"\n              checked={isSideBySide}\n              onChange={(evt) => {\n                setIsSideBySide(evt.target.checked);\n              }}\n            >\n              side-by-side\n            </Checkbox>\n          </div>\n        </div>\n      )}\n      <div className={clsx(styles['content'], 'editor-wrap')}>\n        <DiffEditor\n          theme={theme}\n          originalLanguage={originalLanguage}\n          modifiedLanguage={modifiedLanguage}\n          original={original}\n          modified={modified}\n          width=\"100%\"\n          options={options}\n          onMount={onEditorMount}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type { DiffViewerProps } from './interface';\nexport { useDiffDrawer } from './useDiffDrawer';\nexport { defineMonacoDiffOptions } from './utils';\n"],"names":["DiffViewer","className","style","original","modified","originalFilePath","modifiedFilePath","originalLang","modifiedLang","isEmbed","isLightTheme","headerVisible","isSideBySide","setIsSideBySide","useState","editor","useRef","originalLanguage","useMemo","getFilePathFormat","modifiedLanguage","options","defineMonacoDiffOptions","onEditorMount","useCallback","editorInstance","theme","useEffect","_editor_current","clsx","styles","getFileName","Checkbox","evt","DiffEditor"],"mappings":";;;;;;;;;AASO,SAASA,WAAW,EACzBC,SAAS,EACTC,KAAK,EACLC,WAAW,EAAE,EACbC,WAAW,EAAE,EACbC,mBAAmB,EAAE,EACrBC,mBAAmB,EAAE,EACrBC,YAAY,EACZC,YAAY,EACZC,UAAU,KAAK,EACfC,eAAe,IAAI,EACnBC,gBAAgB,IAAI,EACJ;IAChB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAS;IACjD,MAAMC,SAASC;IACf,MAAMC,mBAAmBC,QACvB,IAAMX,gBAAgBY,kBAAkBd,qBAAqB,aAC7D;QAACE;QAAcF;KAAiB;IAElC,MAAMe,mBAAmBF,QACvB,IAAMV,gBAAgBW,kBAAkBb,qBAAqB,aAC7D;QAACE;QAAcF;KAAiB;IAElC,MAAMe,UAAUH,QACd,IAAMI,wBAAwB;YAAE,kBAAkBV;QAAa,IAC/D;QAACA;KAAa;IAEhB,MAAMW,gBAAgBC,YAAY,CAACC;QACjCV,OAAO,OAAO,GAAGU;IACnB,GAAG,EAAE;IACL,MAAMC,QAAQhB,eAAe,aAAa;IAE1CiB,UACE,IAAM;gBACJC;oBAAAA,CAAAA,kBAAAA,OAAO,OAAO,AAAD,KAAbA,gBAAgB,QAAQ,CAAC;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWC,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrBrB,WAAWqB,aAAAA,KAAe,EAC1B7B;QAEF,OAAOC;;YAENS,iBAAiB,WAAjBA,GACC,KAAC;gBAAI,WAAWmB,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKC,YAAY1B;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAAC2B,UAAQA;4BACP,WAAWF,aAAAA,IAAc;4BACzB,OAAM;4BACN,SAASlB;4BACT,UAAU,CAACqB;gCACTpB,gBAAgBoB,IAAI,MAAM,CAAC,OAAO;4BACpC;sCACD;;;;;0BAMP,IAAC;gBAAI,WAAWJ,KAAKC,aAAAA,OAAiB,EAAE;0BACtC,kBAACI,YAAUA;oBACT,OAAOR;oBACP,kBAAkBT;oBAClB,kBAAkBG;oBAClB,UAAUjB;oBACV,UAAUC;oBACV,OAAM;oBACN,SAASiB;oBACT,SAASE;;;;;AAKnB"}
+{"version":3,"file":"components/base/DiffViewer/index.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/DiffViewer/index.tsx"],"sourcesContent":["import { DiffEditor, MonacoDiffEditor } from '@monaco-editor/react';\nimport { Checkbox } from 'antd';\nimport clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { getFileName, getFilePathFormat } from '../CodeViewer/utils';\nimport styles from './index.module.scss';\nimport { DiffViewerProps } from './interface';\nimport { defineMonacoDiffOptions } from './utils';\n\nexport function DiffViewer({\n  className,\n  style,\n  original = '',\n  modified = '',\n  originalFilePath = '',\n  modifiedFilePath = '',\n  originalLang,\n  modifiedLang,\n  isEmbed = false,\n  isLightTheme = true,\n  headerVisible = true,\n}: DiffViewerProps) {\n  const [isSideBySide, setIsSideBySide] = useState(true);\n  const editor = useRef<MonacoDiffEditor>();\n  const originalLanguage = useMemo(\n    () => originalLang || getFilePathFormat(originalFilePath) || 'plaintext',\n    [originalLang, originalFilePath],\n  );\n  const modifiedLanguage = useMemo(\n    () => modifiedLang || getFilePathFormat(modifiedFilePath) || 'plaintext',\n    [modifiedLang, modifiedFilePath],\n  );\n  const options = useMemo(\n    () => defineMonacoDiffOptions({ renderSideBySide: isSideBySide }),\n    [isSideBySide],\n  );\n  const onEditorMount = useCallback((editorInstance: MonacoDiffEditor) => {\n    editor.current = editorInstance;\n  }, []);\n  const theme = isLightTheme ? 'vs-light' : 'vs-dark';\n\n  useEffect(\n    () => () => {\n      editor.current?.setModel(null);\n    },\n    [],\n  );\n\n  return (\n    <div\n      className={clsx(\n        'monaco-component',\n        'diff-viewer',\n        styles['diff-viewer'],\n        isEmbed && styles['embed'],\n        className,\n      )}\n      style={style}\n    >\n      {headerVisible && (\n        <div className={styles['header']}>\n          <div>{getFileName(originalFilePath)}</div>\n          <div style={{ flex: 1 }} />\n          <div>\n            <Checkbox\n              className={styles['text']}\n              title=\"side-by-side\"\n              checked={isSideBySide}\n              onChange={(evt) => {\n                setIsSideBySide(evt.target.checked);\n              }}\n            >\n              side-by-side\n            </Checkbox>\n          </div>\n        </div>\n      )}\n      <div className={clsx(styles['content'], 'editor-wrap')}>\n        <DiffEditor\n          theme={theme}\n          originalLanguage={originalLanguage}\n          modifiedLanguage={modifiedLanguage}\n          original={original}\n          modified={modified}\n          width=\"100%\"\n          options={options}\n          onMount={onEditorMount}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type { DiffViewerProps } from './interface';\nexport { useDiffDrawer } from './useDiffDrawer';\nexport { defineMonacoDiffOptions } from './utils';\n"],"names":["DiffViewer","className","style","original","modified","originalFilePath","modifiedFilePath","originalLang","modifiedLang","isEmbed","isLightTheme","headerVisible","isSideBySide","setIsSideBySide","useState","editor","useRef","originalLanguage","useMemo","getFilePathFormat","modifiedLanguage","options","defineMonacoDiffOptions","onEditorMount","useCallback","editorInstance","theme","useEffect","clsx","styles","getFileName","Checkbox","evt","DiffEditor"],"mappings":";;;;;;;;;AASO,SAASA,WAAW,EACzBC,SAAS,EACTC,KAAK,EACLC,WAAW,EAAE,EACbC,WAAW,EAAE,EACbC,mBAAmB,EAAE,EACrBC,mBAAmB,EAAE,EACrBC,YAAY,EACZC,YAAY,EACZC,UAAU,KAAK,EACfC,eAAe,IAAI,EACnBC,gBAAgB,IAAI,EACJ;IAChB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAS;IACjD,MAAMC,SAASC;IACf,MAAMC,mBAAmBC,QACvB,IAAMX,gBAAgBY,kBAAkBd,qBAAqB,aAC7D;QAACE;QAAcF;KAAiB;IAElC,MAAMe,mBAAmBF,QACvB,IAAMV,gBAAgBW,kBAAkBb,qBAAqB,aAC7D;QAACE;QAAcF;KAAiB;IAElC,MAAMe,UAAUH,QACd,IAAMI,wBAAwB;YAAE,kBAAkBV;QAAa,IAC/D;QAACA;KAAa;IAEhB,MAAMW,gBAAgBC,YAAY,CAACC;QACjCV,OAAO,OAAO,GAAGU;IACnB,GAAG,EAAE;IACL,MAAMC,QAAQhB,eAAe,aAAa;IAE1CiB,UACE,IAAM;YACJZ,OAAO,OAAO,EAAE,SAAS;QAC3B,GACA,EAAE;IAGJ,OAAO,WAAP,GACE,KAAC;QACC,WAAWa,KACT,oBACA,eACAC,YAAAA,CAAAA,cAAqB,EACrBpB,WAAWoB,aAAAA,KAAe,EAC1B5B;QAEF,OAAOC;;YAENS,iBAAiB,WAAjBA,GACC,KAAC;gBAAI,WAAWkB,aAAAA,MAAgB;;kCAC9B,IAAC;kCAAKC,YAAYzB;;kCAClB,IAAC;wBAAI,OAAO;4BAAE,MAAM;wBAAE;;kCACtB,IAAC;kCACC,kBAAC0B,UAAQA;4BACP,WAAWF,aAAAA,IAAc;4BACzB,OAAM;4BACN,SAASjB;4BACT,UAAU,CAACoB;gCACTnB,gBAAgBmB,IAAI,MAAM,CAAC,OAAO;4BACpC;sCACD;;;;;0BAMP,IAAC;gBAAI,WAAWJ,KAAKC,aAAAA,OAAiB,EAAE;0BACtC,kBAACI,YAAUA;oBACT,OAAOP;oBACP,kBAAkBT;oBAClB,kBAAkBG;oBAClB,UAAUjB;oBACV,UAAUC;oBACV,OAAM;oBACN,SAASiB;oBACT,SAASE;;;;;AAKnB"}

package/dist/pages/BundleSize/components/asset.mjs

@@ -434,7 +434,6 @@ const AssetDetail = ({ asset, chunks: includeChunks, modules: includeModules, mo
             files: filteredModules.map((e)=>e.path).filter(Boolean),
             inlinedResourcePathKey,
             fileTitle (file, basename) {
-                var _mod_modules;
                 const mod = filteredModules.find((e)=>e.path === file);
                 if (!mod) return basename;
                 const { parsedSize = 0, sourceSize = 0, gzipSize = 0 } = mod.size;
@@ -507,7 +506,7 @@ const AssetDetail = ({ asset, chunks: includeChunks, modules: includeModules, mo
                                     size: sourceSize
                                 }) : null,
                                 isConcatenation ? /*#__PURE__*/ jsx(ConcatenatedTag, {
-                                    moduleCount: (null == (_mod_modules = mod.modules) ? void 0 : _mod_modules.length) || 0
+                                    moduleCount: mod.modules?.length || 0
                                 }) : null,
                                 containedOtherModules && containedOtherModules.length ? /*#__PURE__*/ jsx(Tooltip, {
                                     title: /*#__PURE__*/ jsxs(Space, {
@@ -568,14 +567,8 @@ const AssetDetail = ({ asset, chunks: includeChunks, modules: includeModules, mo
                 const paths = getChildrenModule(dir, mods);
                 if (paths.length) {
                     const mods = paths.map((e)=>includeModules.find((m)=>m.path === e));
-                    const parsedSize = sumBy(mods, (e)=>{
-                        var _e_size;
-                        return (null == (_e_size = e.size) ? void 0 : _e_size.parsedSize) || 0;
-                    });
-                    const sourceSize = sumBy(mods, (e)=>{
-                        var _e_size;
-                        return (null == (_e_size = e.size) ? void 0 : _e_size.sourceSize) || 0;
-                    });
+                    const parsedSize = sumBy(mods, (e)=>e.size?.parsedSize || 0);
+                    const sourceSize = sumBy(mods, (e)=>e.size?.sourceSize || 0);
                     return /*#__PURE__*/ jsxs("div", {
                         className: index_module["bundle-tree"],
                         children: [
@@ -687,7 +680,7 @@ const AssetDetail = ({ asset, chunks: includeChunks, modules: includeModules, mo
                                     expandedModulesKeys = expandedKeys;
                                 },
                                 defaultExpandParent: true,
-                                defaultExpandedKeys: (null == expandedModulesKeys ? void 0 : expandedModulesKeys.length) ? expandedModulesKeys : 1 === fileStructures.length ? [
+                                defaultExpandedKeys: expandedModulesKeys?.length ? expandedModulesKeys : 1 === fileStructures.length ? [
                                     fileStructures[0].key
                                 ] : [],
                                 treeData: fileStructures,
@@ -712,7 +705,7 @@ const AssetDetail = ({ asset, chunks: includeChunks, modules: includeModules, mo
                     })
                 }),
                 /*#__PURE__*/ jsx(ModuleGraphViewer, {
-                    id: (null == moduleJumpList ? void 0 : moduleJumpList.length) ? moduleJumpList[moduleJumpList.length - 1] : '',
+                    id: moduleJumpList?.length ? moduleJumpList[moduleJumpList.length - 1] : '',
                     show: show,
                     setShow: setShow,
                     cwd: root

package/dist/pages/BundleSize/components/asset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/BundleSize/components/asset.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/asset.tsx"],"sourcesContent":["import {\n  CodepenCircleOutlined,\n  ColumnHeightOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Button,\n  Card,\n  Col,\n  Divider,\n  Empty,\n  Popover,\n  Row,\n  Space,\n  Tag,\n  Tooltip,\n  Tree,\n  Typography,\n} from 'antd';\nimport { DataNode as AntdDataNode } from 'antd/es/tree';\nimport { omitBy, sumBy } from 'es-toolkit/compat';\nimport { dirname, relative } from 'path';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { CodeViewer } from 'src/components/base';\nimport { Badge as Bdg } from '../../../components/Badge';\nimport { KeywordInput } from '../../../components/Form/keyword';\nimport { Keyword } from '../../../components/Keyword';\nimport { ServerAPIProvider } from '../../../components/Manifest';\nimport { TextDrawer } from '../../../components/TextDrawer';\nimport { Size } from '../../../constants';\nimport {\n  DataNode,\n  createFileStructures,\n  formatSize,\n  isJsDataUrl,\n  useI18n,\n} from '../../../utils';\nimport { ModuleAnalyzeComponent } from '../../ModuleAnalyze';\nimport { ModuleGraphListContext } from '../config';\nimport styles from './index.module.scss';\n\nconst { DirectoryTree } = Tree;\n\nlet expandedModulesKeys: React.Key[] = [];\nconst TAB_MAP = {\n  source: 'source code',\n  transformed: 'Transformed Code (After compile)',\n  parsedSource: 'Bundled Code (After bundle and tree-shaking)',\n};\n\nconst tagStyle = {\n  margin: 'none',\n  marginInlineEnd: 0,\n};\n\nconst EmptyCodeItem = () => (\n  <Empty\n    description={`Do not have the module code.\n  (1) If you use the brief mode, there will not have any codes to show.\n  (2) If you use lite mode, there will not have source codes.`}\n  />\n);\n\nexport const ModuleCodeViewer: React.FC<{ data: SDK.ModuleData }> = ({\n  data,\n}) => {\n  const [tab, setTab] = useState('');\n  const { t } = useI18n();\n\n  const TAB_LAB_MAP: Record<string, string> = {\n    source: 'Source Code',\n    transformed: `Transformed Code(${t('After Compile')})`,\n    parsedSource: `Bundled Code(${t('After Bundled')})`,\n  };\n  if (!data) return null;\n\n  const { path } = data;\n\n  return (\n    <TextDrawer\n      text=\"\"\n      buttonProps={{\n        size: 'small',\n        icon: (\n          <Popover content=\"Open the Codes Box\">\n            <CodepenCircleOutlined />\n          </Popover>\n        ),\n        type: 'default',\n      }}\n      buttonStyle={{ padding: `0 4px` }}\n      drawerProps={{\n        destroyOnClose: true,\n        title: `Code of \"${path}\"`,\n      }}\n    >\n      <ServerAPIProvider\n        api={SDK.ServerAPI.API.GetModuleCodeByModuleId}\n        body={{ moduleId: data.id }}\n      >\n        {(source) => {\n          return (\n            <>\n              {!source['source'] &&\n              !source['parsedSource'] &&\n              !source['transformed'] ? (\n                <EmptyCodeItem />\n              ) : (\n                <Card\n                  className=\"code-size-card\"\n                  style={{ width: '100%' }}\n                  tabList={Object.keys(omitBy(source, (s) => !s))\n                    .map((k) => ({ tab: k }))\n                    .map((e) => ({\n                      ...e,\n                      tab: TAB_LAB_MAP[e.tab],\n                      key: e.tab,\n                    }))}\n                  defaultActiveTabKey={\n                    source['parsedSource'] ? 'parsedSource' : 'source'\n                  }\n                  onTabChange={(v) => setTab(v)}\n                  tabBarExtraContent={\n                    <Popover\n                      placement=\"bottom\"\n                      title={\n                        <Typography.Title level={5}>Explain</Typography.Title>\n                      }\n                      content={\n                        <>\n                          <div\n                            style={{\n                              display: 'flex',\n                              flexDirection: 'column',\n                              marginBottom: 30,\n                            }}\n                          >\n                            <div>\n                              <Typography.Text strong>Source: </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.source}\n                              </Typography.Text>\n                            </div>\n                            <div>\n                              <Typography.Text strong>\n                                Transformed:\n                              </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.transformed}\n                              </Typography.Text>\n                            </div>\n                            <div>\n                              <Typography.Text strong>\n                                Bundled Source:\n                              </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.parsedSource}\n                              </Typography.Text>\n                            </div>\n                            <br />\n                            <Typography.Text strong>{'More'}</Typography.Text>\n                            <Typography.Text>\n                              {t('CodeModeExplain')}\n                            </Typography.Text>\n                          </div>\n                        </>\n                      }\n                      trigger={'hover'}\n                    >\n                      <a href=\"#\">Explain</a>\n                    </Popover>\n                  }\n                  styles={{ body: { padding: 0, overflow: 'hidden' } }}\n                >\n                  {source['parsedSource'] ||\n                  source['source'] ||\n                  source['transformed'] ? (\n                    <CodeViewer\n                      isEmbed\n                      code={\n                        tab\n                          ? source[tab as keyof SDK.ModuleSource]\n                          : source['parsedSource']\n                            ? source['parsedSource']\n                            : source['source']\n                      }\n                      filePath={path}\n                    />\n                  ) : (\n                    <EmptyCodeItem />\n                  )}\n                </Card>\n              )}\n            </>\n          );\n        }}\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n\nexport const ModuleGraphViewer: React.FC<{\n  id: number | string;\n  show: boolean;\n  setShow: (_show: boolean) => void;\n  cwd: string;\n}> = ({ id, show, setShow, cwd }) => {\n  if (!id) return null;\n\n  return (\n    <ServerAPIProvider api={SDK.ServerAPI.API.GetAllModuleGraph} body={{}}>\n      {(modules) => (\n        <ModuleAnalyzeComponent\n          cwd={cwd}\n          moduleId={id}\n          modules={modules}\n          show={show}\n          setShow={setShow}\n        />\n      )}\n    </ServerAPIProvider>\n  );\n};\n\nconst inlinedResourcePathKey = '__RESOURCEPATH__';\n\nexport function getChildrenModule(node: DataNode, mods: string[]) {\n  node.children &&\n    node.children.forEach((n: DataNode) => {\n      if (n.isLeaf) {\n        mods.push(n[inlinedResourcePathKey]);\n      } else {\n        getChildrenModule(n, mods);\n      }\n    });\n\n  return mods;\n}\n\nexport const ModulesStatistics: React.FC<{\n  modules: SDK.ModuleData[];\n  chunks: SDK.ChunkData[];\n  filteredModules: SDK.ModuleData[];\n}> = ({ modules, chunks, filteredModules }) => {\n  const { sourceSize, parsedSize, filteredParsedSize, filteredSourceSize } =\n    useMemo(() => {\n      return {\n        sourceSize: sumBy(modules, (e) => e.size.sourceSize),\n        parsedSize: sumBy(modules, (e) => e.size.parsedSize),\n        filteredSourceSize: sumBy(filteredModules, (e) => e.size.sourceSize),\n        filteredParsedSize: sumBy(filteredModules, (e) => e.size.parsedSize),\n      };\n    }, [modules, filteredModules]);\n\n  return (\n    <Space>\n      <Tooltip\n        title={`total modules count is ${modules.length}, the filtered modules count is ${filteredModules.length}`}\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Modules: {filteredModules.length} / {modules.length}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n      <Divider type=\"vertical\" />\n      <Tooltip\n        title={\n          <Space direction=\"vertical\">\n            <Typography.Text style={{ color: 'inherit' }}>\n              Total modules bundled size: {formatSize(parsedSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Total modules source size: {formatSize(sourceSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Filtered modules bundled size: {formatSize(filteredParsedSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Filtered modules source size: {formatSize(filteredSourceSize)}\n            </Typography.Text>\n          </Space>\n        }\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Modules Size:\n            {filteredParsedSize === parsedSize\n              ? formatSize(parsedSize)\n              : `${formatSize(filteredParsedSize)} / ${formatSize(parsedSize)}`}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n      <Divider type=\"vertical\" />\n      <Tooltip\n        title={\n          <Space direction=\"vertical\">\n            <Typography.Text style={{ color: 'inherit' }}>\n              this asset includes {chunks.length} chunks:\n            </Typography.Text>\n            {chunks.map((e) => (\n              <Bdg label=\"chunk\" value={e.name} key={e.name} />\n            ))}\n          </Space>\n        }\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Chunks: {chunks.length}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n    </Space>\n  );\n};\n\nconst ConcatenatedTag = ({ moduleCount }: { moduleCount: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            This is a concatenated container module that includes {moduleCount}{' '}\n            modules\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color=\"blue\" style={tagStyle}>\n        concatenated container\n      </Tag>\n    </Tooltip>\n  );\n};\n\nconst TotalBundledSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The total output size of all the files in this folder. If you\n            enabled minification, this value shows the minified size.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag style={tagStyle} color={'geekblue'}>\n        {`bundled size: ${formatSize(size)}`}\n      </Tag>\n    </Tooltip>\n  );\n};\n\nconst BundledSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The final output size of this file. If you enabled minification,\n            this value shows the minified size.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'geekblue'}>{`bundled size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst GzippedSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The compressed file size that users actually download, as most web\n            servers use gzip compression.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'orange'}>{`gzipped: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst TotalSourceSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The total original size of all the files in this folder, before any\n            transformations and minification.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag\n        style={tagStyle}\n        color={'cyan'}\n      >{`source size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst SourceSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The original size of this file, before any transformations and\n            minification.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'cyan'}>{`source size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nexport const AssetDetail: React.FC<{\n  asset: SDK.AssetData;\n  chunks: SDK.ChunkData[];\n  modules: SDK.ModuleData[];\n  moduleSizeLimit?: number;\n  height?: number;\n  root: string;\n}> = ({\n  asset,\n  chunks: includeChunks,\n  modules: includeModules,\n  moduleSizeLimit,\n  height,\n  root,\n}) => {\n  const [moduleKeyword, setModuleKeyword] = useState('');\n  const [defaultExpandAll, setDefaultExpandAll] = useState(false);\n  const [moduleJumpList, setModuleJumpList] = useState([] as number[]);\n  const [show, setShow] = useState(false);\n\n  const filteredModules = useMemo(() => {\n    let res = includeModules.slice();\n    if (moduleKeyword) {\n      const regexp = new RegExp(moduleKeyword, 'i');\n      res = res.filter((e) => regexp.test(e.path));\n    }\n\n    if (moduleSizeLimit) {\n      res = res.filter((e) => e.size.parsedSize >= moduleSizeLimit);\n    }\n\n    return res;\n  }, [includeModules, moduleKeyword, moduleSizeLimit]);\n\n  const fileStructures = useMemo(() => {\n    const res = createFileStructures({\n      files: filteredModules.map((e) => e.path).filter(Boolean),\n      inlinedResourcePathKey,\n      fileTitle(file, basename) {\n        const mod = filteredModules.find((e) => e.path === file)!;\n\n        if (!mod) return basename;\n\n        const { parsedSize = 0, sourceSize = 0, gzipSize = 0 } = mod.size;\n        const isConcatenation = mod.kind === SDK.ModuleKind.Concatenation;\n\n        const containedOtherModules =\n          !isConcatenation &&\n          parsedSize === 0 &&\n          includeModules.filter(\n            (e) => e !== mod && e.modules && e.modules.indexOf(mod.id) > -1,\n          );\n\n        return (\n          <div className={styles['bundle-tree']}>\n            <Popover\n              content={`Open the ${basename}’s module reasons tree.`}\n              placement=\"bottom\"\n            >\n              <div\n                className={styles.box}\n                onClick={() => {\n                  setModuleJumpList([mod.id]);\n                  setShow(true);\n                }}\n              >\n                <div className={styles.keywords}>\n                  <Keyword ellipsis text={basename} keyword={''} />\n                </div>\n                <div className={styles.dividerDiv}>\n                  <Divider className={styles.divider} dashed />\n                </div>\n              </div>\n            </Popover>\n            <Space>\n              {parsedSize !== 0 ? (\n                <>\n                  {typeof gzipSize === 'number' ? (\n                    <Popover\n                      placement=\"bottom\"\n                      content={<SourceSizeTag size={sourceSize} />}\n                    >\n                      <Space direction=\"horizontal\">\n                        <BundledSizeTag size={parsedSize} />\n                        <GzippedSizeTag size={gzipSize} />\n                      </Space>\n                    </Popover>\n                  ) : (\n                    <Space direction=\"horizontal\">\n                      <BundledSizeTag size={parsedSize} />\n                      <SourceSizeTag size={sourceSize} />\n                    </Space>\n                  )}\n                </>\n              ) : sourceSize !== 0 ? (\n                // fallback to display tag for source size\n                <SourceSizeTag size={sourceSize} />\n              ) : null}\n              {isConcatenation ? (\n                <ConcatenatedTag moduleCount={mod.modules?.length || 0} />\n              ) : null}\n              {containedOtherModules && containedOtherModules.length ? (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        This module is concatenated into another container\n                        module:\n                      </Typography.Text>\n                      {containedOtherModules.map(({ id, path }) => {\n                        if (isJsDataUrl(path)) {\n                          return (\n                            <Typography.Paragraph\n                              ellipsis={{ rows: 4 }}\n                              key={id}\n                              style={{ color: 'inherit', maxWidth: '100%' }}\n                              code\n                            >\n                              {path}\n                            </Typography.Paragraph>\n                          );\n                        }\n\n                        const p = relative(dirname(mod.path), path);\n                        if (p.startsWith('javascript;charset=utf-8;base64,')) {\n                          return (\n                            <Typography.Text\n                              key={id}\n                              style={{ color: 'inherit', maxWidth: '100%' }}\n                              code\n                            >\n                              {p[0] === '.' ? p : `./${p}`}\n                            </Typography.Text>\n                          );\n                        }\n\n                        return (\n                          <Typography.Text\n                            key={id}\n                            style={{ color: 'inherit' }}\n                            code\n                          >\n                            {p[0] === '.' ? p : `./${p}`}\n                          </Typography.Text>\n                        );\n                      })}\n                    </Space>\n                  }\n                >\n                  <Tag color=\"green\">concatenated</Tag>\n                </Tooltip>\n              ) : null}\n\n              <ModuleCodeViewer data={mod} />\n            </Space>\n          </div>\n        );\n      },\n      dirTitle(dir, defaultTitle) {\n        const mods: string[] = [];\n        const paths = getChildrenModule(dir, mods);\n        if (paths.length) {\n          const mods = paths.map(\n            (e) => includeModules.find((m) => m.path === e)!,\n          );\n\n          const parsedSize = sumBy(mods, (e) => e.size?.parsedSize || 0);\n          const sourceSize = sumBy(mods, (e) => e.size?.sourceSize || 0);\n          return (\n            <div className={styles['bundle-tree']}>\n              <div className={styles.box}>\n                <div className={styles.keywords}>\n                  <Keyword ellipsis text={defaultTitle} keyword={''} />\n                </div>\n                <div className={styles.dividerDiv}>\n                  <Divider className={styles.divider} dashed />\n                </div>\n              </div>\n              <Space>\n                {parsedSize > 0 ? (\n                  <>\n                    <TotalBundledSizeTag size={parsedSize} />\n                    <TotalSourceSizeTag size={sourceSize} />\n                  </>\n                ) : (\n                  <TotalSourceSizeTag size={sourceSize} />\n                )}\n              </Space>\n            </div>\n          );\n        }\n\n        return defaultTitle;\n      },\n      page: 'bundle',\n    });\n    return res;\n  }, [filteredModules]);\n\n  const onSearch = (value: string) => setModuleKeyword(value);\n\n  useEffect(() => {\n    setModuleKeyword('');\n    setDefaultExpandAll(false);\n  }, [asset]);\n\n  useEffect(() => {\n    setDefaultExpandAll(false);\n  }, [moduleKeyword]);\n\n  return (\n    <ModuleGraphListContext.Provider\n      value={{ moduleJumpList, setModuleJumpList }}\n    >\n      <Card\n        className={styles.bundle}\n        title={`Modules of \"${asset.path}\"`}\n        bodyStyle={{ minHeight: height }}\n        size=\"small\"\n      >\n        {includeModules.length ? (\n          <Row>\n            <Col span={24}>\n              <ModulesStatistics\n                modules={includeModules}\n                chunks={includeChunks}\n                filteredModules={filteredModules}\n              />\n            </Col>\n            <Col span={24}>\n              <Space>\n                <KeywordInput\n                  placeholder=\"search module by keyword\"\n                  onChange={onSearch}\n                  key={asset.path}\n                />\n                <Button\n                  onClick={() => setDefaultExpandAll(true)}\n                  size=\"small\"\n                  icon={<ColumnHeightOutlined />}\n                />\n              </Space>\n            </Col>\n            <Col span={24} style={{ marginTop: Size.BasePadding }}>\n              {filteredModules.length ? (\n                <DirectoryTree\n                  key={`tree_${moduleKeyword}_${defaultExpandAll}_${asset.path}`}\n                  selectable={false}\n                  defaultExpandAll={\n                    defaultExpandAll || filteredModules.length <= 20\n                  }\n                  onExpand={(expandedKeys) => {\n                    expandedModulesKeys = expandedKeys;\n                  }}\n                  defaultExpandParent\n                  // @ts-ignore\n                  defaultExpandedKeys={\n                    expandedModulesKeys?.length\n                      ? expandedModulesKeys\n                      : fileStructures.length === 1\n                        ? [fileStructures[0].key]\n                        : []\n                  }\n                  treeData={fileStructures as AntdDataNode[]}\n                  rootStyle={{\n                    maxHeight: '500px',\n                    overflow: 'auto',\n                    border: '1px solid rgba(235, 237, 241)',\n                    padding: '14px 20px',\n                  }}\n                />\n              ) : (\n                <Empty\n                  description={\n                    <Typography.Text\n                      strong\n                    >{`\"${moduleKeyword}\" can't match any modules`}</Typography.Text>\n                  }\n                />\n              )}\n            </Col>\n          </Row>\n        ) : (\n          <Empty\n            description={\n              <Typography.Text\n                strong\n              >{`\"${asset.path}\" doesn't have any modules`}</Typography.Text>\n            }\n          />\n        )}\n\n        <ModuleGraphViewer\n          id={\n            moduleJumpList?.length\n              ? moduleJumpList[moduleJumpList.length - 1]\n              : ''\n          }\n          show={show}\n          setShow={setShow}\n          cwd={root}\n        />\n      </Card>\n    </ModuleGraphListContext.Provider>\n  );\n};\n"],"names":["DirectoryTree","Tree","expandedModulesKeys","TAB_MAP","tagStyle","EmptyCodeItem","Empty","ModuleCodeViewer","data","tab","setTab","useState","t","useI18n","TAB_LAB_MAP","path","TextDrawer","Popover","CodepenCircleOutlined","ServerAPIProvider","SDK","source","Card","Object","omitBy","s","k","e","v","Typography","CodeViewer","ModuleGraphViewer","id","show","setShow","cwd","modules","ModuleAnalyzeComponent","inlinedResourcePathKey","getChildrenModule","node","mods","n","ModulesStatistics","chunks","filteredModules","sourceSize","parsedSize","filteredParsedSize","filteredSourceSize","useMemo","sumBy","Space","Tooltip","InfoCircleOutlined","Divider","formatSize","Bdg","ConcatenatedTag","moduleCount","Tag","TotalBundledSizeTag","size","BundledSizeTag","GzippedSizeTag","TotalSourceSizeTag","SourceSizeTag","AssetDetail","asset","includeChunks","includeModules","moduleSizeLimit","height","root","moduleKeyword","setModuleKeyword","defaultExpandAll","setDefaultExpandAll","moduleJumpList","setModuleJumpList","res","regexp","RegExp","fileStructures","createFileStructures","Boolean","file","basename","_mod_modules","mod","gzipSize","isConcatenation","containedOtherModules","styles","Keyword","isJsDataUrl","p","relative","dirname","dir","defaultTitle","paths","m","_e_size","onSearch","value","useEffect","ModuleGraphListContext","Row","Col","KeywordInput","Button","ColumnHeightOutlined","Size","expandedKeys"],"mappings":"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"}
+{"version":3,"file":"pages/BundleSize/components/asset.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/asset.tsx"],"sourcesContent":["import {\n  CodepenCircleOutlined,\n  ColumnHeightOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport {\n  Button,\n  Card,\n  Col,\n  Divider,\n  Empty,\n  Popover,\n  Row,\n  Space,\n  Tag,\n  Tooltip,\n  Tree,\n  Typography,\n} from 'antd';\nimport { DataNode as AntdDataNode } from 'antd/es/tree';\nimport { omitBy, sumBy } from 'es-toolkit/compat';\nimport { dirname, relative } from 'path';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { CodeViewer } from 'src/components/base';\nimport { Badge as Bdg } from '../../../components/Badge';\nimport { KeywordInput } from '../../../components/Form/keyword';\nimport { Keyword } from '../../../components/Keyword';\nimport { ServerAPIProvider } from '../../../components/Manifest';\nimport { TextDrawer } from '../../../components/TextDrawer';\nimport { Size } from '../../../constants';\nimport {\n  DataNode,\n  createFileStructures,\n  formatSize,\n  isJsDataUrl,\n  useI18n,\n} from '../../../utils';\nimport { ModuleAnalyzeComponent } from '../../ModuleAnalyze';\nimport { ModuleGraphListContext } from '../config';\nimport styles from './index.module.scss';\n\nconst { DirectoryTree } = Tree;\n\nlet expandedModulesKeys: React.Key[] = [];\nconst TAB_MAP = {\n  source: 'source code',\n  transformed: 'Transformed Code (After compile)',\n  parsedSource: 'Bundled Code (After bundle and tree-shaking)',\n};\n\nconst tagStyle = {\n  margin: 'none',\n  marginInlineEnd: 0,\n};\n\nconst EmptyCodeItem = () => (\n  <Empty\n    description={`Do not have the module code.\n  (1) If you use the brief mode, there will not have any codes to show.\n  (2) If you use lite mode, there will not have source codes.`}\n  />\n);\n\nexport const ModuleCodeViewer: React.FC<{ data: SDK.ModuleData }> = ({\n  data,\n}) => {\n  const [tab, setTab] = useState('');\n  const { t } = useI18n();\n\n  const TAB_LAB_MAP: Record<string, string> = {\n    source: 'Source Code',\n    transformed: `Transformed Code(${t('After Compile')})`,\n    parsedSource: `Bundled Code(${t('After Bundled')})`,\n  };\n  if (!data) return null;\n\n  const { path } = data;\n\n  return (\n    <TextDrawer\n      text=\"\"\n      buttonProps={{\n        size: 'small',\n        icon: (\n          <Popover content=\"Open the Codes Box\">\n            <CodepenCircleOutlined />\n          </Popover>\n        ),\n        type: 'default',\n      }}\n      buttonStyle={{ padding: `0 4px` }}\n      drawerProps={{\n        destroyOnClose: true,\n        title: `Code of \"${path}\"`,\n      }}\n    >\n      <ServerAPIProvider\n        api={SDK.ServerAPI.API.GetModuleCodeByModuleId}\n        body={{ moduleId: data.id }}\n      >\n        {(source) => {\n          return (\n            <>\n              {!source['source'] &&\n              !source['parsedSource'] &&\n              !source['transformed'] ? (\n                <EmptyCodeItem />\n              ) : (\n                <Card\n                  className=\"code-size-card\"\n                  style={{ width: '100%' }}\n                  tabList={Object.keys(omitBy(source, (s) => !s))\n                    .map((k) => ({ tab: k }))\n                    .map((e) => ({\n                      ...e,\n                      tab: TAB_LAB_MAP[e.tab],\n                      key: e.tab,\n                    }))}\n                  defaultActiveTabKey={\n                    source['parsedSource'] ? 'parsedSource' : 'source'\n                  }\n                  onTabChange={(v) => setTab(v)}\n                  tabBarExtraContent={\n                    <Popover\n                      placement=\"bottom\"\n                      title={\n                        <Typography.Title level={5}>Explain</Typography.Title>\n                      }\n                      content={\n                        <>\n                          <div\n                            style={{\n                              display: 'flex',\n                              flexDirection: 'column',\n                              marginBottom: 30,\n                            }}\n                          >\n                            <div>\n                              <Typography.Text strong>Source: </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.source}\n                              </Typography.Text>\n                            </div>\n                            <div>\n                              <Typography.Text strong>\n                                Transformed:\n                              </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.transformed}\n                              </Typography.Text>\n                            </div>\n                            <div>\n                              <Typography.Text strong>\n                                Bundled Source:\n                              </Typography.Text>\n                              <Typography.Text>\n                                {TAB_MAP.parsedSource}\n                              </Typography.Text>\n                            </div>\n                            <br />\n                            <Typography.Text strong>{'More'}</Typography.Text>\n                            <Typography.Text>\n                              {t('CodeModeExplain')}\n                            </Typography.Text>\n                          </div>\n                        </>\n                      }\n                      trigger={'hover'}\n                    >\n                      <a href=\"#\">Explain</a>\n                    </Popover>\n                  }\n                  styles={{ body: { padding: 0, overflow: 'hidden' } }}\n                >\n                  {source['parsedSource'] ||\n                  source['source'] ||\n                  source['transformed'] ? (\n                    <CodeViewer\n                      isEmbed\n                      code={\n                        tab\n                          ? source[tab as keyof SDK.ModuleSource]\n                          : source['parsedSource']\n                            ? source['parsedSource']\n                            : source['source']\n                      }\n                      filePath={path}\n                    />\n                  ) : (\n                    <EmptyCodeItem />\n                  )}\n                </Card>\n              )}\n            </>\n          );\n        }}\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n\nexport const ModuleGraphViewer: React.FC<{\n  id: number | string;\n  show: boolean;\n  setShow: (_show: boolean) => void;\n  cwd: string;\n}> = ({ id, show, setShow, cwd }) => {\n  if (!id) return null;\n\n  return (\n    <ServerAPIProvider api={SDK.ServerAPI.API.GetAllModuleGraph} body={{}}>\n      {(modules) => (\n        <ModuleAnalyzeComponent\n          cwd={cwd}\n          moduleId={id}\n          modules={modules}\n          show={show}\n          setShow={setShow}\n        />\n      )}\n    </ServerAPIProvider>\n  );\n};\n\nconst inlinedResourcePathKey = '__RESOURCEPATH__';\n\nexport function getChildrenModule(node: DataNode, mods: string[]) {\n  node.children &&\n    node.children.forEach((n: DataNode) => {\n      if (n.isLeaf) {\n        mods.push(n[inlinedResourcePathKey]);\n      } else {\n        getChildrenModule(n, mods);\n      }\n    });\n\n  return mods;\n}\n\nexport const ModulesStatistics: React.FC<{\n  modules: SDK.ModuleData[];\n  chunks: SDK.ChunkData[];\n  filteredModules: SDK.ModuleData[];\n}> = ({ modules, chunks, filteredModules }) => {\n  const { sourceSize, parsedSize, filteredParsedSize, filteredSourceSize } =\n    useMemo(() => {\n      return {\n        sourceSize: sumBy(modules, (e) => e.size.sourceSize),\n        parsedSize: sumBy(modules, (e) => e.size.parsedSize),\n        filteredSourceSize: sumBy(filteredModules, (e) => e.size.sourceSize),\n        filteredParsedSize: sumBy(filteredModules, (e) => e.size.parsedSize),\n      };\n    }, [modules, filteredModules]);\n\n  return (\n    <Space>\n      <Tooltip\n        title={`total modules count is ${modules.length}, the filtered modules count is ${filteredModules.length}`}\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Modules: {filteredModules.length} / {modules.length}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n      <Divider type=\"vertical\" />\n      <Tooltip\n        title={\n          <Space direction=\"vertical\">\n            <Typography.Text style={{ color: 'inherit' }}>\n              Total modules bundled size: {formatSize(parsedSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Total modules source size: {formatSize(sourceSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Filtered modules bundled size: {formatSize(filteredParsedSize)}\n            </Typography.Text>\n            <Typography.Text style={{ color: 'inherit' }}>\n              Filtered modules source size: {formatSize(filteredSourceSize)}\n            </Typography.Text>\n          </Space>\n        }\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Modules Size:\n            {filteredParsedSize === parsedSize\n              ? formatSize(parsedSize)\n              : `${formatSize(filteredParsedSize)} / ${formatSize(parsedSize)}`}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n      <Divider type=\"vertical\" />\n      <Tooltip\n        title={\n          <Space direction=\"vertical\">\n            <Typography.Text style={{ color: 'inherit' }}>\n              this asset includes {chunks.length} chunks:\n            </Typography.Text>\n            {chunks.map((e) => (\n              <Bdg label=\"chunk\" value={e.name} key={e.name} />\n            ))}\n          </Space>\n        }\n      >\n        <Space>\n          <Typography.Text\n            type=\"secondary\"\n            style={{ fontSize: 12, fontWeight: 400 }}\n          >\n            Chunks: {chunks.length}\n          </Typography.Text>\n          <InfoCircleOutlined />\n        </Space>\n      </Tooltip>\n    </Space>\n  );\n};\n\nconst ConcatenatedTag = ({ moduleCount }: { moduleCount: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            This is a concatenated container module that includes {moduleCount}{' '}\n            modules\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color=\"blue\" style={tagStyle}>\n        concatenated container\n      </Tag>\n    </Tooltip>\n  );\n};\n\nconst TotalBundledSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The total output size of all the files in this folder. If you\n            enabled minification, this value shows the minified size.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag style={tagStyle} color={'geekblue'}>\n        {`bundled size: ${formatSize(size)}`}\n      </Tag>\n    </Tooltip>\n  );\n};\n\nconst BundledSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The final output size of this file. If you enabled minification,\n            this value shows the minified size.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'geekblue'}>{`bundled size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst GzippedSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The compressed file size that users actually download, as most web\n            servers use gzip compression.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'orange'}>{`gzipped: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst TotalSourceSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The total original size of all the files in this folder, before any\n            transformations and minification.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag\n        style={tagStyle}\n        color={'cyan'}\n      >{`source size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nconst SourceSizeTag = ({ size }: { size: number }) => {\n  return (\n    <Tooltip\n      title={\n        <Space>\n          <Typography.Text style={{ color: 'inherit' }}>\n            The original size of this file, before any transformations and\n            minification.\n          </Typography.Text>\n        </Space>\n      }\n    >\n      <Tag color={'cyan'}>{`source size: ${formatSize(size)}`}</Tag>\n    </Tooltip>\n  );\n};\n\nexport const AssetDetail: React.FC<{\n  asset: SDK.AssetData;\n  chunks: SDK.ChunkData[];\n  modules: SDK.ModuleData[];\n  moduleSizeLimit?: number;\n  height?: number;\n  root: string;\n}> = ({\n  asset,\n  chunks: includeChunks,\n  modules: includeModules,\n  moduleSizeLimit,\n  height,\n  root,\n}) => {\n  const [moduleKeyword, setModuleKeyword] = useState('');\n  const [defaultExpandAll, setDefaultExpandAll] = useState(false);\n  const [moduleJumpList, setModuleJumpList] = useState([] as number[]);\n  const [show, setShow] = useState(false);\n\n  const filteredModules = useMemo(() => {\n    let res = includeModules.slice();\n    if (moduleKeyword) {\n      const regexp = new RegExp(moduleKeyword, 'i');\n      res = res.filter((e) => regexp.test(e.path));\n    }\n\n    if (moduleSizeLimit) {\n      res = res.filter((e) => e.size.parsedSize >= moduleSizeLimit);\n    }\n\n    return res;\n  }, [includeModules, moduleKeyword, moduleSizeLimit]);\n\n  const fileStructures = useMemo(() => {\n    const res = createFileStructures({\n      files: filteredModules.map((e) => e.path).filter(Boolean),\n      inlinedResourcePathKey,\n      fileTitle(file, basename) {\n        const mod = filteredModules.find((e) => e.path === file)!;\n\n        if (!mod) return basename;\n\n        const { parsedSize = 0, sourceSize = 0, gzipSize = 0 } = mod.size;\n        const isConcatenation = mod.kind === SDK.ModuleKind.Concatenation;\n\n        const containedOtherModules =\n          !isConcatenation &&\n          parsedSize === 0 &&\n          includeModules.filter(\n            (e) => e !== mod && e.modules && e.modules.indexOf(mod.id) > -1,\n          );\n\n        return (\n          <div className={styles['bundle-tree']}>\n            <Popover\n              content={`Open the ${basename}’s module reasons tree.`}\n              placement=\"bottom\"\n            >\n              <div\n                className={styles.box}\n                onClick={() => {\n                  setModuleJumpList([mod.id]);\n                  setShow(true);\n                }}\n              >\n                <div className={styles.keywords}>\n                  <Keyword ellipsis text={basename} keyword={''} />\n                </div>\n                <div className={styles.dividerDiv}>\n                  <Divider className={styles.divider} dashed />\n                </div>\n              </div>\n            </Popover>\n            <Space>\n              {parsedSize !== 0 ? (\n                <>\n                  {typeof gzipSize === 'number' ? (\n                    <Popover\n                      placement=\"bottom\"\n                      content={<SourceSizeTag size={sourceSize} />}\n                    >\n                      <Space direction=\"horizontal\">\n                        <BundledSizeTag size={parsedSize} />\n                        <GzippedSizeTag size={gzipSize} />\n                      </Space>\n                    </Popover>\n                  ) : (\n                    <Space direction=\"horizontal\">\n                      <BundledSizeTag size={parsedSize} />\n                      <SourceSizeTag size={sourceSize} />\n                    </Space>\n                  )}\n                </>\n              ) : sourceSize !== 0 ? (\n                // fallback to display tag for source size\n                <SourceSizeTag size={sourceSize} />\n              ) : null}\n              {isConcatenation ? (\n                <ConcatenatedTag moduleCount={mod.modules?.length || 0} />\n              ) : null}\n              {containedOtherModules && containedOtherModules.length ? (\n                <Tooltip\n                  title={\n                    <Space direction=\"vertical\">\n                      <Typography.Text style={{ color: 'inherit' }}>\n                        This module is concatenated into another container\n                        module:\n                      </Typography.Text>\n                      {containedOtherModules.map(({ id, path }) => {\n                        if (isJsDataUrl(path)) {\n                          return (\n                            <Typography.Paragraph\n                              ellipsis={{ rows: 4 }}\n                              key={id}\n                              style={{ color: 'inherit', maxWidth: '100%' }}\n                              code\n                            >\n                              {path}\n                            </Typography.Paragraph>\n                          );\n                        }\n\n                        const p = relative(dirname(mod.path), path);\n                        if (p.startsWith('javascript;charset=utf-8;base64,')) {\n                          return (\n                            <Typography.Text\n                              key={id}\n                              style={{ color: 'inherit', maxWidth: '100%' }}\n                              code\n                            >\n                              {p[0] === '.' ? p : `./${p}`}\n                            </Typography.Text>\n                          );\n                        }\n\n                        return (\n                          <Typography.Text\n                            key={id}\n                            style={{ color: 'inherit' }}\n                            code\n                          >\n                            {p[0] === '.' ? p : `./${p}`}\n                          </Typography.Text>\n                        );\n                      })}\n                    </Space>\n                  }\n                >\n                  <Tag color=\"green\">concatenated</Tag>\n                </Tooltip>\n              ) : null}\n\n              <ModuleCodeViewer data={mod} />\n            </Space>\n          </div>\n        );\n      },\n      dirTitle(dir, defaultTitle) {\n        const mods: string[] = [];\n        const paths = getChildrenModule(dir, mods);\n        if (paths.length) {\n          const mods = paths.map(\n            (e) => includeModules.find((m) => m.path === e)!,\n          );\n\n          const parsedSize = sumBy(mods, (e) => e.size?.parsedSize || 0);\n          const sourceSize = sumBy(mods, (e) => e.size?.sourceSize || 0);\n          return (\n            <div className={styles['bundle-tree']}>\n              <div className={styles.box}>\n                <div className={styles.keywords}>\n                  <Keyword ellipsis text={defaultTitle} keyword={''} />\n                </div>\n                <div className={styles.dividerDiv}>\n                  <Divider className={styles.divider} dashed />\n                </div>\n              </div>\n              <Space>\n                {parsedSize > 0 ? (\n                  <>\n                    <TotalBundledSizeTag size={parsedSize} />\n                    <TotalSourceSizeTag size={sourceSize} />\n                  </>\n                ) : (\n                  <TotalSourceSizeTag size={sourceSize} />\n                )}\n              </Space>\n            </div>\n          );\n        }\n\n        return defaultTitle;\n      },\n      page: 'bundle',\n    });\n    return res;\n  }, [filteredModules]);\n\n  const onSearch = (value: string) => setModuleKeyword(value);\n\n  useEffect(() => {\n    setModuleKeyword('');\n    setDefaultExpandAll(false);\n  }, [asset]);\n\n  useEffect(() => {\n    setDefaultExpandAll(false);\n  }, [moduleKeyword]);\n\n  return (\n    <ModuleGraphListContext.Provider\n      value={{ moduleJumpList, setModuleJumpList }}\n    >\n      <Card\n        className={styles.bundle}\n        title={`Modules of \"${asset.path}\"`}\n        bodyStyle={{ minHeight: height }}\n        size=\"small\"\n      >\n        {includeModules.length ? (\n          <Row>\n            <Col span={24}>\n              <ModulesStatistics\n                modules={includeModules}\n                chunks={includeChunks}\n                filteredModules={filteredModules}\n              />\n            </Col>\n            <Col span={24}>\n              <Space>\n                <KeywordInput\n                  placeholder=\"search module by keyword\"\n                  onChange={onSearch}\n                  key={asset.path}\n                />\n                <Button\n                  onClick={() => setDefaultExpandAll(true)}\n                  size=\"small\"\n                  icon={<ColumnHeightOutlined />}\n                />\n              </Space>\n            </Col>\n            <Col span={24} style={{ marginTop: Size.BasePadding }}>\n              {filteredModules.length ? (\n                <DirectoryTree\n                  key={`tree_${moduleKeyword}_${defaultExpandAll}_${asset.path}`}\n                  selectable={false}\n                  defaultExpandAll={\n                    defaultExpandAll || filteredModules.length <= 20\n                  }\n                  onExpand={(expandedKeys) => {\n                    expandedModulesKeys = expandedKeys;\n                  }}\n                  defaultExpandParent\n                  // @ts-ignore\n                  defaultExpandedKeys={\n                    expandedModulesKeys?.length\n                      ? expandedModulesKeys\n                      : fileStructures.length === 1\n                        ? [fileStructures[0].key]\n                        : []\n                  }\n                  treeData={fileStructures as AntdDataNode[]}\n                  rootStyle={{\n                    maxHeight: '500px',\n                    overflow: 'auto',\n                    border: '1px solid rgba(235, 237, 241)',\n                    padding: '14px 20px',\n                  }}\n                />\n              ) : (\n                <Empty\n                  description={\n                    <Typography.Text\n                      strong\n                    >{`\"${moduleKeyword}\" can't match any modules`}</Typography.Text>\n                  }\n                />\n              )}\n            </Col>\n          </Row>\n        ) : (\n          <Empty\n            description={\n              <Typography.Text\n                strong\n              >{`\"${asset.path}\" doesn't have any modules`}</Typography.Text>\n            }\n          />\n        )}\n\n        <ModuleGraphViewer\n          id={\n            moduleJumpList?.length\n              ? moduleJumpList[moduleJumpList.length - 1]\n              : ''\n          }\n          show={show}\n          setShow={setShow}\n          cwd={root}\n        />\n      </Card>\n    </ModuleGraphListContext.Provider>\n  );\n};\n"],"names":["DirectoryTree","Tree","expandedModulesKeys","TAB_MAP","tagStyle","EmptyCodeItem","Empty","ModuleCodeViewer","data","tab","setTab","useState","t","useI18n","TAB_LAB_MAP","path","TextDrawer","Popover","CodepenCircleOutlined","ServerAPIProvider","SDK","source","Card","Object","omitBy","s","k","e","v","Typography","CodeViewer","ModuleGraphViewer","id","show","setShow","cwd","modules","ModuleAnalyzeComponent","inlinedResourcePathKey","getChildrenModule","node","mods","n","ModulesStatistics","chunks","filteredModules","sourceSize","parsedSize","filteredParsedSize","filteredSourceSize","useMemo","sumBy","Space","Tooltip","InfoCircleOutlined","Divider","formatSize","Bdg","ConcatenatedTag","moduleCount","Tag","TotalBundledSizeTag","size","BundledSizeTag","GzippedSizeTag","TotalSourceSizeTag","SourceSizeTag","AssetDetail","asset","includeChunks","includeModules","moduleSizeLimit","height","root","moduleKeyword","setModuleKeyword","defaultExpandAll","setDefaultExpandAll","moduleJumpList","setModuleJumpList","res","regexp","RegExp","fileStructures","createFileStructures","Boolean","file","basename","mod","gzipSize","isConcatenation","containedOtherModules","styles","Keyword","isJsDataUrl","p","relative","dirname","dir","defaultTitle","paths","m","onSearch","value","useEffect","ModuleGraphListContext","Row","Col","KeywordInput","Button","ColumnHeightOutlined","Size","expandedKeys"],"mappings":"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"}

package/dist/pages/BundleSize/components/cards.mjs

@@ -59,11 +59,11 @@ const AssetCardContainer = ({ titles, datas, bgColor, type })=>{
         value: /*#__PURE__*/ jsx(AssetCard, {
             type: fileType,
             ...currentData,
-            tagBgColor: null == bgColor ? void 0 : bgColor.tagBgColor
+            tagBgColor: bgColor?.tagBgColor
         }),
         boxProps: {
             style: {
-                background: null == bgColor ? void 0 : bgColor.bgColor,
+                background: bgColor?.bgColor,
                 width: cards_innerWidth > 1300 ? '80%' : '95%'
             }
         }

package/dist/pages/BundleSize/components/cards.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/BundleSize/components/cards.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/cards.tsx"],"sourcesContent":["/* eslint-disable react/jsx-key */\nimport React, { useState, useMemo } from 'react';\nimport { Divider, Segmented, theme, Avatar, Tree } from 'antd';\nimport { Client, SDK } from '@rsdoctor/types';\nimport { RightOutlined, FileFilled, GoldenFilled } from '@ant-design/icons';\n\nimport { formatSize, useDuplicatePackagesByErrors } from '../../../utils';\nimport { StatisticCard } from '../../../components/Card/statistic';\nimport { SizeCard, bgColorType } from '../../../components/Card/size';\nimport Overview from '../../../components/Overall/overview';\nimport { ServerAPIProvider } from '../../../components/Manifest';\nimport { getFiles } from '../../..//components/Overall';\nimport { TextDrawer } from '../../..//components/TextDrawer';\n\nimport styles from './card.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst { useToken } = theme;\nconst { innerWidth } = window;\n\ninterface CardProps {\n  showProgress?: boolean;\n  data: Client.RsdoctorClientAssetsSummary['all']['total'];\n  total: number;\n  tagBgColor?: string;\n  type?: string;\n}\n\nconst AssetCard: React.FC<CardProps> = ({\n  showProgress = false,\n  data,\n  total,\n  tagBgColor,\n  type,\n}) => {\n  const { token } = useToken();\n  const _tagBgColor = tagBgColor || token.colorPrimaryBorderHover;\n  return (\n    <SizeCard\n      type={type!}\n      files={data.files}\n      total={total}\n      showProgress={showProgress}\n      tagBgColor={_tagBgColor}\n    />\n  );\n};\n\nconst AssetCardContainer: React.FC<{\n  type?: string;\n  titles: string[];\n  datas: CardProps[];\n  bgColor?: bgColorType;\n}> = ({ titles, datas, bgColor, type }) => {\n  const [selectedTitle, setSelectedTitle] = useState(titles[0]);\n  const idx = useMemo(\n    () => titles.indexOf(selectedTitle),\n    [titles, selectedTitle],\n  );\n  const currentIdx = idx >= 0 ? idx : 0;\n  const fileType = type || selectedTitle || titles[0];\n\n  // Add bounds checking to prevent accessing undefined data\n  const currentData =\n    currentIdx >= 0 && currentIdx < datas.length\n      ? datas[currentIdx]\n      : datas[0] || {};\n\n  return (\n    <StatisticCard\n      title={\n        <div className={styles.cardTitle}>\n          <div className={styles.title}>{fileType}</div>\n          {titles.length > 1 ? (\n            <Segmented\n              defaultValue={titles[0]}\n              options={titles}\n              onChange={(value) => {\n                setSelectedTitle(value as string);\n              }}\n              size=\"small\"\n              style={{ transition: 'transform 0.3s ease' }}\n              value={selectedTitle}\n            />\n          ) : null}\n        </div>\n      }\n      value={\n        <AssetCard\n          type={fileType}\n          {...currentData}\n          tagBgColor={bgColor?.tagBgColor}\n        />\n      }\n      boxProps={{\n        style: {\n          background: bgColor?.bgColor,\n          width: innerWidth > 1300 ? '80%' : '95%',\n        },\n      }}\n    />\n  );\n};\n\nexport const BundleCards: React.FC<{\n  cwd: string;\n  errors: SDK.ErrorsData;\n  summary: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetAssetsSummary>;\n}> = ({ errors, summary }) => {\n  const duplicatePackages = useDuplicatePackagesByErrors(errors);\n  const [totalSize, totalSizeUnit] = formatSize(summary.all.total.size).split(\n    ' ',\n  );\n\n  const arr = [\n    <AssetCardContainer\n      type={'JS'}\n      titles={['Total', 'Initial']}\n      datas={[\n        {\n          data: summary.js.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.js.initial,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      type={'CSS'}\n      titles={['Total', 'Initial']}\n      datas={[\n        {\n          data: summary.css.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.css.initial,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      titles={['Images', 'Fonts', 'Media']}\n      datas={[\n        {\n          data: summary.imgs.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.fonts.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.media.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      type={'HTML'}\n      titles={['HTML Files']}\n      datas={[\n        {\n          data: summary.html.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n  ];\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const { treeData } = getFiles(res['all'].total);\n        return (\n          <div className={styles.container}>\n            <div className={styles.summary}>\n              <Overview\n                title={\n                  <TextDrawer\n                    buttonProps={{\n                      size: 'small',\n                    }}\n                    buttonStyle={{\n                      fontSize: 'inherit',\n                    }}\n                    drawerProps={{\n                      title: 'Files',\n                    }}\n                    text={\n                      <div style={{ color: '#000000a6' }}>\n                        <span style={{ marginRight: '5px' }}>Total Files</span>\n                        <RightOutlined />\n                      </div>\n                    }\n                  >\n                    <DirectoryTree\n                      defaultExpandAll\n                      selectable={false}\n                      treeData={treeData}\n                      rootStyle={{\n                        minHeight: '800px',\n                        border: '1px solid rgba(235, 237, 241)',\n                      }}\n                    />\n                  </TextDrawer>\n                }\n                description={\n                  <>\n                    <span className={styles.description}>{totalSize}</span>\n                    <span className={styles.unit}>{totalSizeUnit}</span>\n                    <div className={styles.totalNumber}>\n                      <span style={{ marginRight: '7px' }}>\n                        Number of files\n                      </span>\n                      <span style={{ fontWeight: 500 }}>\n                        {summary.all.total.count}\n                      </span>\n                    </div>\n                  </>\n                }\n                icon={\n                  <Avatar\n                    style={{ background: '#3874F6' }}\n                    shape=\"circle\"\n                    icon={<FileFilled style={{ fontSize: '18px' }} />}\n                  />\n                }\n                style={{\n                  marginBottom: '12px',\n                  minWidth: '210px',\n                }}\n              />\n              <Overview\n                style={{ minWidth: '210px' }}\n                title={\n                  <div style={{ margin: '4px 0' }}>\n                    <span style={{ marginRight: '5px' }}>\n                      Duplicate Packages\n                    </span>\n                  </div>\n                }\n                description={duplicatePackages.length}\n                icon={\n                  <Avatar\n                    style={{ background: '#13C2C2' }}\n                    shape=\"circle\"\n                    icon={<GoldenFilled style={{ fontSize: '18px' }} />}\n                  />\n                }\n              />\n            </div>\n            <Divider style={{ height: '200px' }} type=\"vertical\" />\n            <div className={styles.chartsContainer}>\n              {arr.map((e, idx) => (\n                <>\n                  <div key={idx} className={styles.chart}>\n                    {e}\n                  </div>\n                  {idx !== arr.length - 1 ? (\n                    <Divider\n                      key={`${idx}-divider`}\n                      style={{ height: '200px' }}\n                      type=\"vertical\"\n                    />\n                  ) : null}\n                </>\n              ))}\n            </div>\n          </div>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","useToken","theme","innerWidth","window","AssetCard","showProgress","data","total","tagBgColor","type","token","_tagBgColor","SizeCard","AssetCardContainer","titles","datas","bgColor","selectedTitle","setSelectedTitle","useState","idx","useMemo","currentIdx","fileType","currentData","StatisticCard","styles","Segmented","value","BundleCards","errors","summary","duplicatePackages","useDuplicatePackagesByErrors","totalSize","totalSizeUnit","formatSize","arr","ServerAPIProvider","SDK","res","treeData","getFiles","Overview","TextDrawer","RightOutlined","Avatar","FileFilled","GoldenFilled","Divider","e"],"mappings":"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"}
+{"version":3,"file":"pages/BundleSize/components/cards.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/cards.tsx"],"sourcesContent":["/* eslint-disable react/jsx-key */\nimport React, { useState, useMemo } from 'react';\nimport { Divider, Segmented, theme, Avatar, Tree } from 'antd';\nimport { Client, SDK } from '@rsdoctor/types';\nimport { RightOutlined, FileFilled, GoldenFilled } from '@ant-design/icons';\n\nimport { formatSize, useDuplicatePackagesByErrors } from '../../../utils';\nimport { StatisticCard } from '../../../components/Card/statistic';\nimport { SizeCard, bgColorType } from '../../../components/Card/size';\nimport Overview from '../../../components/Overall/overview';\nimport { ServerAPIProvider } from '../../../components/Manifest';\nimport { getFiles } from '../../..//components/Overall';\nimport { TextDrawer } from '../../..//components/TextDrawer';\n\nimport styles from './card.module.scss';\n\nconst { DirectoryTree } = Tree;\nconst { useToken } = theme;\nconst { innerWidth } = window;\n\ninterface CardProps {\n  showProgress?: boolean;\n  data: Client.RsdoctorClientAssetsSummary['all']['total'];\n  total: number;\n  tagBgColor?: string;\n  type?: string;\n}\n\nconst AssetCard: React.FC<CardProps> = ({\n  showProgress = false,\n  data,\n  total,\n  tagBgColor,\n  type,\n}) => {\n  const { token } = useToken();\n  const _tagBgColor = tagBgColor || token.colorPrimaryBorderHover;\n  return (\n    <SizeCard\n      type={type!}\n      files={data.files}\n      total={total}\n      showProgress={showProgress}\n      tagBgColor={_tagBgColor}\n    />\n  );\n};\n\nconst AssetCardContainer: React.FC<{\n  type?: string;\n  titles: string[];\n  datas: CardProps[];\n  bgColor?: bgColorType;\n}> = ({ titles, datas, bgColor, type }) => {\n  const [selectedTitle, setSelectedTitle] = useState(titles[0]);\n  const idx = useMemo(\n    () => titles.indexOf(selectedTitle),\n    [titles, selectedTitle],\n  );\n  const currentIdx = idx >= 0 ? idx : 0;\n  const fileType = type || selectedTitle || titles[0];\n\n  // Add bounds checking to prevent accessing undefined data\n  const currentData =\n    currentIdx >= 0 && currentIdx < datas.length\n      ? datas[currentIdx]\n      : datas[0] || {};\n\n  return (\n    <StatisticCard\n      title={\n        <div className={styles.cardTitle}>\n          <div className={styles.title}>{fileType}</div>\n          {titles.length > 1 ? (\n            <Segmented\n              defaultValue={titles[0]}\n              options={titles}\n              onChange={(value) => {\n                setSelectedTitle(value as string);\n              }}\n              size=\"small\"\n              style={{ transition: 'transform 0.3s ease' }}\n              value={selectedTitle}\n            />\n          ) : null}\n        </div>\n      }\n      value={\n        <AssetCard\n          type={fileType}\n          {...currentData}\n          tagBgColor={bgColor?.tagBgColor}\n        />\n      }\n      boxProps={{\n        style: {\n          background: bgColor?.bgColor,\n          width: innerWidth > 1300 ? '80%' : '95%',\n        },\n      }}\n    />\n  );\n};\n\nexport const BundleCards: React.FC<{\n  cwd: string;\n  errors: SDK.ErrorsData;\n  summary: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetAssetsSummary>;\n}> = ({ errors, summary }) => {\n  const duplicatePackages = useDuplicatePackagesByErrors(errors);\n  const [totalSize, totalSizeUnit] = formatSize(summary.all.total.size).split(\n    ' ',\n  );\n\n  const arr = [\n    <AssetCardContainer\n      type={'JS'}\n      titles={['Total', 'Initial']}\n      datas={[\n        {\n          data: summary.js.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.js.initial,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      type={'CSS'}\n      titles={['Total', 'Initial']}\n      datas={[\n        {\n          data: summary.css.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.css.initial,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      titles={['Images', 'Fonts', 'Media']}\n      datas={[\n        {\n          data: summary.imgs.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.fonts.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n        {\n          data: summary.media.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n    <AssetCardContainer\n      type={'HTML'}\n      titles={['HTML Files']}\n      datas={[\n        {\n          data: summary.html.total,\n          total: summary.all.total.size,\n          showProgress: true,\n        },\n      ]}\n    />,\n  ];\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: false }}\n    >\n      {(res) => {\n        const { treeData } = getFiles(res['all'].total);\n        return (\n          <div className={styles.container}>\n            <div className={styles.summary}>\n              <Overview\n                title={\n                  <TextDrawer\n                    buttonProps={{\n                      size: 'small',\n                    }}\n                    buttonStyle={{\n                      fontSize: 'inherit',\n                    }}\n                    drawerProps={{\n                      title: 'Files',\n                    }}\n                    text={\n                      <div style={{ color: '#000000a6' }}>\n                        <span style={{ marginRight: '5px' }}>Total Files</span>\n                        <RightOutlined />\n                      </div>\n                    }\n                  >\n                    <DirectoryTree\n                      defaultExpandAll\n                      selectable={false}\n                      treeData={treeData}\n                      rootStyle={{\n                        minHeight: '800px',\n                        border: '1px solid rgba(235, 237, 241)',\n                      }}\n                    />\n                  </TextDrawer>\n                }\n                description={\n                  <>\n                    <span className={styles.description}>{totalSize}</span>\n                    <span className={styles.unit}>{totalSizeUnit}</span>\n                    <div className={styles.totalNumber}>\n                      <span style={{ marginRight: '7px' }}>\n                        Number of files\n                      </span>\n                      <span style={{ fontWeight: 500 }}>\n                        {summary.all.total.count}\n                      </span>\n                    </div>\n                  </>\n                }\n                icon={\n                  <Avatar\n                    style={{ background: '#3874F6' }}\n                    shape=\"circle\"\n                    icon={<FileFilled style={{ fontSize: '18px' }} />}\n                  />\n                }\n                style={{\n                  marginBottom: '12px',\n                  minWidth: '210px',\n                }}\n              />\n              <Overview\n                style={{ minWidth: '210px' }}\n                title={\n                  <div style={{ margin: '4px 0' }}>\n                    <span style={{ marginRight: '5px' }}>\n                      Duplicate Packages\n                    </span>\n                  </div>\n                }\n                description={duplicatePackages.length}\n                icon={\n                  <Avatar\n                    style={{ background: '#13C2C2' }}\n                    shape=\"circle\"\n                    icon={<GoldenFilled style={{ fontSize: '18px' }} />}\n                  />\n                }\n              />\n            </div>\n            <Divider style={{ height: '200px' }} type=\"vertical\" />\n            <div className={styles.chartsContainer}>\n              {arr.map((e, idx) => (\n                <>\n                  <div key={idx} className={styles.chart}>\n                    {e}\n                  </div>\n                  {idx !== arr.length - 1 ? (\n                    <Divider\n                      key={`${idx}-divider`}\n                      style={{ height: '200px' }}\n                      type=\"vertical\"\n                    />\n                  ) : null}\n                </>\n              ))}\n            </div>\n          </div>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["DirectoryTree","Tree","useToken","theme","innerWidth","window","AssetCard","showProgress","data","total","tagBgColor","type","token","_tagBgColor","SizeCard","AssetCardContainer","titles","datas","bgColor","selectedTitle","setSelectedTitle","useState","idx","useMemo","currentIdx","fileType","currentData","StatisticCard","styles","Segmented","value","BundleCards","errors","summary","duplicatePackages","useDuplicatePackagesByErrors","totalSize","totalSizeUnit","formatSize","arr","ServerAPIProvider","SDK","res","treeData","getFiles","Overview","TextDrawer","RightOutlined","Avatar","FileFilled","GoldenFilled","Divider","e"],"mappings":"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"}

package/dist/pages/BundleSize/components/index_module.css

@@ -67,8 +67,7 @@
 }
 
 .assetsTag-eAVvyj .ant-divider-vertical {
-  margin-inline-start: 0;
-  margin-inline-end: 0;
+  margin-inline: 0;
 }
 
 .bundle-cPw2Kc {
@@ -123,10 +122,7 @@
   background: linear-gradient(135deg, #6253e1, #04befe);
   transition: all .3s;
   position: absolute;
-  top: -1px;
-  bottom: -1px;
-  left: -1px;
-  right: -1px;
+  inset: -1px;
 }
 
 .search-btn-To902q:hover:before {

package/dist/pages/BundleSize/components/index_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/pages/BundleSize/components/index.module.scss"],"names":[],"mappings":"AADA;EAEE,WAAW;AACb;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,UAAU;EACV,sBAAsB;EACtB,qDAAqD;EACrD,mBAAmB;EACnB,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,UAAU;EACV,WAAW;AACb;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,iBAAiB;EACjB,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,sBAAsB;AACxB","sourcesContent":[".assets :global .rc-tree-indent-unit{width:22px}.assets :global .rc-tree-treenode{line-height:30px !important}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .rc-tree-switcher{position:relative;bottom:4px}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .rc-tree-node-content-wrapper{font-size:14px}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .file-icon{padding:10px 0 0 0;margin-left:0}.assets .assetBox{display:flex;align-items:center}.assets .assetBox .fileText{margin-right:4px}.bundle-tree{display:flex}.bundle-tree :global span.ant-tag{margin:none;margin-inline-end:0px}.box{display:flex;height:30px;width:100%}.box .keyword{flex:0 0 auto;padding-right:5}.divider{border-color:rgba(0,0,0,.12);position:relative;bottom:20%}.dividerDiv{flex-grow:1;margin:0 10px;bottom:10%;position:relative}.assetsTag{height:30px}.assetsTag :global .ant-divider-vertical{margin-inline:0}.bundle :global{font-size:14px}.bundle :global .rc-tree-node-content-wrapper{font-size:14px}.bundle :global .file-icon{margin-left:0}.bundle :global .ant-tree-indent-unit{width:10px}.bundle :global .ant-tree-iconEle{margin-right:2px}.bundle :global .ant-tree-node-content-wrapper-open{display:flex}.bundle :global .ant-tree-node-content-wrapper-close{display:flex}.bundle-size-card .ant-tabs-tab{margin-right:20px}.modal :global .ant-input-affix-wrapper{padding:4px 5px;width:490px}.search-btn{color:#fff}.search-btn>span{position:relative}.search-btn::before{content:\"\";background:linear-gradient(135deg, #6253e1, #04befe);position:absolute;inset:-1px;opacity:1;transition:all .3s;border-radius:inherit}.search-btn:hover::before{opacity:0}.search-modal-list :global .ant-spin-container{overflow:auto;max-height:30rem}.search-modal-list :global .search-list-item.clickable:hover{background-color:#eee;cursor:pointer}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/pages/BundleSize/components/index.module.scss"],"names":[],"mappings":"AADA;EAEE,WAAW;AACb;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,UAAU;EACV,sBAAsB;EACtB,qDAAqD;EACrD,mBAAmB;EACnB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,iBAAiB;EACjB,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,sBAAsB;AACxB","sourcesContent":[".assets :global .rc-tree-indent-unit{width:22px}.assets :global .rc-tree-treenode{line-height:30px !important}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .rc-tree-switcher{position:relative;bottom:4px}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .rc-tree-node-content-wrapper{font-size:14px}.assets :global .rc-tree-treenode:not(.rc-tree-treenode-switcher-open):not(.rc-tree-treenode-switcher-close) .file-icon{padding:10px 0 0 0;margin-left:0}.assets .assetBox{display:flex;align-items:center}.assets .assetBox .fileText{margin-right:4px}.bundle-tree{display:flex}.bundle-tree :global span.ant-tag{margin:none;margin-inline-end:0px}.box{display:flex;height:30px;width:100%}.box .keyword{flex:0 0 auto;padding-right:5}.divider{border-color:rgba(0,0,0,.12);position:relative;bottom:20%}.dividerDiv{flex-grow:1;margin:0 10px;bottom:10%;position:relative}.assetsTag{height:30px}.assetsTag :global .ant-divider-vertical{margin-inline:0}.bundle :global{font-size:14px}.bundle :global .rc-tree-node-content-wrapper{font-size:14px}.bundle :global .file-icon{margin-left:0}.bundle :global .ant-tree-indent-unit{width:10px}.bundle :global .ant-tree-iconEle{margin-right:2px}.bundle :global .ant-tree-node-content-wrapper-open{display:flex}.bundle :global .ant-tree-node-content-wrapper-close{display:flex}.bundle-size-card .ant-tabs-tab{margin-right:20px}.modal :global .ant-input-affix-wrapper{padding:4px 5px;width:490px}.search-btn{color:#fff}.search-btn>span{position:relative}.search-btn::before{content:\"\";background:linear-gradient(135deg, #6253e1, #04befe);position:absolute;inset:-1px;opacity:1;transition:all .3s;border-radius:inherit}.search-btn:hover::before{opacity:0}.search-modal-list :global .ant-spin-container{overflow:auto;max-height:30rem}.search-modal-list :global .search-list-item.clickable:hover{background-color:#eee;cursor:pointer}"],"sourceRoot":""}

package/dist/pages/BundleSize/components/search-modal.mjs

@@ -21,11 +21,11 @@ const SearchModal = ({ onModuleClick, onClose, open, setOpen, isIcon = false })=
     };
     const handleOk = ()=>{
         setModalOpen(false);
-        null == onClose || onClose();
+        onClose?.();
     };
     const handleCancel = ()=>{
         setModalOpen(false);
-        null == onClose || onClose();
+        onClose?.();
     };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -72,9 +72,9 @@ const SearchModal = ({ onModuleClick, onClose, open, setOpen, isIcon = false })=
                                             label: assetsChunksList[chunk],
                                             key: id,
                                             children: ModulesModal(searchModule, searchChunk || defaultChunkId, (item)=>{
-                                                null == onModuleClick || onModuleClick(item);
+                                                onModuleClick?.(item);
                                                 setModalOpen(false);
-                                                null == onClose || onClose();
+                                                onClose?.();
                                             })
                                         };
                                     })
@@ -96,7 +96,7 @@ const ModulesModal = (searchModule, chunk, onModuleClick)=>/*#__PURE__*/ jsx(Ser
             chunk
         },
         children: (modules)=>/*#__PURE__*/ jsx(Fragment, {
-                children: (null == modules ? void 0 : modules.length) !== 0 ? /*#__PURE__*/ jsx(List, {
+                children: modules?.length !== 0 ? /*#__PURE__*/ jsx(List, {
                     className: index_module["search-modal-list"],
                     loading: !modules.length,
                     itemLayout: "horizontal",

package/dist/pages/BundleSize/components/search-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/BundleSize/components/search-modal.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/search-modal.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Modal,\n  Input,\n  Tabs,\n  List,\n  Skeleton,\n  Typography,\n  Empty,\n} from 'antd';\nimport { SearchProps } from 'antd/es/input';\nimport { ServerAPIProvider } from 'src/components';\nimport { SDK } from '@rsdoctor/types';\nimport styles from './index.module.scss';\nimport { SearchOutlined } from '@ant-design/icons';\n\nconst { Search } = Input;\n\ntype OnSearchParams = Parameters<NonNullable<SearchProps['onSearch']>>;\n\nexport const SearchModal: React.FC<{\n  onModuleClick?: (module: any) => void;\n  onClose?: () => void;\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n  isIcon?: boolean;\n}> = ({\n  onModuleClick = undefined,\n  onClose,\n  open,\n  setOpen,\n  isIcon = false,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [searchModule, setSearchModule] = useState('');\n  const [searchChunk, setSearchChunk] = useState('');\n\n  const modalOpen = open !== undefined ? open : isModalOpen;\n  const setModalOpen = setOpen || setIsModalOpen;\n\n  const onSearch: SearchProps['onSearch'] = useCallback(\n    (...args: OnSearchParams) => {\n      const [value, _event] = args;\n      setSearchModule(value);\n    },\n    [],\n  );\n\n  const showModal = () => {\n    setModalOpen(true);\n  };\n\n  const handleOk = () => {\n    setModalOpen(false);\n    onClose?.();\n  };\n\n  const handleCancel = () => {\n    setModalOpen(false);\n    onClose?.();\n  };\n\n  return (\n    <>\n      {isIcon ? (\n        <SearchOutlined onClick={showModal} />\n      ) : (\n        <Button\n          className={styles['search-btn']}\n          color=\"cyan\"\n          onClick={showModal}\n        >\n          Search Module\n        </Button>\n      )}\n\n      <ServerAPIProvider\n        api={SDK.ServerAPI.API.GetSearchModules}\n        body={{ moduleName: String(searchModule) }}\n      >\n        {(assetsChunksList) => {\n          const defaultChunkId = Object.keys(assetsChunksList)[0];\n          return (\n            <>\n              <Modal\n                className={styles.modal}\n                title=\"Search Modules\"\n                onOk={handleOk}\n                onCancel={handleCancel}\n                open={modalOpen}\n                width={'65rem'}\n                footer=\"\"\n              >\n                <Search\n                  placeholder=\"input search module name\"\n                  allowClear\n                  onSearch={onSearch}\n                  style={{ width: 500 }}\n                />\n                {defaultChunkId ? (\n                  <Tabs\n                    defaultActiveKey={defaultChunkId}\n                    tabPosition={'top'}\n                    onChange={(value) => setSearchChunk(value)}\n                    items={Object.keys(assetsChunksList).map((chunk, _i) => {\n                      const id = chunk;\n                      return {\n                        label: assetsChunksList[chunk],\n                        key: id,\n                        children: ModulesModal(\n                          searchModule,\n                          searchChunk || defaultChunkId,\n                          (item) => {\n                            onModuleClick?.(item);\n                            setModalOpen(false);\n                            onClose?.();\n                          },\n                        ),\n                      };\n                    })}\n                  />\n                ) : (\n                  <Empty description={'No modules found.'} />\n                )}\n              </Modal>\n            </>\n          );\n        }}\n      </ServerAPIProvider>\n    </>\n  );\n};\n\nconst ModulesModal = (\n  searchModule: string,\n  chunk: string,\n  onModuleClick?: (module: any) => void | undefined,\n) => {\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetSearchModuleInChunk}\n      body={{ moduleName: String(searchModule), chunk }}\n    >\n      {(modules) => (\n        <>\n          {modules?.length !== 0 ? (\n            <List\n              className={styles['search-modal-list']}\n              loading={!modules.length}\n              itemLayout=\"horizontal\"\n              pagination={{ position: 'bottom', align: 'center' }}\n              dataSource={modules}\n              renderItem={(item) => {\n                const itemPathArr = item.relativePath.split(searchModule);\n                return (\n                  <List.Item\n                    className={\n                      onModuleClick\n                        ? 'search-list-item clickable'\n                        : 'search-list-item'\n                    }\n                    key={`${item.path}-${item.relativePath}`}\n                    onClick={\n                      onModuleClick ? () => onModuleClick(item) : undefined\n                    }\n                  >\n                    <Skeleton avatar title={false} loading={!item.path} active>\n                      <List.Item.Meta\n                        key={`${item.path}-${item.relativePath}-meta`}\n                        description={\n                          <>\n                            <Typography.Text code>{'Module:'}</Typography.Text>\n                            {itemPathArr.map((cur, index) => {\n                              if (index < itemPathArr.length - 1) {\n                                return (\n                                  <Typography.Text\n                                    key={`${cur}-${index}`}\n                                    style={{ fontWeight: 200 }}\n                                  >\n                                    {cur}\n                                    <Typography.Text\n                                      strong\n                                      key={`${cur}-${index}-strong`}\n                                      style={{ fontWeight: 600 }}\n                                    >\n                                      {searchModule}\n                                    </Typography.Text>\n                                  </Typography.Text>\n                                );\n                              }\n                              return (\n                                <Typography.Text style={{ fontWeight: 200 }}>\n                                  {cur}\n                                </Typography.Text>\n                              );\n                            })}\n                          </>\n                        }\n                      />\n                    </Skeleton>\n                  </List.Item>\n                );\n              }}\n            />\n          ) : (\n            <Empty />\n          )}\n        </>\n      )}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["Search","Input","SearchModal","onModuleClick","onClose","open","setOpen","isIcon","isModalOpen","setIsModalOpen","useState","searchModule","setSearchModule","searchChunk","setSearchChunk","modalOpen","undefined","setModalOpen","onSearch","useCallback","args","value","_event","showModal","handleOk","handleCancel","SearchOutlined","Button","styles","ServerAPIProvider","SDK","String","assetsChunksList","defaultChunkId","Object","Modal","Tabs","chunk","_i","id","ModulesModal","item","Empty","modules","List","itemPathArr","Skeleton","Typography","cur","index"],"mappings":"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"}
+{"version":3,"file":"pages/BundleSize/components/search-modal.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/search-modal.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Modal,\n  Input,\n  Tabs,\n  List,\n  Skeleton,\n  Typography,\n  Empty,\n} from 'antd';\nimport { SearchProps } from 'antd/es/input';\nimport { ServerAPIProvider } from 'src/components';\nimport { SDK } from '@rsdoctor/types';\nimport styles from './index.module.scss';\nimport { SearchOutlined } from '@ant-design/icons';\n\nconst { Search } = Input;\n\ntype OnSearchParams = Parameters<NonNullable<SearchProps['onSearch']>>;\n\nexport const SearchModal: React.FC<{\n  onModuleClick?: (module: any) => void;\n  onClose?: () => void;\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n  isIcon?: boolean;\n}> = ({\n  onModuleClick = undefined,\n  onClose,\n  open,\n  setOpen,\n  isIcon = false,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [searchModule, setSearchModule] = useState('');\n  const [searchChunk, setSearchChunk] = useState('');\n\n  const modalOpen = open !== undefined ? open : isModalOpen;\n  const setModalOpen = setOpen || setIsModalOpen;\n\n  const onSearch: SearchProps['onSearch'] = useCallback(\n    (...args: OnSearchParams) => {\n      const [value, _event] = args;\n      setSearchModule(value);\n    },\n    [],\n  );\n\n  const showModal = () => {\n    setModalOpen(true);\n  };\n\n  const handleOk = () => {\n    setModalOpen(false);\n    onClose?.();\n  };\n\n  const handleCancel = () => {\n    setModalOpen(false);\n    onClose?.();\n  };\n\n  return (\n    <>\n      {isIcon ? (\n        <SearchOutlined onClick={showModal} />\n      ) : (\n        <Button\n          className={styles['search-btn']}\n          color=\"cyan\"\n          onClick={showModal}\n        >\n          Search Module\n        </Button>\n      )}\n\n      <ServerAPIProvider\n        api={SDK.ServerAPI.API.GetSearchModules}\n        body={{ moduleName: String(searchModule) }}\n      >\n        {(assetsChunksList) => {\n          const defaultChunkId = Object.keys(assetsChunksList)[0];\n          return (\n            <>\n              <Modal\n                className={styles.modal}\n                title=\"Search Modules\"\n                onOk={handleOk}\n                onCancel={handleCancel}\n                open={modalOpen}\n                width={'65rem'}\n                footer=\"\"\n              >\n                <Search\n                  placeholder=\"input search module name\"\n                  allowClear\n                  onSearch={onSearch}\n                  style={{ width: 500 }}\n                />\n                {defaultChunkId ? (\n                  <Tabs\n                    defaultActiveKey={defaultChunkId}\n                    tabPosition={'top'}\n                    onChange={(value) => setSearchChunk(value)}\n                    items={Object.keys(assetsChunksList).map((chunk, _i) => {\n                      const id = chunk;\n                      return {\n                        label: assetsChunksList[chunk],\n                        key: id,\n                        children: ModulesModal(\n                          searchModule,\n                          searchChunk || defaultChunkId,\n                          (item) => {\n                            onModuleClick?.(item);\n                            setModalOpen(false);\n                            onClose?.();\n                          },\n                        ),\n                      };\n                    })}\n                  />\n                ) : (\n                  <Empty description={'No modules found.'} />\n                )}\n              </Modal>\n            </>\n          );\n        }}\n      </ServerAPIProvider>\n    </>\n  );\n};\n\nconst ModulesModal = (\n  searchModule: string,\n  chunk: string,\n  onModuleClick?: (module: any) => void | undefined,\n) => {\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetSearchModuleInChunk}\n      body={{ moduleName: String(searchModule), chunk }}\n    >\n      {(modules) => (\n        <>\n          {modules?.length !== 0 ? (\n            <List\n              className={styles['search-modal-list']}\n              loading={!modules.length}\n              itemLayout=\"horizontal\"\n              pagination={{ position: 'bottom', align: 'center' }}\n              dataSource={modules}\n              renderItem={(item) => {\n                const itemPathArr = item.relativePath.split(searchModule);\n                return (\n                  <List.Item\n                    className={\n                      onModuleClick\n                        ? 'search-list-item clickable'\n                        : 'search-list-item'\n                    }\n                    key={`${item.path}-${item.relativePath}`}\n                    onClick={\n                      onModuleClick ? () => onModuleClick(item) : undefined\n                    }\n                  >\n                    <Skeleton avatar title={false} loading={!item.path} active>\n                      <List.Item.Meta\n                        key={`${item.path}-${item.relativePath}-meta`}\n                        description={\n                          <>\n                            <Typography.Text code>{'Module:'}</Typography.Text>\n                            {itemPathArr.map((cur, index) => {\n                              if (index < itemPathArr.length - 1) {\n                                return (\n                                  <Typography.Text\n                                    key={`${cur}-${index}`}\n                                    style={{ fontWeight: 200 }}\n                                  >\n                                    {cur}\n                                    <Typography.Text\n                                      strong\n                                      key={`${cur}-${index}-strong`}\n                                      style={{ fontWeight: 600 }}\n                                    >\n                                      {searchModule}\n                                    </Typography.Text>\n                                  </Typography.Text>\n                                );\n                              }\n                              return (\n                                <Typography.Text style={{ fontWeight: 200 }}>\n                                  {cur}\n                                </Typography.Text>\n                              );\n                            })}\n                          </>\n                        }\n                      />\n                    </Skeleton>\n                  </List.Item>\n                );\n              }}\n            />\n          ) : (\n            <Empty />\n          )}\n        </>\n      )}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["Search","Input","SearchModal","onModuleClick","onClose","open","setOpen","isIcon","isModalOpen","setIsModalOpen","useState","searchModule","setSearchModule","searchChunk","setSearchChunk","modalOpen","undefined","setModalOpen","onSearch","useCallback","args","value","_event","showModal","handleOk","handleCancel","SearchOutlined","Button","styles","ServerAPIProvider","SDK","String","assetsChunksList","defaultChunkId","Object","Modal","Tabs","chunk","_i","id","ModulesModal","item","Empty","modules","List","itemPathArr","Skeleton","Typography","cur","index"],"mappings":"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"}

package/dist/pages/ModuleAnalyze/chunks.mjs

@@ -58,7 +58,7 @@ const ChunksTable = ({ chunks })=>{
         chunks
     ]);
     return /*#__PURE__*/ jsx(Fragment, {
-        children: (null == chunksData ? void 0 : chunksData.length) ? /*#__PURE__*/ jsx(Table, {
+        children: chunksData?.length ? /*#__PURE__*/ jsx(Table, {
             bordered: true,
             pagination: false,
             dataSource: chunksData,

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

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/chunks.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/chunks.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Empty, Table, Tag } from 'antd';\nimport { orderBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { formatSize } from 'src/utils';\nimport './index.sass';\nimport { Lodash } from '@rsdoctor/utils/common';\n\ntype ChunksDataType = {\n  key: string | number;\n  name: JSX.Element;\n  size: JSX.Element;\n  entry: JSX.Element;\n  assets: JSX.Element[];\n};\n\nconst columns = [\n  {\n    title: 'Chunk Name',\n    dataIndex: 'name',\n    key: 'name',\n  },\n  {\n    title: 'size | 大小',\n    dataIndex: 'size',\n    key: 'size',\n  },\n  {\n    title: 'assets | 资源',\n    dataIndex: 'assets',\n    key: 'assets',\n  },\n  {\n    title: 'Entry or Not | 是否是入口',\n    dataIndex: 'entry',\n    key: 'entry',\n  },\n];\n\nexport const ChunksTable: React.FC<{\n  chunks: SDK.ChunkData[];\n}> = ({ chunks }) => {\n  const chunksData = useMemo(() => {\n    const _chunksData: (ChunksDataType | undefined)[] = chunks.map((chunk) => {\n      if (!chunk) return undefined;\n      return {\n        key: chunk.id,\n        name: <Tag>{chunk.name}</Tag>,\n        size: <Tag>{formatSize(chunk.parsedSize)}</Tag>,\n        entry: <Tag>{chunk.entry ? '是 | Yes' : '否 | No'}</Tag>,\n        assets: chunk.assets.map((asset) => (\n          <p key={asset}>\n            <Tag key={asset}>{asset}</Tag>\n          </p>\n        )),\n      };\n    });\n    return orderBy(Lodash.compact(_chunksData), ['size'], ['desc']);\n  }, [chunks]);\n\n  return (\n    <>\n      {chunksData?.length ? (\n        <Table\n          bordered\n          pagination={false}\n          dataSource={chunksData}\n          columns={columns}\n        />\n      ) : (\n        <Empty />\n      )}\n    </>\n  );\n};\n"],"names":["columns","ChunksTable","chunks","chunksData","useMemo","_chunksData","chunk","Tag","formatSize","asset","orderBy","Lodash","Table","Empty"],"mappings":";;;;;;;AAgBA,MAAMA,UAAU;IACd;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;CACD;AAEM,MAAMC,cAER,CAAC,EAAEC,MAAM,EAAE;IACd,MAAMC,aAAaC,QAAQ;QACzB,MAAMC,cAA8CH,OAAO,GAAG,CAAC,CAACI;YAC9D,IAAI,CAACA,OAAO;YACZ,OAAO;gBACL,KAAKA,MAAM,EAAE;gBACb,MAAM,WAAN,GAAM,IAACC,KAAGA;8BAAED,MAAM,IAAI;;gBACtB,MAAM,WAAN,GAAM,IAACC,KAAGA;8BAAEC,WAAWF,MAAM,UAAU;;gBACvC,OAAO,WAAP,GAAO,IAACC,KAAGA;8BAAED,MAAM,KAAK,GAAG,YAAY;;gBACvC,QAAQA,MAAM,MAAM,CAAC,GAAG,CAAC,CAACG,QAAAA,WAAAA,GACxB,IAAC;kCACC,kBAACF,KAAGA;sCAAcE;2BAARA;uBADJA;YAIZ;QACF;QACA,OAAOC,QAAQC,OAAO,OAAO,CAACN,cAAc;YAAC;SAAO,EAAE;YAAC;SAAO;IAChE,GAAG;QAACH;KAAO;IAEX,OAAO,WAAP,GACE;kBACGC,AAAAA,CAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY,MAAM,AAAD,IAAC,cACjB,IAACS,OAAKA;YACJ,UAAQ;YACR,YAAY;YACZ,YAAYT;YACZ,SAASH;2BAGX,IAACa,OAAKA,CAAAA;;AAId"}
+{"version":3,"file":"pages/ModuleAnalyze/chunks.mjs","sources":["webpack://@rsdoctor/components/./src/pages/ModuleAnalyze/chunks.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Empty, Table, Tag } from 'antd';\nimport { orderBy } from 'es-toolkit/compat';\nimport React, { useMemo } from 'react';\nimport { formatSize } from 'src/utils';\nimport './index.sass';\nimport { Lodash } from '@rsdoctor/utils/common';\n\ntype ChunksDataType = {\n  key: string | number;\n  name: JSX.Element;\n  size: JSX.Element;\n  entry: JSX.Element;\n  assets: JSX.Element[];\n};\n\nconst columns = [\n  {\n    title: 'Chunk Name',\n    dataIndex: 'name',\n    key: 'name',\n  },\n  {\n    title: 'size | 大小',\n    dataIndex: 'size',\n    key: 'size',\n  },\n  {\n    title: 'assets | 资源',\n    dataIndex: 'assets',\n    key: 'assets',\n  },\n  {\n    title: 'Entry or Not | 是否是入口',\n    dataIndex: 'entry',\n    key: 'entry',\n  },\n];\n\nexport const ChunksTable: React.FC<{\n  chunks: SDK.ChunkData[];\n}> = ({ chunks }) => {\n  const chunksData = useMemo(() => {\n    const _chunksData: (ChunksDataType | undefined)[] = chunks.map((chunk) => {\n      if (!chunk) return undefined;\n      return {\n        key: chunk.id,\n        name: <Tag>{chunk.name}</Tag>,\n        size: <Tag>{formatSize(chunk.parsedSize)}</Tag>,\n        entry: <Tag>{chunk.entry ? '是 | Yes' : '否 | No'}</Tag>,\n        assets: chunk.assets.map((asset) => (\n          <p key={asset}>\n            <Tag key={asset}>{asset}</Tag>\n          </p>\n        )),\n      };\n    });\n    return orderBy(Lodash.compact(_chunksData), ['size'], ['desc']);\n  }, [chunks]);\n\n  return (\n    <>\n      {chunksData?.length ? (\n        <Table\n          bordered\n          pagination={false}\n          dataSource={chunksData}\n          columns={columns}\n        />\n      ) : (\n        <Empty />\n      )}\n    </>\n  );\n};\n"],"names":["columns","ChunksTable","chunks","chunksData","useMemo","_chunksData","chunk","Tag","formatSize","asset","orderBy","Lodash","Table","Empty"],"mappings":";;;;;;;AAgBA,MAAMA,UAAU;IACd;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;IACA;QACE,OAAO;QACP,WAAW;QACX,KAAK;IACP;CACD;AAEM,MAAMC,cAER,CAAC,EAAEC,MAAM,EAAE;IACd,MAAMC,aAAaC,QAAQ;QACzB,MAAMC,cAA8CH,OAAO,GAAG,CAAC,CAACI;YAC9D,IAAI,CAACA,OAAO;YACZ,OAAO;gBACL,KAAKA,MAAM,EAAE;gBACb,MAAM,WAAN,GAAM,IAACC,KAAGA;8BAAED,MAAM,IAAI;;gBACtB,MAAM,WAAN,GAAM,IAACC,KAAGA;8BAAEC,WAAWF,MAAM,UAAU;;gBACvC,OAAO,WAAP,GAAO,IAACC,KAAGA;8BAAED,MAAM,KAAK,GAAG,YAAY;;gBACvC,QAAQA,MAAM,MAAM,CAAC,GAAG,CAAC,CAACG,QAAAA,WAAAA,GACxB,IAAC;kCACC,kBAACF,KAAGA;sCAAcE;2BAARA;uBADJA;YAIZ;QACF;QACA,OAAOC,QAAQC,OAAO,OAAO,CAACN,cAAc;YAAC;SAAO,EAAE;YAAC;SAAO;IAChE,GAAG;QAACH;KAAO;IAEX,OAAO,WAAP,GACE;kBACGC,YAAY,SAAS,WAAT,GACX,IAACS,OAAKA;YACJ,UAAQ;YACR,YAAY;YACZ,YAAYT;YACZ,SAASH;2BAGX,IAACa,OAAKA,CAAAA;;AAId"}