@rsdoctor/components 1.4.0 → 1.5.0

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

@@ -1 +1 @@
-{"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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"}
+{"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    // Normalize paths for comparison - convert backslashes to forward slashes\n    const normalizePath = (path: string) => path.replace(/\\\\/g, '/');\n    const res = createFileStructures({\n      files: filteredModules.map((e) => e.path).filter(Boolean),\n      inlinedResourcePathKey,\n      fileTitle(file, basename) {\n        const mod = filteredModules.find(\n          (e) => normalizePath(e.path) === normalizePath(file),\n        )!;\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          // Normalize paths for comparison - convert backslashes to forward slashes\n          const normalizePath = (path: string) => path.replace(/\\\\/g, '/');\n          const mods = paths.map(\n            (e) =>\n              includeModules.find(\n                (m) => normalizePath(m.path) === normalizePath(e),\n              )!,\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","normalizePath","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/index.d.ts

@@ -8,9 +8,5 @@ interface WebpackModulesOverallProps {
     entryPoints: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetEntryPoints>;
 }
 export declare const WebpackModulesOverallBase: React.FC<WebpackModulesOverallProps>;
-export declare const WebpackModulesOverall: React.FC<Omit<{
-    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;
-}, "project"> & Partial<{
-    body?: any;
-}>>;
+export declare const WebpackModulesOverall: React.FC;
 export {};

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

@@ -9,8 +9,9 @@ import { Badge } from "../../../components/Badge/index.mjs";
 import { FileTree } from "../../../components/FileTree/index.mjs";
 import { KeywordInput } from "../../../components/Form/keyword.mjs";
 import { Keyword } from "../../../components/Keyword/index.mjs";
-import { ServerAPIProvider, withServerAPI } from "../../../components/Manifest/index.mjs";
+import { ServerAPIProvider } from "../../../components/Manifest/index.mjs";
 import { Size } from "../../../constants.mjs";
+import { useProjectInfo } from "../../../components/Layout/project-info-context.mjs";
 import { createFileStructures, flattenTreemapData, formatSize, useI18n } from "../../../utils/index.mjs";
 import { AssetDetail } from "./asset.mjs";
 import { BundleCards } from "./cards.mjs";
@@ -594,28 +595,26 @@ const WebpackModulesOverallBase = ({ errors, cwd, summary, entryPoints })=>{
         ]
     });
 };
-const WebpackModulesOverall = withServerAPI({
-    api: SDK.ServerAPI.API.GetProjectInfo,
-    responsePropName: 'project',
-    Component: (props)=>{
-        const { root, errors } = props.project;
-        return /*#__PURE__*/ jsx(ServerAPIProvider, {
-            api: SDK.ServerAPI.API.GetAssetsSummary,
-            body: {
-                withFileContent: true
-            },
-            children: (summary)=>/*#__PURE__*/ jsx(ServerAPIProvider, {
-                    api: SDK.ServerAPI.API.GetEntryPoints,
-                    children: (entryPoints)=>/*#__PURE__*/ jsx(WebpackModulesOverallBase, {
-                            cwd: root,
-                            errors: errors,
-                            summary: summary,
-                            entryPoints: entryPoints
-                        })
-                })
-        });
-    }
-});
+const WebpackModulesOverall = ()=>{
+    const { project } = useProjectInfo();
+    if (!project) return null;
+    const { root, errors } = project;
+    return /*#__PURE__*/ jsx(ServerAPIProvider, {
+        api: SDK.ServerAPI.API.GetAssetsSummary,
+        body: {
+            withFileContent: true
+        },
+        children: (summary)=>/*#__PURE__*/ jsx(ServerAPIProvider, {
+                api: SDK.ServerAPI.API.GetEntryPoints,
+                children: (entryPoints)=>/*#__PURE__*/ jsx(WebpackModulesOverallBase, {
+                        cwd: root,
+                        errors: errors,
+                        summary: summary,
+                        entryPoints: entryPoints
+                    })
+            })
+    });
+};
 export { WebpackModulesOverall, WebpackModulesOverallBase };
 
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"pages/BundleSize/components/index.mjs","sources":["../../../../src/pages/BundleSize/components/index.tsx"],"sourcesContent":["import {\n  CodeOutlined,\n  CodepenCircleOutlined,\n  DeploymentUnitOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { Client, SDK } from '@rsdoctor/types';\nimport {\n  Button,\n  Card,\n  Col,\n  Divider,\n  Empty,\n  InputNumber,\n  Row,\n  Select,\n  Space,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { debounce, sumBy } from 'es-toolkit/compat';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useCodeDrawer } from 'src/components/base/CodeViewer/useCodeDrawer';\nimport { Badge as Bdg } from '../../../components/Badge';\nimport { FileTree } from '../../../components/FileTree';\nimport { KeywordInput } from '../../../components/Form/keyword';\nimport { Keyword } from '../../../components/Keyword';\nimport { ServerAPIProvider, withServerAPI } from '../../../components/Manifest';\nimport { Size } from '../../../constants';\nimport {\n  createFileStructures,\n  flattenTreemapData,\n  formatSize,\n  useI18n,\n} from '../../../utils';\nimport { GraphType } from '../constants';\nimport { AssetDetail } from './asset';\nimport { BundleCards } from './cards';\nimport styles from './index.module.scss';\nimport './index.sass';\nimport { SearchModal } from './search-modal';\nimport {\n  AssetTreemapWithFilter,\n  TreeNode,\n} from 'src/components/Charts/TreeMap';\nimport { Rspack } from '@rsdoctor/utils/common';\n\nconst { Option } = Select;\n\nconst cardBodyHeight = 600;\n\ninterface WebpackModulesOverallProps {\n  cwd: string;\n  errors: SDK.ErrorsData;\n  summary: Client.RsdoctorClientAssetsSummary;\n  entryPoints: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetEntryPoints>;\n}\nconst tabList = [\n  {\n    key: 'tree',\n    label: (\n      <Space>\n        <Typography.Text>{'Tree Graph'}</Typography.Text>\n        <Tooltip\n          overlayStyle={{ maxWidth: 380 }}\n          overlayInnerStyle={{ marginLeft: 16, padding: 10 }}\n          color=\"white\"\n          title={\n            <Space direction=\"vertical\" color=\"white\" size=\"middle\">\n              <Row>\n                <Col>\n                  <Tag color=\"cyan\" style={{ margin: 0 }}>\n                    initial\n                  </Tag>\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Identify whether the chunk is an initial chunk.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color=\"green\" style={{ margin: 0 }}>\n                    concatenated\n                  </Tag>\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Identify whether the module is a concatenated module\n                  </Typography.Text>\n                  <Tooltip\n                    overlayStyle={{ maxWidth: 408 }}\n                    placement=\"bottom\"\n                    color=\"white\"\n                    title={\n                      <Space direction=\"vertical\" color=\"white\">\n                        <Row>\n                          <Col>\n                            <Typography.Text strong>\n                              Concatenated Module\n                            </Typography.Text>\n                            <Typography.Text>\n                              : A performance optimization where multiple\n                              modules are merged (or \"hoisted\") into a single\n                              scope instead of wrapping each module in separate\n                              function closures. This reduces the bundle size\n                              and improves runtime performance by minimizing\n                              function call overhead.\n                            </Typography.Text>\n                          </Col>\n                        </Row>\n                      </Space>\n                    }\n                  >\n                    <InfoCircleOutlined\n                      style={{ color: 'rgba(0,0,0,.45)', marginLeft: 4 }}\n                    />\n                  </Tooltip>\n                  <Typography.Text>.</Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Button size=\"small\" icon={<CodepenCircleOutlined />} />\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Open the code.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Button size=\"small\" icon={<DeploymentUnitOutlined />} />\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    View the module dependency, that is, module reasons in\n                    stats.json.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color={'purple'}>{'Bundled: 15.77 KB'}</Tag>\n                  <Typography.Text>\n                    The final size of the output files after processing,\n                    bundling, and optimization. This is what is delivered to the\n                    browser.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color={'orange'}>{'Source: 60.46 KB'}</Tag>\n                  <Typography.Text>\n                    The original size of your source code files before any\n                    processing or transformations. This is the raw size of your\n                    code as you wrote it.\n                  </Typography.Text>\n                </Col>\n              </Row>\n            </Space>\n          }\n        >\n          <InfoCircleOutlined style={{ color: 'rgba(0,0,0,.45)' }} />\n        </Tooltip>\n      </Space>\n    ),\n  },\n  {\n    key: 'treemap',\n    label: 'Treemap',\n  },\n];\n\nexport const WebpackModulesOverallBase: React.FC<\n  WebpackModulesOverallProps\n> = ({ errors, cwd, summary, entryPoints }) => {\n  const [selectedEntryPoints, setEntryPoints] = useState<SDK.EntryPointData[]>(\n    [],\n  );\n  const [inputModule, setModuleValue] = useState(0);\n  const [inputAssetName, setAssetName] = useState('');\n  const [inputAssetSize, setAssetSize] = useState(0);\n  const [defaultExpandAll, setDefaultExpandAll] = useState(false);\n  const [inputModuleUnit, setModuleUnit] = useState('');\n  const [inputChunkUnit, setChunkUnit] = useState('');\n  const [assetPath, setAssetPath] = useState<string | null>(null);\n  const [graphType, setGraphType] = useState('tree' as GraphType);\n  const { showCode, codeDrawerComponent } = useCodeDrawer(\n    'Do not have the codes of assets. If you use the lite or brief mode, there will have codes.',\n  );\n\n  const { t } = useI18n();\n\n  const assets = summary.all.total.files;\n\n  const handleChange = useCallback(\n    (type: string) => (value: string) => {\n      if (type === 'module') {\n        setModuleUnit(value);\n      } else if (type === 'chunk') {\n        setChunkUnit(value);\n      }\n    },\n    [],\n  );\n\n  const selectAfter = (type: string) => (\n    <Select defaultValue=\"kb\" onChange={handleChange(type)}>\n      <Option value=\"kb\">KB</Option>\n      <Option value=\"mb\">MB</Option>\n    </Select>\n  );\n  const onChangeModule = useCallback(\n    debounce((newValue: number) => {\n      const count =\n        inputModuleUnit === 'mb' ? newValue * 1024 * 1024 : newValue * 1024;\n      setModuleValue(count);\n    }, 300),\n    [],\n  );\n\n  const onChangeAsset = useCallback(\n    debounce((newValue: number) => {\n      const count =\n        inputChunkUnit === 'mb' ? newValue * 1024 * 1024 : newValue * 1024;\n      setAssetSize(count);\n    }, 300),\n    [],\n  );\n\n  const filteredAssets = useMemo(() => {\n    let res = assets.slice();\n\n    if (inputAssetName) {\n      res = res.filter((e) => e.path.indexOf(inputAssetName) > -1);\n    }\n\n    if (inputAssetSize > 0) {\n      res = res.filter((e) => e.size >= inputAssetSize);\n    }\n\n    if (selectedEntryPoints.length) {\n      res = res.filter((e) => {\n        if (selectedEntryPoints.some((ep) => ep.assets.includes(e.path))) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return res.sort((a, b) => {\n      const _a = a.path.indexOf('/') > -1 ? 1 : 0;\n      const _b = b.path.indexOf('/') > -1 ? 1 : 0;\n      // return _a - _b;\n      return _b - _a;\n    });\n  }, [assets, selectedEntryPoints, inputAssetName, inputAssetSize]);\n\n  useEffect(() => {\n    function getFileExtension(filePath: string) {\n      const parts = filePath.split('.');\n      return parts.length > 1 ? parts.pop() : '';\n    }\n\n    summary.all.total.files.forEach((f) => {\n      const ext = getFileExtension(f.path);\n      if (ext === 'js') {\n        setAssetPath(f.path);\n      }\n    });\n  }, [summary.all.total.files]);\n\n  const assetsStructures = useMemo(() => {\n    const res = createFileStructures({\n      files: filteredAssets.map((e) => e.path).filter(Boolean),\n      fileTitle(file, basename) {\n        const target = filteredAssets.find((e) => e.path === file)!;\n        const { size, initial, path, content } = target;\n\n        return (\n          <div\n            className={styles.assetBox}\n            onClick={() => {\n              setAssetPath(path);\n            }}\n          >\n            <Keyword text={basename} keyword={''} className={styles.fileText} />\n            <Space size=\"small\" className={styles.assetsTag}>\n              <Divider type=\"vertical\" />\n              <Typography.Text style={{ color: '#4FD233' }}>\n                {formatSize(size)}\n              </Typography.Text>\n              <Divider type=\"vertical\" />\n              {initial ? (\n                <Typography.Text style={{ color: '#009A9E' }}>\n                  initial\n                </Typography.Text>\n              ) : null}\n              <CodeOutlined\n                style={{ fontSize: 14, padding: 0 }}\n                onClick={() => showCode({ code: content!, filePath: path })}\n              />\n            </Space>\n          </div>\n        );\n      },\n    });\n    return res;\n  }, [filteredAssets]);\n\n  const onSearch = (value: string) => {\n    setAssetName(value);\n    setDefaultExpandAll(false);\n  };\n\n  return (\n    <>\n      <div className=\"bundle-size-card\">\n        <BundleCards cwd={cwd} errors={errors} summary={summary} />\n        <Card\n          className=\"bundle-size=card\"\n          tabList={tabList}\n          activeTabKey={graphType as 'tree' | 'treemap'}\n          onTabChange={(e) => setGraphType(e as 'tree' | 'treemap')}\n          hidden={graphType === 'tree'}\n          tabProps={{\n            size: 'middle',\n          }}\n        >\n          <ServerAPIProvider api={SDK.ServerAPI.API.GetProjectInfo}>\n            {(data) => {\n              const { isRspack, hasSourceMap } = Rspack.checkSourceMapSupport(\n                data.configs,\n              );\n              return (\n                <ServerAPIProvider api={SDK.ServerAPI.API.GetSummaryBundles}>\n                  {(data) => {\n                    // Filter assets to only show JS (js, cjs, mjs), CSS, and HTML files\n                    const isTargetFileType = (filePath: string): boolean => {\n                      const ext = filePath.toLowerCase().split('.').pop() || '';\n                      return (\n                        ext === 'js' ||\n                        ext === 'cjs' ||\n                        ext === 'mjs' ||\n                        ext === 'css' ||\n                        ext === 'html'\n                      );\n                    };\n\n                    const computedTreeData: TreeNode[] = data\n                      .filter((item) => isTargetFileType(item.asset.path))\n                      .map((item) => ({\n                        name: item.asset.path,\n                        value: item.asset.size,\n                        children: flattenTreemapData(item.modules).children,\n                      }));\n                    return (\n                      <AssetTreemapWithFilter\n                        treeData={computedTreeData}\n                        bundledSize={hasSourceMap || isRspack}\n                      />\n                    );\n                  }}\n                </ServerAPIProvider>\n              );\n            }}\n          </ServerAPIProvider>\n        </Card>\n\n        <Card\n          hidden={graphType === 'treemap'}\n          tabList={tabList}\n          activeTabKey={graphType as 'tree' | 'treemap'}\n          onTabChange={(e) => setGraphType(e as 'tree' | 'treemap')}\n          tabProps={{\n            size: 'middle',\n          }}\n        >\n          <Space direction=\"vertical\">\n            <Row align=\"middle\" gutter={[Size.BasePadding, Size.BasePadding]}>\n              {entryPoints && entryPoints.length ? (\n                <Col>\n                  <Select\n                    mode=\"multiple\"\n                    value={selectedEntryPoints.map((e) => e.name)}\n                    style={{ minWidth: 230, width: 'auto', maxWidth: 300 }}\n                    placeholder={'filter assets by entry point'}\n                    onChange={(name: string[]) => {\n                      setEntryPoints(\n                        name\n                          .map((e) => entryPoints.find((ep) => ep.name === e)!)\n                          .filter(Boolean),\n                      );\n                    }}\n                    allowClear\n                    onClear={() => {\n                      setEntryPoints([]);\n                    }}\n                  >\n                    {entryPoints.map((e) => {\n                      return (\n                        <Select.Option key={e.name} value={e.name}>\n                          <Space>\n                            <Bdg\n                              label={e.name}\n                              value={formatSize(e.size)}\n                              tooltip={e.name}\n                            />\n                          </Space>\n                        </Select.Option>\n                      );\n                    })}\n                  </Select>\n                </Col>\n              ) : null}\n              <Col>\n                <KeywordInput\n                  placeholder=\"search asset by keyword\"\n                  onChange={onSearch}\n                />\n              </Col>\n              <Col span={6}>\n                <InputNumber\n                  min={0}\n                  style={{ width: '95%' }}\n                  addonBefore={\n                    <Space>\n                      <Typography.Text\n                        style={{ fontSize: 14, color: 'inherit' }}\n                      >\n                        Asset Size\n                      </Typography.Text>\n                      <Tooltip\n                        title={t(\n                          'filter the output assets which size is greater than the input value',\n                        )}\n                        style={{ marginLeft: 3 }}\n                      >\n                        <InfoCircleOutlined\n                          style={{ color: 'rgba(0,0,0,.45)' }}\n                        />\n                      </Tooltip>\n                    </Space>\n                  }\n                  onChange={(value) => onChangeAsset(Number(value))}\n                  addonAfter={selectAfter('chunk')}\n                />\n              </Col>\n              <Col span={6}>\n                <InputNumber\n                  min={0}\n                  style={{ width: '95%' }}\n                  addonBefore={\n                    <Space>\n                      <Typography.Text\n                        style={{ fontSize: 14, color: 'inherit' }}\n                      >\n                        Module Size\n                      </Typography.Text>\n                      <Tooltip\n                        title={t(\n                          'filter the modules which size is greater than the input value',\n                        )}\n                        style={{ marginLeft: 3 }}\n                      >\n                        <InfoCircleOutlined\n                          style={{ color: 'rgba(0,0,0,.45)' }}\n                        />\n                      </Tooltip>\n                    </Space>\n                  }\n                  onChange={(value) => {\n                    onChangeModule(Number(value));\n                  }}\n                  addonAfter={selectAfter('module')}\n                />\n              </Col>\n            </Row>\n            <Row>\n              <SearchModal />\n            </Row>\n            <Row align=\"middle\" gutter={[Size.BasePadding, Size.BasePadding]}>\n              <Col span={24}>\n                {filteredAssets.length ? (\n                  <Row gutter={Size.BasePadding}>\n                    <Col span={6}>\n                      <Card\n                        title={\n                          <Space>\n                            <Typography.Text>\n                              {t('Output Assets List')}\n                            </Typography.Text>\n                            <Divider type=\"vertical\" />\n                            <Tooltip\n                              title={`total assets count is ${assets.length}, the filtered assets count is ${filteredAssets.length}`}\n                            >\n                              <Typography.Text\n                                type=\"secondary\"\n                                style={{ fontSize: 12, fontWeight: 400 }}\n                              >\n                                {filteredAssets.length} / {assets.length}\n                              </Typography.Text>\n                            </Tooltip>\n                            <Divider type=\"vertical\" />\n                            <Typography.Text\n                              type=\"secondary\"\n                              style={{ fontSize: 12, fontWeight: 400 }}\n                            >\n                              {formatSize(sumBy(filteredAssets, (e) => e.size))}\n                            </Typography.Text>\n                          </Space>\n                        }\n                        size=\"small\"\n                        bodyStyle={{\n                          overflow: 'scroll',\n                          height: cardBodyHeight,\n                        }}\n                      >\n                        <FileTree\n                          className={styles.assets}\n                          treeData={assetsStructures}\n                          autoExpandParent\n                          defaultExpandAll={\n                            defaultExpandAll || filteredAssets.length <= 20\n                          }\n                          key={`tree_${inputAssetName}_${defaultExpandAll}`}\n                        />\n                      </Card>\n                    </Col>\n                    <Col span={18}>\n                      {assetPath ? (\n                        <ServerAPIProvider\n                          api={SDK.ServerAPI.API.GetAssetDetails}\n                          body={{ assetPath }}\n                        >\n                          {(details) => (\n                            <AssetDetail\n                              asset={details.asset}\n                              chunks={details.chunks}\n                              modules={details.modules}\n                              height={cardBodyHeight}\n                              moduleSizeLimit={inputModule}\n                              root={cwd}\n                            />\n                          )}\n                        </ServerAPIProvider>\n                      ) : (\n                        <Card\n                          bodyStyle={{\n                            height: cardBodyHeight,\n                          }}\n                        >\n                          <Empty\n                            description={\n                              <Typography.Text strong>\n                                Click the file path on the left to show the\n                                modules of the asset\n                              </Typography.Text>\n                            }\n                          />\n                        </Card>\n                      )}\n                    </Col>\n                  </Row>\n                ) : (\n                  <Empty />\n                )}\n              </Col>\n            </Row>\n          </Space>\n        </Card>\n      </div>\n      {codeDrawerComponent}\n    </>\n  );\n};\n\nexport const WebpackModulesOverall = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: (props: {\n    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n  }) => {\n    const { root, errors } = props.project;\n    return (\n      <ServerAPIProvider\n        api={SDK.ServerAPI.API.GetAssetsSummary}\n        body={{ withFileContent: true }}\n      >\n        {(summary) => {\n          return (\n            <ServerAPIProvider api={SDK.ServerAPI.API.GetEntryPoints}>\n              {(entryPoints) => (\n                <WebpackModulesOverallBase\n                  cwd={root}\n                  errors={errors}\n                  summary={summary}\n                  entryPoints={entryPoints}\n                />\n              )}\n            </ServerAPIProvider>\n          );\n        }}\n      </ServerAPIProvider>\n    );\n  },\n});\n"],"names":["Option","Select","cardBodyHeight","tabList","Space","Typography","Tooltip","Row","Col","Tag","InfoCircleOutlined","Button","CodepenCircleOutlined","DeploymentUnitOutlined","WebpackModulesOverallBase","errors","cwd","summary","entryPoints","selectedEntryPoints","setEntryPoints","useState","inputModule","setModuleValue","inputAssetName","setAssetName","inputAssetSize","setAssetSize","defaultExpandAll","setDefaultExpandAll","inputModuleUnit","setModuleUnit","inputChunkUnit","setChunkUnit","assetPath","setAssetPath","graphType","setGraphType","showCode","codeDrawerComponent","useCodeDrawer","t","useI18n","assets","handleChange","useCallback","type","value","selectAfter","onChangeModule","debounce","newValue","count","onChangeAsset","filteredAssets","useMemo","res","e","ep","a","b","_a","_b","useEffect","getFileExtension","filePath","parts","f","ext","assetsStructures","createFileStructures","Boolean","file","basename","target","size","initial","path","content","styles","Keyword","Divider","formatSize","CodeOutlined","onSearch","BundleCards","Card","ServerAPIProvider","SDK","data","isRspack","hasSourceMap","Rspack","isTargetFileType","computedTreeData","item","flattenTreemapData","AssetTreemapWithFilter","Size","name","Bdg","KeywordInput","InputNumber","Number","SearchModal","sumBy","FileTree","details","AssetDetail","Empty","WebpackModulesOverall","withServerAPI","props","root"],"mappings":"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"}
+{"version":3,"file":"pages/BundleSize/components/index.mjs","sources":["../../../../src/pages/BundleSize/components/index.tsx"],"sourcesContent":["import {\n  CodeOutlined,\n  CodepenCircleOutlined,\n  DeploymentUnitOutlined,\n  InfoCircleOutlined,\n} from '@ant-design/icons';\nimport { Client, SDK } from '@rsdoctor/types';\nimport {\n  Button,\n  Card,\n  Col,\n  Divider,\n  Empty,\n  InputNumber,\n  Row,\n  Select,\n  Space,\n  Tag,\n  Tooltip,\n  Typography,\n} from 'antd';\nimport { debounce, sumBy } from 'es-toolkit/compat';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useCodeDrawer } from 'src/components/base/CodeViewer/useCodeDrawer';\nimport { Badge as Bdg } from '../../../components/Badge';\nimport { FileTree } from '../../../components/FileTree';\nimport { KeywordInput } from '../../../components/Form/keyword';\nimport { Keyword } from '../../../components/Keyword';\nimport { ServerAPIProvider } from '../../../components/Manifest';\nimport { Size } from '../../../constants';\nimport { useProjectInfo } from '../../../components/Layout/project-info-context';\nimport {\n  createFileStructures,\n  flattenTreemapData,\n  formatSize,\n  useI18n,\n} from '../../../utils';\nimport { GraphType } from '../constants';\nimport { AssetDetail } from './asset';\nimport { BundleCards } from './cards';\nimport styles from './index.module.scss';\nimport './index.sass';\nimport { SearchModal } from './search-modal';\nimport {\n  AssetTreemapWithFilter,\n  TreeNode,\n} from 'src/components/Charts/TreeMap';\nimport { Rspack } from '@rsdoctor/utils/common';\n\nconst { Option } = Select;\n\nconst cardBodyHeight = 600;\n\ninterface WebpackModulesOverallProps {\n  cwd: string;\n  errors: SDK.ErrorsData;\n  summary: Client.RsdoctorClientAssetsSummary;\n  entryPoints: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetEntryPoints>;\n}\nconst tabList = [\n  {\n    key: 'tree',\n    label: (\n      <Space>\n        <Typography.Text>{'Tree Graph'}</Typography.Text>\n        <Tooltip\n          overlayStyle={{ maxWidth: 380 }}\n          overlayInnerStyle={{ marginLeft: 16, padding: 10 }}\n          color=\"white\"\n          title={\n            <Space direction=\"vertical\" color=\"white\" size=\"middle\">\n              <Row>\n                <Col>\n                  <Tag color=\"cyan\" style={{ margin: 0 }}>\n                    initial\n                  </Tag>\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Identify whether the chunk is an initial chunk.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color=\"green\" style={{ margin: 0 }}>\n                    concatenated\n                  </Tag>\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Identify whether the module is a concatenated module\n                  </Typography.Text>\n                  <Tooltip\n                    overlayStyle={{ maxWidth: 408 }}\n                    placement=\"bottom\"\n                    color=\"white\"\n                    title={\n                      <Space direction=\"vertical\" color=\"white\">\n                        <Row>\n                          <Col>\n                            <Typography.Text strong>\n                              Concatenated Module\n                            </Typography.Text>\n                            <Typography.Text>\n                              : A performance optimization where multiple\n                              modules are merged (or \"hoisted\") into a single\n                              scope instead of wrapping each module in separate\n                              function closures. This reduces the bundle size\n                              and improves runtime performance by minimizing\n                              function call overhead.\n                            </Typography.Text>\n                          </Col>\n                        </Row>\n                      </Space>\n                    }\n                  >\n                    <InfoCircleOutlined\n                      style={{ color: 'rgba(0,0,0,.45)', marginLeft: 4 }}\n                    />\n                  </Tooltip>\n                  <Typography.Text>.</Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Button size=\"small\" icon={<CodepenCircleOutlined />} />\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    Open the code.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Button size=\"small\" icon={<DeploymentUnitOutlined />} />\n                  <Typography.Text style={{ marginLeft: 4 }}>\n                    View the module dependency, that is, module reasons in\n                    stats.json.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color={'purple'}>{'Bundled: 15.77 KB'}</Tag>\n                  <Typography.Text>\n                    The final size of the output files after processing,\n                    bundling, and optimization. This is what is delivered to the\n                    browser.\n                  </Typography.Text>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <Tag color={'orange'}>{'Source: 60.46 KB'}</Tag>\n                  <Typography.Text>\n                    The original size of your source code files before any\n                    processing or transformations. This is the raw size of your\n                    code as you wrote it.\n                  </Typography.Text>\n                </Col>\n              </Row>\n            </Space>\n          }\n        >\n          <InfoCircleOutlined style={{ color: 'rgba(0,0,0,.45)' }} />\n        </Tooltip>\n      </Space>\n    ),\n  },\n  {\n    key: 'treemap',\n    label: 'Treemap',\n  },\n];\n\nexport const WebpackModulesOverallBase: React.FC<\n  WebpackModulesOverallProps\n> = ({ errors, cwd, summary, entryPoints }) => {\n  const [selectedEntryPoints, setEntryPoints] = useState<SDK.EntryPointData[]>(\n    [],\n  );\n  const [inputModule, setModuleValue] = useState(0);\n  const [inputAssetName, setAssetName] = useState('');\n  const [inputAssetSize, setAssetSize] = useState(0);\n  const [defaultExpandAll, setDefaultExpandAll] = useState(false);\n  const [inputModuleUnit, setModuleUnit] = useState('');\n  const [inputChunkUnit, setChunkUnit] = useState('');\n  const [assetPath, setAssetPath] = useState<string | null>(null);\n  const [graphType, setGraphType] = useState('tree' as GraphType);\n  const { showCode, codeDrawerComponent } = useCodeDrawer(\n    'Do not have the codes of assets. If you use the lite or brief mode, there will have codes.',\n  );\n\n  const { t } = useI18n();\n\n  const assets = summary.all.total.files;\n\n  const handleChange = useCallback(\n    (type: string) => (value: string) => {\n      if (type === 'module') {\n        setModuleUnit(value);\n      } else if (type === 'chunk') {\n        setChunkUnit(value);\n      }\n    },\n    [],\n  );\n\n  const selectAfter = (type: string) => (\n    <Select defaultValue=\"kb\" onChange={handleChange(type)}>\n      <Option value=\"kb\">KB</Option>\n      <Option value=\"mb\">MB</Option>\n    </Select>\n  );\n  const onChangeModule = useCallback(\n    debounce((newValue: number) => {\n      const count =\n        inputModuleUnit === 'mb' ? newValue * 1024 * 1024 : newValue * 1024;\n      setModuleValue(count);\n    }, 300),\n    [],\n  );\n\n  const onChangeAsset = useCallback(\n    debounce((newValue: number) => {\n      const count =\n        inputChunkUnit === 'mb' ? newValue * 1024 * 1024 : newValue * 1024;\n      setAssetSize(count);\n    }, 300),\n    [],\n  );\n\n  const filteredAssets = useMemo(() => {\n    let res = assets.slice();\n\n    if (inputAssetName) {\n      res = res.filter((e) => e.path.indexOf(inputAssetName) > -1);\n    }\n\n    if (inputAssetSize > 0) {\n      res = res.filter((e) => e.size >= inputAssetSize);\n    }\n\n    if (selectedEntryPoints.length) {\n      res = res.filter((e) => {\n        if (selectedEntryPoints.some((ep) => ep.assets.includes(e.path))) {\n          return true;\n        }\n        return false;\n      });\n    }\n\n    return res.sort((a, b) => {\n      const _a = a.path.indexOf('/') > -1 ? 1 : 0;\n      const _b = b.path.indexOf('/') > -1 ? 1 : 0;\n      // return _a - _b;\n      return _b - _a;\n    });\n  }, [assets, selectedEntryPoints, inputAssetName, inputAssetSize]);\n\n  useEffect(() => {\n    function getFileExtension(filePath: string) {\n      const parts = filePath.split('.');\n      return parts.length > 1 ? parts.pop() : '';\n    }\n\n    summary.all.total.files.forEach((f) => {\n      const ext = getFileExtension(f.path);\n      if (ext === 'js') {\n        setAssetPath(f.path);\n      }\n    });\n  }, [summary.all.total.files]);\n\n  const assetsStructures = useMemo(() => {\n    const res = createFileStructures({\n      files: filteredAssets.map((e) => e.path).filter(Boolean),\n      fileTitle(file, basename) {\n        const target = filteredAssets.find((e) => e.path === file)!;\n        const { size, initial, path, content } = target;\n\n        return (\n          <div\n            className={styles.assetBox}\n            onClick={() => {\n              setAssetPath(path);\n            }}\n          >\n            <Keyword text={basename} keyword={''} className={styles.fileText} />\n            <Space size=\"small\" className={styles.assetsTag}>\n              <Divider type=\"vertical\" />\n              <Typography.Text style={{ color: '#4FD233' }}>\n                {formatSize(size)}\n              </Typography.Text>\n              <Divider type=\"vertical\" />\n              {initial ? (\n                <Typography.Text style={{ color: '#009A9E' }}>\n                  initial\n                </Typography.Text>\n              ) : null}\n              <CodeOutlined\n                style={{ fontSize: 14, padding: 0 }}\n                onClick={() => showCode({ code: content!, filePath: path })}\n              />\n            </Space>\n          </div>\n        );\n      },\n    });\n    return res;\n  }, [filteredAssets]);\n\n  const onSearch = (value: string) => {\n    setAssetName(value);\n    setDefaultExpandAll(false);\n  };\n\n  return (\n    <>\n      <div className=\"bundle-size-card\">\n        <BundleCards cwd={cwd} errors={errors} summary={summary} />\n        <Card\n          className=\"bundle-size=card\"\n          tabList={tabList}\n          activeTabKey={graphType as 'tree' | 'treemap'}\n          onTabChange={(e) => setGraphType(e as 'tree' | 'treemap')}\n          hidden={graphType === 'tree'}\n          tabProps={{\n            size: 'middle',\n          }}\n        >\n          <ServerAPIProvider api={SDK.ServerAPI.API.GetProjectInfo}>\n            {(data) => {\n              const { isRspack, hasSourceMap } = Rspack.checkSourceMapSupport(\n                data.configs,\n              );\n              return (\n                <ServerAPIProvider api={SDK.ServerAPI.API.GetSummaryBundles}>\n                  {(data) => {\n                    // Filter assets to only show JS (js, cjs, mjs), CSS, and HTML files\n                    const isTargetFileType = (filePath: string): boolean => {\n                      const ext = filePath.toLowerCase().split('.').pop() || '';\n                      return (\n                        ext === 'js' ||\n                        ext === 'cjs' ||\n                        ext === 'mjs' ||\n                        ext === 'css' ||\n                        ext === 'html'\n                      );\n                    };\n\n                    const computedTreeData: TreeNode[] = data\n                      .filter((item) => isTargetFileType(item.asset.path))\n                      .map((item) => ({\n                        name: item.asset.path,\n                        value: item.asset.size,\n                        children: flattenTreemapData(item.modules).children,\n                      }));\n                    return (\n                      <AssetTreemapWithFilter\n                        treeData={computedTreeData}\n                        bundledSize={hasSourceMap || isRspack}\n                      />\n                    );\n                  }}\n                </ServerAPIProvider>\n              );\n            }}\n          </ServerAPIProvider>\n        </Card>\n\n        <Card\n          hidden={graphType === 'treemap'}\n          tabList={tabList}\n          activeTabKey={graphType as 'tree' | 'treemap'}\n          onTabChange={(e) => setGraphType(e as 'tree' | 'treemap')}\n          tabProps={{\n            size: 'middle',\n          }}\n        >\n          <Space direction=\"vertical\">\n            <Row align=\"middle\" gutter={[Size.BasePadding, Size.BasePadding]}>\n              {entryPoints && entryPoints.length ? (\n                <Col>\n                  <Select\n                    mode=\"multiple\"\n                    value={selectedEntryPoints.map((e) => e.name)}\n                    style={{ minWidth: 230, width: 'auto', maxWidth: 300 }}\n                    placeholder={'filter assets by entry point'}\n                    onChange={(name: string[]) => {\n                      setEntryPoints(\n                        name\n                          .map((e) => entryPoints.find((ep) => ep.name === e)!)\n                          .filter(Boolean),\n                      );\n                    }}\n                    allowClear\n                    onClear={() => {\n                      setEntryPoints([]);\n                    }}\n                  >\n                    {entryPoints.map((e) => {\n                      return (\n                        <Select.Option key={e.name} value={e.name}>\n                          <Space>\n                            <Bdg\n                              label={e.name}\n                              value={formatSize(e.size)}\n                              tooltip={e.name}\n                            />\n                          </Space>\n                        </Select.Option>\n                      );\n                    })}\n                  </Select>\n                </Col>\n              ) : null}\n              <Col>\n                <KeywordInput\n                  placeholder=\"search asset by keyword\"\n                  onChange={onSearch}\n                />\n              </Col>\n              <Col span={6}>\n                <InputNumber\n                  min={0}\n                  style={{ width: '95%' }}\n                  addonBefore={\n                    <Space>\n                      <Typography.Text\n                        style={{ fontSize: 14, color: 'inherit' }}\n                      >\n                        Asset Size\n                      </Typography.Text>\n                      <Tooltip\n                        title={t(\n                          'filter the output assets which size is greater than the input value',\n                        )}\n                        style={{ marginLeft: 3 }}\n                      >\n                        <InfoCircleOutlined\n                          style={{ color: 'rgba(0,0,0,.45)' }}\n                        />\n                      </Tooltip>\n                    </Space>\n                  }\n                  onChange={(value) => onChangeAsset(Number(value))}\n                  addonAfter={selectAfter('chunk')}\n                />\n              </Col>\n              <Col span={6}>\n                <InputNumber\n                  min={0}\n                  style={{ width: '95%' }}\n                  addonBefore={\n                    <Space>\n                      <Typography.Text\n                        style={{ fontSize: 14, color: 'inherit' }}\n                      >\n                        Module Size\n                      </Typography.Text>\n                      <Tooltip\n                        title={t(\n                          'filter the modules which size is greater than the input value',\n                        )}\n                        style={{ marginLeft: 3 }}\n                      >\n                        <InfoCircleOutlined\n                          style={{ color: 'rgba(0,0,0,.45)' }}\n                        />\n                      </Tooltip>\n                    </Space>\n                  }\n                  onChange={(value) => {\n                    onChangeModule(Number(value));\n                  }}\n                  addonAfter={selectAfter('module')}\n                />\n              </Col>\n            </Row>\n            <Row>\n              <SearchModal />\n            </Row>\n            <Row align=\"middle\" gutter={[Size.BasePadding, Size.BasePadding]}>\n              <Col span={24}>\n                {filteredAssets.length ? (\n                  <Row gutter={Size.BasePadding}>\n                    <Col span={6}>\n                      <Card\n                        title={\n                          <Space>\n                            <Typography.Text>\n                              {t('Output Assets List')}\n                            </Typography.Text>\n                            <Divider type=\"vertical\" />\n                            <Tooltip\n                              title={`total assets count is ${assets.length}, the filtered assets count is ${filteredAssets.length}`}\n                            >\n                              <Typography.Text\n                                type=\"secondary\"\n                                style={{ fontSize: 12, fontWeight: 400 }}\n                              >\n                                {filteredAssets.length} / {assets.length}\n                              </Typography.Text>\n                            </Tooltip>\n                            <Divider type=\"vertical\" />\n                            <Typography.Text\n                              type=\"secondary\"\n                              style={{ fontSize: 12, fontWeight: 400 }}\n                            >\n                              {formatSize(sumBy(filteredAssets, (e) => e.size))}\n                            </Typography.Text>\n                          </Space>\n                        }\n                        size=\"small\"\n                        bodyStyle={{\n                          overflow: 'scroll',\n                          height: cardBodyHeight,\n                        }}\n                      >\n                        <FileTree\n                          className={styles.assets}\n                          treeData={assetsStructures}\n                          autoExpandParent\n                          defaultExpandAll={\n                            defaultExpandAll || filteredAssets.length <= 20\n                          }\n                          key={`tree_${inputAssetName}_${defaultExpandAll}`}\n                        />\n                      </Card>\n                    </Col>\n                    <Col span={18}>\n                      {assetPath ? (\n                        <ServerAPIProvider\n                          api={SDK.ServerAPI.API.GetAssetDetails}\n                          body={{ assetPath }}\n                        >\n                          {(details) => (\n                            <AssetDetail\n                              asset={details.asset}\n                              chunks={details.chunks}\n                              modules={details.modules}\n                              height={cardBodyHeight}\n                              moduleSizeLimit={inputModule}\n                              root={cwd}\n                            />\n                          )}\n                        </ServerAPIProvider>\n                      ) : (\n                        <Card\n                          bodyStyle={{\n                            height: cardBodyHeight,\n                          }}\n                        >\n                          <Empty\n                            description={\n                              <Typography.Text strong>\n                                Click the file path on the left to show the\n                                modules of the asset\n                              </Typography.Text>\n                            }\n                          />\n                        </Card>\n                      )}\n                    </Col>\n                  </Row>\n                ) : (\n                  <Empty />\n                )}\n              </Col>\n            </Row>\n          </Space>\n        </Card>\n      </div>\n      {codeDrawerComponent}\n    </>\n  );\n};\n\nexport const WebpackModulesOverall: React.FC = () => {\n  const { project } = useProjectInfo();\n\n  if (!project) {\n    return null;\n  }\n\n  const { root, errors } = project;\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetAssetsSummary}\n      body={{ withFileContent: true }}\n    >\n      {(summary) => {\n        return (\n          <ServerAPIProvider api={SDK.ServerAPI.API.GetEntryPoints}>\n            {(entryPoints) => (\n              <WebpackModulesOverallBase\n                cwd={root}\n                errors={errors}\n                summary={summary}\n                entryPoints={entryPoints}\n              />\n            )}\n          </ServerAPIProvider>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["Option","Select","cardBodyHeight","tabList","Space","Typography","Tooltip","Row","Col","Tag","InfoCircleOutlined","Button","CodepenCircleOutlined","DeploymentUnitOutlined","WebpackModulesOverallBase","errors","cwd","summary","entryPoints","selectedEntryPoints","setEntryPoints","useState","inputModule","setModuleValue","inputAssetName","setAssetName","inputAssetSize","setAssetSize","defaultExpandAll","setDefaultExpandAll","inputModuleUnit","setModuleUnit","inputChunkUnit","setChunkUnit","assetPath","setAssetPath","graphType","setGraphType","showCode","codeDrawerComponent","useCodeDrawer","t","useI18n","assets","handleChange","useCallback","type","value","selectAfter","onChangeModule","debounce","newValue","count","onChangeAsset","filteredAssets","useMemo","res","e","ep","a","b","_a","_b","useEffect","getFileExtension","filePath","parts","f","ext","assetsStructures","createFileStructures","Boolean","file","basename","target","size","initial","path","content","styles","Keyword","Divider","formatSize","CodeOutlined","onSearch","BundleCards","Card","ServerAPIProvider","SDK","data","isRspack","hasSourceMap","Rspack","isTargetFileType","computedTreeData","item","flattenTreemapData","AssetTreemapWithFilter","Size","name","Bdg","KeywordInput","InputNumber","Number","SearchModal","sumBy","FileTree","details","AssetDetail","Empty","WebpackModulesOverall","project","useProjectInfo","root"],"mappings":"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"}

package/dist/pages/Overall/index.d.ts

@@ -1,9 +1,3 @@
-import { SDK } from '@rsdoctor/types';
 import React from 'react';
-interface Props {
-    project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;
-}
-export declare const Page: React.FC<Omit<Props, "project"> & Partial<{
-    body?: any;
-}>>;
+export declare const Page: React.FC<{}>;
 export * from './constants.js';

package/dist/pages/Overall/index.mjs

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { SDK } from "@rsdoctor/types";
 import "react";
 import { Flex } from "antd";
 import { HelpCenter } from "../../components/Overall/help-center.mjs";
 import { BundleAlerts } from "../../components/Alerts/index.mjs";
-import { withServerAPI } from "../../components/Manifest/index.mjs";
 import { BundleOverall, CompileOverall, ProjectOverall } from "../../components/Overall/index.mjs";
 import { ResponsiveLayout } from "./responsiveLayout.mjs";
+import { useProjectInfo } from "../../components/Layout/project-info-context.mjs";
 import index_module from "./index.module.mjs";
 export * from "./constants.mjs";
-const Component = ({ project })=>{
-    const { summary, configs, root: cwd, envinfo, errors } = project;
+const Component = ()=>{
+    const { project } = useProjectInfo();
+    if (!project) return null;
+    const { summary, configs, root: cwd, envinfo, errors, name } = project;
     return /*#__PURE__*/ jsx("div", {
         className: index_module.overall,
         children: /*#__PURE__*/ jsxs(Flex, {
@@ -30,7 +31,8 @@ const Component = ({ project })=>{
                                 configs: configs,
                                 cwd: cwd,
                                 envinfo: envinfo,
-                                alerts: errors
+                                alerts: errors,
+                                name: name
                             }),
                             /*#__PURE__*/ jsx(BundleAlerts, {})
                         ]
@@ -57,11 +59,7 @@ const Component = ({ project })=>{
         })
     });
 };
-const Page = withServerAPI({
-    api: SDK.ServerAPI.API.GetProjectInfo,
-    responsePropName: 'project',
-    Component
-});
+const Page = Component;
 export { Page };
 
 //# sourceMappingURL=index.mjs.map

package/dist/pages/Overall/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/Overall/index.mjs","sources":["../../../src/pages/Overall/index.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport React from 'react';\nimport { Flex } from 'antd';\n\nimport { HelpCenter } from '../../components/Overall/help-center';\nimport { BundleAlerts } from '../../components/Alerts';\nimport { withServerAPI } from '../../components/Manifest';\nimport {\n  BundleOverall,\n  CompileOverall,\n  ProjectOverall,\n} from '../../components/Overall';\nimport { ResponsiveLayout } from './responsiveLayout';\n\nimport style from './index.module.scss';\n\ninterface Props {\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}\n\nconst Component: React.FC<Props> = ({ project }) => {\n  const { summary, configs, root: cwd, envinfo, errors } = project;\n\n  return (\n    <div className={style.overall}>\n      <Flex style={{ width: '100%' }}>\n        <div style={{ flex: 3, marginRight: '16px', maxWidth: '75%' }}>\n          <ResponsiveLayout>\n            <ProjectOverall\n              configs={configs}\n              cwd={cwd}\n              envinfo={envinfo}\n              alerts={errors}\n            />\n            <BundleAlerts />\n          </ResponsiveLayout>\n        </div>\n\n        <div style={{ flex: 1 }}>\n          <ResponsiveLayout>\n            <BundleOverall errors={errors} cwd={cwd} />\n            <CompileOverall summary={summary} />\n            <HelpCenter />\n          </ResponsiveLayout>\n        </div>\n      </Flex>\n    </div>\n  );\n};\n\nexport const Page = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component,\n});\n\nexport * from './constants';\n"],"names":["Component","project","summary","configs","cwd","envinfo","errors","style","Flex","ResponsiveLayout","ProjectOverall","BundleAlerts","BundleOverall","CompileOverall","HelpCenter","Page","withServerAPI","SDK"],"mappings":";;;;;;;;;;;AAoBA,MAAMA,YAA6B,CAAC,EAAEC,OAAO,EAAE;IAC7C,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,MAAMC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGL;IAEzD,OAAO,WAAP,GACE,IAAC;QAAI,WAAWM,aAAAA,OAAa;kBAC3B,mBAACC,MAAIA;YAAC,OAAO;gBAAE,OAAO;YAAO;;8BAC3B,IAAC;oBAAI,OAAO;wBAAE,MAAM;wBAAG,aAAa;wBAAQ,UAAU;oBAAM;8BAC1D,mBAACC,kBAAgBA;;0CACf,IAACC,gBAAcA;gCACb,SAASP;gCACT,KAAKC;gCACL,SAASC;gCACT,QAAQC;;0CAEV,IAACK,cAAYA,CAAAA;;;;8BAIjB,IAAC;oBAAI,OAAO;wBAAE,MAAM;oBAAE;8BACpB,mBAACF,kBAAgBA;;0CACf,IAACG,eAAaA;gCAAC,QAAQN;gCAAQ,KAAKF;;0CACpC,IAACS,gBAAcA;gCAAC,SAASX;;0CACzB,IAACY,YAAUA,CAAAA;;;;;;;AAMvB;AAEO,MAAMC,OAAOC,cAAc;IAChC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClBjB;AACF"}
+{"version":3,"file":"pages/Overall/index.mjs","sources":["../../../src/pages/Overall/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from 'antd';\n\nimport { HelpCenter } from '../../components/Overall/help-center';\nimport { BundleAlerts } from '../../components/Alerts';\nimport {\n  BundleOverall,\n  CompileOverall,\n  ProjectOverall,\n} from '../../components/Overall';\nimport { ResponsiveLayout } from './responsiveLayout';\nimport { useProjectInfo } from '../../components/Layout/project-info-context';\n\nimport style from './index.module.scss';\n\nconst Component: React.FC = () => {\n  const { project } = useProjectInfo();\n\n  if (!project) {\n    return null;\n  }\n\n  const { summary, configs, root: cwd, envinfo, errors, name } = project;\n\n  return (\n    <div className={style.overall}>\n      <Flex style={{ width: '100%' }}>\n        <div style={{ flex: 3, marginRight: '16px', maxWidth: '75%' }}>\n          <ResponsiveLayout>\n            <ProjectOverall\n              configs={configs}\n              cwd={cwd}\n              envinfo={envinfo}\n              alerts={errors}\n              name={name}\n            />\n            <BundleAlerts />\n          </ResponsiveLayout>\n        </div>\n\n        <div style={{ flex: 1 }}>\n          <ResponsiveLayout>\n            <BundleOverall errors={errors} cwd={cwd} />\n            <CompileOverall summary={summary} />\n            <HelpCenter />\n          </ResponsiveLayout>\n        </div>\n      </Flex>\n    </div>\n  );\n};\n\nexport const Page = Component;\n\nexport * from './constants';\n"],"names":["Component","project","useProjectInfo","summary","configs","cwd","envinfo","errors","name","style","Flex","ResponsiveLayout","ProjectOverall","BundleAlerts","BundleOverall","CompileOverall","HelpCenter","Page"],"mappings":";;;;;;;;;;AAeA,MAAMA,YAAsB;IAC1B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,IAAI,CAACD,SACH,OAAO;IAGT,MAAM,EAAEE,OAAO,EAAEC,OAAO,EAAE,MAAMC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGP;IAE/D,OAAO,WAAP,GACE,IAAC;QAAI,WAAWQ,aAAAA,OAAa;kBAC3B,mBAACC,MAAIA;YAAC,OAAO;gBAAE,OAAO;YAAO;;8BAC3B,IAAC;oBAAI,OAAO;wBAAE,MAAM;wBAAG,aAAa;wBAAQ,UAAU;oBAAM;8BAC1D,mBAACC,kBAAgBA;;0CACf,IAACC,gBAAcA;gCACb,SAASR;gCACT,KAAKC;gCACL,SAASC;gCACT,QAAQC;gCACR,MAAMC;;0CAER,IAACK,cAAYA,CAAAA;;;;8BAIjB,IAAC;oBAAI,OAAO;wBAAE,MAAM;oBAAE;8BACpB,mBAACF,kBAAgBA;;0CACf,IAACG,eAAaA;gCAAC,QAAQP;gCAAQ,KAAKF;;0CACpC,IAACU,gBAAcA;gCAAC,SAASZ;;0CACzB,IAACa,YAAUA,CAAAA;;;;;;;AAMvB;AAEO,MAAMC,OAAOjB"}

package/dist/utils/file.d.ts

@@ -12,10 +12,9 @@ export type DataNode = FieldDataNode<{
 export declare const rootDirname: (file: string, sep?: string) => string | null;
 export declare function mapFileKey(arr: DataNode[], depth?: number, filter?: (node: DataNode) => boolean): DataNode['key'][];
 export declare function flattenDirectory(n: DataNode, parent: DataNode, sep: string | undefined, inlinedResourcePathKey: keyof DataNode, dirTitle?: (_dir: DataNode, defaultTitle: string) => JSX.Element | string): void;
-export declare function createFileStructures({ files, sep, inlinedResourcePathKey, fileTitle, dirTitle, page, }: {
+export declare function createFileStructures({ files, inlinedResourcePathKey, fileTitle, dirTitle, page, }: {
     files: string[];
     cwd?: string;
-    sep?: string;
     inlinedResourcePathKey?: keyof DataNode;
     dirTitle?(dir: DataNode, defaultTitle: string): JSX.Element | string;
     fileTitle?(file: string, basename: string): JSX.Element | string;

package/dist/utils/file.mjs

@@ -6,7 +6,7 @@ import { getFileCom } from "../components/FileTree/index.mjs";
 const rootDirname = (file, sep = '/')=>{
     const idx = file?.indexOf(sep);
     if (-1 === idx) return null;
-    if (0 === idx) return sep + (rootDirname(file?.slice(1)) || '');
+    if (0 === idx) return sep + (rootDirname(file?.slice(1), sep) || '');
     return file?.slice(0, idx);
 };
 function mapFileKey(arr, depth = 2, filter = ()=>true) {
@@ -49,10 +49,12 @@ function flattenDirectory(n, parent, sep = '/', inlinedResourcePathKey, dirTitle
         });
     }
 }
-function createFileStructures({ files, sep = '/', inlinedResourcePathKey = '__RESOURCEPATH__', fileTitle = (_file, basename)=>basename, dirTitle = (_dir, defaultTitle)=>defaultTitle, page = 'other' }) {
-    const sepRegexp = new RegExp(sep);
-    const res = files.reduce((t, file)=>{
-        let dir = rootDirname(file, sep);
+function createFileStructures({ files, inlinedResourcePathKey = '__RESOURCEPATH__', fileTitle = (_file, basename)=>basename, dirTitle = (_dir, defaultTitle)=>defaultTitle, page = 'other' }) {
+    const normalizedFiles = files.map((file)=>file.replace(/\\/g, '/'));
+    const internalSep = '/';
+    const sepRegexp = new RegExp(internalSep);
+    const res = normalizedFiles.reduce((t, file)=>{
+        let dir = rootDirname(file, internalSep);
         let basename = dir ? file?.slice(dir.length + 1) : file;
         let parent = t;
         while(dir){
@@ -61,7 +63,7 @@ function createFileStructures({ files, sep = '/', inlinedResourcePathKey = '__RE
                 const p = [
                     parent[inlinedResourcePathKey],
                     dir
-                ].filter(Boolean).join(sep);
+                ].filter(Boolean).join(internalSep);
                 exist = {
                     title: dir,
                     icon: 'bundle' === page ? (props)=>getFileIcon(props, false) : null,
@@ -73,7 +75,7 @@ function createFileStructures({ files, sep = '/', inlinedResourcePathKey = '__RE
                 parent.children.push(exist);
             }
             parent = exist;
-            dir = rootDirname(basename);
+            dir = rootDirname(basename, internalSep);
             basename = dir ? basename.slice(dir.length).replace(sepRegexp, '') : basename;
         }
         if (parent.children.some((e)=>get(e, inlinedResourcePathKey) === file)) return t;
@@ -93,7 +95,7 @@ function createFileStructures({ files, sep = '/', inlinedResourcePathKey = '__RE
         children: []
     }).children;
     res.forEach((e)=>{
-        e.children && e.children.forEach((item)=>flattenDirectory(item, e, sep, inlinedResourcePathKey, dirTitle));
+        e.children && e.children.forEach((item)=>flattenDirectory(item, e, internalSep, inlinedResourcePathKey, dirTitle));
     });
     return res;
 }