@rsdoctor/components 1.5.12 → 2.0.0-alpha.0

package/dist/components/Charts/done.mjs

@@ -6,7 +6,7 @@ import { Summary } from "@rsdoctor/utils/common";
 import { TextDrawer } from "../TextDrawer/index.mjs";
 import { Card } from "../Card/index.mjs";
 import { CommonExecutionEmptyTips, CommonExecutionsChart } from "./common.mjs";
-import { WebpackPluginsDataTable } from "../Plugins/webpack.mjs";
+import { PluginsDataTable } from "../Plugins/plugins.mjs";
 import { ServerAPIProvider } from "../Manifest/index.mjs";
 import "./loader.css";
 import "./tooltips.css";
@@ -50,7 +50,7 @@ const DoneChartContainer = ({ summary })=>{
                         /*#__PURE__*/ jsx(Card, {
                             title: `Plugin DataSource of ${suffix}`,
                             collapsable: true,
-                            children: /*#__PURE__*/ jsx(WebpackPluginsDataTable, {
+                            children: /*#__PURE__*/ jsx(PluginsDataTable, {
                                 dataSource: res
                             })
                         }),

package/dist/components/Charts/done.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Charts/done.mjs","sources":["../../../src/components/Charts/done.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider, Space } from 'antd';\nimport { SDK } from '@rsdoctor/types';\nimport { Summary } from '@rsdoctor/utils/common';\nimport { TextDrawer } from '../TextDrawer';\nimport { Card } from '../Card';\nimport {\n  CommonChartProps,\n  CommonExecutionsChart,\n  CommonExecutionEmptyTips,\n} from './common';\nimport { WebpackPluginsDataTable } from '../Plugins/webpack';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport './loader.scss';\nimport './tooltips.scss';\nimport { ChartTypes } from './constants';\n\nexport const DoneChartContainer: React.FC<CommonChartProps> = ({\n  summary,\n}): React.JSX.Element | null => {\n  const { costs = [] } = summary || {};\n  const target = costs.find(\n    (e) => e.name === Summary.SummaryCostsDataName.Done,\n  );\n\n  const hooks: Array<string> = [\n    'afterCompile',\n    'shouldEmit',\n    'emit',\n    'afterEmit',\n    'assetEmitted',\n    'done',\n  ];\n\n  const suffix = 'of the \"AfterCompile -> Done\" stage';\n\n  if (!target) return null;\n\n  return (\n    <TextDrawer\n      containerProps={{ style: { display: 'inline' } }}\n      drawerProps={{ title: `Details ${suffix}` }}\n      text={<Space>detail</Space>}\n    >\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetPluginData} body={{ hooks }}>\n        {(res) =>\n          res && res.length ? (\n            <Space direction=\"vertical\" style={{ width: '100%' }}>\n              <Card title={`Plugin DataSource of ${suffix}`} collapsable>\n                <WebpackPluginsDataTable dataSource={res} />\n              </Card>\n              <Divider />\n              <Card title={`Chart ${suffix}`}>\n                <CommonExecutionsChart plugins={res} type={ChartTypes.Done} />\n              </Card>\n            </Space>\n          ) : (\n            <CommonExecutionEmptyTips />\n          )\n        }\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n"],"names":["DoneChartContainer","summary","costs","target","e","Summary","hooks","suffix","TextDrawer","Space","ServerAPIProvider","SDK","res","Card","WebpackPluginsDataTable","Divider","CommonExecutionsChart","ChartTypes","CommonExecutionEmptyTips"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,qBAAiD,CAAC,EAC7DC,OAAO,EACR;IACC,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGD,WAAW,CAAC;IACnC,MAAME,SAASD,MAAM,IAAI,CACvB,CAACE,IAAMA,EAAE,IAAI,KAAKC,QAAQ,oBAAoB,CAAC,IAAI;IAGrD,MAAMC,QAAuB;QAC3B;QACA;QACA;QACA;QACA;QACA;KACD;IAED,MAAMC,SAAS;IAEf,IAAI,CAACJ,QAAQ,OAAO;IAEpB,OAAO,WAAP,GACE,IAACK,YAAUA;QACT,gBAAgB;YAAE,OAAO;gBAAE,SAAS;YAAS;QAAE;QAC/C,aAAa;YAAE,OAAO,CAAC,QAAQ,EAAED,QAAQ;QAAC;QAC1C,oBAAM,IAACE,OAAKA;sBAAC;;kBAEb,kBAACC,mBAAiBA;YAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa;YAAE,MAAM;gBAAEL;YAAM;sBACpE,CAACM,MACAA,OAAOA,IAAI,MAAM,GAAG,WAAH,GACf,KAACH,OAAKA;oBAAC,WAAU;oBAAW,OAAO;wBAAE,OAAO;oBAAO;;sCACjD,IAACI,MAAIA;4BAAC,OAAO,CAAC,qBAAqB,EAAEN,QAAQ;4BAAE,aAAW;sCACxD,kBAACO,yBAAuBA;gCAAC,YAAYF;;;sCAEvC,IAACG,SAAOA,CAAAA;sCACR,IAACF,MAAIA;4BAAC,OAAO,CAAC,MAAM,EAAEN,QAAQ;sCAC5B,kBAACS,uBAAqBA;gCAAC,SAASJ;gCAAK,MAAMK,WAAW,IAAI;;;;mCAI9D,IAACC,0BAAwBA,CAAAA;;;AAMrC"}
+{"version":3,"file":"components/Charts/done.mjs","sources":["../../../src/components/Charts/done.tsx"],"sourcesContent":["import React from 'react';\nimport { Divider, Space } from 'antd';\nimport { SDK } from '@rsdoctor/types';\nimport { Summary } from '@rsdoctor/utils/common';\nimport { TextDrawer } from '../TextDrawer';\nimport { Card } from '../Card';\nimport {\n  CommonChartProps,\n  CommonExecutionsChart,\n  CommonExecutionEmptyTips,\n} from './common';\nimport { PluginsDataTable } from '../Plugins/plugins';\nimport { ServerAPIProvider } from '../Manifest';\n\nimport './loader.scss';\nimport './tooltips.scss';\nimport { ChartTypes } from './constants';\n\nexport const DoneChartContainer: React.FC<CommonChartProps> = ({\n  summary,\n}): React.JSX.Element | null => {\n  const { costs = [] } = summary || {};\n  const target = costs.find(\n    (e) => e.name === Summary.SummaryCostsDataName.Done,\n  );\n\n  const hooks: Array<string> = [\n    'afterCompile',\n    'shouldEmit',\n    'emit',\n    'afterEmit',\n    'assetEmitted',\n    'done',\n  ];\n\n  const suffix = 'of the \"AfterCompile -> Done\" stage';\n\n  if (!target) return null;\n\n  return (\n    <TextDrawer\n      containerProps={{ style: { display: 'inline' } }}\n      drawerProps={{ title: `Details ${suffix}` }}\n      text={<Space>detail</Space>}\n    >\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetPluginData} body={{ hooks }}>\n        {(res) =>\n          res && res.length ? (\n            <Space direction=\"vertical\" style={{ width: '100%' }}>\n              <Card title={`Plugin DataSource of ${suffix}`} collapsable>\n                <PluginsDataTable dataSource={res} />\n              </Card>\n              <Divider />\n              <Card title={`Chart ${suffix}`}>\n                <CommonExecutionsChart plugins={res} type={ChartTypes.Done} />\n              </Card>\n            </Space>\n          ) : (\n            <CommonExecutionEmptyTips />\n          )\n        }\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n"],"names":["DoneChartContainer","summary","costs","target","e","Summary","hooks","suffix","TextDrawer","Space","ServerAPIProvider","SDK","res","Card","PluginsDataTable","Divider","CommonExecutionsChart","ChartTypes","CommonExecutionEmptyTips"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,qBAAiD,CAAC,EAC7DC,OAAO,EACR;IACC,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGD,WAAW,CAAC;IACnC,MAAME,SAASD,MAAM,IAAI,CACvB,CAACE,IAAMA,EAAE,IAAI,KAAKC,QAAQ,oBAAoB,CAAC,IAAI;IAGrD,MAAMC,QAAuB;QAC3B;QACA;QACA;QACA;QACA;QACA;KACD;IAED,MAAMC,SAAS;IAEf,IAAI,CAACJ,QAAQ,OAAO;IAEpB,OAAO,WAAP,GACE,IAACK,YAAUA;QACT,gBAAgB;YAAE,OAAO;gBAAE,SAAS;YAAS;QAAE;QAC/C,aAAa;YAAE,OAAO,CAAC,QAAQ,EAAED,QAAQ;QAAC;QAC1C,oBAAM,IAACE,OAAKA;sBAAC;;kBAEb,kBAACC,mBAAiBA;YAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa;YAAE,MAAM;gBAAEL;YAAM;sBACpE,CAACM,MACAA,OAAOA,IAAI,MAAM,GAAG,WAAH,GACf,KAACH,OAAKA;oBAAC,WAAU;oBAAW,OAAO;wBAAE,OAAO;oBAAO;;sCACjD,IAACI,MAAIA;4BAAC,OAAO,CAAC,qBAAqB,EAAEN,QAAQ;4BAAE,aAAW;sCACxD,kBAACO,kBAAgBA;gCAAC,YAAYF;;;sCAEhC,IAACG,SAAOA,CAAAA;sCACR,IAACF,MAAIA;4BAAC,OAAO,CAAC,MAAM,EAAEN,QAAQ;sCAC5B,kBAACS,uBAAqBA;gCAAC,SAASJ;gCAAK,MAAMK,WAAW,IAAI;;;;mCAI9D,IAACC,0BAAwBA,CAAAA;;;AAMrC"}

package/dist/components/Charts/minify.mjs

@@ -6,7 +6,7 @@ import { TextDrawer } from "../TextDrawer/index.mjs";
 import { Summary } from "@rsdoctor/utils/common";
 import { Card } from "../Card/index.mjs";
 import { ServerAPIProvider } from "../Manifest/index.mjs";
-import { WebpackPluginsDataTable } from "../Plugins/webpack.mjs";
+import { PluginsDataTable } from "../Plugins/plugins.mjs";
 import { CommonExecutionEmptyTips, CommonExecutionsChart } from "./common.mjs";
 import { ChartTypes } from "./constants.mjs";
 import "./loader.css";
@@ -45,7 +45,7 @@ const MinifyChartContainer = ({ summary })=>{
                         /*#__PURE__*/ jsx(Card, {
                             title: 'Plugin DataSource of the "Minify"',
                             collapsable: true,
-                            children: /*#__PURE__*/ jsx(WebpackPluginsDataTable, {
+                            children: /*#__PURE__*/ jsx(PluginsDataTable, {
                                 dataSource: res
                             })
                         }),

package/dist/components/Charts/minify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Charts/minify.mjs","sources":["../../../src/components/Charts/minify.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Divider, Space } from 'antd';\nimport React from 'react';\nimport { TextDrawer } from '../TextDrawer';\nimport { Summary } from '@rsdoctor/utils/common';\nimport { Card } from '../Card';\nimport { ServerAPIProvider } from '../Manifest';\nimport { WebpackPluginsDataTable } from '../Plugins/webpack';\nimport {\n  CommonChartProps,\n  CommonExecutionEmptyTips,\n  CommonExecutionsChart,\n} from './common';\nimport { ChartTypes } from './constants';\n\nimport './loader.scss';\nimport './tooltips.scss';\n\nexport const MinifyChartContainer: React.FC<CommonChartProps> = ({\n  summary,\n}) => {\n  const hooks: Array<string> = ['processAssets', 'optimizeChunkAssets'];\n  const { costs = [] } = summary || {};\n  const target = costs.find(\n    (e) => e.name === Summary.SummaryCostsDataName.Minify,\n  );\n\n  if (!target) return null;\n  return (\n    <TextDrawer\n      containerProps={{ style: { display: 'inline' } }}\n      drawerProps={{ title: 'Details of the \"Minify\" stage' }}\n      text={<Space>detail</Space>}\n    >\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetPluginData} body={{ hooks }}>\n        {(res) =>\n          res && res.length ? (\n            <Space direction=\"vertical\" style={{ width: '100%' }}>\n              <Card title='Plugin DataSource of the \"Minify\"' collapsable>\n                <WebpackPluginsDataTable dataSource={res} />\n              </Card>\n              <Divider />\n              <Card title='Chart of the \"Minify\"'>\n                <CommonExecutionsChart plugins={res} type={ChartTypes.Minify} />\n              </Card>\n            </Space>\n          ) : (\n            <CommonExecutionEmptyTips />\n          )\n        }\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n"],"names":["MinifyChartContainer","summary","hooks","costs","target","e","Summary","TextDrawer","Space","ServerAPIProvider","SDK","res","Card","WebpackPluginsDataTable","Divider","CommonExecutionsChart","ChartTypes","CommonExecutionEmptyTips"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,uBAAmD,CAAC,EAC/DC,OAAO,EACR;IACC,MAAMC,QAAuB;QAAC;QAAiB;KAAsB;IACrE,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGF,WAAW,CAAC;IACnC,MAAMG,SAASD,MAAM,IAAI,CACvB,CAACE,IAAMA,EAAE,IAAI,KAAKC,QAAQ,oBAAoB,CAAC,MAAM;IAGvD,IAAI,CAACF,QAAQ,OAAO;IACpB,OAAO,WAAP,GACE,IAACG,YAAUA;QACT,gBAAgB;YAAE,OAAO;gBAAE,SAAS;YAAS;QAAE;QAC/C,aAAa;YAAE,OAAO;QAAgC;QACtD,oBAAM,IAACC,OAAKA;sBAAC;;kBAEb,kBAACC,mBAAiBA;YAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa;YAAE,MAAM;gBAAER;YAAM;sBACpE,CAACS,MACAA,OAAOA,IAAI,MAAM,GAAG,WAAH,GACf,KAACH,OAAKA;oBAAC,WAAU;oBAAW,OAAO;wBAAE,OAAO;oBAAO;;sCACjD,IAACI,MAAIA;4BAAC,OAAM;4BAAoC,aAAW;sCACzD,kBAACC,yBAAuBA;gCAAC,YAAYF;;;sCAEvC,IAACG,SAAOA,CAAAA;sCACR,IAACF,MAAIA;4BAAC,OAAM;sCACV,kBAACG,uBAAqBA;gCAAC,SAASJ;gCAAK,MAAMK,WAAW,MAAM;;;;mCAIhE,IAACC,0BAAwBA,CAAAA;;;AAMrC"}
+{"version":3,"file":"components/Charts/minify.mjs","sources":["../../../src/components/Charts/minify.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Divider, Space } from 'antd';\nimport React from 'react';\nimport { TextDrawer } from '../TextDrawer';\nimport { Summary } from '@rsdoctor/utils/common';\nimport { Card } from '../Card';\nimport { ServerAPIProvider } from '../Manifest';\nimport { PluginsDataTable } from '../Plugins/plugins';\nimport {\n  CommonChartProps,\n  CommonExecutionEmptyTips,\n  CommonExecutionsChart,\n} from './common';\nimport { ChartTypes } from './constants';\n\nimport './loader.scss';\nimport './tooltips.scss';\n\nexport const MinifyChartContainer: React.FC<CommonChartProps> = ({\n  summary,\n}) => {\n  const hooks: Array<string> = ['processAssets', 'optimizeChunkAssets'];\n  const { costs = [] } = summary || {};\n  const target = costs.find(\n    (e) => e.name === Summary.SummaryCostsDataName.Minify,\n  );\n\n  if (!target) return null;\n  return (\n    <TextDrawer\n      containerProps={{ style: { display: 'inline' } }}\n      drawerProps={{ title: 'Details of the \"Minify\" stage' }}\n      text={<Space>detail</Space>}\n    >\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetPluginData} body={{ hooks }}>\n        {(res) =>\n          res && res.length ? (\n            <Space direction=\"vertical\" style={{ width: '100%' }}>\n              <Card title='Plugin DataSource of the \"Minify\"' collapsable>\n                <PluginsDataTable dataSource={res} />\n              </Card>\n              <Divider />\n              <Card title='Chart of the \"Minify\"'>\n                <CommonExecutionsChart plugins={res} type={ChartTypes.Minify} />\n              </Card>\n            </Space>\n          ) : (\n            <CommonExecutionEmptyTips />\n          )\n        }\n      </ServerAPIProvider>\n    </TextDrawer>\n  );\n};\n"],"names":["MinifyChartContainer","summary","hooks","costs","target","e","Summary","TextDrawer","Space","ServerAPIProvider","SDK","res","Card","PluginsDataTable","Divider","CommonExecutionsChart","ChartTypes","CommonExecutionEmptyTips"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,uBAAmD,CAAC,EAC/DC,OAAO,EACR;IACC,MAAMC,QAAuB;QAAC;QAAiB;KAAsB;IACrE,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGF,WAAW,CAAC;IACnC,MAAMG,SAASD,MAAM,IAAI,CACvB,CAACE,IAAMA,EAAE,IAAI,KAAKC,QAAQ,oBAAoB,CAAC,MAAM;IAGvD,IAAI,CAACF,QAAQ,OAAO;IACpB,OAAO,WAAP,GACE,IAACG,YAAUA;QACT,gBAAgB;YAAE,OAAO;gBAAE,SAAS;YAAS;QAAE;QAC/C,aAAa;YAAE,OAAO;QAAgC;QACtD,oBAAM,IAACC,OAAKA;sBAAC;;kBAEb,kBAACC,mBAAiBA;YAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa;YAAE,MAAM;gBAAER;YAAM;sBACpE,CAACS,MACAA,OAAOA,IAAI,MAAM,GAAG,WAAH,GACf,KAACH,OAAKA;oBAAC,WAAU;oBAAW,OAAO;wBAAE,OAAO;oBAAO;;sCACjD,IAACI,MAAIA;4BAAC,OAAM;4BAAoC,aAAW;sCACzD,kBAACC,kBAAgBA;gCAAC,YAAYF;;;sCAEhC,IAACG,SAAOA,CAAAA;sCACR,IAACF,MAAIA;4BAAC,OAAM;sCACV,kBAACG,uBAAqBA;gCAAC,SAASJ;gCAAK,MAAMK,WAAW,MAAM;;;;mCAIhE,IAACC,0BAAwBA,CAAAA;;;AAMrC"}

package/dist/components/Layout/menus.mjs

@@ -19,7 +19,7 @@ import * as __rspack_external__pages_Overall_constants_mjs_39667e8e from "../../
 const BuilderSwitchName = 'builder-switcher';
 const defaultInActive = {
     overall: /*#__PURE__*/ jsx(overall_inactive, {}),
-    webpack: /*#__PURE__*/ jsx(compile_analysis_inactive, {}),
+    compile: /*#__PURE__*/ jsx(compile_analysis_inactive, {}),
     bundle: /*#__PURE__*/ jsx(bundle_size_inactive, {})
 };
 const MenusBase = (props)=>{
@@ -31,9 +31,9 @@ const MenusBase = (props)=>{
     const urlEnableRoutes = getEnableRoutesFromUrlQuery();
     const enableRoutes = apiRoutes && apiRoutes.length > 0 ? apiRoutes : urlEnableRoutes || [];
     useEffect(()=>{
-        if (pathname.includes('webpack')) setNavIcon({
+        if (pathname.includes('loaders') || pathname.includes('plugins') || pathname.includes('/module/resolve')) setNavIcon({
             ...defaultInActive,
-            webpack: /*#__PURE__*/ jsx(compile_analysis_active, {})
+            compile: /*#__PURE__*/ jsx(compile_analysis_active, {})
         });
         else if (pathname.includes('overall') || '/' === pathname) setNavIcon({
             ...defaultInActive,
@@ -62,16 +62,16 @@ const MenusBase = (props)=>{
     if (hasCompile(enableRoutes)) items.push({
         label: t(CompileName),
         key: CompileName,
-        icon: navIcon.webpack,
+        icon: navIcon.compile,
         children: [
-            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.WebpackLoaders) && {
+            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.Loaders) && {
                 label: t(LoaderTimeline.name),
                 key: LoaderTimeline.route,
                 icon: /*#__PURE__*/ jsx(BoxPlotFilled, {
                     style: iconStyle
                 })
             },
-            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.WebpackLoaders) && {
+            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.Loaders) && {
                 label: t(LoaderFiles.name),
                 key: LoaderFiles.route,
                 icon: /*#__PURE__*/ jsx(FundFilled, {
@@ -85,7 +85,7 @@ const MenusBase = (props)=>{
                     style: iconStyle
                 })
             },
-            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.WebpackPlugins) && {
+            enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.Plugins) && {
                 label: t(PluginsAnalyze.name),
                 key: PluginsAnalyze.route,
                 icon: /*#__PURE__*/ jsx(ApiFilled, {

package/dist/components/Layout/menus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Layout/menus.mjs","sources":["../../../src/components/Layout/menus.tsx"],"sourcesContent":["import {\n  BoxPlotFilled,\n  MenuOutlined,\n  FundFilled,\n  ApiFilled,\n  NodeIndexOutlined,\n} from '@ant-design/icons';\nimport { Manifest, SDK } from '@rsdoctor/types';\nimport { Menu, MenuProps } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Size } from '../../constants';\nimport * as OverallConstants from '../../pages/Overall/constants';\nimport {\n  useI18n,\n  hasBundle,\n  hasCompile,\n  getEnableRoutesFromUrlQuery,\n} from '../../utils';\nimport { withServerAPI } from '../Manifest';\nimport OverallActive from 'src/common/svg/navbar/overall-active.svg';\nimport OverallInActive from 'src/common/svg/navbar/overall-inactive.svg';\nimport CompileAnalysisActive from 'src/common/svg/navbar/compile-analysis-active.svg';\nimport CompileAnalysisInActive from 'src/common/svg/navbar/compile-analysis-inactive.svg';\nimport BundleSizeActive from 'src/common/svg/navbar/bundle-size-active.svg';\nimport BundleSizeInActive from 'src/common/svg/navbar/bundle-size-inactive.svg';\nimport {\n  BundleSize,\n  LoaderFiles,\n  PluginsAnalyze,\n  ModuleResolve,\n  LoaderTimeline,\n} from 'src/pages';\nimport { CompileName } from './constants';\n\nconst BuilderSwitchName = 'builder-switcher';\n\nconst defaultInActive = {\n  overall: <OverallInActive />,\n  webpack: <CompileAnalysisInActive />,\n  bundle: <BundleSizeInActive />,\n};\nconst MenusBase: React.FC<{\n  style?: React.CSSProperties;\n  routes: Manifest.RsdoctorManifestClientRoutes[];\n}> = (props) => {\n  const { t } = useI18n();\n  const { pathname } = useLocation();\n  const navigate = useNavigate();\n  const [navIcon, setNavIcon] = useState(defaultInActive);\n  const { routes: apiRoutes } = props;\n\n  // Get enableRoutes from URL query as fallback\n  const urlEnableRoutes = getEnableRoutesFromUrlQuery();\n  const enableRoutes =\n    apiRoutes && apiRoutes.length > 0\n      ? apiRoutes\n      : (urlEnableRoutes as Manifest.RsdoctorManifestClientRoutes[]) || [];\n\n  useEffect(() => {\n    if (pathname.includes('webpack')) {\n      setNavIcon({\n        ...defaultInActive,\n        webpack: <CompileAnalysisActive />,\n      });\n    } else if (pathname.includes('overall') || pathname === '/') {\n      setNavIcon({\n        ...defaultInActive,\n        overall: <OverallActive />,\n      });\n    } else if (pathname.includes('bundle')) {\n      setNavIcon({\n        ...defaultInActive,\n        bundle: <BundleSizeActive />,\n      });\n    }\n  }, [pathname]);\n\n  const iconStyle: React.CSSProperties = {\n    color: 'rgba(96, 102, 114)',\n  };\n  const items: MenuProps['items'] = [];\n\n  if (enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.Overall)) {\n    items.push({\n      label: t(OverallConstants.name),\n      key: OverallConstants.route,\n      icon: navIcon.overall,\n      children: [],\n      onTitleClick(e) {\n        navigate(e.key);\n      },\n    });\n  }\n\n  if (hasCompile(enableRoutes)) {\n    items.push({\n      label: t(CompileName),\n      key: CompileName,\n      icon: navIcon.webpack,\n      children: [\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.WebpackLoaders,\n        ) && {\n          label: t(LoaderTimeline.name),\n          key: LoaderTimeline.route,\n          icon: <BoxPlotFilled style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.WebpackLoaders,\n        ) && {\n          label: t(LoaderFiles.name),\n          key: LoaderFiles.route,\n          icon: <FundFilled style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.ModuleResolve,\n        ) && {\n          label: t(ModuleResolve.name),\n          key: ModuleResolve.route,\n          icon: <NodeIndexOutlined style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.WebpackPlugins,\n        ) && {\n          label: t(PluginsAnalyze.name),\n          key: PluginsAnalyze.route,\n          icon: <ApiFilled style={iconStyle} />,\n        },\n      ].filter((e) => Boolean(e)) as MenuProps['items'],\n    });\n  }\n\n  if (hasBundle(enableRoutes)) {\n    items.push({\n      label: t(BundleSize.name),\n      key: BundleSize.name,\n      icon: navIcon.bundle,\n      children: [],\n      onTitleClick() {\n        navigate(BundleSize.route);\n      },\n    });\n  }\n\n  const MenuComponent = (\n    <Menu\n      items={items}\n      mode=\"horizontal\"\n      key={enableRoutes.join('')}\n      onClick={(e) => {\n        if (!e.keyPath.includes(BuilderSwitchName)) {\n          navigate(e.key);\n        }\n      }}\n      disabledOverflow\n      overflowedIndicator={<MenuOutlined />}\n      style={{\n        height: Size.NavBarHeight,\n        lineHeight: `${Size.NavBarHeight}px`,\n        minWidth: 0,\n        justifyContent: 'flex-end',\n        ...props.style,\n      }}\n      selectedKeys={[pathname === '/' ? OverallConstants.route : pathname]}\n    />\n  );\n\n  return <div style={{ marginLeft: '30px' }}>{MenuComponent}</div>;\n};\n\nexport const Menus = withServerAPI({\n  api: SDK.ServerAPI.API.GetClientRoutes,\n  responsePropName: 'routes',\n  Component: MenusBase,\n  fallbackComponent: () => null,\n  showSkeleton: false,\n});\n"],"names":["BuilderSwitchName","defaultInActive","OverallInActive","CompileAnalysisInActive","BundleSizeInActive","MenusBase","props","t","useI18n","pathname","useLocation","navigate","useNavigate","navIcon","setNavIcon","useState","apiRoutes","urlEnableRoutes","getEnableRoutesFromUrlQuery","enableRoutes","useEffect","CompileAnalysisActive","OverallActive","BundleSizeActive","iconStyle","items","Manifest","OverallConstants","e","hasCompile","CompileName","LoaderTimeline","BoxPlotFilled","LoaderFiles","FundFilled","ModuleResolve","NodeIndexOutlined","PluginsAnalyze","ApiFilled","Boolean","hasBundle","BundleSize","MenuComponent","Menu","MenuOutlined","Size","Menus","withServerAPI","SDK"],"mappings":"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"}
+{"version":3,"file":"components/Layout/menus.mjs","sources":["../../../src/components/Layout/menus.tsx"],"sourcesContent":["import {\n  BoxPlotFilled,\n  MenuOutlined,\n  FundFilled,\n  ApiFilled,\n  NodeIndexOutlined,\n} from '@ant-design/icons';\nimport { Manifest, SDK } from '@rsdoctor/types';\nimport { Menu, MenuProps } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Size } from '../../constants';\nimport * as OverallConstants from '../../pages/Overall/constants';\nimport {\n  useI18n,\n  hasBundle,\n  hasCompile,\n  getEnableRoutesFromUrlQuery,\n} from '../../utils';\nimport { withServerAPI } from '../Manifest';\nimport OverallActive from 'src/common/svg/navbar/overall-active.svg';\nimport OverallInActive from 'src/common/svg/navbar/overall-inactive.svg';\nimport CompileAnalysisActive from 'src/common/svg/navbar/compile-analysis-active.svg';\nimport CompileAnalysisInActive from 'src/common/svg/navbar/compile-analysis-inactive.svg';\nimport BundleSizeActive from 'src/common/svg/navbar/bundle-size-active.svg';\nimport BundleSizeInActive from 'src/common/svg/navbar/bundle-size-inactive.svg';\nimport {\n  BundleSize,\n  LoaderFiles,\n  PluginsAnalyze,\n  ModuleResolve,\n  LoaderTimeline,\n} from 'src/pages';\nimport { CompileName } from './constants';\n\nconst BuilderSwitchName = 'builder-switcher';\n\nconst defaultInActive = {\n  overall: <OverallInActive />,\n  compile: <CompileAnalysisInActive />,\n  bundle: <BundleSizeInActive />,\n};\nconst MenusBase: React.FC<{\n  style?: React.CSSProperties;\n  routes: Manifest.RsdoctorManifestClientRoutes[];\n}> = (props) => {\n  const { t } = useI18n();\n  const { pathname } = useLocation();\n  const navigate = useNavigate();\n  const [navIcon, setNavIcon] = useState(defaultInActive);\n  const { routes: apiRoutes } = props;\n\n  // Get enableRoutes from URL query as fallback\n  const urlEnableRoutes = getEnableRoutesFromUrlQuery();\n  const enableRoutes =\n    apiRoutes && apiRoutes.length > 0\n      ? apiRoutes\n      : (urlEnableRoutes as Manifest.RsdoctorManifestClientRoutes[]) || [];\n\n  useEffect(() => {\n    if (\n      pathname.includes('loaders') ||\n      pathname.includes('plugins') ||\n      pathname.includes('/module/resolve')\n    ) {\n      setNavIcon({\n        ...defaultInActive,\n        compile: <CompileAnalysisActive />,\n      });\n    } else if (pathname.includes('overall') || pathname === '/') {\n      setNavIcon({\n        ...defaultInActive,\n        overall: <OverallActive />,\n      });\n    } else if (pathname.includes('bundle')) {\n      setNavIcon({\n        ...defaultInActive,\n        bundle: <BundleSizeActive />,\n      });\n    }\n  }, [pathname]);\n\n  const iconStyle: React.CSSProperties = {\n    color: 'rgba(96, 102, 114)',\n  };\n  const items: MenuProps['items'] = [];\n\n  if (enableRoutes.includes(Manifest.RsdoctorManifestClientRoutes.Overall)) {\n    items.push({\n      label: t(OverallConstants.name),\n      key: OverallConstants.route,\n      icon: navIcon.overall,\n      children: [],\n      onTitleClick(e) {\n        navigate(e.key);\n      },\n    });\n  }\n\n  if (hasCompile(enableRoutes)) {\n    items.push({\n      label: t(CompileName),\n      key: CompileName,\n      icon: navIcon.compile,\n      children: [\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.Loaders,\n        ) && {\n          label: t(LoaderTimeline.name),\n          key: LoaderTimeline.route,\n          icon: <BoxPlotFilled style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.Loaders,\n        ) && {\n          label: t(LoaderFiles.name),\n          key: LoaderFiles.route,\n          icon: <FundFilled style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.ModuleResolve,\n        ) && {\n          label: t(ModuleResolve.name),\n          key: ModuleResolve.route,\n          icon: <NodeIndexOutlined style={iconStyle} />,\n        },\n        enableRoutes.includes(\n          Manifest.RsdoctorManifestClientRoutes.Plugins,\n        ) && {\n          label: t(PluginsAnalyze.name),\n          key: PluginsAnalyze.route,\n          icon: <ApiFilled style={iconStyle} />,\n        },\n      ].filter((e) => Boolean(e)) as MenuProps['items'],\n    });\n  }\n\n  if (hasBundle(enableRoutes)) {\n    items.push({\n      label: t(BundleSize.name),\n      key: BundleSize.name,\n      icon: navIcon.bundle,\n      children: [],\n      onTitleClick() {\n        navigate(BundleSize.route);\n      },\n    });\n  }\n\n  const MenuComponent = (\n    <Menu\n      items={items}\n      mode=\"horizontal\"\n      key={enableRoutes.join('')}\n      onClick={(e) => {\n        if (!e.keyPath.includes(BuilderSwitchName)) {\n          navigate(e.key);\n        }\n      }}\n      disabledOverflow\n      overflowedIndicator={<MenuOutlined />}\n      style={{\n        height: Size.NavBarHeight,\n        lineHeight: `${Size.NavBarHeight}px`,\n        minWidth: 0,\n        justifyContent: 'flex-end',\n        ...props.style,\n      }}\n      selectedKeys={[pathname === '/' ? OverallConstants.route : pathname]}\n    />\n  );\n\n  return <div style={{ marginLeft: '30px' }}>{MenuComponent}</div>;\n};\n\nexport const Menus = withServerAPI({\n  api: SDK.ServerAPI.API.GetClientRoutes,\n  responsePropName: 'routes',\n  Component: MenusBase,\n  fallbackComponent: () => null,\n  showSkeleton: false,\n});\n"],"names":["BuilderSwitchName","defaultInActive","OverallInActive","CompileAnalysisInActive","BundleSizeInActive","MenusBase","props","t","useI18n","pathname","useLocation","navigate","useNavigate","navIcon","setNavIcon","useState","apiRoutes","urlEnableRoutes","getEnableRoutesFromUrlQuery","enableRoutes","useEffect","CompileAnalysisActive","OverallActive","BundleSizeActive","iconStyle","items","Manifest","OverallConstants","e","hasCompile","CompileName","LoaderTimeline","BoxPlotFilled","LoaderFiles","FundFilled","ModuleResolve","NodeIndexOutlined","PluginsAnalyze","ApiFilled","Boolean","hasBundle","BundleSize","MenuComponent","Menu","MenuOutlined","Size","Menus","withServerAPI","SDK"],"mappings":"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"}

package/dist/components/Manifest/api.mjs

@@ -48,9 +48,9 @@ const ServerAPIProvider = (props)=>{
     ]);
     useEffect(()=>{
         if (!loader) return;
-        loader.onDataUpdate(api, update);
+        loader.onDataUpdate(api, body, update);
         return ()=>{
-            loader.removeOnDataUpdate(api, update);
+            loader.removeOnDataUpdate(api, body, update);
         };
     }, [
         loader,

package/dist/components/Manifest/api.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Manifest/api.mjs","sources":["../../../src/components/Manifest/api.tsx"],"sourcesContent":["import { Constants, Manifest, SDK } from '@rsdoctor/types';\nimport { Skeleton, Spin } from 'antd';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { isEqual } from 'es-toolkit/compat';\nimport { fetchManifest, useDataLoader } from '../../utils';\nimport { ComponentState } from '../../constants';\nimport { FailedStatus } from '../Status';\nimport { BaseDataLoader } from '../../utils/data/base';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { Client } from '@rsdoctor/types';\n\n/**\n * Checks if the current route is uploader route\n */\nfunction isUploaderRoute(): boolean {\n  if (typeof window === 'undefined') {\n    return false;\n  }\n  return window.location.hash.includes(Client.RsdoctorClientRoutes.Uploader);\n}\n\nexport type InferServerAPIBody<T> =\n  SDK.ServerAPI.InferRequestBodyType<T> extends void\n    ? {\n        // use `any` to avoid ts check when need not to define the body in this component.\n        body?: any;\n      }\n    : {\n        body: SDK.ServerAPI.InferRequestBodyType<T>;\n      };\n\ntype ServerAPIProviderProps<\n  T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n> = {\n  manifestLoader?: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>;\n  api: T;\n  children: (response: SDK.ServerAPI.InferResponseType<T>) => React.JSX.Element;\n  fallbackComponent?: React.FC;\n  showSkeleton?: boolean;\n} & InferServerAPIBody<T>;\n\n/**\n * this component will request server api to the sdk of Rsdoctor in local development.\n * otherwise it will fallback to load full manifest for the data.\n *\n * @example usage\n * <ServerAPIProvider {...props}>\n *   {(response) => {\n *     <Component {...}></Component>\n *   }}\n * </ServerAPIProvider>\n */\nexport const ServerAPIProvider = <\n  T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n>(\n  props: ServerAPIProviderProps<T>,\n): React.JSX.Element | null => {\n  const {\n    manifestLoader = fetchManifest,\n    api,\n    children,\n    // default value of \"body\" must be \"null\" to avoid the response type not match when the socket received message.\n    body = null,\n    showSkeleton = true,\n    fallbackComponent,\n  } = props;\n  let promise: Promise<Manifest.RsdoctorManifestWithShardingFiles>;\n\n  const [manifest, setManifest] =\n    useState<Manifest.RsdoctorManifestWithShardingFiles>();\n  const [state, setState] = useState(ComponentState.Pending);\n  const [res, setRes] = useState({} as SDK.ServerAPI.InferResponseType<T>);\n\n  const { loader } = useDataLoader(manifest);\n\n  function init(loader: BaseDataLoader | void) {\n    if (window[Constants.WINDOW_RSDOCTOR_TAG]) {\n      executeLoader(loader);\n    } else {\n      promise = manifestLoader();\n      ensureManifest(promise).then(() => {\n        executeLoader(loader);\n      });\n    }\n  }\n\n  const update = useCallback(\n    ({ req, res: response }: SDK.ServerAPI.SocketResponseType<T>) => {\n      if (req.api === api) {\n        // body is equal.\n        // both two body are null or undefined.\n        if (\n          isEqual(req.body, body) ||\n          (Lodash.isNil(req.body) && Lodash.isNil(body))\n        ) {\n          if (!isEqual(res, response)) {\n            setRes(response);\n          }\n        }\n      }\n      // make sure update successful.\n      setState(ComponentState.Success);\n    },\n    [res, api, body],\n  );\n\n  useEffect(() => {\n    init(loader);\n  }, [loader, api, body]);\n\n  useEffect(() => {\n    if (!loader) return;\n    // add update event listener\n    loader.onDataUpdate(api, update);\n    return () => {\n      // remove update event when the component unmount.\n      loader.removeOnDataUpdate(api, update);\n    };\n  }, [loader, api, body]);\n\n  function ensureManifest(\n    pro: Promise<Manifest.RsdoctorManifestWithShardingFiles>,\n  ) {\n    return pro\n      .then((manifest) => {\n        setManifest(manifest);\n      })\n      .catch((err) => {\n        // If route is uploader, set empty manifest and continue instead of failing\n        if (isUploaderRoute()) {\n          console.warn(\n            '[ServerAPIProvider] Failed to load manifest for uploader route, continuing with empty manifest:',\n            err,\n          );\n          setState(ComponentState.Success);\n          return;\n        }\n        setState(ComponentState.Fail);\n        throw err;\n      });\n  }\n\n  function executeLoader(loader: BaseDataLoader | void) {\n    if (!loader) {\n      return;\n    }\n\n    const exts = Object.values(SDK.ServerAPI.APIExtends);\n\n    // extends api will wait for update only.\n    if (exts.includes(api as SDK.ServerAPI.APIExtends)) {\n      // extends api need to handle \"undefined\" response inside component.\n      setState(ComponentState.Success);\n      return;\n    }\n\n    loader\n      .loadAPI(api as SDK.ServerAPI.API, body)\n      .then((e) => {\n        // if (process.env.NODE_ENV === 'development') {\n        //   console.log('[ServerAPIProvider] props: ', e, api, loader);\n        // }\n        // maybe the data not prepared.\n        if (Lodash.isNil(e)) {\n          return;\n        }\n        setRes(e as SDK.ServerAPI.InferResponseType<T>);\n        setState(ComponentState.Success);\n      })\n      .catch((err) => {\n        console.error(err);\n        setState(ComponentState.Fail);\n      });\n  }\n\n  if (state === ComponentState.Pending) {\n    return showSkeleton ? <Skeleton active /> : null;\n  }\n\n  if (state === ComponentState.Fail) {\n    if (fallbackComponent)\n      return fallbackComponent as unknown as React.ReactElement;\n\n    return (\n      <FailedStatus\n        retry={() => {\n          setState(ComponentState.Pending);\n          promise = manifestLoader();\n          init();\n        }}\n      />\n    );\n  }\n\n  if (state === ComponentState.Updating) {\n    return <Spin spinning>{children(res)}</Spin>;\n  }\n\n  return children(res);\n};\n\nexport function withServerAPI<\n  T,\n  P extends keyof T,\n  A extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n>({\n  Component,\n  api,\n  responsePropName,\n  body: bodyInRoot,\n  fallbackComponent,\n  showSkeleton,\n}: {\n  Component: React.FC<T>;\n  api: A;\n  responsePropName: P;\n  fallbackComponent?: React.FC;\n  showSkeleton?: boolean;\n} & Partial<Partial<InferServerAPIBody<A>>>): React.FC<\n  Omit<T, P> & Partial<InferServerAPIBody<A>>\n> {\n  return function _(props) {\n    const { body = bodyInRoot, ...rest } = props;\n\n    return (\n      // @ts-ignore\n      <ServerAPIProvider\n        api={api}\n        body={body}\n        showSkeleton={showSkeleton}\n        fallbackComponent={fallbackComponent}\n      >\n        {(res) => {\n          const _props = {\n            ...rest,\n            [responsePropName]: res,\n          } as T & React.JSX.IntrinsicAttributes;\n\n          return <Component {..._props} />;\n        }}\n      </ServerAPIProvider>\n    );\n  };\n}\n"],"names":["isUploaderRoute","window","Client","ServerAPIProvider","props","manifestLoader","fetchManifest","api","children","body","showSkeleton","fallbackComponent","promise","manifest","setManifest","useState","state","setState","ComponentState","res","setRes","loader","useDataLoader","init","Constants","executeLoader","ensureManifest","update","useCallback","req","response","isEqual","Lodash","useEffect","pro","err","console","exts","Object","SDK","e","Skeleton","FailedStatus","Spin","withServerAPI","Component","responsePropName","bodyInRoot","rest","_props"],"mappings":"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"}
+{"version":3,"file":"components/Manifest/api.mjs","sources":["../../../src/components/Manifest/api.tsx"],"sourcesContent":["import { Constants, Manifest, SDK } from '@rsdoctor/types';\nimport { Skeleton, Spin } from 'antd';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { isEqual } from 'es-toolkit/compat';\nimport { fetchManifest, useDataLoader } from '../../utils';\nimport { ComponentState } from '../../constants';\nimport { FailedStatus } from '../Status';\nimport { BaseDataLoader } from '../../utils/data/base';\nimport { Lodash } from '@rsdoctor/utils/common';\nimport { Client } from '@rsdoctor/types';\n\n/**\n * Checks if the current route is uploader route\n */\nfunction isUploaderRoute(): boolean {\n  if (typeof window === 'undefined') {\n    return false;\n  }\n  return window.location.hash.includes(Client.RsdoctorClientRoutes.Uploader);\n}\n\nexport type InferServerAPIBody<T> =\n  SDK.ServerAPI.InferRequestBodyType<T> extends void\n    ? {\n        // use `any` to avoid ts check when need not to define the body in this component.\n        body?: any;\n      }\n    : {\n        body: SDK.ServerAPI.InferRequestBodyType<T>;\n      };\n\ntype ServerAPIProviderProps<\n  T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n> = {\n  manifestLoader?: () => Promise<Manifest.RsdoctorManifestWithShardingFiles>;\n  api: T;\n  children: (response: SDK.ServerAPI.InferResponseType<T>) => React.JSX.Element;\n  fallbackComponent?: React.FC;\n  showSkeleton?: boolean;\n} & InferServerAPIBody<T>;\n\n/**\n * this component will request server api to the sdk of Rsdoctor in local development.\n * otherwise it will fallback to load full manifest for the data.\n *\n * @example usage\n * <ServerAPIProvider {...props}>\n *   {(response) => {\n *     <Component {...}></Component>\n *   }}\n * </ServerAPIProvider>\n */\nexport const ServerAPIProvider = <\n  T extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n>(\n  props: ServerAPIProviderProps<T>,\n): React.JSX.Element | null => {\n  const {\n    manifestLoader = fetchManifest,\n    api,\n    children,\n    // default value of \"body\" must be \"null\" to avoid the response type not match when the socket received message.\n    body = null,\n    showSkeleton = true,\n    fallbackComponent,\n  } = props;\n  let promise: Promise<Manifest.RsdoctorManifestWithShardingFiles>;\n\n  const [manifest, setManifest] =\n    useState<Manifest.RsdoctorManifestWithShardingFiles>();\n  const [state, setState] = useState(ComponentState.Pending);\n  const [res, setRes] = useState({} as SDK.ServerAPI.InferResponseType<T>);\n\n  const { loader } = useDataLoader(manifest);\n\n  function init(loader: BaseDataLoader | void) {\n    if (window[Constants.WINDOW_RSDOCTOR_TAG]) {\n      executeLoader(loader);\n    } else {\n      promise = manifestLoader();\n      ensureManifest(promise).then(() => {\n        executeLoader(loader);\n      });\n    }\n  }\n\n  const update = useCallback(\n    ({ req, res: response }: SDK.ServerAPI.SocketResponseType<T>) => {\n      if (req.api === api) {\n        // body is equal.\n        // both two body are null or undefined.\n        if (\n          isEqual(req.body, body) ||\n          (Lodash.isNil(req.body) && Lodash.isNil(body))\n        ) {\n          if (!isEqual(res, response)) {\n            setRes(response);\n          }\n        }\n      }\n      // make sure update successful.\n      setState(ComponentState.Success);\n    },\n    [res, api, body],\n  );\n\n  useEffect(() => {\n    init(loader);\n  }, [loader, api, body]);\n\n  useEffect(() => {\n    if (!loader) return;\n    // add update event listener\n    loader.onDataUpdate(api, body, update);\n    return () => {\n      // remove update event when the component unmount.\n      loader.removeOnDataUpdate(api, body, update);\n    };\n  }, [loader, api, body]);\n\n  function ensureManifest(\n    pro: Promise<Manifest.RsdoctorManifestWithShardingFiles>,\n  ) {\n    return pro\n      .then((manifest) => {\n        setManifest(manifest);\n      })\n      .catch((err) => {\n        // If route is uploader, set empty manifest and continue instead of failing\n        if (isUploaderRoute()) {\n          console.warn(\n            '[ServerAPIProvider] Failed to load manifest for uploader route, continuing with empty manifest:',\n            err,\n          );\n          setState(ComponentState.Success);\n          return;\n        }\n        setState(ComponentState.Fail);\n        throw err;\n      });\n  }\n\n  function executeLoader(loader: BaseDataLoader | void) {\n    if (!loader) {\n      return;\n    }\n\n    const exts = Object.values(SDK.ServerAPI.APIExtends);\n\n    // extends api will wait for update only.\n    if (exts.includes(api as SDK.ServerAPI.APIExtends)) {\n      // extends api need to handle \"undefined\" response inside component.\n      setState(ComponentState.Success);\n      return;\n    }\n\n    loader\n      .loadAPI(api as SDK.ServerAPI.API, body)\n      .then((e) => {\n        // if (process.env.NODE_ENV === 'development') {\n        //   console.log('[ServerAPIProvider] props: ', e, api, loader);\n        // }\n        // maybe the data not prepared.\n        if (Lodash.isNil(e)) {\n          return;\n        }\n        setRes(e as SDK.ServerAPI.InferResponseType<T>);\n        setState(ComponentState.Success);\n      })\n      .catch((err) => {\n        console.error(err);\n        setState(ComponentState.Fail);\n      });\n  }\n\n  if (state === ComponentState.Pending) {\n    return showSkeleton ? <Skeleton active /> : null;\n  }\n\n  if (state === ComponentState.Fail) {\n    if (fallbackComponent)\n      return fallbackComponent as unknown as React.ReactElement;\n\n    return (\n      <FailedStatus\n        retry={() => {\n          setState(ComponentState.Pending);\n          promise = manifestLoader();\n          init();\n        }}\n      />\n    );\n  }\n\n  if (state === ComponentState.Updating) {\n    return <Spin spinning>{children(res)}</Spin>;\n  }\n\n  return children(res);\n};\n\nexport function withServerAPI<\n  T,\n  P extends keyof T,\n  A extends SDK.ServerAPI.API | SDK.ServerAPI.APIExtends,\n>({\n  Component,\n  api,\n  responsePropName,\n  body: bodyInRoot,\n  fallbackComponent,\n  showSkeleton,\n}: {\n  Component: React.FC<T>;\n  api: A;\n  responsePropName: P;\n  fallbackComponent?: React.FC;\n  showSkeleton?: boolean;\n} & Partial<Partial<InferServerAPIBody<A>>>): React.FC<\n  Omit<T, P> & Partial<InferServerAPIBody<A>>\n> {\n  return function _(props) {\n    const { body = bodyInRoot, ...rest } = props;\n\n    return (\n      // @ts-ignore\n      <ServerAPIProvider\n        api={api}\n        body={body}\n        showSkeleton={showSkeleton}\n        fallbackComponent={fallbackComponent}\n      >\n        {(res) => {\n          const _props = {\n            ...rest,\n            [responsePropName]: res,\n          } as T & React.JSX.IntrinsicAttributes;\n\n          return <Component {..._props} />;\n        }}\n      </ServerAPIProvider>\n    );\n  };\n}\n"],"names":["isUploaderRoute","window","Client","ServerAPIProvider","props","manifestLoader","fetchManifest","api","children","body","showSkeleton","fallbackComponent","promise","manifest","setManifest","useState","state","setState","ComponentState","res","setRes","loader","useDataLoader","init","Constants","executeLoader","ensureManifest","update","useCallback","req","response","isEqual","Lodash","useEffect","pro","err","console","exts","Object","SDK","e","Skeleton","FailedStatus","Spin","withServerAPI","Component","responsePropName","bodyInRoot","rest","_props"],"mappings":"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"}

package/dist/components/Plugins/plugins.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SDK } from '@rsdoctor/types';
+interface PluginsTableDataItem {
+    tapName: string;
+    hook: string;
+    key: string;
+    hookData: SDK.PluginHookData[];
+}
+export interface PluginsDataTableProps {
+    dataSource: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPluginData>;
+}
+export declare function usePluginsDataSource(plugin: SDK.PluginData, selectedTapNames: string[], selectedHooks: string[]): {
+    dataSource: PluginsTableDataItem[];
+    tapNames: string[];
+    hooks: string[];
+};
+export declare const PluginsDataTable: React.FC<PluginsDataTableProps>;
+export {};

package/dist/components/Plugins/{webpack.mjs → plugins.mjs}

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { Table, Tooltip } from "antd";
 import { sumBy, uniq } from "es-toolkit/compat";
 import { formatCosts } from "../../utils/index.mjs";
-function useWebpackPluginsDataSource(plugin, selectedTapNames, selectedHooks) {
+function usePluginsDataSource(plugin, selectedTapNames, selectedHooks) {
     const tapNames = useMemo(()=>uniq(Object.values(plugin).flat().map((e)=>e.tapName)), [
         plugin
     ]);
@@ -38,7 +38,7 @@ function useWebpackPluginsDataSource(plugin, selectedTapNames, selectedHooks) {
         hooks
     };
 }
-const WebpackPluginsDataTable = ({ dataSource })=>/*#__PURE__*/ jsx(Table, {
+const PluginsDataTable = ({ dataSource })=>/*#__PURE__*/ jsx(Table, {
         dataSource: dataSource,
         rowKey: (v)=>`${v.tapName}_${v.hook}`,
         columns: [
@@ -70,6 +70,6 @@ const WebpackPluginsDataTable = ({ dataSource })=>/*#__PURE__*/ jsx(Table, {
             }
         ]
     });
-export { WebpackPluginsDataTable, useWebpackPluginsDataSource };
+export { PluginsDataTable, usePluginsDataSource };
 
-//# sourceMappingURL=webpack.mjs.map
+//# sourceMappingURL=plugins.mjs.map

package/dist/components/Plugins/plugins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Plugins/plugins.mjs","sources":["../../../src/components/Plugins/plugins.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Table, Tooltip } from 'antd';\nimport { sumBy, uniq } from 'es-toolkit/compat';\nimport { SDK } from '@rsdoctor/types';\nimport { formatCosts } from '../../utils';\n\ninterface PluginsTableDataItem {\n  tapName: string;\n  hook: string;\n  key: string;\n  hookData: SDK.PluginHookData[];\n}\nexport interface PluginsDataTableProps {\n  dataSource: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetPluginData>;\n}\n\nexport function usePluginsDataSource(\n  plugin: SDK.PluginData,\n  selectedTapNames: string[],\n  selectedHooks: string[],\n) {\n  const tapNames = useMemo(\n    () =>\n      uniq(\n        Object.values(plugin)\n          .flat()\n          .map((e) => e.tapName),\n      ),\n    [plugin],\n  );\n\n  const hooks = useMemo(() => Object.keys(plugin), [plugin]);\n\n  const dataSource = useMemo(() => {\n    if (!tapNames.length) return [];\n\n    return tapNames.reduce((total, tapName) => {\n      if (selectedTapNames.length && !selectedTapNames.includes(tapName)) {\n        return total;\n      }\n\n      hooks.forEach((hook) => {\n        if (selectedHooks.length && !selectedHooks.includes(hook)) {\n          return;\n        }\n\n        const hookData = plugin[hook].filter((e) => e.tapName === tapName);\n        if (hookData.length === 0) return;\n        total.push({\n          tapName,\n          hook,\n          key: `${tapName}${hook}`,\n          hookData,\n        });\n      });\n\n      return total;\n    }, [] as PluginsTableDataItem[]);\n  }, [plugin, selectedTapNames, selectedHooks]);\n\n  return {\n    dataSource,\n    tapNames,\n    hooks,\n  };\n}\n\nexport const PluginsDataTable: React.FC<PluginsDataTableProps> = ({\n  dataSource,\n}) => {\n  return (\n    <Table\n      dataSource={dataSource}\n      rowKey={(v) => `${v.tapName}_${v.hook}`}\n      columns={[\n        {\n          title: `Plugin Tap Name`,\n          render: (_v, r) => r.tapName,\n        },\n        {\n          title: `Hook`,\n          render: (_v, r) => r.hook,\n        },\n        {\n          title: 'calls',\n          render: (_v, r) => (\n            <Tooltip\n              title={`\"${r.hook}\" has been called ${r.data.length} times by \"${r.tapName}\"`}\n            >\n              {r.data.length}\n            </Tooltip>\n          ),\n          sorter(a, b) {\n            return a.data.length - b.data.length;\n          },\n        },\n        {\n          title: 'duration(total)',\n          render: (_v, r) => formatCosts(sumBy(r.data, (e) => e.costs)),\n          sorter(a, b) {\n            return (\n              sumBy(a.data, (e) => e.costs) - sumBy(b.data, (e) => e.costs)\n            );\n          },\n          defaultSortOrder: 'descend',\n        },\n      ]}\n    />\n  );\n};\n"],"names":["usePluginsDataSource","plugin","selectedTapNames","selectedHooks","tapNames","useMemo","uniq","Object","e","hooks","dataSource","total","tapName","hook","hookData","PluginsDataTable","Table","v","_v","r","Tooltip","a","b","formatCosts","sumBy"],"mappings":";;;;;AAgBO,SAASA,qBACdC,MAAsB,EACtBC,gBAA0B,EAC1BC,aAAuB;IAEvB,MAAMC,WAAWC,QACf,IACEC,KACEC,OAAO,MAAM,CAACN,QACX,IAAI,GACJ,GAAG,CAAC,CAACO,IAAMA,EAAE,OAAO,IAE3B;QAACP;KAAO;IAGV,MAAMQ,QAAQJ,QAAQ,IAAME,OAAO,IAAI,CAACN,SAAS;QAACA;KAAO;IAEzD,MAAMS,aAAaL,QAAQ;QACzB,IAAI,CAACD,SAAS,MAAM,EAAE,OAAO,EAAE;QAE/B,OAAOA,SAAS,MAAM,CAAC,CAACO,OAAOC;YAC7B,IAAIV,iBAAiB,MAAM,IAAI,CAACA,iBAAiB,QAAQ,CAACU,UACxD,OAAOD;YAGTF,MAAM,OAAO,CAAC,CAACI;gBACb,IAAIV,cAAc,MAAM,IAAI,CAACA,cAAc,QAAQ,CAACU,OAClD;gBAGF,MAAMC,WAAWb,MAAM,CAACY,KAAK,CAAC,MAAM,CAAC,CAACL,IAAMA,EAAE,OAAO,KAAKI;gBAC1D,IAAIE,AAAoB,MAApBA,SAAS,MAAM,EAAQ;gBAC3BH,MAAM,IAAI,CAAC;oBACTC;oBACAC;oBACA,KAAK,GAAGD,UAAUC,MAAM;oBACxBC;gBACF;YACF;YAEA,OAAOH;QACT,GAAG,EAAE;IACP,GAAG;QAACV;QAAQC;QAAkBC;KAAc;IAE5C,OAAO;QACLO;QACAN;QACAK;IACF;AACF;AAEO,MAAMM,mBAAoD,CAAC,EAChEL,UAAU,EACX,GACQ,WAAP,GACE,IAACM,OAAKA;QACJ,YAAYN;QACZ,QAAQ,CAACO,IAAM,GAAGA,EAAE,OAAO,CAAC,CAAC,EAAEA,EAAE,IAAI,EAAE;QACvC,SAAS;YACP;gBACE,OAAO;gBACP,QAAQ,CAACC,IAAIC,IAAMA,EAAE,OAAO;YAC9B;YACA;gBACE,OAAO;gBACP,QAAQ,CAACD,IAAIC,IAAMA,EAAE,IAAI;YAC3B;YACA;gBACE,OAAO;gBACP,QAAQ,CAACD,IAAIC,IAAAA,WAAAA,GACX,IAACC,SAAOA;wBACN,OAAO,CAAC,CAAC,EAAED,EAAE,IAAI,CAAC,kBAAkB,EAAEA,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAEA,EAAE,OAAO,CAAC,CAAC,CAAC;kCAE5EA,EAAE,IAAI,CAAC,MAAM;;gBAGlB,QAAOE,CAAC,EAAEC,CAAC;oBACT,OAAOD,EAAE,IAAI,CAAC,MAAM,GAAGC,EAAE,IAAI,CAAC,MAAM;gBACtC;YACF;YACA;gBACE,OAAO;gBACP,QAAQ,CAACJ,IAAIC,IAAMI,YAAYC,MAAML,EAAE,IAAI,EAAE,CAACX,IAAMA,EAAE,KAAK;gBAC3D,QAAOa,CAAC,EAAEC,CAAC;oBACT,OACEE,MAAMH,EAAE,IAAI,EAAE,CAACb,IAAMA,EAAE,KAAK,IAAIgB,MAAMF,EAAE,IAAI,EAAE,CAACd,IAAMA,EAAE,KAAK;gBAEhE;gBACA,kBAAkB;YACpB;SACD"}

package/dist/pages/{WebpackLoaders → Loaders}/Analysis/constants.d.ts

@@ -1,3 +1,3 @@
 import { Client } from '@rsdoctor/types';
 export declare const name = "Loaders Analysis";
-export declare const route = Client.RsdoctorClientRoutes.WebpackLoaderAnalysis;
+export declare const route = Client.RsdoctorClientRoutes.LoaderAnalysis;

package/dist/pages/{WebpackLoaders → Loaders}/Analysis/constants.mjs

@@ -1,6 +1,6 @@
 import { Client } from "@rsdoctor/types";
 const constants_name = 'Loaders Analysis';
-const route = Client.RsdoctorClientRoutes.WebpackLoaderAnalysis;
+const route = Client.RsdoctorClientRoutes.LoaderAnalysis;
 export { constants_name as name, route };
 
 //# sourceMappingURL=constants.mjs.map

package/dist/pages/Loaders/Analysis/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Loaders/Analysis/constants.mjs","sources":["../../../../src/pages/Loaders/Analysis/constants.ts"],"sourcesContent":["import { Client } from '@rsdoctor/types';\n\nexport const name = 'Loaders Analysis';\n\nexport const route = Client.RsdoctorClientRoutes.LoaderAnalysis;\n"],"names":["name","route","Client"],"mappings":";AAEO,MAAMA,iBAAO;AAEb,MAAMC,QAAQC,OAAO,oBAAoB,CAAC,cAAc"}

package/dist/pages/Loaders/Analysis/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Loaders/Analysis/index.mjs","sources":["../../../../src/pages/Loaders/Analysis/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LoaderAnalysis } from '../../../components/Loader/Analysis';\nimport { WebpackConfigurationViewer } from '../../../components/Configuration';\nimport { Card } from '../../../components/Card';\nimport { Popover, Space, Tag, theme, Typography } from 'antd';\nimport { ExclamationCircleOutlined } from '@ant-design/icons';\nimport { t } from 'i18next';\nconst { useToken } = theme;\n\nexport const Page: React.FC = () => {\n  const { token } = useToken();\n\n  return (\n    <Card\n      title={\n        <Space align=\"baseline\">\n          <Typography.Title level={5} style={{ margin: 0 }}>\n            Loader Analysis\n          </Typography.Title>\n          <Popover\n            content={\n              <div>\n                {t('AsyncLoaderInfo')}\n                <a\n                  href=\"https://rsdoctor.rs/guide/more/faq#cssextractrspackplugin-%E7%9A%84-loader-%E8%80%97%E6%97%B6%E8%BF%87%E9%95%BF%E9%97%AE%E9%A2%98\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t('Details')}\n                </a>\n              </div>\n            }\n            title=\"Info\"\n          >\n            <Tag icon={<ExclamationCircleOutlined />} color=\"warning\">\n              Info\n            </Tag>\n          </Popover>\n        </Space>\n      }\n      extra={<WebpackConfigurationViewer defaultKeys={['module', 'resolve']} />}\n      bodyStyle={{ paddingTop: token.padding, height: 800 }}\n    >\n      <LoaderAnalysis />\n    </Card>\n  );\n};\n\nexport * from './constants';\n"],"names":["useToken","theme","Page","token","Card","Space","Typography","Popover","t","Tag","ExclamationCircleOutlined","WebpackConfigurationViewer","LoaderAnalysis"],"mappings":";;;;;;;;;AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,OAAiB;IAC5B,MAAM,EAAEC,KAAK,EAAE,GAAGH;IAElB,OAAO,WAAP,GACE,IAACI,MAAIA;QACH,qBACE,KAACC,OAAKA;YAAC,OAAM;;8BACX,IAACC,WAAW,KAAK;oBAAC,OAAO;oBAAG,OAAO;wBAAE,QAAQ;oBAAE;8BAAG;;8BAGlD,IAACC,SAAOA;oBACN,uBACE,KAAC;;4BACEC,EAAE;0CACH,IAAC;gCACC,MAAK;gCACL,QAAO;gCACP,KAAI;0CAEHA,EAAE;;;;oBAIT,OAAM;8BAEN,kBAACC,KAAGA;wBAAC,oBAAM,IAACC,2BAAyBA,CAAAA;wBAAK,OAAM;kCAAU;;;;;QAMhE,qBAAO,IAACC,4BAA0BA;YAAC,aAAa;gBAAC;gBAAU;aAAU;;QACrE,WAAW;YAAE,YAAYR,MAAM,OAAO;YAAE,QAAQ;QAAI;kBAEpD,kBAACS,gBAAcA,CAAAA;;AAGrB"}

package/dist/pages/{WebpackLoaders → Loaders}/Overall/constants.d.ts

@@ -1,3 +1,3 @@
 import { Client } from '@rsdoctor/types';
 export declare const name = "Loaders Timeline";
-export declare const route = Client.RsdoctorClientRoutes.WebpackLoaderOverall;
+export declare const route = Client.RsdoctorClientRoutes.LoaderOverall;

package/dist/pages/{WebpackLoaders → Loaders}/Overall/constants.mjs

@@ -1,6 +1,6 @@
 import { Client } from "@rsdoctor/types";
 const constants_name = 'Loaders Timeline';
-const route = Client.RsdoctorClientRoutes.WebpackLoaderOverall;
+const route = Client.RsdoctorClientRoutes.LoaderOverall;
 export { constants_name as name, route };
 
 //# sourceMappingURL=constants.mjs.map

package/dist/pages/Loaders/Overall/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Loaders/Overall/constants.mjs","sources":["../../../../src/pages/Loaders/Overall/constants.ts"],"sourcesContent":["import { Client } from '@rsdoctor/types';\n\nexport const name = 'Loaders Timeline';\n\nexport const route = Client.RsdoctorClientRoutes.LoaderOverall;\n"],"names":["name","route","Client"],"mappings":";AAEO,MAAMA,iBAAO;AAEb,MAAMC,QAAQC,OAAO,oBAAoB,CAAC,aAAa"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Loaders/Overall/index.mjs","sources":["../../../../src/pages/Loaders/Overall/index.tsx"],"sourcesContent":["import React from 'react';\nimport { WebpackConfigurationViewer } from '../../../components/Configuration';\nimport { Card } from '../../../components/Card';\nimport { LoaderChart } from 'src/components/Charts';\nimport { Popover, Space, Tag, Typography } from 'antd/lib';\nimport { ExclamationCircleOutlined } from '@ant-design/icons';\nimport { useTranslation } from 'react-i18next';\n\nexport const Page: React.FC = () => {\n  const { t } = useTranslation();\n  return (\n    <Card\n      title={\n        <Space align=\"baseline\">\n          <Typography.Title level={5} style={{ margin: 0 }}>\n            Loader Timeline\n          </Typography.Title>\n          <Popover\n            content={\n              <div>\n                {t('AsyncLoaderInfo')}\n                <a\n                  href=\"https://rsdoctor.rs/guide/more/faq#cssextractrspackplugin-%E7%9A%84-loader-%E8%80%97%E6%97%B6%E8%BF%87%E9%95%BF%E9%97%AE%E9%A2%98\"\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t('Details')}\n                </a>\n              </div>\n            }\n            title=\"Info\"\n          >\n            <Tag icon={<ExclamationCircleOutlined />} color=\"warning\">\n              Info\n            </Tag>\n          </Popover>\n        </Space>\n      }\n      extra={<WebpackConfigurationViewer defaultKeys={['module']} />}\n    >\n      <LoaderChart />\n    </Card>\n  );\n};\n\nexport * from './constants';\n"],"names":["Page","t","useTranslation","Card","Space","Typography","Popover","Tag","ExclamationCircleOutlined","WebpackConfigurationViewer","LoaderChart"],"mappings":";;;;;;;;;AAQO,MAAMA,OAAiB;IAC5B,MAAM,EAAEC,CAAC,EAAE,GAAGC;IACd,OAAO,WAAP,GACE,IAACC,MAAIA;QACH,qBACE,KAACC,OAAKA;YAAC,OAAM;;8BACX,IAACC,WAAW,KAAK;oBAAC,OAAO;oBAAG,OAAO;wBAAE,QAAQ;oBAAE;8BAAG;;8BAGlD,IAACC,SAAOA;oBACN,uBACE,KAAC;;4BACEL,EAAE;0CACH,IAAC;gCACC,MAAK;gCACL,QAAO;gCACP,KAAI;0CAEHA,EAAE;;;;oBAIT,OAAM;8BAEN,kBAACM,KAAGA;wBAAC,oBAAM,IAACC,2BAAyBA,CAAAA;wBAAK,OAAM;kCAAU;;;;;QAMhE,qBAAO,IAACC,4BAA0BA;YAAC,aAAa;gBAAC;aAAS;;kBAE1D,kBAACC,aAAWA,CAAAA;;AAGlB"}

package/dist/pages/Loaders/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const name = "Loaders";
+export declare const route = "/loaders";

package/dist/pages/{WebpackLoaders → Loaders}/constants.mjs

@@ -1,5 +1,5 @@
 const constants_name = 'Loaders';
-const route = '/webpack/loaders';
+const route = '/loaders';
 export { constants_name as name, route };
 
 //# sourceMappingURL=constants.mjs.map

package/dist/pages/Loaders/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Loaders/constants.mjs","sources":["../../../src/pages/Loaders/constants.ts"],"sourcesContent":["export const name = 'Loaders';\n\nexport const route = '/loaders';\n"],"names":["name","route"],"mappings":"AAAO,MAAMA,iBAAO;AAEb,MAAMC,QAAQ"}

package/dist/pages/{WebpackPlugins → Plugins}/constants.d.ts

@@ -1,3 +1,3 @@
 import { Client } from '@rsdoctor/types';
 export declare const name = "Plugins Analysis";
-export declare const route = Client.RsdoctorClientRoutes.WebpackPlugins;
+export declare const route = Client.RsdoctorClientRoutes.Plugins;

package/dist/pages/{WebpackPlugins → Plugins}/constants.mjs

@@ -1,6 +1,6 @@
 import { Client } from "@rsdoctor/types";
 const constants_name = 'Plugins Analysis';
-const route = Client.RsdoctorClientRoutes.WebpackPlugins;
+const route = Client.RsdoctorClientRoutes.Plugins;
 export { constants_name as name, route };
 
 //# sourceMappingURL=constants.mjs.map

package/dist/pages/Plugins/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Plugins/constants.mjs","sources":["../../../src/pages/Plugins/constants.ts"],"sourcesContent":["import { Client } from '@rsdoctor/types';\n\nexport const name = 'Plugins Analysis';\n\nexport const route = Client.RsdoctorClientRoutes.Plugins;\n"],"names":["name","route","Client"],"mappings":";AAEO,MAAMA,iBAAO;AAEb,MAAMC,QAAQC,OAAO,oBAAoB,CAAC,OAAO"}

package/dist/pages/Plugins/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/pages/Plugins/index.scss"],"names":[],"mappings":"AAAA;EACE,YAAY;AACd","sourcesContent":[".plugin-select .ant-select-selector{width:300px}"],"sourceRoot":""}

package/dist/pages/{WebpackPlugins → Plugins}/index.mjs

@@ -5,7 +5,7 @@ import { Button, Card, Input, Select, Space, Typography } from "antd";
 import { useState } from "react";
 import { WebpackConfigurationViewer } from "../../components/Configuration/index.mjs";
 import { ServerAPIProvider } from "../../components/Manifest/index.mjs";
-import { WebpackPluginsDataTable } from "../../components/Plugins/webpack.mjs";
+import { PluginsDataTable } from "../../components/Plugins/plugins.mjs";
 import { Size } from "../../constants.mjs";
 import "./index.css";
 export * from "./constants.mjs";
@@ -106,7 +106,7 @@ const Page = ()=>{
                             hooks: selectedHooks,
                             tapNames: selectedTapNames
                         },
-                        children: (res)=>/*#__PURE__*/ jsx(WebpackPluginsDataTable, {
+                        children: (res)=>/*#__PURE__*/ jsx(PluginsDataTable, {
                                 dataSource: res
                             })
                     })

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

@@ -0,0 +1 @@
+{"version":3,"file":"pages/Plugins/index.mjs","sources":["../../../src/pages/Plugins/index.tsx"],"sourcesContent":["import { ApiOutlined, PartitionOutlined } from '@ant-design/icons';\nimport { SDK } from '@rsdoctor/types';\nimport { Button, Card, Input, Select, Space, Typography } from 'antd';\nimport React, { useState } from 'react';\nimport { WebpackConfigurationViewer } from '../../components/Configuration';\nimport { ServerAPIProvider } from '../../components/Manifest';\nimport { PluginsDataTable } from '../../components/Plugins/plugins';\nimport { Size } from '../../constants';\nimport './index.scss';\n\nexport const Page: React.FC = () => {\n  const [selectedTapNames, setSelectedTapNames] = useState([]);\n  const [selectedHooks, setSelectedHooks] = useState([]);\n\n  return (\n    <div>\n      <Card\n        title=\"Plugins Overall\"\n        bodyStyle={{ paddingTop: Size.BasePadding / 3 }}\n        extra={<WebpackConfigurationViewer defaultKeys={['plugins']} />}\n      >\n        <Space\n          direction=\"vertical\"\n          style={{ width: '100%', padding: '0 30px' }}\n        >\n          <ServerAPIProvider api={SDK.ServerAPI.API.GetPluginSummary}>\n            {({ hooks, tapNames }) => (\n              <Space style={{ marginBottom: Size.BasePadding / 2 }}>\n                <Input.Group compact>\n                  <Button>\n                    <ApiOutlined />\n                    <Typography.Text>Plugin Tap Names</Typography.Text>\n                  </Button>\n                  <Select\n                    mode=\"multiple\"\n                    allowClear\n                    className=\"plugin-select\"\n                    style={{ width: 300 }}\n                    popupMatchSelectWidth\n                    onChange={(e) => {\n                      setSelectedTapNames(e);\n                    }}\n                  >\n                    {tapNames.map((e) => {\n                      return (\n                        <Select.Option key={e} label={e} value={e}>\n                          {e}\n                        </Select.Option>\n                      );\n                    })}\n                  </Select>\n                </Input.Group>\n                <Input.Group compact>\n                  <Button>\n                    <PartitionOutlined />\n                    <Typography.Text>Hooks</Typography.Text>\n                  </Button>\n                  <Select\n                    mode=\"multiple\"\n                    allowClear\n                    className=\"plugin-select\"\n                    style={{ width: 300 }}\n                    popupMatchSelectWidth\n                    onChange={(e) => {\n                      setSelectedHooks(e);\n                    }}\n                  >\n                    {hooks.map((e) => {\n                      return (\n                        <Select.Option key={e} label={e} value={e}>\n                          {e}\n                        </Select.Option>\n                      );\n                    })}\n                  </Select>\n                </Input.Group>\n              </Space>\n            )}\n          </ServerAPIProvider>\n          <ServerAPIProvider\n            api={SDK.ServerAPI.API.GetPluginData}\n            body={{ hooks: selectedHooks, tapNames: selectedTapNames }}\n          >\n            {(res) => <PluginsDataTable dataSource={res} />}\n          </ServerAPIProvider>\n        </Space>\n      </Card>\n    </div>\n  );\n};\n\nexport * from './constants';\n"],"names":["Page","selectedTapNames","setSelectedTapNames","useState","selectedHooks","setSelectedHooks","Card","Size","WebpackConfigurationViewer","Space","ServerAPIProvider","SDK","hooks","tapNames","Input","Button","ApiOutlined","Typography","Select","e","PartitionOutlined","res","PluginsDataTable"],"mappings":";;;;;;;;;;;AAUO,MAAMA,OAAiB;IAC5B,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,SAAS,EAAE;IAC3D,MAAM,CAACC,eAAeC,iBAAiB,GAAGF,SAAS,EAAE;IAErD,OAAO,WAAP,GACE,IAAC;kBACC,kBAACG,MAAIA;YACH,OAAM;YACN,WAAW;gBAAE,YAAYC,KAAK,WAAW,GAAG;YAAE;YAC9C,qBAAO,IAACC,4BAA0BA;gBAAC,aAAa;oBAAC;iBAAU;;sBAE3D,mBAACC,OAAKA;gBACJ,WAAU;gBACV,OAAO;oBAAE,OAAO;oBAAQ,SAAS;gBAAS;;kCAE1C,IAACC,mBAAiBA;wBAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;kCACvD,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAE,iBACnB,KAACJ,OAAKA;gCAAC,OAAO;oCAAE,cAAcF,KAAK,WAAW,GAAG;gCAAE;;kDACjD,KAACO,MAAM,KAAK;wCAAC,SAAO;;0DAClB,KAACC,QAAMA;;kEACL,IAACC,aAAWA,CAAAA;kEACZ,IAACC,WAAW,IAAI;kEAAC;;;;0DAEnB,IAACC,QAAMA;gDACL,MAAK;gDACL,YAAU;gDACV,WAAU;gDACV,OAAO;oDAAE,OAAO;gDAAI;gDACpB,uBAAqB;gDACrB,UAAU,CAACC;oDACTjB,oBAAoBiB;gDACtB;0DAECN,SAAS,GAAG,CAAC,CAACM,IACN,WAAP,GACE,IAACD,OAAO,MAAM;wDAAS,OAAOC;wDAAG,OAAOA;kEACrCA;uDADiBA;;;;kDAO5B,KAACL,MAAM,KAAK;wCAAC,SAAO;;0DAClB,KAACC,QAAMA;;kEACL,IAACK,mBAAiBA,CAAAA;kEAClB,IAACH,WAAW,IAAI;kEAAC;;;;0DAEnB,IAACC,QAAMA;gDACL,MAAK;gDACL,YAAU;gDACV,WAAU;gDACV,OAAO;oDAAE,OAAO;gDAAI;gDACpB,uBAAqB;gDACrB,UAAU,CAACC;oDACTd,iBAAiBc;gDACnB;0DAECP,MAAM,GAAG,CAAC,CAACO,IACH,WAAP,GACE,IAACD,OAAO,MAAM;wDAAS,OAAOC;wDAAG,OAAOA;kEACrCA;uDADiBA;;;;;;;kCAUlC,IAACT,mBAAiBA;wBAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,aAAa;wBACpC,MAAM;4BAAE,OAAOP;4BAAe,UAAUH;wBAAiB;kCAExD,CAACoB,MAAAA,WAAAA,GAAQ,IAACC,kBAAgBA;gCAAC,YAAYD;;;;;;;AAMpD"}

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

@@ -67,7 +67,7 @@ const Modules = ({ baseline, current })=>{
     const dataSource = useMemo(()=>{
         const res = {};
         bModules.forEach((mod)=>{
-            const modPath = mod.webpackId?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
+            const modPath = mod.identifier?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
             if (res[modPath]) console.warn('[Baseline Module Exists]: ', mod, res);
             else res[modPath] = {
                 path: modPath,
@@ -75,7 +75,7 @@ const Modules = ({ baseline, current })=>{
             };
         });
         cModules.forEach((mod)=>{
-            const modPath = mod.webpackId?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
+            const modPath = mod.identifier?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
             if (!res[modPath]) res[modPath] = {
                 path: modPath
             };

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

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

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

@@ -158,7 +158,7 @@ const ModuleRowForAsset = ({ data, baseline, current })=>{
         ];
         const map = new Map();
         mods.forEach((mod)=>{
-            const modPath = mod.webpackId?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
+            const modPath = mod.identifier?.replace(ModuleHashPattern, '') || mod.path?.replace(ModuleHashPattern, '');
             let t = map.get(modPath);
             if (!t) t = {
                 path: modPath