@rsdoctor/components 1.3.7 → 1.3.9

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

@@ -1 +1 @@
-{"version":3,"file":"components/base/CodeViewer/useCodeDrawer.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/CodeViewer/useCodeDrawer.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Drawer, Empty } from 'antd';\nimport { useState } from 'react';\nimport { CodeViewer } from '.';\nimport { CodeViewerProps } from './interface';\n\nconst defaultEmptyReason = 'No Code';\n\n/**\n * Use drawer to display code content\n * @param emptyReason Text to display when there is no code content\n */\nexport function useCodeDrawer(emptyReason: string) {\n  const [code, setCode] = useState('');\n  const [lang, setLang] = useState('');\n  const [filePath, setFilePath] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [defaultLine, setDefaultLine] = useState<number>();\n  const [ranges, setRanges] = useState<SDK.SourceRange[]>();\n\n  const codeDrawerComponent = (\n    <Drawer\n      maskClosable\n      zIndex={999}\n      width={'70%'}\n      destroyOnClose\n      title={`Code of \"${filePath}\"`}\n      open={visible}\n      onClose={() => setVisible(false)}\n    >\n      {code ? (\n        <CodeViewer\n          code={code}\n          lang={lang}\n          filePath={filePath}\n          defaultLine={defaultLine}\n          ranges={ranges}\n        />\n      ) : (\n        <Empty description={emptyReason || defaultEmptyReason} />\n      )}\n    </Drawer>\n  );\n\n  return {\n    showCode(\n      codeConfig: Pick<\n        CodeViewerProps,\n        'code' | 'filePath' | 'ranges' | 'lang' | 'defaultLine'\n      >,\n    ) {\n      setCode(codeConfig.code || '');\n      setLang(codeConfig.lang || '');\n      setFilePath(codeConfig.filePath || '');\n      setDefaultLine(codeConfig.defaultLine);\n      setRanges(codeConfig.ranges);\n      setVisible(true);\n    },\n    codeDrawerComponent,\n  };\n}\n"],"names":["defaultEmptyReason","useCodeDrawer","emptyReason","code","setCode","useState","lang","setLang","filePath","setFilePath","visible","setVisible","defaultLine","setDefaultLine","ranges","setRanges","codeDrawerComponent","Drawer","CodeViewer","Empty","codeConfig"],"mappings":";;;;AAMA,MAAMA,qBAAqB;AAMpB,SAASC,cAAcC,WAAmB;IAC/C,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,MAAMC,QAAQ,GAAGF,SAAS;IACjC,MAAM,CAACG,UAAUC,YAAY,GAAGJ,SAAS;IACzC,MAAM,CAACK,SAASC,WAAW,GAAGN,SAAS;IACvC,MAAM,CAACO,aAAaC,eAAe,GAAGR;IACtC,MAAM,CAACS,QAAQC,UAAU,GAAGV;IAE5B,MAAMW,sBAAsB,WAAtBA,GACJ,IAACC,QAAMA;QACL,cAAY;QACZ,QAAQ;QACR,OAAO;QACP,gBAAc;QACd,OAAO,CAAC,SAAS,EAAET,SAAS,CAAC,CAAC;QAC9B,MAAME;QACN,SAAS,IAAMC,WAAW;kBAEzBR,OAAO,WAAPA,GACC,IAACe,YAAUA;YACT,MAAMf;YACN,MAAMG;YACN,UAAUE;YACV,aAAaI;YACb,QAAQE;2BAGV,IAACK,OAAKA;YAAC,aAAajB,eAAeF;;;IAKzC,OAAO;QACL,UACEoB,UAGC;YAEDhB,QAAQgB,WAAW,IAAI,IAAI;YAC3Bb,QAAQa,WAAW,IAAI,IAAI;YAC3BX,YAAYW,WAAW,QAAQ,IAAI;YACnCP,eAAeO,WAAW,WAAW;YACrCL,UAAUK,WAAW,MAAM;YAC3BT,WAAW;QACb;QACAK;IACF;AACF"}
+{"version":3,"file":"components/base/CodeViewer/useCodeDrawer.mjs","sources":["../../../../src/components/base/CodeViewer/useCodeDrawer.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Drawer, Empty } from 'antd';\nimport { useState } from 'react';\nimport { CodeViewer } from '.';\nimport { CodeViewerProps } from './interface';\n\nconst defaultEmptyReason = 'No Code';\n\n/**\n * Use drawer to display code content\n * @param emptyReason Text to display when there is no code content\n */\nexport function useCodeDrawer(emptyReason: string) {\n  const [code, setCode] = useState('');\n  const [lang, setLang] = useState('');\n  const [filePath, setFilePath] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [defaultLine, setDefaultLine] = useState<number>();\n  const [ranges, setRanges] = useState<SDK.SourceRange[]>();\n\n  const codeDrawerComponent = (\n    <Drawer\n      maskClosable\n      zIndex={999}\n      width={'70%'}\n      destroyOnClose\n      title={`Code of \"${filePath}\"`}\n      open={visible}\n      onClose={() => setVisible(false)}\n    >\n      {code ? (\n        <CodeViewer\n          code={code}\n          lang={lang}\n          filePath={filePath}\n          defaultLine={defaultLine}\n          ranges={ranges}\n        />\n      ) : (\n        <Empty description={emptyReason || defaultEmptyReason} />\n      )}\n    </Drawer>\n  );\n\n  return {\n    showCode(\n      codeConfig: Pick<\n        CodeViewerProps,\n        'code' | 'filePath' | 'ranges' | 'lang' | 'defaultLine'\n      >,\n    ) {\n      setCode(codeConfig.code || '');\n      setLang(codeConfig.lang || '');\n      setFilePath(codeConfig.filePath || '');\n      setDefaultLine(codeConfig.defaultLine);\n      setRanges(codeConfig.ranges);\n      setVisible(true);\n    },\n    codeDrawerComponent,\n  };\n}\n"],"names":["defaultEmptyReason","useCodeDrawer","emptyReason","code","setCode","useState","lang","setLang","filePath","setFilePath","visible","setVisible","defaultLine","setDefaultLine","ranges","setRanges","codeDrawerComponent","Drawer","CodeViewer","Empty","codeConfig"],"mappings":";;;;AAMA,MAAMA,qBAAqB;AAMpB,SAASC,cAAcC,WAAmB;IAC/C,MAAM,CAACC,MAAMC,QAAQ,GAAGC,SAAS;IACjC,MAAM,CAACC,MAAMC,QAAQ,GAAGF,SAAS;IACjC,MAAM,CAACG,UAAUC,YAAY,GAAGJ,SAAS;IACzC,MAAM,CAACK,SAASC,WAAW,GAAGN,SAAS;IACvC,MAAM,CAACO,aAAaC,eAAe,GAAGR;IACtC,MAAM,CAACS,QAAQC,UAAU,GAAGV;IAE5B,MAAMW,sBAAsB,WAAtBA,GACJ,IAACC,QAAMA;QACL,cAAY;QACZ,QAAQ;QACR,OAAO;QACP,gBAAc;QACd,OAAO,CAAC,SAAS,EAAET,SAAS,CAAC,CAAC;QAC9B,MAAME;QACN,SAAS,IAAMC,WAAW;kBAEzBR,OAAO,WAAPA,GACC,IAACe,YAAUA;YACT,MAAMf;YACN,MAAMG;YACN,UAAUE;YACV,aAAaI;YACb,QAAQE;2BAGV,IAACK,OAAKA;YAAC,aAAajB,eAAeF;;;IAKzC,OAAO;QACL,UACEoB,UAGC;YAEDhB,QAAQgB,WAAW,IAAI,IAAI;YAC3Bb,QAAQa,WAAW,IAAI,IAAI;YAC3BX,YAAYW,WAAW,QAAQ,IAAI;YACnCP,eAAeO,WAAW,WAAW;YACrCL,UAAUK,WAAW,MAAM;YAC3BT,WAAW;QACb;QACAK;IACF;AACF"}

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":["../../../../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.d.ts

@@ -1,5 +1,5 @@
-import { DiffViewerProps } from './interface';
+import { DiffViewerProps } from './interface.js';
 export declare function DiffViewer({ className, style, original, modified, originalFilePath, modifiedFilePath, originalLang, modifiedLang, isEmbed, isLightTheme, headerVisible, }: DiffViewerProps): import("react/jsx-runtime").JSX.Element;
-export type { DiffViewerProps } from './interface';
-export { useDiffDrawer } from './useDiffDrawer';
-export { defineMonacoDiffOptions } from './utils';
+export type { DiffViewerProps } from './interface.js';
+export { useDiffDrawer } from './useDiffDrawer.js';
+export { defineMonacoDiffOptions } from './utils.js';

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","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"}
+{"version":3,"file":"components/base/DiffViewer/index.mjs","sources":["../../../../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/components/base/DiffViewer/index.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/base/DiffViewer/index.module.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/DiffViewer/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"diff-viewer\":\"diff-viewer-CczjmT\",\"diffViewer\":\"diff-viewer-CczjmT\",\"embed\":\"embed-VNMDA8\",\"header\":\"header-VBdMD0\",\"text\":\"text-Pi6YdN\",\"content\":\"content-BsfSuD\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,eAAc;IAAqB,YAAa;IAAqB,OAAQ;IAAe,QAAS;IAAgB,MAAO;IAAc,SAAU;AAAgB"}
+{"version":3,"file":"components/base/DiffViewer/index.module.mjs","sources":["../../../../src/components/base/DiffViewer/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"diff-viewer\":\"diff-viewer-CczjmT\",\"diffViewer\":\"diff-viewer-CczjmT\",\"embed\":\"embed-VNMDA8\",\"header\":\"header-VBdMD0\",\"text\":\"text-Pi6YdN\",\"content\":\"content-BsfSuD\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,eAAc;IAAqB,YAAa;IAAqB,OAAQ;IAAe,QAAS;IAAgB,MAAO;IAAc,SAAU;AAAgB"}

package/dist/components/base/DiffViewer/useDiffDrawer.d.ts

@@ -1,4 +1,4 @@
-import { DiffViewerProps } from './interface';
+import { DiffViewerProps } from './interface.js';
 /**
  * Use drawer to display code diff content
  * @param emptyReason Text to display when there is no code content

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

@@ -1 +1 @@
-{"version":3,"file":"components/base/DiffViewer/useDiffDrawer.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/DiffViewer/useDiffDrawer.tsx"],"sourcesContent":["import { Drawer, Empty } from 'antd';\nimport { useState } from 'react';\nimport { DiffViewer } from '.';\nimport { DiffViewerProps } from './interface';\n\nconst defaultEmptyReason = 'No diff code';\n\n/**\n * Use drawer to display code diff content\n * @param emptyReason Text to display when there is no code content\n */\nexport function useDiffDrawer(emptyReason?: string) {\n  const [original, setOriginal] = useState('');\n  const [modified, setModified] = useState('');\n  const [originalFilePath, setOriginalFilePath] = useState('');\n  const [modifiedFilePath, setModifiedFilePath] = useState('');\n  const [originalLang, setOriginalLang] = useState('');\n  const [modifiedLang, setModifiedLang] = useState('');\n  const [visible, setVisible] = useState(false);\n\n  const codeDiffDrawerComponent = (\n    <Drawer\n      maskClosable\n      zIndex={999}\n      width={'70%'}\n      destroyOnClose\n      title={`Code Diff`}\n      open={visible}\n      onClose={() => setVisible(false)}\n    >\n      {original || modified ? (\n        <DiffViewer\n          original={original}\n          modified={modified}\n          originalLang={originalLang}\n          modifiedLang={modifiedLang}\n          originalFilePath={originalFilePath}\n          modifiedFilePath={modifiedFilePath}\n        />\n      ) : (\n        <Empty description={emptyReason || defaultEmptyReason} />\n      )}\n    </Drawer>\n  );\n\n  return {\n    showCodeDiff(\n      diffConfig: Pick<\n        DiffViewerProps,\n        | 'original'\n        | 'modified'\n        | 'originalFilePath'\n        | 'modifiedFilePath'\n        | 'originalLang'\n        | 'modifiedLang'\n      >,\n    ) {\n      setOriginal(diffConfig.original);\n      setModified(diffConfig.modified);\n      setOriginalLang(diffConfig.originalLang || '');\n      setModifiedLang(diffConfig.modifiedLang || '');\n      setOriginalFilePath(diffConfig.originalFilePath || '');\n      setModifiedFilePath(diffConfig.modifiedFilePath || '');\n      setVisible(true);\n    },\n    codeDiffDrawerComponent,\n  };\n}\n"],"names":["defaultEmptyReason","useDiffDrawer","emptyReason","original","setOriginal","useState","modified","setModified","originalFilePath","setOriginalFilePath","modifiedFilePath","setModifiedFilePath","originalLang","setOriginalLang","modifiedLang","setModifiedLang","visible","setVisible","codeDiffDrawerComponent","Drawer","DiffViewer","Empty","diffConfig"],"mappings":";;;;AAKA,MAAMA,qBAAqB;AAMpB,SAASC,cAAcC,WAAoB;IAChD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAS;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAS;IACzC,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGJ,SAAS;IACzD,MAAM,CAACK,kBAAkBC,oBAAoB,GAAGN,SAAS;IACzD,MAAM,CAACO,cAAcC,gBAAgB,GAAGR,SAAS;IACjD,MAAM,CAACS,cAAcC,gBAAgB,GAAGV,SAAS;IACjD,MAAM,CAACW,SAASC,WAAW,GAAGZ,SAAS;IAEvC,MAAMa,0BAA0B,WAA1BA,GACJ,IAACC,QAAMA;QACL,cAAY;QACZ,QAAQ;QACR,OAAO;QACP,gBAAc;QACd,OAAO;QACP,MAAMH;QACN,SAAS,IAAMC,WAAW;kBAEzBd,YAAYG,WAAW,WAAXA,GACX,IAACc,YAAUA;YACT,UAAUjB;YACV,UAAUG;YACV,cAAcM;YACd,cAAcE;YACd,kBAAkBN;YAClB,kBAAkBE;2BAGpB,IAACW,OAAKA;YAAC,aAAanB,eAAeF;;;IAKzC,OAAO;QACL,cACEsB,UAQC;YAEDlB,YAAYkB,WAAW,QAAQ;YAC/Bf,YAAYe,WAAW,QAAQ;YAC/BT,gBAAgBS,WAAW,YAAY,IAAI;YAC3CP,gBAAgBO,WAAW,YAAY,IAAI;YAC3Cb,oBAAoBa,WAAW,gBAAgB,IAAI;YACnDX,oBAAoBW,WAAW,gBAAgB,IAAI;YACnDL,WAAW;QACb;QACAC;IACF;AACF"}
+{"version":3,"file":"components/base/DiffViewer/useDiffDrawer.mjs","sources":["../../../../src/components/base/DiffViewer/useDiffDrawer.tsx"],"sourcesContent":["import { Drawer, Empty } from 'antd';\nimport { useState } from 'react';\nimport { DiffViewer } from '.';\nimport { DiffViewerProps } from './interface';\n\nconst defaultEmptyReason = 'No diff code';\n\n/**\n * Use drawer to display code diff content\n * @param emptyReason Text to display when there is no code content\n */\nexport function useDiffDrawer(emptyReason?: string) {\n  const [original, setOriginal] = useState('');\n  const [modified, setModified] = useState('');\n  const [originalFilePath, setOriginalFilePath] = useState('');\n  const [modifiedFilePath, setModifiedFilePath] = useState('');\n  const [originalLang, setOriginalLang] = useState('');\n  const [modifiedLang, setModifiedLang] = useState('');\n  const [visible, setVisible] = useState(false);\n\n  const codeDiffDrawerComponent = (\n    <Drawer\n      maskClosable\n      zIndex={999}\n      width={'70%'}\n      destroyOnClose\n      title={`Code Diff`}\n      open={visible}\n      onClose={() => setVisible(false)}\n    >\n      {original || modified ? (\n        <DiffViewer\n          original={original}\n          modified={modified}\n          originalLang={originalLang}\n          modifiedLang={modifiedLang}\n          originalFilePath={originalFilePath}\n          modifiedFilePath={modifiedFilePath}\n        />\n      ) : (\n        <Empty description={emptyReason || defaultEmptyReason} />\n      )}\n    </Drawer>\n  );\n\n  return {\n    showCodeDiff(\n      diffConfig: Pick<\n        DiffViewerProps,\n        | 'original'\n        | 'modified'\n        | 'originalFilePath'\n        | 'modifiedFilePath'\n        | 'originalLang'\n        | 'modifiedLang'\n      >,\n    ) {\n      setOriginal(diffConfig.original);\n      setModified(diffConfig.modified);\n      setOriginalLang(diffConfig.originalLang || '');\n      setModifiedLang(diffConfig.modifiedLang || '');\n      setOriginalFilePath(diffConfig.originalFilePath || '');\n      setModifiedFilePath(diffConfig.modifiedFilePath || '');\n      setVisible(true);\n    },\n    codeDiffDrawerComponent,\n  };\n}\n"],"names":["defaultEmptyReason","useDiffDrawer","emptyReason","original","setOriginal","useState","modified","setModified","originalFilePath","setOriginalFilePath","modifiedFilePath","setModifiedFilePath","originalLang","setOriginalLang","modifiedLang","setModifiedLang","visible","setVisible","codeDiffDrawerComponent","Drawer","DiffViewer","Empty","diffConfig"],"mappings":";;;;AAKA,MAAMA,qBAAqB;AAMpB,SAASC,cAAcC,WAAoB;IAChD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAS;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGF,SAAS;IACzC,MAAM,CAACG,kBAAkBC,oBAAoB,GAAGJ,SAAS;IACzD,MAAM,CAACK,kBAAkBC,oBAAoB,GAAGN,SAAS;IACzD,MAAM,CAACO,cAAcC,gBAAgB,GAAGR,SAAS;IACjD,MAAM,CAACS,cAAcC,gBAAgB,GAAGV,SAAS;IACjD,MAAM,CAACW,SAASC,WAAW,GAAGZ,SAAS;IAEvC,MAAMa,0BAA0B,WAA1BA,GACJ,IAACC,QAAMA;QACL,cAAY;QACZ,QAAQ;QACR,OAAO;QACP,gBAAc;QACd,OAAO;QACP,MAAMH;QACN,SAAS,IAAMC,WAAW;kBAEzBd,YAAYG,WAAW,WAAXA,GACX,IAACc,YAAUA;YACT,UAAUjB;YACV,UAAUG;YACV,cAAcM;YACd,cAAcE;YACd,kBAAkBN;YAClB,kBAAkBE;2BAGpB,IAACW,OAAKA;YAAC,aAAanB,eAAeF;;;IAKzC,OAAO;QACL,cACEsB,UAQC;YAEDlB,YAAYkB,WAAW,QAAQ;YAC/Bf,YAAYe,WAAW,QAAQ;YAC/BT,gBAAgBS,WAAW,YAAY,IAAI;YAC3CP,gBAAgBO,WAAW,YAAY,IAAI;YAC3Cb,oBAAoBa,WAAW,gBAAgB,IAAI;YACnDX,oBAAoBW,WAAW,gBAAgB,IAAI;YACnDL,WAAW;QACb;QACAC;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"components/base/DiffViewer/utils.mjs","sources":["webpack://@rsdoctor/components/./src/components/base/DiffViewer/utils.ts"],"sourcesContent":["import { editor } from 'monaco-editor';\nimport { DefaultEditorConfig } from '../CodeViewer/utils';\nconst OptimizedDiffEditorConfig: editor.IDiffEditorConstructionOptions = {\n  ...structuredClone(DefaultEditorConfig),\n  readOnly: true,\n  originalEditable: false,\n  // Enable side-by-side view mode, displaying comparison content left and right\n  renderSideBySide: true,\n  // Set the automatic switching breakpoint for side-by-side display to 1,\n  // disabling auto-switching\n  renderSideBySideInlineBreakpoint: 1,\n  renderIndicators: true,\n  definitionLinkOpensInPeek: false,\n  // Set DOM elements to read-only, enhancing security\n  domReadOnly: true,\n  // Disable the code minimap on the right to improve performance\n  minimap: { enabled: false },\n  // Enable word wrap to display long lines of text completely in the view\n  diffWordWrap: 'on',\n\n  // Performance optimization items\n  // Disable code folding to reduce unnecessary calculations\n  folding: false,\n  // Disable line number margin hover effects to improve rendering performance\n  lineNumbersMinChars: 3,\n  // Reduce rendering of external decorations to improve performance\n  renderLineHighlight: 'none',\n  // Disable bracket matching highlighting to reduce computation\n  matchBrackets: 'never',\n\n  // Display effect optimizations\n  // Enable advanced configuration for the difference algorithm to improve accuracy of difference display\n  diffAlgorithm: 'advanced',\n  // Ignore whitespace changes to focus on content differences\n  ignoreTrimWhitespace: true,\n  // Enable connecting lines between different code blocks to improve readability\n  renderOverviewRuler: true,\n  // Highlight the current line to enhance readability\n  renderLineHighlightOnlyWhenFocus: true,\n  // Enable smooth scrolling effect\n  smoothScrolling: true,\n  // Set appropriate letter spacing to improve readability\n  letterSpacing: 0.5,\n};\n\n/**\n * get monaco options, it'll combine default config\n * @param options\n * @returns target options\n */\nexport function defineMonacoDiffOptions(\n  options?: editor.IDiffEditorConstructionOptions,\n): editor.IDiffEditorConstructionOptions {\n  return {\n    ...structuredClone(OptimizedDiffEditorConfig),\n    ...options,\n  };\n}\n"],"names":["OptimizedDiffEditorConfig","structuredClone","DefaultEditorConfig","defineMonacoDiffOptions","options"],"mappings":";AAEA,MAAMA,4BAAmE;IACvE,GAAGC,gBAAgBC,oBAAoB;IACvC,UAAU;IACV,kBAAkB;IAElB,kBAAkB;IAGlB,kCAAkC;IAClC,kBAAkB;IAClB,2BAA2B;IAE3B,aAAa;IAEb,SAAS;QAAE,SAAS;IAAM;IAE1B,cAAc;IAId,SAAS;IAET,qBAAqB;IAErB,qBAAqB;IAErB,eAAe;IAIf,eAAe;IAEf,sBAAsB;IAEtB,qBAAqB;IAErB,kCAAkC;IAElC,iBAAiB;IAEjB,eAAe;AACjB;AAOO,SAASC,wBACdC,OAA+C;IAE/C,OAAO;QACL,GAAGH,gBAAgBD,0BAA0B;QAC7C,GAAGI,OAAO;IACZ;AACF"}
+{"version":3,"file":"components/base/DiffViewer/utils.mjs","sources":["../../../../src/components/base/DiffViewer/utils.ts"],"sourcesContent":["import { editor } from 'monaco-editor';\nimport { DefaultEditorConfig } from '../CodeViewer/utils';\nconst OptimizedDiffEditorConfig: editor.IDiffEditorConstructionOptions = {\n  ...structuredClone(DefaultEditorConfig),\n  readOnly: true,\n  originalEditable: false,\n  // Enable side-by-side view mode, displaying comparison content left and right\n  renderSideBySide: true,\n  // Set the automatic switching breakpoint for side-by-side display to 1,\n  // disabling auto-switching\n  renderSideBySideInlineBreakpoint: 1,\n  renderIndicators: true,\n  definitionLinkOpensInPeek: false,\n  // Set DOM elements to read-only, enhancing security\n  domReadOnly: true,\n  // Disable the code minimap on the right to improve performance\n  minimap: { enabled: false },\n  // Enable word wrap to display long lines of text completely in the view\n  diffWordWrap: 'on',\n\n  // Performance optimization items\n  // Disable code folding to reduce unnecessary calculations\n  folding: false,\n  // Disable line number margin hover effects to improve rendering performance\n  lineNumbersMinChars: 3,\n  // Reduce rendering of external decorations to improve performance\n  renderLineHighlight: 'none',\n  // Disable bracket matching highlighting to reduce computation\n  matchBrackets: 'never',\n\n  // Display effect optimizations\n  // Enable advanced configuration for the difference algorithm to improve accuracy of difference display\n  diffAlgorithm: 'advanced',\n  // Ignore whitespace changes to focus on content differences\n  ignoreTrimWhitespace: true,\n  // Enable connecting lines between different code blocks to improve readability\n  renderOverviewRuler: true,\n  // Highlight the current line to enhance readability\n  renderLineHighlightOnlyWhenFocus: true,\n  // Enable smooth scrolling effect\n  smoothScrolling: true,\n  // Set appropriate letter spacing to improve readability\n  letterSpacing: 0.5,\n};\n\n/**\n * get monaco options, it'll combine default config\n * @param options\n * @returns target options\n */\nexport function defineMonacoDiffOptions(\n  options?: editor.IDiffEditorConstructionOptions,\n): editor.IDiffEditorConstructionOptions {\n  return {\n    ...structuredClone(OptimizedDiffEditorConfig),\n    ...options,\n  };\n}\n"],"names":["OptimizedDiffEditorConfig","structuredClone","DefaultEditorConfig","defineMonacoDiffOptions","options"],"mappings":";AAEA,MAAMA,4BAAmE;IACvE,GAAGC,gBAAgBC,oBAAoB;IACvC,UAAU;IACV,kBAAkB;IAElB,kBAAkB;IAGlB,kCAAkC;IAClC,kBAAkB;IAClB,2BAA2B;IAE3B,aAAa;IAEb,SAAS;QAAE,SAAS;IAAM;IAE1B,cAAc;IAId,SAAS;IAET,qBAAqB;IAErB,qBAAqB;IAErB,eAAe;IAIf,eAAe;IAEf,sBAAsB;IAEtB,qBAAqB;IAErB,kCAAkC;IAElC,iBAAiB;IAEjB,eAAe;AACjB;AAOO,SAASC,wBACdC,OAA+C;IAE/C,OAAO;QACL,GAAGH,gBAAgBD,0BAA0B;QAC7C,GAAGI,OAAO;IACZ;AACF"}

package/dist/components/base/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * 业务无关的基础组件
  */
-export * from './CodeViewer';
-export * from './DiffViewer';
+export * from './CodeViewer/index.js';
+export * from './DiffViewer/index.js';

package/dist/components/index.d.ts

@@ -1,10 +1,10 @@
-export * from './Alerts';
-export * from './Badge';
-export * from './base';
-export * from './Card';
-export { TimelineCom } from './Charts/TimelineCharts';
-export * from './Form/keyword';
-export * from './Layout';
-export * from './Manifest';
-export * from './Overall';
-export * from './TextDrawer';
+export * from './Alerts/index.js';
+export * from './Badge/index.js';
+export * from './base/index.js';
+export * from './Card/index.js';
+export { TimelineCom } from './Charts/TimelineCharts/index.js';
+export * from './Form/keyword.js';
+export * from './Layout/index.js';
+export * from './Manifest/index.js';
+export * from './Overall/index.js';
+export * from './TextDrawer/index.js';

package/dist/config.d.ts

@@ -1,5 +1,5 @@
 import { Manifest } from '@rsdoctor/types';
-import { PageState, ViewMode, Language, Theme } from './constants';
+import { PageState, ViewMode, Language, Theme } from './constants.js';
 export interface Config {
     locale: Language;
     theme: Theme;

package/dist/config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.mjs","sources":["webpack://@rsdoctor/components/./src/config.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { Manifest } from '@rsdoctor/types';\nimport {\n  getLocaleFromStorage,\n  getThemeFromStorage,\n  getViewModeFromStorage,\n} from './utils/storage';\nimport { PageState, ViewMode, Language, Theme } from './constants';\n\nexport interface Config {\n  locale: Language;\n  theme: Theme;\n  pageState: PageState;\n  viewMode: {\n    bundleAlerts: ViewMode;\n    compileAlerts: ViewMode;\n  };\n  json: Manifest.RsdoctorManifest;\n  setTheme(theme: Config['theme']): void;\n  setManifest(json: Manifest.RsdoctorManifest): void;\n  setPageState(state: PageState): void;\n  setViewMode(mode: Partial<Config['viewMode']>, saveStorage?: boolean): void;\n  // whether the page is embedded in another page\n  embedded?: boolean;\n}\n\nexport const defaultConfig: Config = {\n  locale: getLocaleFromStorage(),\n  theme: getThemeFromStorage(),\n  pageState: PageState.Pending,\n  viewMode: getViewModeFromStorage(),\n  json: {} as Manifest.RsdoctorManifest,\n  setTheme() {},\n  setManifest() {},\n  setPageState(_state: PageState) {},\n  setViewMode() {},\n};\n\nexport const ConfigContext = createContext<Config>({\n  ...defaultConfig,\n});\n"],"names":["defaultConfig","getLocaleFromStorage","getThemeFromStorage","PageState","getViewModeFromStorage","_state","ConfigContext","createContext"],"mappings":";;;AA0BO,MAAMA,gBAAwB;IACnC,QAAQC;IACR,OAAOC;IACP,WAAWC,UAAU,OAAO;IAC5B,UAAUC;IACV,MAAM,CAAC;IACP,aAAY;IACZ,gBAAe;IACf,cAAaC,MAAiB,GAAG;IACjC,gBAAe;AACjB;AAEO,MAAMC,gBAAgB,WAAhBA,GAAgBC,cAAsB;IACjD,GAAGP,aAAa;AAClB"}
+{"version":3,"file":"config.mjs","sources":["../src/config.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { Manifest } from '@rsdoctor/types';\nimport {\n  getLocaleFromStorage,\n  getThemeFromStorage,\n  getViewModeFromStorage,\n} from './utils/storage';\nimport { PageState, ViewMode, Language, Theme } from './constants';\n\nexport interface Config {\n  locale: Language;\n  theme: Theme;\n  pageState: PageState;\n  viewMode: {\n    bundleAlerts: ViewMode;\n    compileAlerts: ViewMode;\n  };\n  json: Manifest.RsdoctorManifest;\n  setTheme(theme: Config['theme']): void;\n  setManifest(json: Manifest.RsdoctorManifest): void;\n  setPageState(state: PageState): void;\n  setViewMode(mode: Partial<Config['viewMode']>, saveStorage?: boolean): void;\n  // whether the page is embedded in another page\n  embedded?: boolean;\n}\n\nexport const defaultConfig: Config = {\n  locale: getLocaleFromStorage(),\n  theme: getThemeFromStorage(),\n  pageState: PageState.Pending,\n  viewMode: getViewModeFromStorage(),\n  json: {} as Manifest.RsdoctorManifest,\n  setTheme() {},\n  setManifest() {},\n  setPageState(_state: PageState) {},\n  setViewMode() {},\n};\n\nexport const ConfigContext = createContext<Config>({\n  ...defaultConfig,\n});\n"],"names":["defaultConfig","getLocaleFromStorage","getThemeFromStorage","PageState","getViewModeFromStorage","_state","ConfigContext","createContext"],"mappings":";;;AA0BO,MAAMA,gBAAwB;IACnC,QAAQC;IACR,OAAOC;IACP,WAAWC,UAAU,OAAO;IAC5B,UAAUC;IACV,MAAM,CAAC;IACP,aAAY;IACZ,gBAAe;IACf,cAAaC,MAAiB,GAAG;IACjC,gBAAe;AACjB;AAEO,MAAMC,gBAAgB,WAAhBA,GAAgBC,cAAsB;IACjD,GAAGP,aAAa;AAClB"}

package/dist/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["webpack://@rsdoctor/components/./src/constants.tsx"],"sourcesContent":["export enum Theme {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport enum PageState {\n  Success,\n  Pending,\n  Fail,\n}\n\nexport enum ComponentState {\n  Success,\n  Pending,\n  Updating,\n  Fail,\n}\n\nexport enum ViewMode {\n  List = 'list',\n  Group = 'group',\n}\n\nexport enum Language {\n  Cn = 'cn',\n  En = 'en',\n}\n\nexport enum APILoaderMode4Dev {\n  Local = 'local',\n  Remote = 'remote',\n  Default = 'default',\n}\n\nexport enum Size {\n  BasePadding = 20,\n  BaseBorderRadius = 8,\n  NavBarHeight = 54,\n}\n\nexport enum Color {\n  Red = '#e17055',\n  Green = '#52c41a',\n  Yellow = '#faad14',\n  Blue = '#1677ff',\n}\n\nexport const drawerWidth =\n  // eslint-disable-next-line financial/no-float-calculation\n  typeof window === 'undefined'\n    ? 0\n    : window.innerWidth * 0.85 >= 1100\n      ? window.innerWidth * 0.85\n      : 1100;\n\nexport const TAG_PALLETE = {\n  COLOR_A: '#90DCE9',\n  COLOR_B: 'green',\n  COLOR_C: '#4EAAB9',\n  COLOR_D: '#B7E9F4',\n  COLOR_E: '#2E7CBE',\n  DARK_BLUE: '#1554ad',\n};\n\n// export const MAIN_BG = 'linear-gradient(307deg, rgb(255, 255, 255) 0%, rgba(228, 243, 255, 0.56) 100%)';\nexport const MAIN_BG = '';\nexport const ROOT_BG_COLOR = 'rgb(105, 177, 255)';\n"],"names":["Theme","PageState","ComponentState","ViewMode","Language","APILoaderMode4Dev","Size","Color","drawerWidth","window","TAG_PALLETE","MAIN_BG","ROOT_BG_COLOR"],"mappings":"AAAO,IAAKA,kBAAKA,WAAAA,GAAAA,SAALA,KAAK;;;WAALA;;AAKL,IAAKC,sBAASA,WAAAA,GAAAA,SAATA,SAAS;;;;WAATA;;AAML,IAAKC,2BAAcA,WAAAA,GAAAA,SAAdA,cAAc;;;;;WAAdA;;AAOL,IAAKC,qBAAQA,WAAAA,GAAAA,SAARA,QAAQ;;;WAARA;;AAKL,IAAKC,qBAAQA,WAAAA,GAAAA,SAARA,QAAQ;;;WAARA;;AAKL,IAAKC,8BAAiBA,WAAAA,GAAAA,SAAjBA,iBAAiB;;;;WAAjBA;;AAML,IAAKC,iBAAIA,WAAAA,GAAAA,SAAJA,IAAI;;;;WAAJA;;AAML,IAAKC,kBAAKA,WAAAA,GAAAA,SAALA,KAAK;;;;;WAALA;;AAOL,MAAMC,cAEX,AAAkB,eAAlB,OAAOC,SACH,IACAA,AAAoB,OAApBA,OAAO,UAAU,IAAW,OAC1BA,AAAoB,OAApBA,OAAO,UAAU,GACjB;AAED,MAAMC,cAAc;IACzB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;AACb;AAGO,MAAMC,UAAU;AAChB,MAAMC,gBAAgB"}
+{"version":3,"file":"constants.mjs","sources":["../src/constants.tsx"],"sourcesContent":["export enum Theme {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport enum PageState {\n  Success,\n  Pending,\n  Fail,\n}\n\nexport enum ComponentState {\n  Success,\n  Pending,\n  Updating,\n  Fail,\n}\n\nexport enum ViewMode {\n  List = 'list',\n  Group = 'group',\n}\n\nexport enum Language {\n  Cn = 'cn',\n  En = 'en',\n}\n\nexport enum APILoaderMode4Dev {\n  Local = 'local',\n  Remote = 'remote',\n  Default = 'default',\n}\n\nexport enum Size {\n  BasePadding = 20,\n  BaseBorderRadius = 8,\n  NavBarHeight = 54,\n}\n\nexport enum Color {\n  Red = '#e17055',\n  Green = '#52c41a',\n  Yellow = '#faad14',\n  Blue = '#1677ff',\n}\n\nexport const drawerWidth =\n  // eslint-disable-next-line financial/no-float-calculation\n  typeof window === 'undefined'\n    ? 0\n    : window.innerWidth * 0.85 >= 1100\n      ? window.innerWidth * 0.85\n      : 1100;\n\nexport const TAG_PALLETE = {\n  COLOR_A: '#90DCE9',\n  COLOR_B: 'green',\n  COLOR_C: '#4EAAB9',\n  COLOR_D: '#B7E9F4',\n  COLOR_E: '#2E7CBE',\n  DARK_BLUE: '#1554ad',\n};\n\n// export const MAIN_BG = 'linear-gradient(307deg, rgb(255, 255, 255) 0%, rgba(228, 243, 255, 0.56) 100%)';\nexport const MAIN_BG = '';\nexport const ROOT_BG_COLOR = 'rgb(105, 177, 255)';\n"],"names":["Theme","PageState","ComponentState","ViewMode","Language","APILoaderMode4Dev","Size","Color","drawerWidth","window","TAG_PALLETE","MAIN_BG","ROOT_BG_COLOR"],"mappings":"AAAO,IAAKA,kBAAKA,WAAAA,GAAAA,SAALA,KAAK;;;WAALA;;AAKL,IAAKC,sBAASA,WAAAA,GAAAA,SAATA,SAAS;;;;WAATA;;AAML,IAAKC,2BAAcA,WAAAA,GAAAA,SAAdA,cAAc;;;;;WAAdA;;AAOL,IAAKC,qBAAQA,WAAAA,GAAAA,SAARA,QAAQ;;;WAARA;;AAKL,IAAKC,qBAAQA,WAAAA,GAAAA,SAARA,QAAQ;;;WAARA;;AAKL,IAAKC,8BAAiBA,WAAAA,GAAAA,SAAjBA,iBAAiB;;;;WAAjBA;;AAML,IAAKC,iBAAIA,WAAAA,GAAAA,SAAJA,IAAI;;;;WAAJA;;AAML,IAAKC,kBAAKA,WAAAA,GAAAA,SAALA,KAAK;;;;;WAALA;;AAOL,MAAMC,cAEX,AAAkB,eAAlB,OAAOC,SACH,IACAA,AAAoB,OAApBA,OAAO,UAAU,IAAW,OAC1BA,AAAoB,OAApBA,OAAO,UAAU,GACjB;AAED,MAAMC,cAAc;IACzB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;AACb;AAGO,MAAMC,UAAU;AAChB,MAAMC,gBAAgB"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components';
-export * from './utils';
-export * as Constants from './constants';
+export * from './components/index.js';
+export * from './utils/index.js';
+export * as Constants from './constants.js';

package/dist/pages/BundleSize/components/asset.d.ts

@@ -1,6 +1,6 @@
 import { SDK } from '@rsdoctor/types';
 import React from 'react';
-import { DataNode } from '../../../utils';
+import { DataNode } from '../../../utils/index.js';
 export declare const ModuleCodeViewer: React.FC<{
     data: SDK.ModuleData;
 }>;

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","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":";;;;;;;;;;;;;;;;;;AA0CA,MAAM,EAAEA,aAAa,EAAE,GAAGC;AAE1B,IAAIC,sBAAmC,EAAE;AACzC,MAAMC,UAAU;IACd,QAAQ;IACR,aAAa;IACb,cAAc;AAChB;AAEA,MAAMC,WAAW;IACf,QAAQ;IACR,iBAAiB;AACnB;AAEA,MAAMC,gBAAgB,kBACpB,IAACC,OAAKA;QACJ,aAAa,CAAC;;6DAE2C,CAAC;;AAIvD,MAAMC,mBAAuD,CAAC,EACnEC,IAAI,EACL;IACC,MAAM,CAACC,KAAKC,OAAO,GAAGC,SAAS;IAC/B,MAAM,EAAEC,CAAC,EAAE,GAAGC;IAEd,MAAMC,cAAsC;QAC1C,QAAQ;QACR,aAAa,CAAC,iBAAiB,EAAEF,EAAE,iBAAiB,CAAC,CAAC;QACtD,cAAc,CAAC,aAAa,EAAEA,EAAE,iBAAiB,CAAC,CAAC;IACrD;IACA,IAAI,CAACJ,MAAM,OAAO;IAElB,MAAM,EAAEO,IAAI,EAAE,GAAGP;IAEjB,OAAO,WAAP,GACE,IAACQ,YAAUA;QACT,MAAK;QACL,aAAa;YACX,MAAM;YACN,MAAM,WAAN,GACE,IAACC,SAAOA;gBAAC,SAAQ;0BACf,kBAACC,uBAAqBA,CAAAA;;YAG1B,MAAM;QACR;QACA,aAAa;YAAE,SAAS;QAAQ;QAChC,aAAa;YACX,gBAAgB;YAChB,OAAO,CAAC,SAAS,EAAEH,KAAK,CAAC,CAAC;QAC5B;kBAEA,kBAACI,mBAAiBA;YAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,uBAAuB;YAC9C,MAAM;gBAAE,UAAUZ,KAAK,EAAE;YAAC;sBAEzB,CAACa,SACO,WAAP,GACE;8BACG,AAACA,MAAM,CAAC,SAAS,IACjBA,MAAM,CAAC,eAAe,IACtBA,MAAM,CAAC,cAAc,GACnBhB,WAAAA,GAED,IAACiB,MAAIA;wBACH,WAAU;wBACV,OAAO;4BAAE,OAAO;wBAAO;wBACvB,SAASC,OAAO,IAAI,CAACC,OAAOH,QAAQ,CAACI,IAAM,CAACA,IACzC,GAAG,CAAC,CAACC,IAAO;gCAAE,KAAKA;4BAAE,IACrB,GAAG,CAAC,CAACC,IAAO;gCACX,GAAGA,CAAC;gCACJ,KAAKb,WAAW,CAACa,EAAE,GAAG,CAAC;gCACvB,KAAKA,EAAE,GAAG;4BACZ;wBACF,qBACEN,MAAM,CAAC,eAAe,GAAG,iBAAiB;wBAE5C,aAAa,CAACO,IAAMlB,OAAOkB;wBAC3B,kCACE,IAACX,SAAOA;4BACN,WAAU;4BACV,qBACE,IAACY,WAAW,KAAK;gCAAC,OAAO;0CAAG;;4BAE9B,uBACE;0CACE,mBAAC;oCACC,OAAO;wCACL,SAAS;wCACT,eAAe;wCACf,cAAc;oCAChB;;sDAEA,KAAC;;8DACC,IAACA,WAAW,IAAI;oDAAC,QAAM;8DAAC;;8DACxB,IAACA,WAAW,IAAI;8DACb1B,QAAQ,MAAM;;;;sDAGnB,KAAC;;8DACC,IAAC0B,WAAW,IAAI;oDAAC,QAAM;8DAAC;;8DAGxB,IAACA,WAAW,IAAI;8DACb1B,QAAQ,WAAW;;;;sDAGxB,KAAC;;8DACC,IAAC0B,WAAW,IAAI;oDAAC,QAAM;8DAAC;;8DAGxB,IAACA,WAAW,IAAI;8DACb1B,QAAQ,YAAY;;;;sDAGzB,IAAC;sDACD,IAAC0B,WAAW,IAAI;4CAAC,QAAM;sDAAE;;sDACzB,IAACA,WAAW,IAAI;sDACbjB,EAAE;;;;;4BAKX,SAAS;sCAET,kBAAC;gCAAE,MAAK;0CAAI;;;wBAGhB,QAAQ;4BAAE,MAAM;gCAAE,SAAS;gCAAG,UAAU;4BAAS;wBAAE;kCAElDS,MAAM,CAAC,eAAe,IACvBA,MAAM,CAAC,SAAS,IAChBA,MAAM,CAAC,cAAc,GAAG,WAAH,GACnB,IAACS,YAAUA;4BACT,SAAO;4BACP,MACErB,MACIY,MAAM,CAACZ,IAA8B,GACrCY,MAAM,CAAC,eAAe,GACpBA,MAAM,CAAC,eAAe,GACtBA,MAAM,CAAC,SAAS;4BAExB,UAAUN;2CAGZ,IAACV,eAAAA,CAAAA;yBApFkB,WAAH,GACpB,IAACA,eAAAA,CAAAA;;;;AA6FjB;AAEO,MAAM0B,oBAKR,CAAC,EAAEC,EAAE,EAAEC,IAAI,EAAEC,OAAO,EAAEC,GAAG,EAAE;IAC9B,IAAI,CAACH,IAAI,OAAO;IAEhB,OAAO,WAAP,GACE,IAACb,mBAAiBA;QAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,iBAAiB;QAAE,MAAM,CAAC;kBACjE,CAACgB,UAAAA,WAAAA,GACA,IAACC,wBAAsBA;gBACrB,KAAKF;gBACL,UAAUH;gBACV,SAASI;gBACT,MAAMH;gBACN,SAASC;;;AAKnB;AAEA,MAAMI,yBAAyB;AAExB,SAASC,kBAAkBC,IAAc,EAAEC,IAAc;IAC9DD,KAAK,QAAQ,IACXA,KAAK,QAAQ,CAAC,OAAO,CAAC,CAACE;QACrB,IAAIA,EAAE,MAAM,EACVD,KAAK,IAAI,CAACC,CAAC,CAACJ,uBAAuB;aAEnCC,kBAAkBG,GAAGD;IAEzB;IAEF,OAAOA;AACT;AAEO,MAAME,oBAIR,CAAC,EAAEP,OAAO,EAAEQ,MAAM,EAAEC,eAAe,EAAE;IACxC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,kBAAkB,EAAE,GACtEC,QAAQ,IACC;YACL,YAAYC,MAAMf,SAAS,CAACT,IAAMA,EAAE,IAAI,CAAC,UAAU;YACnD,YAAYwB,MAAMf,SAAS,CAACT,IAAMA,EAAE,IAAI,CAAC,UAAU;YACnD,oBAAoBwB,MAAMN,iBAAiB,CAAClB,IAAMA,EAAE,IAAI,CAAC,UAAU;YACnE,oBAAoBwB,MAAMN,iBAAiB,CAAClB,IAAMA,EAAE,IAAI,CAAC,UAAU;QACrE,IACC;QAACS;QAASS;KAAgB;IAE/B,OAAO,WAAP,GACE,KAACO,OAAKA;;0BACJ,IAACC,SAAOA;gBACN,OAAO,CAAC,uBAAuB,EAAEjB,QAAQ,MAAM,CAAC,gCAAgC,EAAES,gBAAgB,MAAM,EAAE;0BAE1G,mBAACO,OAAKA;;sCACJ,KAACvB,WAAW,IAAI;4BACd,MAAK;4BACL,OAAO;gCAAE,UAAU;gCAAI,YAAY;4BAAI;;gCACxC;gCACWgB,gBAAgB,MAAM;gCAAC;gCAAIT,QAAQ,MAAM;;;sCAErD,IAACkB,oBAAkBA,CAAAA;;;;0BAGvB,IAACC,SAAOA;gBAAC,MAAK;;0BACd,IAACF,SAAOA;gBACN,qBACE,KAACD,OAAKA;oBAAC,WAAU;;sCACf,KAACvB,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACf2B,WAAWT;;;sCAE1C,KAAClB,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCAChB2B,WAAWV;;;sCAEzC,KAACjB,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACZ2B,WAAWR;;;sCAE7C,KAACnB,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACb2B,WAAWP;;;;;0BAKhD,mBAACG,OAAKA;;sCACJ,KAACvB,WAAW,IAAI;4BACd,MAAK;4BACL,OAAO;gCAAE,UAAU;gCAAI,YAAY;4BAAI;;gCACxC;gCAEEmB,uBAAuBD,aACpBS,WAAWT,cACX,GAAGS,WAAWR,oBAAoB,GAAG,EAAEQ,WAAWT,aAAa;;;sCAErE,IAACO,oBAAkBA,CAAAA;;;;0BAGvB,IAACC,SAAOA;gBAAC,MAAK;;0BACd,IAACF,SAAOA;gBACN,qBACE,KAACD,OAAKA;oBAAC,WAAU;;sCACf,KAACvB,WAAW,IAAI;4BAAC,OAAO;gCAAE,OAAO;4BAAU;;gCAAG;gCACvBe,OAAO,MAAM;gCAAC;;;wBAEpCA,OAAO,GAAG,CAAC,CAACjB,IAAAA,WAAAA,GACX,IAAC8B,OAAGA;gCAAC,OAAM;gCAAQ,OAAO9B,EAAE,IAAI;+BAAOA,EAAE,IAAI;;;0BAKnD,mBAACyB,OAAKA;;sCACJ,KAACvB,WAAW,IAAI;4BACd,MAAK;4BACL,OAAO;gCAAE,UAAU;gCAAI,YAAY;4BAAI;;gCACxC;gCACUe,OAAO,MAAM;;;sCAExB,IAACU,oBAAkBA,CAAAA;;;;;;AAK7B;AAEA,MAAMI,kBAAkB,CAAC,EAAEC,WAAW,EAA2B,GACxD,WAAP,GACE,IAACN,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,mBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;;oBAAG;oBACW8B;oBAAa;oBAAI;;;;kBAM9E,kBAACC,KAAGA;YAAC,OAAM;YAAO,OAAOxD;sBAAU;;;AAOzC,MAAMyD,sBAAsB,CAAC,EAAEC,IAAI,EAAoB,GAC9C,WAAP,GACE,IAACT,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,kBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;0BAAG;;;kBAOlD,kBAAC+B,KAAGA;YAAC,OAAOxD;YAAU,OAAO;sBAC1B,CAAC,cAAc,EAAEoD,WAAWM,OAAO;;;AAM5C,MAAMC,iBAAiB,CAAC,EAAED,IAAI,EAAoB,GACzC,WAAP,GACE,IAACT,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,kBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;0BAAG;;;kBAOlD,kBAAC+B,KAAGA;YAAC,OAAO;sBAAa,CAAC,cAAc,EAAEJ,WAAWM,OAAO;;;AAKlE,MAAME,iBAAiB,CAAC,EAAEF,IAAI,EAAoB,GACzC,WAAP,GACE,IAACT,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,kBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;0BAAG;;;kBAOlD,kBAAC+B,KAAGA;YAAC,OAAO;sBAAW,CAAC,SAAS,EAAEJ,WAAWM,OAAO;;;AAK3D,MAAMG,qBAAqB,CAAC,EAAEH,IAAI,EAAoB,GAC7C,WAAP,GACE,IAACT,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,kBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;0BAAG;;;kBAOlD,kBAAC+B,KAAGA;YACF,OAAOxD;YACP,OAAO;sBACP,CAAC,aAAa,EAAEoD,WAAWM,OAAO;;;AAK1C,MAAMI,gBAAgB,CAAC,EAAEJ,IAAI,EAAoB,GACxC,WAAP,GACE,IAACT,SAAOA;QACN,qBACE,IAACD,OAAKA;sBACJ,kBAACvB,WAAW,IAAI;gBAAC,OAAO;oBAAE,OAAO;gBAAU;0BAAG;;;kBAOlD,kBAAC+B,KAAGA;YAAC,OAAO;sBAAS,CAAC,aAAa,EAAEJ,WAAWM,OAAO;;;AAKtD,MAAMK,cAOR,CAAC,EACJC,KAAK,EACL,QAAQC,aAAa,EACrB,SAASC,cAAc,EACvBC,eAAe,EACfC,MAAM,EACNC,IAAI,EACL;IACC,MAAM,CAACC,eAAeC,iBAAiB,GAAGhE,SAAS;IACnD,MAAM,CAACiE,kBAAkBC,oBAAoB,GAAGlE,SAAS;IACzD,MAAM,CAACmE,gBAAgBC,kBAAkB,GAAGpE,SAAS,EAAE;IACvD,MAAM,CAACsB,MAAMC,QAAQ,GAAGvB,SAAS;IAEjC,MAAMkC,kBAAkBK,QAAQ;QAC9B,IAAI8B,MAAMV,eAAe,KAAK;QAC9B,IAAII,eAAe;YACjB,MAAMO,SAAS,IAAIC,OAAOR,eAAe;YACzCM,MAAMA,IAAI,MAAM,CAAC,CAACrD,IAAMsD,OAAO,IAAI,CAACtD,EAAE,IAAI;QAC5C;QAEA,IAAI4C,iBACFS,MAAMA,IAAI,MAAM,CAAC,CAACrD,IAAMA,EAAE,IAAI,CAAC,UAAU,IAAI4C;QAG/C,OAAOS;IACT,GAAG;QAACV;QAAgBI;QAAeH;KAAgB;IAEnD,MAAMY,iBAAiBjC,QAAQ;QAC7B,MAAM8B,MAAMI,qBAAqB;YAC/B,OAAOvC,gBAAgB,GAAG,CAAC,CAAClB,IAAMA,EAAE,IAAI,EAAE,MAAM,CAAC0D;YACjD/C;YACA,WAAUgD,IAAI,EAAEC,QAAQ;gBACtB,MAAMC,MAAM3C,gBAAgB,IAAI,CAAC,CAAClB,IAAMA,EAAE,IAAI,KAAK2D;gBAEnD,IAAI,CAACE,KAAK,OAAOD;gBAEjB,MAAM,EAAExC,aAAa,CAAC,EAAED,aAAa,CAAC,EAAE2C,WAAW,CAAC,EAAE,GAAGD,IAAI,IAAI;gBACjE,MAAME,kBAAkBF,IAAI,IAAI,KAAKpE,IAAI,UAAU,CAAC,aAAa;gBAEjE,MAAMuE,wBACJ,CAACD,mBACD3C,AAAe,MAAfA,cACAuB,eAAe,MAAM,CACnB,CAAC3C,IAAMA,MAAM6D,OAAO7D,EAAE,OAAO,IAAIA,EAAE,OAAO,CAAC,OAAO,CAAC6D,IAAI,EAAE,IAAI;gBAGjE,OAAO,WAAP,GACE,KAAC;oBAAI,WAAWI,YAAAA,CAAAA,cAAqB;;sCACnC,IAAC3E,SAAOA;4BACN,SAAS,CAAC,SAAS,EAAEsE,SAAS,uBAAuB,CAAC;4BACtD,WAAU;sCAEV,mBAAC;gCACC,WAAWK,aAAAA,GAAU;gCACrB,SAAS;oCACPb,kBAAkB;wCAACS,IAAI,EAAE;qCAAC;oCAC1BtD,QAAQ;gCACV;;kDAEA,IAAC;wCAAI,WAAW0D,aAAAA,QAAe;kDAC7B,kBAACC,SAAOA;4CAAC,UAAQ;4CAAC,MAAMN;4CAAU,SAAS;;;kDAE7C,IAAC;wCAAI,WAAWK,aAAAA,UAAiB;kDAC/B,kBAACrC,SAAOA;4CAAC,WAAWqC,aAAAA,OAAc;4CAAE,QAAM;;;;;;sCAIhD,KAACxC,OAAKA;;gCACY,MAAfL,aAAmB,WAAJ,GACd;8CACG,AAAoB,YAApB,OAAO0C,WAAwB,WAAX,GACnB,IAACxE,SAAOA;wCACN,WAAU;wCACV,uBAAS,IAACiD,eAAAA;4CAAc,MAAMpB;;kDAE9B,mBAACM,OAAKA;4CAAC,WAAU;;8DACf,IAACW,gBAAAA;oDAAe,MAAMhB;;8DACtB,IAACiB,gBAAAA;oDAAe,MAAMyB;;;;uDAI1B,KAACrC,OAAKA;wCAAC,WAAU;;0DACf,IAACW,gBAAAA;gDAAe,MAAMhB;;0DACtB,IAACmB,eAAAA;gDAAc,MAAMpB;;;;qCAIzBA,AAAe,MAAfA,a,cAEF,IAACoB,eAAAA;oCAAc,MAAMpB;qCACnB;gCACH4C,kBAAkB,WAAlBA,GACC,IAAChC,iBAAAA;oCAAgB,aAAa8B,IAAI,OAAO,EAAE,UAAU;qCACnD;gCACHG,yBAAyBA,sBAAsB,MAAM,GAAG,WAAH,GACpD,IAACtC,SAAOA;oCACN,qBACE,KAACD,OAAKA;wCAAC,WAAU;;0DACf,IAACvB,WAAW,IAAI;gDAAC,OAAO;oDAAE,OAAO;gDAAU;0DAAG;;4CAI7C8D,sBAAsB,GAAG,CAAC,CAAC,EAAE3D,EAAE,EAAEjB,IAAI,EAAE;gDACtC,IAAI+E,YAAY/E,OACd,OAAO,WAAP,GACE,IAACc,WAAW,SAAS;oDACnB,UAAU;wDAAE,MAAM;oDAAE;oDAEpB,OAAO;wDAAE,OAAO;wDAAW,UAAU;oDAAO;oDAC5C,MAAI;8DAEHd;mDAJIiB;gDASX,MAAM+D,IAAIC,SAASC,QAAQT,IAAI,IAAI,GAAGzE;gDACtC,IAAIgF,EAAE,UAAU,CAAC,qCACf,OAAO,WAAP,GACE,IAAClE,WAAW,IAAI;oDAEd,OAAO;wDAAE,OAAO;wDAAW,UAAU;oDAAO;oDAC5C,MAAI;8DAEHkE,AAAS,QAATA,CAAC,CAAC,EAAE,GAAWA,IAAI,CAAC,EAAE,EAAEA,GAAG;mDAJvB/D;gDASX,OAAO,WAAP,GACE,IAACH,WAAW,IAAI;oDAEd,OAAO;wDAAE,OAAO;oDAAU;oDAC1B,MAAI;8DAEHkE,AAAS,QAATA,CAAC,CAAC,EAAE,GAAWA,IAAI,CAAC,EAAE,EAAEA,GAAG;mDAJvB/D;4CAOX;;;8CAIJ,kBAAC4B,KAAGA;wCAAC,OAAM;kDAAQ;;qCAEnB;8CAEJ,IAACrD,kBAAAA;oCAAiB,MAAMiF;;;;;;YAIhC;YACA,UAASU,GAAG,EAAEC,YAAY;gBACxB,MAAM1D,OAAiB,EAAE;gBACzB,MAAM2D,QAAQ7D,kBAAkB2D,KAAKzD;gBACrC,IAAI2D,MAAM,MAAM,EAAE;oBAChB,MAAM3D,OAAO2D,MAAM,GAAG,CACpB,CAACzE,IAAM2C,eAAe,IAAI,CAAC,CAAC+B,IAAMA,EAAE,IAAI,KAAK1E;oBAG/C,MAAMoB,aAAaI,MAAMV,MAAM,CAACd,IAAMA,EAAE,IAAI,EAAE,cAAc;oBAC5D,MAAMmB,aAAaK,MAAMV,MAAM,CAACd,IAAMA,EAAE,IAAI,EAAE,cAAc;oBAC5D,OAAO,WAAP,GACE,KAAC;wBAAI,WAAWiE,YAAAA,CAAAA,cAAqB;;0CACnC,KAAC;gCAAI,WAAWA,aAAAA,GAAU;;kDACxB,IAAC;wCAAI,WAAWA,aAAAA,QAAe;kDAC7B,kBAACC,SAAOA;4CAAC,UAAQ;4CAAC,MAAMM;4CAAc,SAAS;;;kDAEjD,IAAC;wCAAI,WAAWP,aAAAA,UAAiB;kDAC/B,kBAACrC,SAAOA;4CAAC,WAAWqC,aAAAA,OAAc;4CAAE,QAAM;;;;;0CAG9C,IAACxC,OAAKA;0CACHL,aAAa,IAAI,WAAJ,GACZ;;sDACE,IAACc,qBAAAA;4CAAoB,MAAMd;;sDAC3B,IAACkB,oBAAAA;4CAAmB,MAAMnB;;;mDAG5B,IAACmB,oBAAAA;oCAAmB,MAAMnB;;;;;gBAKpC;gBAEA,OAAOqD;YACT;YACA,MAAM;QACR;QACA,OAAOnB;IACT,GAAG;QAACnC;KAAgB;IAEpB,MAAMyD,WAAW,CAACC,QAAkB5B,iBAAiB4B;IAErDC,UAAU;QACR7B,iBAAiB;QACjBE,oBAAoB;IACtB,GAAG;QAACT;KAAM;IAEVoC,UAAU;QACR3B,oBAAoB;IACtB,GAAG;QAACH;KAAc;IAElB,OAAO,WAAP,GACE,IAAC+B,uBAAuB,QAAQ;QAC9B,OAAO;YAAE3B;YAAgBC;QAAkB;kBAE3C,mBAACzD,MAAIA;YACH,WAAWsE,aAAAA,MAAa;YACxB,OAAO,CAAC,YAAY,EAAExB,MAAM,IAAI,CAAC,CAAC,CAAC;YACnC,WAAW;gBAAE,WAAWI;YAAO;YAC/B,MAAK;;gBAEJF,eAAe,MAAM,GAAG,WAAH,GACpB,KAACoC,KAAGA;;sCACF,IAACC,KAAGA;4BAAC,MAAM;sCACT,kBAAChE,mBAAAA;gCACC,SAAS2B;gCACT,QAAQD;gCACR,iBAAiBxB;;;sCAGrB,IAAC8D,KAAGA;4BAAC,MAAM;sCACT,mBAACvD,OAAKA;;kDACJ,IAACwD,cAAYA;wCACX,aAAY;wCACZ,UAAUN;uCACLlC,MAAM,IAAI;kDAEjB,IAACyC,QAAMA;wCACL,SAAS,IAAMhC,oBAAoB;wCACnC,MAAK;wCACL,oBAAM,IAACiC,sBAAoBA,CAAAA;;;;;sCAIjC,IAACH,KAAGA;4BAAC,MAAM;4BAAI,OAAO;gCAAE,WAAWI,KAAK,WAAW;4BAAC;sCACjDlE,gBAAgB,MAAM,GAAG,WAAH,GACrB,IAAC7C,eAAAA;gCAEC,YAAY;gCACZ,kBACE4E,oBAAoB/B,gBAAgB,MAAM,IAAI;gCAEhD,UAAU,CAACmE;oCACT9G,sBAAsB8G;gCACxB;gCACA,qBAAmB;gCAEnB,qBACE9G,qBAAqB,SACjBA,sBACAiF,AAA0B,MAA1BA,eAAe,MAAM,GACnB;oCAACA,cAAc,CAAC,EAAE,CAAC,GAAG;iCAAC,GACvB,EAAE;gCAEV,UAAUA;gCACV,WAAW;oCACT,WAAW;oCACX,UAAU;oCACV,QAAQ;oCACR,SAAS;gCACX;+BAvBK,CAAC,KAAK,EAAET,cAAc,CAAC,EAAEE,iBAAiB,CAAC,EAAER,MAAM,IAAI,EAAE,kBA0BhE,IAAC9D,OAAKA;gCACJ,2BACE,IAACuB,WAAW,IAAI;oCACd,QAAM;8CACN,CAAC,CAAC,EAAE6C,cAAc,yBAAyB,CAAC;;;;;mCAOxD,IAACpE,OAAKA;oBACJ,2BACE,IAACuB,WAAW,IAAI;wBACd,QAAM;kCACN,CAAC,CAAC,EAAEuC,MAAM,IAAI,CAAC,0BAA0B,CAAC;;;8BAKlD,IAACrC,mBAAAA;oBACC,IACE+C,gBAAgB,SACZA,cAAc,CAACA,eAAe,MAAM,GAAG,EAAE,GACzC;oBAEN,MAAM7C;oBACN,SAASC;oBACT,KAAKuC;;;;;AAKf"}
+{"version":3,"file":"pages/BundleSize/components/asset.mjs","sources":["../../../../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/card.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/BundleSize/components/card.module.mjs","sources":["webpack://@rsdoctor/components/./src/pages/BundleSize/components/card.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./card_module.css\"\nexport default {\"container\":\"container-wODg_6\",\"chartsContainer\":\"chartsContainer-msRyOd\",\"chart\":\"chart-GmBMa_\",\"summary\":\"summary-zj0ygd\",\"description\":\"description-o0ffpO\",\"unit\":\"unit-n5Yty6\",\"totalNumber\":\"totalNumber-UweUl8\",\"cardTitle\":\"cardTitle-xNmEfV\",\"title\":\"title-qIR7dd\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,WAAY;IAAmB,iBAAkB;IAAyB,OAAQ;IAAe,SAAU;IAAiB,aAAc;IAAqB,MAAO;IAAc,aAAc;IAAqB,WAAY;IAAmB,OAAQ;AAAc"}
+{"version":3,"file":"pages/BundleSize/components/card.module.mjs","sources":["../../../../src/pages/BundleSize/components/card.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./card_module.css\"\nexport default {\"container\":\"container-wODg_6\",\"chartsContainer\":\"chartsContainer-msRyOd\",\"chart\":\"chart-GmBMa_\",\"summary\":\"summary-zj0ygd\",\"description\":\"description-o0ffpO\",\"unit\":\"unit-n5Yty6\",\"totalNumber\":\"totalNumber-UweUl8\",\"cardTitle\":\"cardTitle-xNmEfV\",\"title\":\"title-qIR7dd\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,WAAY;IAAmB,iBAAkB;IAAyB,OAAQ;IAAe,SAAU;IAAiB,aAAc;IAAqB,MAAO;IAAc,aAAc;IAAqB,WAAY;IAAmB,OAAQ;AAAc"}

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":["../../../../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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"}