npm - @rsdoctor/components - Versions diffs - 1.5.11 → 1.5.13 - Mend

@rsdoctor/components 1.5.11 → 1.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

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

	@@ -1 +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 if (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\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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"}
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 Divider,\n Empty,\n Popover as BasePopover,\n Space,\n Tag,\n type TagProps,\n type TooltipProps,\n type PopoverProps,\n Tooltip as BaseTooltip,\n Tree,\n Typography,\n} from 'antd';\nimport { DataNode as AntdDataNode } from 'antd/es/tree';\nimport { debounce, omitBy, sumBy } from 'es-toolkit/compat';\nimport { dirname, relative } from 'path';\nimport React, {\n useEffect,\n useMemo,\n useState,\n memo,\n useCallback,\n use,\n createContext,\n} from 'react';\nimport { CodeViewer } from 'src/components/base';\nimport { Badge as Bdg } from '../../../components/Badge';\nimport { KeywordInput } from '../../../components/Form/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 useElementSize,\n useI18n,\n} from '../../../utils';\nimport { ModuleAnalyzeComponent } from '../../ModuleAnalyze';\nimport { ModuleGraphListContext } from '../config';\nimport styles from './asset.module.scss';\nimport { ModuleData } from '@rsdoctor/graph';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nconst { DirectoryTree } = Tree;\n\nconst TAB_MAP = {\n source: 'source code',\n transformed: 'Transformed Code (After compile)',\n parsedSource: 'Bundled Code (After bundle and tree-shaking)',\n};\n\n// antd's tooltip/popover component often throws 185 error when rendered inside a virtual list.\n// this is used as a reset mechanism for the error boundary.\n// also these tooltips are a real performance killer\n// and they can be easily turned off by wrapping the problematic subtree in DisablePopups\nconst POPUPS_ENABLED_BY_DEFAULT = true;\nconst PopupContext = createContext({ enabled: POPUPS_ENABLED_BY_DEFAULT });\nconst DisablePopups = ({ children }: { children: any }) => (\n <PopupContext.Provider value={{ enabled: false }}>\n {children}\n </PopupContext.Provider>\n);\nconst usePopupsEnabled = (): boolean => use(PopupContext)?.enabled ?? true;\nconst Tooltip = (props: TooltipProps) => {\n const enabled = usePopupsEnabled();\n if (enabled) return <BaseTooltip {...props} />;\n else return props.children ?? null;\n};\nconst Popover = (props: PopoverProps) => {\n const enabled = usePopupsEnabled();\n if (enabled) return <BasePopover {...props} />;\n else return props.children ?? null;\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 if (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\n return mods;\n}\n\nexport const ModulesStatistics: React.FC<{\n modules: SDK.ModuleData[];\n chunks: SDK.ChunkData[];\n filteredModules: SDK.ModuleData[];\n}> = memo(({ 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 defaultTagStyle: React.CSSProperties = {\n margin: 'none',\n marginInlineEnd: 0,\n};\nconst AbstractTag = ({\n color,\n tooltipTitle,\n style = defaultTagStyle,\n children,\n}: {\n color: TagProps['color'];\n children: string;\n tooltipTitle: string;\n style?: React.CSSProperties \| null;\n}) => {\n return (\n <Tooltip\n title={\n <Space>\n <Typography.Text style={{ color: 'inherit' }}>\n {tooltipTitle}\n </Typography.Text>\n </Space>\n }\n >\n <Tag color={color} style={style \|\| undefined}>\n {children}\n </Tag>\n </Tooltip>\n );\n};\nconst ConcatenatedTag = ({ moduleCount }: { moduleCount: number }) => {\n return (\n <AbstractTag\n color=\"blue\"\n tooltipTitle={`This is a concatenated container module that includes ${moduleCount} modules`}\n >\n concatenated container\n </AbstractTag>\n );\n};\nconst TotalBundledSizeTag = ({ size }: { size: number }) => {\n return (\n <AbstractTag\n color=\"geekblue\"\n tooltipTitle=\"The total output size of all the files in this folder. If you enabled minification, this value shows the minified size.\"\n >\n {`bundled size: ${formatSize(size)}`}\n </AbstractTag>\n );\n};\nconst BundledSizeTag = ({ size }: { size: number }) => {\n return (\n <AbstractTag\n color=\"geekblue\"\n style={null}\n tooltipTitle=\"The final output size of this file. If you enabled minification, this value shows the minified size.\"\n >\n {`bundled size: ${formatSize(size)}`}\n </AbstractTag>\n );\n};\nconst GzippedSizeTag = ({ size }: { size: number }) => {\n return (\n <AbstractTag\n color=\"orange\"\n style={null}\n tooltipTitle=\"The compressed file size that users actually download, as most web servers use gzip compression.\"\n >\n {`gzipped: ${formatSize(size)}`}\n </AbstractTag>\n );\n};\nconst TotalSourceSizeTag = ({ size }: { size: number }) => {\n return (\n <AbstractTag\n tooltipTitle=\"The total original size of all the files in this folder, before any transformations and minification.\"\n color=\"cyan\"\n >{`source size: ${formatSize(size)}`}</AbstractTag>\n );\n};\nconst SourceSizeTag = ({ size }: { size: number }) => {\n return (\n <AbstractTag\n color=\"cyan\"\n style={null}\n tooltipTitle=\"The original size of this file, before any transformations and minification.\"\n >\n {`source size: ${formatSize(size)}`}\n </AbstractTag>\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 [showModuleGraphViewer, setShowModuleGraphViewer] = useState(false);\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 onSearch = (value: string) => setModuleKeyword(value);\n const openModuleGraphViewer = useCallback((modId: number[]) => {\n setShowModuleGraphViewer(true);\n setModuleJumpList(modId);\n }, []);\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 style={\n {\n '--body-min-height': height + 'px',\n } as React.CSSProperties\n }\n classNames={{\n body: styles.bundleBody,\n }}\n size=\"small\"\n >\n {includeModules.length ? (\n <>\n <div>\n <ModulesStatistics\n modules={includeModules}\n chunks={includeChunks}\n filteredModules={filteredModules}\n />\n </div>\n <div>\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 </div>\n <AssetDetailTree\n assetPath={asset.path}\n includeModules={includeModules}\n filteredModules={filteredModules}\n defaultExpandAll={defaultExpandAll}\n moduleKeyword={moduleKeyword}\n openModuleGraphViewer={openModuleGraphViewer}\n />\n </>\n ) : (\n <Empty\n description={\n <Typography.Text\n strong\n >{`\"${asset.path}\" doesn't have any modules`}</Typography.Text>\n }\n />\n )}\n <ModuleGraphViewer\n id={\n moduleJumpList?.length\n ? moduleJumpList[moduleJumpList.length - 1]\n : ''\n }\n show={showModuleGraphViewer}\n setShow={setShowModuleGraphViewer}\n cwd={root}\n />\n </Card>\n </ModuleGraphListContext.Provider>\n );\n};\n\nlet defaultExpandedModulesKeys: React.Key[] = [];\nconst AssetDetailTree = memo(\n ({\n filteredModules,\n includeModules,\n defaultExpandAll,\n moduleKeyword,\n openModuleGraphViewer,\n assetPath,\n }: {\n filteredModules: SDK.ModuleData[];\n includeModules: SDK.ModuleData[];\n defaultExpandAll: boolean;\n moduleKeyword: string;\n openModuleGraphViewer: (moduleId: number[]) => void;\n assetPath: string;\n }) => {\n const ITEM_HEIGHT = 30;\n const PERMANENT_PERF_MODE = false;\n const DISABLE_PERF_MODE_SCROLL_DELAY = 150;\n\n // disable all the tooltips and popovers inside the tree?\n const [performanceMode, setPerformanceMode] = useState(PERMANENT_PERF_MODE);\n const [\n bundleTreeRef,\n { height: bundleTreeHeight, width: bundleTreeWidth },\n ] = useElementSize();\n\n const onScroll = useMemo(() => {\n if (PERMANENT_PERF_MODE) return undefined;\n const disablePerformanceMode = debounce(() => {\n setPerformanceMode(false);\n }, DISABLE_PERF_MODE_SCROLL_DELAY);\n const onScroll = () => {\n setPerformanceMode(true);\n disablePerformanceMode();\n };\n return onScroll;\n }, []);\n\n const treeData = useMemo(() => {\n // Normalize paths for comparison - convert backslashes to forward slashes\n const normalizePath = (path: string) => path.replace(/\\\\/g, '/');\n\n const filteredModulesMap: Map<string, ModuleData> = new Map();\n const files: string[] = [];\n for (const mod of filteredModules) {\n if (mod.path) {\n filteredModulesMap.set(normalizePath(mod.path), mod);\n files.push(mod.path);\n }\n }\n const includeModulesMap: Map<string, ModuleData> = new Map();\n for (const mod of includeModules) {\n if (mod.path) {\n includeModulesMap.set(normalizePath(mod.path), mod);\n }\n }\n\n const onFileEntryClick = (modId: number) =>\n openModuleGraphViewer([modId]);\n\n const treeData = createFileStructures({\n files,\n inlinedResourcePathKey,\n fileTitle(file, basename) {\n const mod = filteredModulesMap.get(normalizePath(file));\n\n if (!mod) return basename;\n\n return (\n <AssetDetailTreeFileEntry\n mod={mod}\n basename={basename}\n includeModules={includeModules}\n onClick={onFileEntryClick}\n />\n );\n },\n dirTitle(dir, defaultTitle) {\n // all these calculations can be done directly in AssetDetailTreeDirEntry component\n // but in that case they'll run on every component render\n // and here it happens only once on dependencies change\n const paths = getChildrenModule(dir, []);\n\n if (!paths.length) return defaultTitle;\n\n const { parsedSize, sourceSize } = paths.reduce(\n (acc, path) => {\n const mod = includeModulesMap.get(normalizePath(path));\n if (mod) {\n acc.sourceSize += mod.size?.sourceSize \|\| 0;\n acc.parsedSize += mod.size?.parsedSize \|\| 0;\n }\n return acc;\n },\n { sourceSize: 0, parsedSize: 0 },\n );\n return (\n <AssetDetailTreeDirEntry\n title={defaultTitle}\n parsedSize={parsedSize}\n sourceSize={sourceSize}\n />\n );\n },\n page: 'bundle',\n });\n return treeData;\n }, [filteredModules, openModuleGraphViewer]);\n\n return (\n <PopupContext.Provider value={{ enabled: !performanceMode }}>\n <div\n className={styles.bundleTree}\n style={\n {\n marginTop: Size.BasePadding,\n '--item-height': ITEM_HEIGHT + 'px',\n } as React.CSSProperties\n }\n >\n <div className={styles.bundleTreeViewport}>\n <div className={styles.bundleTreeInnerViewport} ref={bundleTreeRef}>\n {bundleTreeHeight > 0 && (\n <>\n {filteredModules.length ? (\n <DirectoryTree\n onScroll={onScroll}\n key={`tree_${moduleKeyword}_${defaultExpandAll}_${assetPath}`}\n selectable={false}\n virtual\n itemHeight={ITEM_HEIGHT}\n height={bundleTreeHeight}\n style={\n bundleTreeWidth\n ? { width: bundleTreeWidth + 'px' }\n : undefined\n }\n defaultExpandAll={\n defaultExpandAll \|\| filteredModules.length <= 20\n }\n onExpand={(expandedKeys) => {\n defaultExpandedModulesKeys = expandedKeys;\n }}\n defaultExpandParent\n // @ts-ignore\n defaultExpandedKeys={\n defaultExpandedModulesKeys?.length\n ? defaultExpandedModulesKeys\n : treeData.length === 1\n ? [treeData[0].key]\n : []\n }\n treeData={treeData as AntdDataNode[]}\n />\n ) : (\n <Empty\n description={\n <Typography.Text\n strong\n >{`\"${moduleKeyword}\" can't match any modules`}</Typography.Text>\n }\n />\n )}\n </>\n )}\n </div>\n </div>\n </div>\n </PopupContext.Provider>\n );\n },\n);\n\nconst AssetDetailTreeDirEntry = memo(\n ({\n title,\n parsedSize,\n sourceSize,\n }: {\n title: string;\n parsedSize: number;\n sourceSize: number;\n }) => {\n const render = () => {\n return (\n <div className={styles.bundleTreeEntryContent}>\n <Popover content={title}>\n <Typography.Text className={styles.bundleTreeEntryTitle}>\n {title}\n </Typography.Text>\n </Popover>\n <div className={styles.divider} />\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 const renderWithoutPopups = () => <DisablePopups>{render()}</DisablePopups>;\n return (\n <div className={styles.bundleTreeEntry}>\n <ErrorBoundary fallbackRender={renderWithoutPopups}>\n {render()}\n </ErrorBoundary>\n </div>\n );\n },\n);\n\nconst AssetDetailTreeFileEntry = memo(\n ({\n mod,\n basename,\n includeModules,\n onClick,\n }: {\n mod: SDK.ModuleData;\n basename: string;\n includeModules: SDK.ModuleData[];\n onClick: (modId: number) => void;\n }) => {\n const isConcatenation = mod.kind === SDK.ModuleKind.Concatenation;\n const { parsedSize = 0, sourceSize = 0, gzipSize = 0 } = mod.size;\n\n const renderSize = () => {\n if (parsedSize !== 0) {\n const sourceSizeTag = <SourceSizeTag size={sourceSize} />;\n const bundledSizeTag = <BundledSizeTag size={parsedSize} />;\n if (typeof gzipSize === 'number') {\n return (\n <Popover placement=\"bottom\" content={sourceSizeTag}>\n <Space direction=\"horizontal\">\n {bundledSizeTag}\n <GzippedSizeTag size={gzipSize} />\n </Space>\n </Popover>\n );\n } else {\n return (\n <Space direction=\"horizontal\">\n {bundledSizeTag}\n {sourceSizeTag}\n </Space>\n );\n }\n } else if (sourceSize !== 0) {\n // fallback to display tag for source size\n return <SourceSizeTag size={sourceSize} />;\n } else {\n return null;\n }\n };\n const renderContainedOtherModules = () => {\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 if (containedOtherModules && containedOtherModules.length) {\n return (\n <Tooltip\n title={\n <Space direction=\"vertical\">\n <Typography.Text style={{ color: 'inherit' }}>\n This module is concatenated into another container 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 key={id} style={{ color: 'inherit' }} code>\n {p[0] === '.' ? p : `./${p}`}\n </Typography.Text>\n );\n })}\n </Space>\n }\n >\n <Tag color=\"green\">concatenated</Tag>\n </Tooltip>\n );\n } else {\n return null;\n }\n };\n const render = () => {\n return (\n <div className={styles.bundleTreeEntryContent}>\n <Popover\n content={`Open the ${basename}’s module reasons tree.`}\n placement=\"bottom\"\n >\n <div\n className={styles.bundleTreeEntryTitleWrap}\n onClick={() => onClick(mod.id)}\n >\n <Popover content={basename}>\n <Typography.Text className={styles.bundleTreeEntryTitle}>\n {basename}\n </Typography.Text>\n </Popover>\n <div className={styles.divider} />\n </div>\n </Popover>\n <Space>\n {renderSize()}\n {isConcatenation && (\n <ConcatenatedTag moduleCount={mod.modules?.length \|\| 0} />\n )}\n {renderContainedOtherModules()}\n <ModuleCodeViewer data={mod} />\n </Space>\n </div>\n );\n };\n const renderWithoutPopups = () => <DisablePopups>{render()}</DisablePopups>;\n return (\n <div className={styles.bundleTreeEntry}>\n <ErrorBoundary fallbackRender={renderWithoutPopups}>\n {render()}\n </ErrorBoundary>\n </div>\n );\n },\n);\n"],"names":["DirectoryTree","Tree","TAB_MAP","POPUPS_ENABLED_BY_DEFAULT","PopupContext","createContext","DisablePopups","children","usePopupsEnabled","use","Tooltip","props","enabled","BaseTooltip","Popover","BasePopover","EmptyCodeItem","Empty","ModuleCodeViewer","data","tab","setTab","useState","t","useI18n","TAB_LAB_MAP","path","TextDrawer","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","memo","chunks","filteredModules","sourceSize","parsedSize","filteredParsedSize","filteredSourceSize","useMemo","sumBy","Space","InfoCircleOutlined","Divider","formatSize","Bdg","defaultTagStyle","AbstractTag","color","tooltipTitle","style","Tag","undefined","ConcatenatedTag","moduleCount","TotalBundledSizeTag","size","BundledSizeTag","GzippedSizeTag","TotalSourceSizeTag","SourceSizeTag","AssetDetail","asset","includeChunks","includeModules","moduleSizeLimit","height","root","moduleKeyword","setModuleKeyword","defaultExpandAll","setDefaultExpandAll","moduleJumpList","setModuleJumpList","showModuleGraphViewer","setShowModuleGraphViewer","res","regexp","RegExp","onSearch","value","openModuleGraphViewer","useCallback","modId","useEffect","ModuleGraphListContext","styles","KeywordInput","Button","ColumnHeightOutlined","AssetDetailTree","defaultExpandedModulesKeys","assetPath","ITEM_HEIGHT","PERMANENT_PERF_MODE","DISABLE_PERF_MODE_SCROLL_DELAY","performanceMode","setPerformanceMode","bundleTreeRef","bundleTreeHeight","bundleTreeWidth","useElementSize","onScroll","disablePerformanceMode","debounce","treeData","normalizePath","filteredModulesMap","Map","files","mod","includeModulesMap","onFileEntryClick","createFileStructures","file","basename","AssetDetailTreeFileEntry","dir","defaultTitle","paths","acc","AssetDetailTreeDirEntry","Size","expandedKeys","title","render","renderWithoutPopups","ErrorBoundary","onClick","isConcatenation","gzipSize","renderSize","sourceSizeTag","bundledSizeTag","renderContainedOtherModules","containedOtherModules","isJsDataUrl","p","relative","dirname"],"mappings":"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"}

package/dist/pages/BundleSize/components/asset.module.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import "./asset_module.css";
+const asset_module = {
+    bundle: "bundle-JPUVg_",
+    bundleBody: "bundleBody-vDRay7",
+    bundleTree: "bundleTree-ym_nR5",
+    bundleTreeViewport: "bundleTreeViewport-JRXX4Y",
+    bundleTreeInnerViewport: "bundleTreeInnerViewport-GsHdIR",
+    bundleTreeEntry: "bundleTreeEntry-Cd5W_S",
+    bundleTreeEntryContent: "bundleTreeEntryContent-E8HDg1",
+    bundleTreeEntryTitle: "bundleTreeEntryTitle-XbeexU",
+    bundleTreeEntryTitleWrap: "bundleTreeEntryTitleWrap-pgKUih",
+    divider: "divider-Iq1wtJ"
+};
+export default asset_module;
+//# sourceMappingURL=asset.module.mjs.map

package/dist/pages/BundleSize/components/asset.module.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pages/BundleSize/components/asset.module.mjs","sources":["../../../../src/pages/BundleSize/components/asset.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./asset_module.css\"\nexport default {\"bundle\":\"bundle-JPUVg_\",\"bundleBody\":\"bundleBody-vDRay7\",\"bundleTree\":\"bundleTree-ym_nR5\",\"bundleTreeViewport\":\"bundleTreeViewport-JRXX4Y\",\"bundleTreeInnerViewport\":\"bundleTreeInnerViewport-GsHdIR\",\"bundleTreeEntry\":\"bundleTreeEntry-Cd5W_S\",\"bundleTreeEntryContent\":\"bundleTreeEntryContent-E8HDg1\",\"bundleTreeEntryTitle\":\"bundleTreeEntryTitle-XbeexU\",\"bundleTreeEntryTitleWrap\":\"bundleTreeEntryTitleWrap-pgKUih\",\"divider\":\"divider-Iq1wtJ\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,QAAS;IAAgB,YAAa;IAAoB,YAAa;IAAoB,oBAAqB;IAA4B,yBAA0B;IAAiC,iBAAkB;IAAyB,wBAAyB;IAAgC,sBAAuB;IAA8B,0BAA2B;IAAkC,SAAU;AAAgB"}

package/dist/pages/BundleSize/components/asset_module.css ADDED Viewed

@@ -0,0 +1,103 @@
+.bundle-JPUVg_ {
+  flex-direction: column;
+  display: flex;
+}
+.bundle-JPUVg_ .rc-tree-node-content-wrapper {
+  font-size: 14px;
+}
+.bundle-JPUVg_ .file-icon {
+  margin-left: 0;
+}
+.bundle-JPUVg_ .ant-tree-indent-unit {
+  width: 10px;
+}
+.bundle-JPUVg_ .ant-tree-iconEle {
+  margin-right: 2px;
+}
+.bundle-JPUVg_ .ant-tree-node-content-wrapper {
+  display: flex;
+}
+.bundleBody-vDRay7 {
+  min-height: var(--body-min-height, 600px);
+  flex-direction: column;
+  justify-content: flex-start;
+  display: flex;
+}
+.bundleTree-ym_nR5 {
+  --x-pad: 20px;
+  --y-pad: 14px;
+  --scrollbar-width: 10px;
+  --x-pad-minus-scrollbar: calc(var(--x-pad) - var(--scrollbar-width));
+  padding: var(--y-pad) var(--x-pad-minus-scrollbar) var(--y-pad) var(--x-pad);
+  border: 1px solid #ebedf1;
+  border-radius: 8px;
+  flex: 1;
+  display: flex;
+}
+.bundleTreeViewport-JRXX4Y {
+  flex: 1;
+  position: relative;
+}
+.bundleTreeInnerViewport-GsHdIR {
+  position: absolute;
+  inset: 0;
+}
+.bundleTreeEntry-Cd5W_S {
+  height: var(--item-height, 30px);
+  display: flex;
+  position: relative;
+}
+.bundleTreeEntry-Cd5W_S span.ant-tag {
+  margin: none;
+  margin-inline-end: 0;
+}
+.bundleTreeEntryContent-E8HDg1 {
+  width: 100%;
+  align-items: center;
+  padding-inline-end: var(--x-pad-minus-scrollbar, 0px);
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.bundleTreeEntryTitle-XbeexU {
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+  color: #000000d9;
+  font-size: 14px;
+  font-weight: 400;
+  overflow: hidden;
+}
+.bundleTreeEntryTitleWrap-pgKUih {
+  flex: 1;
+  align-items: center;
+  display: flex;
+  overflow: hidden;
+}
+.divider-Iq1wtJ {
+  border-bottom: 1px dashed #0000001f;
+  flex-grow: 1;
+  min-width: 10px;
+  height: 1px;
+  margin: 0 10px;
+  position: relative;
+  top: 4px;
+}
+/*# sourceMappingURL=asset_module.css.map */

package/dist/pages/BundleSize/components/asset_module.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["webpack://./src/pages/BundleSize/components/asset.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAH2C;EAMzC,eAAe;AACjB;;AAPwG;EAUtG,cAAc;AAChB;;AAXiJ;EAc/I,WAAW;AACb;;AAfkM;EAkBhM,iBAAiB;AACnB;;AAnBqP;EAsBnP,aAAa;AACf;;AAvBiT;EA0B/S,yCAAyC;EACzC,sBAAsB;EACtB,2BAA2B;EAC3B,aAAa;AACf;;AA9Boa;EAiCla,aAAa;EACb,aAAa;EACb,uBAAuB;EACvB,oEAAoE;EACpE,4EAA4E;EAC5E,yBAAyB;EACzB,kBAAkB;EAClB,OAAO;EACP,aAAa;AACf;;AA1CorB;EA6ClrB,OAAO;EACP,kBAAkB;AACpB;;AA/CiuB;EAkD/tB,kBAAkB;EAClB,QAAQ;AACV;;AApDoxB;EAuDlxB,gCAAgC;EAChC,aAAa;EACb,kBAAkB;AACpB;;AA1Do2B;EA6Dl2B,YAAY;EACZ,oBAAoB;AACtB;;AA/D46B;EAkE16B,WAAW;EACX,mBAAmB;EACnB,qDAAqD;EACrD,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,OAAO;AACT;;AAzEmkC;EA4EjkC,uBAAuB;EACvB,iBAAiB;EACjB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAlFssC;EAqFpsC,OAAO;EACP,mBAAmB;EACnB,aAAa;EACb,gBAAgB;AAClB;;AAzFuxC;EA4FrxC,mCAAmC;EACnC,YAAY;EACZ,eAAe;EACf,WAAW;EACX,cAAc;EACd,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".bundle{display:flex;flex-direction:column}.bundle :global .rc-tree-node-content-wrapper{font-size:14px}.bundle :global .file-icon{margin-left:0}.bundle :global .ant-tree-indent-unit{width:10px}.bundle :global .ant-tree-iconEle{margin-right:2px}.bundle :global .ant-tree-node-content-wrapper{display:flex}.bundleBody{display:flex;flex-direction:column;justify-content:flex-start;min-height:var(--body-min-height, 600px)}.bundleTree{--x-pad: 20px;--y-pad: 14px;--scrollbar-width: 10px;--x-pad-minus-scrollbar: calc(var(--x-pad) - var(--scrollbar-width));display:flex;flex:1;padding:var(--y-pad) var(--x-pad-minus-scrollbar) var(--y-pad) var(--x-pad);border:1px solid #ebedf1;border-radius:8px}.bundleTreeViewport{flex:1;position:relative}.bundleTreeInnerViewport{position:absolute;inset:0}.bundleTreeEntry{display:flex;position:relative;height:var(--item-height, 30px)}.bundleTreeEntry :global span.ant-tag{margin:none;margin-inline-end:0px}.bundleTreeEntryContent{position:absolute;left:0;top:0;width:100%;display:flex;align-items:center;padding-inline-end:var(--x-pad-minus-scrollbar, 0px)}.bundleTreeEntryTitle{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;font-size:14px;font-weight:400;color:rgba(0,0,0,.85)}.bundleTreeEntryTitleWrap{display:flex;flex:1;align-items:center;overflow:hidden}.divider{position:relative;top:4px;height:1px;min-width:10px;flex-grow:1;margin:0 10px;border-bottom:1px dashed rgba(0,0,0,.12)}"],"sourceRoot":""}

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

@@ -333,6 +333,9 @@ const WebpackModulesOverallBase = ({ errors, cwd, summary, entryPoints })=>{
                                         ]
                                     }),
                                     children: /*#__PURE__*/ jsxs(Space, {
+                                        style: {
+                                            display: 'flex'
+                                        },
                                         direction: "vertical",
                                         children: [
                                             /*#__PURE__*/ jsxs(Row, {

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

	@@ -1 +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 Tabs,\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 { 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}\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 { 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 return (\n <>\n <div>\n <BundleCards cwd={cwd} errors={errors} summary={summary} />\n <Card styles={{ body: { paddingTop: 0 } }}>\n <Tabs\n size=\"middle\"\n items={[\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\n 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\n multiple modules are merged (or\n \"hoisted\") into a single scope instead\n of wrapping each module in separate\n function closures. This reduces the\n bundle size and improves runtime\n performance by minimizing function\n call overhead.\n </Typography.Text>\n </Col>\n </Row>\n </Space>\n }\n >\n <InfoCircleOutlined\n style={{\n color: 'rgba(0,0,0,.45)',\n marginLeft: 4,\n }}\n />\n </Tooltip>\n <Typography.Text>.</Typography.Text>\n </Col>\n </Row>\n <Row>\n <Col>\n <Button\n size=\"small\"\n icon={<CodepenCircleOutlined />}\n />\n <Typography.Text style={{ marginLeft: 4 }}>\n Open the code.\n </Typography.Text>\n </Col>\n </Row>\n <Row>\n <Col>\n <Button\n size=\"small\"\n icon={<DeploymentUnitOutlined />}\n />\n <Typography.Text style={{ marginLeft: 4 }}>\n View the module dependency, that is, module\n reasons in 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\n processing, bundling, and optimization. This is\n what is delivered to the 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\n before any processing or transformations. This\n is the raw size of your code as you wrote it.\n </Typography.Text>\n </Col>\n </Row>\n </Space>\n }\n >\n <InfoCircleOutlined\n style={{ color: 'rgba(0,0,0,.45)' }}\n />\n </Tooltip>\n </Space>\n ),\n children: (\n <Space direction=\"vertical\">\n <Row\n align=\"middle\"\n gutter={[Size.BasePadding, Size.BasePadding]}\n >\n {entryPoints && entryPoints.length ? (\n <Col>\n <Select\n mode=\"multiple\"\n value={selectedEntryPoints.map((e) => e.name)}\n style={{\n minWidth: 230,\n width: 'auto',\n maxWidth: 300,\n }}\n placeholder={'filter assets by entry point'}\n onChange={(name: string[]) => {\n setEntryPoints(\n name\n .map(\n (e) =>\n entryPoints.find((ep) => ep.name === e)!,\n )\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\n align=\"middle\"\n gutter={[Size.BasePadding, Size.BasePadding]}\n >\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={{\n fontSize: 12,\n fontWeight: 400,\n }}\n >\n {filteredAssets.length} /{' '}\n {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(\n sumBy(filteredAssets, (e) => e.size),\n )}\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 \|\|\n 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\n the 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 ),\n },\n {\n key: 'treemap',\n label: 'Treemap',\n children: (\n <ServerAPIProvider api={SDK.ServerAPI.API.GetProjectInfo}>\n {(data) => {\n const { isRspack, hasSourceMap } =\n Rspack.checkSourceMapSupport(data.configs);\n return (\n <ServerAPIProvider\n api={SDK.ServerAPI.API.GetSummaryBundles}\n >\n {(data) => {\n // Filter assets to only show JS (js, cjs, mjs), .bundle, CSS, and HTML files\n const isTargetFileType = (\n filePath: string,\n ): boolean => {\n const ext =\n filePath.toLowerCase().split('.').pop() \|\| '';\n return (\n ext === 'js' \|\|\n ext === 'cjs' \|\|\n ext === 'mjs' \|\|\n ext === 'bundle' \|\|\n ext === 'css' \|\|\n ext === 'html'\n );\n };\n\n const computedTreeData: TreeNode[] = data\n .filter((item) =>\n isTargetFileType(item.asset.path),\n )\n .map((item) => ({\n name: item.asset.path,\n value: item.asset.size,\n children: flattenTreemapData(item.modules)\n .children,\n }));\n return (\n <AssetTreemapWithFilter\n treeData={computedTreeData}\n bundledSize={hasSourceMap \|\| isRspack}\n />\n );\n }}\n </ServerAPIProvider>\n );\n }}\n </ServerAPIProvider>\n ),\n },\n ]}\n defaultActiveKey=\"tree\"\n />\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","WebpackModulesOverallBase","errors","cwd","summary","entryPoints","selectedEntryPoints","setEntryPoints","useState","inputModule","setModuleValue","inputAssetName","setAssetName","inputAssetSize","setAssetSize","defaultExpandAll","setDefaultExpandAll","inputModuleUnit","setModuleUnit","inputChunkUnit","setChunkUnit","assetPath","setAssetPath","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","Space","Divider","Typography","formatSize","CodeOutlined","onSearch","BundleCards","Card","Tabs","Tooltip","Row","Col","Tag","InfoCircleOutlined","Button","CodepenCircleOutlined","DeploymentUnitOutlined","Size","name","Bdg","KeywordInput","InputNumber","Number","SearchModal","sumBy","FileTree","ServerAPIProvider","SDK","details","AssetDetail","Empty","data","isRspack","hasSourceMap","Rspack","isTargetFileType","computedTreeData","item","flattenTreemapData","AssetTreemapWithFilter","WebpackModulesOverall","project","useProjectInfo","root"],"mappings":"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"}
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 Tabs,\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 { 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}\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 { 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 return (\n <>\n <div>\n <BundleCards cwd={cwd} errors={errors} summary={summary} />\n <Card styles={{ body: { paddingTop: 0 } }}>\n <Tabs\n size=\"middle\"\n items={[\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\n 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\n multiple modules are merged (or\n \"hoisted\") into a single scope instead\n of wrapping each module in separate\n function closures. This reduces the\n bundle size and improves runtime\n performance by minimizing function\n call overhead.\n </Typography.Text>\n </Col>\n </Row>\n </Space>\n }\n >\n <InfoCircleOutlined\n style={{\n color: 'rgba(0,0,0,.45)',\n marginLeft: 4,\n }}\n />\n </Tooltip>\n <Typography.Text>.</Typography.Text>\n </Col>\n </Row>\n <Row>\n <Col>\n <Button\n size=\"small\"\n icon={<CodepenCircleOutlined />}\n />\n <Typography.Text style={{ marginLeft: 4 }}>\n Open the code.\n </Typography.Text>\n </Col>\n </Row>\n <Row>\n <Col>\n <Button\n size=\"small\"\n icon={<DeploymentUnitOutlined />}\n />\n <Typography.Text style={{ marginLeft: 4 }}>\n View the module dependency, that is, module\n reasons in 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\n processing, bundling, and optimization. This is\n what is delivered to the 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\n before any processing or transformations. This\n is the raw size of your code as you wrote it.\n </Typography.Text>\n </Col>\n </Row>\n </Space>\n }\n >\n <InfoCircleOutlined\n style={{ color: 'rgba(0,0,0,.45)' }}\n />\n </Tooltip>\n </Space>\n ),\n children: (\n <Space style={{ display: 'flex' }} direction=\"vertical\">\n <Row\n align=\"middle\"\n gutter={[Size.BasePadding, Size.BasePadding]}\n >\n {entryPoints && entryPoints.length ? (\n <Col>\n <Select\n mode=\"multiple\"\n value={selectedEntryPoints.map((e) => e.name)}\n style={{\n minWidth: 230,\n width: 'auto',\n maxWidth: 300,\n }}\n placeholder={'filter assets by entry point'}\n onChange={(name: string[]) => {\n setEntryPoints(\n name\n .map(\n (e) =>\n entryPoints.find((ep) => ep.name === e)!,\n )\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\n align=\"middle\"\n gutter={[Size.BasePadding, Size.BasePadding]}\n >\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={{\n fontSize: 12,\n fontWeight: 400,\n }}\n >\n {filteredAssets.length} /{' '}\n {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(\n sumBy(filteredAssets, (e) => e.size),\n )}\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 \|\|\n 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\n the 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 ),\n },\n {\n key: 'treemap',\n label: 'Treemap',\n children: (\n <ServerAPIProvider api={SDK.ServerAPI.API.GetProjectInfo}>\n {(data) => {\n const { isRspack, hasSourceMap } =\n Rspack.checkSourceMapSupport(data.configs);\n return (\n <ServerAPIProvider\n api={SDK.ServerAPI.API.GetSummaryBundles}\n >\n {(data) => {\n // Filter assets to only show JS (js, cjs, mjs), .bundle, CSS, and HTML files\n const isTargetFileType = (\n filePath: string,\n ): boolean => {\n const ext =\n filePath.toLowerCase().split('.').pop() \|\| '';\n return (\n ext === 'js' \|\|\n ext === 'cjs' \|\|\n ext === 'mjs' \|\|\n ext === 'bundle' \|\|\n ext === 'css' \|\|\n ext === 'html'\n );\n };\n\n const computedTreeData: TreeNode[] = data\n .filter((item) =>\n isTargetFileType(item.asset.path),\n )\n .map((item) => ({\n name: item.asset.path,\n value: item.asset.size,\n children: flattenTreemapData(item.modules)\n .children,\n }));\n return (\n <AssetTreemapWithFilter\n treeData={computedTreeData}\n bundledSize={hasSourceMap \|\| isRspack}\n />\n );\n }}\n </ServerAPIProvider>\n );\n }}\n </ServerAPIProvider>\n ),\n },\n ]}\n defaultActiveKey=\"tree\"\n />\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","WebpackModulesOverallBase","errors","cwd","summary","entryPoints","selectedEntryPoints","setEntryPoints","useState","inputModule","setModuleValue","inputAssetName","setAssetName","inputAssetSize","setAssetSize","defaultExpandAll","setDefaultExpandAll","inputModuleUnit","setModuleUnit","inputChunkUnit","setChunkUnit","assetPath","setAssetPath","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","Space","Divider","Typography","formatSize","CodeOutlined","onSearch","BundleCards","Card","Tabs","Tooltip","Row","Col","Tag","InfoCircleOutlined","Button","CodepenCircleOutlined","DeploymentUnitOutlined","Size","name","Bdg","KeywordInput","InputNumber","Number","SearchModal","sumBy","FileTree","ServerAPIProvider","SDK","details","AssetDetail","Empty","data","isRspack","hasSourceMap","Rspack","isTargetFileType","computedTreeData","item","flattenTreemapData","AssetTreemapWithFilter","WebpackModulesOverall","project","useProjectInfo","root"],"mappings":"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"}

package/dist/pages/BundleSize/components/index.module.mjs CHANGED Viewed

@@ -3,14 +3,7 @@ const index_module = {
     assets: "assets-ll1P_L",
     assetBox: "assetBox-Y8vGse",
     fileText: "fileText-W0quVZ",
-    "bundle-tree": "bundle-tree-IbtEQg",
-    bundleTree: "bundle-tree-IbtEQg",
-    box: "box-On1BLb",
-    keyword: "keyword-PqQzB1",
-    divider: "divider-asnppW",
-    dividerDiv: "dividerDiv-s50mAr",
     assetsTag: "assetsTag-eAVvyj",
-    bundle: "bundle-cPw2Kc",
     modal: "modal-afyzYa",
     "search-btn": "search-btn-To902q",
     searchBtn: "search-btn-To902q",

package/dist/pages/BundleSize/components/index.module.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pages/BundleSize/components/index.module.mjs","sources":["../../../../src/pages/BundleSize/components/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"assets\":\"assets-ll1P_L\",\"assetBox\":\"assetBox-Y8vGse\",\"fileText\":\"fileText-W0quVZ\",\"~~bundle-tree\":\"bundle-tree-IbtEQg\",\"bundleTree\":\"bundle-tree-IbtEQg\",\"box\":\"box-On1BLb\",\"keyword\":\"keyword-PqQzB1\",\"divider\":\"divider-asnppW\",\"dividerDiv\":\"dividerDiv-s50mAr\",\"~~assetsTag\":\"assetsTag-eAVvyj\",\"~~bundle\":\"bundle-cPw2Kc\",\"~~modal\":\"modal-afyzYa\",\"search-btn\":\"search-btn-To902q\",\"searchBtn\":\"search-btn-To902q\",\"search-modal-list\":\"search-modal-list-G_Uxc8\",\"searchModalList\":\"search-modal-list-G_Uxc8\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,QAAS;IAAgB,UAAW;IAAkB,UAAW;IAAkB,~~eAAc;IAAqB,YAAa;IAAqB,KAAM;IAAa,SAAU;IAAiB,SAAU;IAAiB,YAAa;IAAoB,~~WAAY;IAAmB,~~QAAS;IAAgB,~~OAAQ;IAAe,cAAa;IAAoB,WAAY;IAAoB,qBAAoB;IAA2B,iBAAkB;AAA0B"}
1	+ {"version":3,"file":"pages/BundleSize/components/index.module.mjs","sources":["../../../../src/pages/BundleSize/components/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"assets\":\"assets-ll1P_L\",\"assetBox\":\"assetBox-Y8vGse\",\"fileText\":\"fileText-W0quVZ\",\"assetsTag\":\"assetsTag-eAVvyj\",\"modal\":\"modal-afyzYa\",\"search-btn\":\"search-btn-To902q\",\"searchBtn\":\"search-btn-To902q\",\"search-modal-list\":\"search-modal-list-G_Uxc8\",\"searchModalList\":\"search-modal-list-G_Uxc8\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,QAAS;IAAgB,UAAW;IAAkB,UAAW;IAAkB,WAAY;IAAmB,OAAQ;IAAe,cAAa;IAAoB,WAAY;IAAoB,qBAAoB;IAA2B,iBAAkB;AAA0B"}