@rsdoctor/components 1.5.18 → 1.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"components/Charts/index.mjs","sources":["../../../src/components/Charts/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { SDK } from '@rsdoctor/types';\nimport { ISelectLoaderProps, LoaderCommonSelect } from '../Select';\nimport { ServerAPIProvider, withServerAPI } from '../Manifest';\nimport { LoaderExecutionsChart } from './loader';\nimport { filterLoader } from 'src/utils/loader';\nimport { Space } from 'antd';\n\nenum ChartDimension {\n  Loader,\n  Process,\n}\n\nexport const LoaderChartBase: React.FC<{\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}> = ({ project }) => {\n  const { root: cwd } = project;\n  const [store, setStore] = useState({\n    filename: '',\n    loaders: [] as string[],\n    layer: '',\n  } as ISelectLoaderProps);\n  // @ts-ignore\n  const [dimension] = useState<ChartDimension>(ChartDimension.Loader);\n\n  return (\n    <Space direction=\"vertical\" style={{ width: '100%' }}>\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderNames}>\n        {(loaderNames) => (\n          <LoaderCommonSelect onChange={setStore} loaderNames={loaderNames} />\n        )}\n      </ServerAPIProvider>\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderChartData}>\n        {(res) => {\n          const loaders = res.filter((el) =>\n            filterLoader(\n              el.resource,\n              el.loader,\n              store.filename,\n              store.loaders,\n              el.layer,\n              store?.layer,\n            ),\n          );\n          return dimension === ChartDimension.Loader ? (\n            <LoaderExecutionsChart loaders={loaders} cwd={cwd} />\n          ) : (\n            // <ProcessExecutionsChart loaders={loaders} cwd={cwd} pid={pid} />\n            <></>\n          );\n        }}\n      </ServerAPIProvider>\n    </Space>\n  );\n};\n\nexport const LoaderChart = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: LoaderChartBase,\n});\n"],"names":["LoaderChartBase","project","cwd","store","setStore","useState","dimension","Space","ServerAPIProvider","SDK","loaderNames","LoaderCommonSelect","res","loaders","el","filterLoader","LoaderExecutionsChart","LoaderChart","withServerAPI"],"mappings":";;;;;;;;AAaO,MAAMA,kBAER,CAAC,EAAEC,OAAO,EAAE;IACf,MAAM,EAAE,MAAMC,GAAG,EAAE,GAAGD;IACtB,MAAM,CAACE,OAAOC,SAAS,GAAGC,SAAS;QACjC,UAAU;QACV,SAAS,EAAE;QACX,OAAO;IACT;IAEA,MAAM,CAACC,UAAU,GAAGD,SAAQA;IAE5B,OAAO,WAAP,GACE,KAACE,OAAKA;QAAC,WAAU;QAAW,OAAO;YAAE,OAAO;QAAO;;0BACjD,IAACC,mBAAiBA;gBAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;0BACrD,CAACC,cAAAA,WAAAA,GACA,IAACC,oBAAkBA;wBAAC,UAAUP;wBAAU,aAAaM;;;0BAGzD,IAACF,mBAAiBA;gBAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,kBAAkB;0BACzD,CAACG;oBACA,MAAMC,UAAUD,IAAI,MAAM,CAAC,CAACE,KAC1BC,aACED,GAAG,QAAQ,EACXA,GAAG,MAAM,EACTX,MAAM,QAAQ,EACdA,MAAM,OAAO,EACbW,GAAG,KAAK,EACRX,OAAO;oBAGX,OAAOG,AAAc,MAAdA,YAAAA,WAAAA,GACL,IAACU,uBAAqBA;wBAAC,SAASH;wBAAS,KAAKX;uCAG9C;gBAEJ;;;;AAIR;AAEO,MAAMe,cAAcC,cAAc;IACvC,KAAKT,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWT;AACb"}
+{"version":3,"file":"components/Charts/index.mjs","sources":["../../../src/components/Charts/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { SDK } from '@rsdoctor/types';\nimport { ISelectLoaderProps, LoaderCommonSelect } from '../Select';\nimport { ServerAPIProvider, withServerAPI } from '../Manifest';\nimport { LoaderExecutionsChart } from './loader';\nimport { filterLoader } from 'src/utils/loader';\nimport { Space } from 'antd';\nimport { useTheme } from 'src/utils';\n\nenum ChartDimension {\n  Loader,\n  Process,\n}\n\nexport const LoaderChartBase: React.FC<{\n  project: SDK.ServerAPI.InferResponseType<SDK.ServerAPI.API.GetProjectInfo>;\n}> = ({ project }) => {\n  const { root: cwd } = project;\n  const [store, setStore] = useState({\n    filename: '',\n    loaders: [] as string[],\n    layer: '',\n  } as ISelectLoaderProps);\n  // @ts-ignore\n  const [dimension] = useState<ChartDimension>(ChartDimension.Loader);\n\n  const { theme } = useTheme();\n  return (\n    <Space direction=\"vertical\" style={{ width: '100%' }}>\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderNames}>\n        {(loaderNames) => (\n          <LoaderCommonSelect onChange={setStore} loaderNames={loaderNames} />\n        )}\n      </ServerAPIProvider>\n      <ServerAPIProvider api={SDK.ServerAPI.API.GetLoaderChartData}>\n        {(res) => {\n          const loaders = res.filter((el) =>\n            filterLoader(\n              el.resource,\n              el.loader,\n              store.filename,\n              store.loaders,\n              el.layer,\n              store?.layer,\n            ),\n          );\n          return dimension === ChartDimension.Loader ? (\n            <LoaderExecutionsChart\n              // changing the theme breaks the chart. force rerender on every theme change.\n              key={theme}\n              loaders={loaders}\n              cwd={cwd}\n            />\n          ) : (\n            // <ProcessExecutionsChart loaders={loaders} cwd={cwd} pid={pid} />\n            <></>\n          );\n        }}\n      </ServerAPIProvider>\n    </Space>\n  );\n};\n\nexport const LoaderChart = withServerAPI({\n  api: SDK.ServerAPI.API.GetProjectInfo,\n  responsePropName: 'project',\n  Component: LoaderChartBase,\n});\n"],"names":["LoaderChartBase","project","cwd","store","setStore","useState","dimension","theme","useTheme","Space","ServerAPIProvider","SDK","loaderNames","LoaderCommonSelect","res","loaders","el","filterLoader","LoaderExecutionsChart","LoaderChart","withServerAPI"],"mappings":";;;;;;;;;AAcO,MAAMA,kBAER,CAAC,EAAEC,OAAO,EAAE;IACf,MAAM,EAAE,MAAMC,GAAG,EAAE,GAAGD;IACtB,MAAM,CAACE,OAAOC,SAAS,GAAGC,SAAS;QACjC,UAAU;QACV,SAAS,EAAE;QACX,OAAO;IACT;IAEA,MAAM,CAACC,UAAU,GAAGD,SAAQA;IAE5B,MAAM,EAAEE,KAAK,EAAE,GAAGC;IAClB,OAAO,WAAP,GACE,KAACC,OAAKA;QAAC,WAAU;QAAW,OAAO;YAAE,OAAO;QAAO;;0BACjD,IAACC,mBAAiBA;gBAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;0BACrD,CAACC,cAAAA,WAAAA,GACA,IAACC,oBAAkBA;wBAAC,UAAUT;wBAAU,aAAaQ;;;0BAGzD,IAACF,mBAAiBA;gBAAC,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,kBAAkB;0BACzD,CAACG;oBACA,MAAMC,UAAUD,IAAI,MAAM,CAAC,CAACE,KAC1BC,aACED,GAAG,QAAQ,EACXA,GAAG,MAAM,EACTb,MAAM,QAAQ,EACdA,MAAM,OAAO,EACba,GAAG,KAAK,EACRb,OAAO;oBAGX,OAAOG,AAAc,MAAdA,YAAAA,WAAAA,GACL,IAACY,uBAAqBA;wBAGpB,SAASH;wBACT,KAAKb;uBAFAK,S,cAMP;gBAEJ;;;;AAIR;AAEO,MAAMY,cAAcC,cAAc;IACvC,KAAKT,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;IACrC,kBAAkB;IAClB,WAAWX;AACb"}

package/dist/components/Charts/treemap_module.css

@@ -1,6 +1,5 @@
 .treemap-DOrYiA {
-  background-color: #fff;
-  border: 2px solid #e8e8e8;
+  border: 2px solid var(--color-border-secondary);
   flex-direction: row;
   height: calc(100vh - 100px);
   display: flex;
@@ -40,9 +39,9 @@
 }
 
 .sidebar-Pww0Wm {
+  background-color: var(--color-bg-box-elevated);
+  border-right: 1px solid var(--color-border-secondary);
   z-index: 10;
-  background-color: #f6f6f6;
-  border-right: 1px solid #e8e8e8;
   flex-direction: column;
   width: 300px;
   min-width: 300px;
@@ -69,7 +68,6 @@
 }
 
 .sidebar-content-WuURH8 h4 {
-  color: #333;
   margin: 0 0 10px;
   font-size: 14px;
   font-weight: bold;
@@ -77,6 +75,7 @@
 
 .sidebar-toggle-NaGZQP {
   z-index: 20;
+  color: #000;
   cursor: pointer;
   background: #fff;
   border: 1px solid #ccc;
@@ -101,8 +100,10 @@
 }
 
 .chart-container-gPlZC7 {
+  flex-direction: column;
   width: 100%;
   height: 100%;
+  display: flex;
   position: relative;
 }
 

package/dist/components/Charts/treemap_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Charts/treemap.module.scss"],"names":[],"mappings":"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","sourcesContent":[".treemap{display:flex;flex-direction:row;height:calc(100vh - 100px);position:relative;overflow:hidden;border:2px solid #e8e8e8;background-color:#fff}.treemap :global .ant-checkbox-wrapper{font-weight:400;font-size:12px;user-select:none}.treemap:fullscreen,.treemap:-webkit-full-screen,.treemap:-moz-full-screen,.treemap:-ms-fullscreen{height:100vh;width:100vw;border:none}.sidebar{width:300px;min-width:300px;background-color:#f6f6f6;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;transition:transform .3s ease;z-index:10;height:100%;position:relative;overflow:visible}.sidebar.collapsed{transform:translateX(-100%);position:absolute;left:0}.sidebar-content{padding:15px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.sidebar-content h4{margin:0 0 10px 0;font-size:14px;font-weight:bold;color:#333}.sidebar-toggle{position:absolute;top:10px;right:10px;z-index:20;background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px;cursor:pointer;transition:right .3s ease}.sidebar-toggle.collapsed{right:-40px}.chart-wrapper{flex:1;position:relative;height:100%;width:100%;overflow:hidden}.chart-container{position:relative;width:100%;height:100%}.fullscreen-button{position:absolute;top:10px;right:10px;z-index:100;background:hsla(0,0%,100%,.9);border:1px solid #d9d9d9;border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.fullscreen-button:hover{background:#fff;border-color:#40a9ff;color:#40a9ff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.fullscreen-button:active{transform:scale(0.95)}.chunk-list{display:flex;flex-direction:column;gap:6px}.chunk-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.chunk-item :global .ant-checkbox-wrapper{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-tag{color:#999;font-size:11px;margin-left:8px;white-space:nowrap}.search-box{margin-bottom:10px}.tooltip-row{font-size:12px;display:flex;justify-content:space-between;margin-top:4px}.tooltip-label{font-weight:bold;margin-right:10px;color:#333}.search-results{margin-top:10px;max-height:300px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff}.search-results-header{padding:8px 12px;font-size:12px;font-weight:bold;color:#666;background-color:#f5f5f5;border-bottom:1px solid #e8e8e8}.search-results-list{max-height:250px;overflow-y:auto}.search-result-item{padding:8px 12px;font-size:12px;color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;word-break:break-all;transition:background-color .2s}.search-result-item:hover{background-color:#e6f7ff}.search-result-item:last-child{border-bottom:none}.search-results-empty{margin-top:10px;padding:8px 12px;font-size:12px;color:#999;text-align:center}.all-none-checkbox{margin-bottom:6px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Charts/treemap.module.scss"],"names":[],"mappings":"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","sourcesContent":[".treemap{display:flex;flex-direction:row;height:calc(100vh - 100px);position:relative;overflow:hidden;border:2px solid var(--color-border-secondary)}.treemap :global .ant-checkbox-wrapper{font-weight:400;font-size:12px;user-select:none}.treemap:fullscreen,.treemap:-webkit-full-screen,.treemap:-moz-full-screen,.treemap:-ms-fullscreen{height:100vh;width:100vw;border:none}.sidebar{width:300px;min-width:300px;background-color:var(--color-bg-box-elevated);border-right:1px solid var(--color-border-secondary);display:flex;flex-direction:column;transition:transform .3s ease;z-index:10;height:100%;position:relative;overflow:visible}.sidebar.collapsed{transform:translateX(-100%);position:absolute;left:0}.sidebar-content{padding:15px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.sidebar-content h4{margin:0 0 10px 0;font-size:14px;font-weight:bold}.sidebar-toggle{position:absolute;top:10px;right:10px;z-index:20;background:#fff;color:#000;border:1px solid #ccc;border-radius:4px;padding:5px;cursor:pointer;transition:right .3s ease}.sidebar-toggle.collapsed{right:-40px}.chart-wrapper{flex:1;position:relative;height:100%;width:100%;overflow:hidden}.chart-container{display:flex;flex-direction:column;position:relative;width:100%;height:100%}.fullscreen-button{position:absolute;top:10px;right:10px;z-index:100;background:hsla(0,0%,100%,.9);border:1px solid #d9d9d9;border-radius:4px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}.fullscreen-button:hover{background:#fff;border-color:#40a9ff;color:#40a9ff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.fullscreen-button:active{transform:scale(0.95)}.chunk-list{display:flex;flex-direction:column;gap:6px}.chunk-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.chunk-item :global .ant-checkbox-wrapper{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-tag{color:#999;font-size:11px;margin-left:8px;white-space:nowrap}.search-box{margin-bottom:10px}.tooltip-row{font-size:12px;display:flex;justify-content:space-between;margin-top:4px}.tooltip-label{font-weight:bold;margin-right:10px;color:#333}.search-results{margin-top:10px;max-height:300px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:4px;background-color:#fff}.search-results-header{padding:8px 12px;font-size:12px;font-weight:bold;color:#666;background-color:#f5f5f5;border-bottom:1px solid #e8e8e8}.search-results-list{max-height:250px;overflow-y:auto}.search-result-item{padding:8px 12px;font-size:12px;color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;word-break:break-all;transition:background-color .2s}.search-result-item:hover{background-color:#e6f7ff}.search-result-item:last-child{border-bottom:none}.search-results-empty{margin-top:10px;padding:8px 12px;font-size:12px;color:#999;text-align:center}.all-none-checkbox{margin-bottom:6px}"],"sourceRoot":""}

package/dist/components/FileTree/index.css

@@ -19,7 +19,6 @@
 }
 
 .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
-  color: #000000d9;
   box-sizing: border-box;
   vertical-align: top;
   cursor: pointer;

package/dist/components/FileTree/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/FileTree/index.scss"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,SAAS;AACX;;AAHiD;EAM/C,mBAAmB;EACnB,UAAU;EACV,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EAChB,aAAa;AACf;;AAd6L;EAiB3L,qBAAqB;AACvB;;AAlByP;EAqBvP,gBAAgB;EAChB,sBAAsB;EACtB,mBAAmB;EACnB,eAAe;EACf,SAAS;EACT,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,kBAAkB;AACpB;;AAhCkf;EAmChf,aAAa;AACf;;AApCqiB;EAuCniB,cAAc;AAChB;;AAxC8lB;EA2C5lB,cAAc;EACd,mBAAmB;AACrB;;AA7CuwB;EAgDrwB,qBAAqB;EACrB,kBAAkB;AACpB;;AAlDo2B;EAqDl2B,qBAAqB;AACvB;;AAtD05B;EAyDx5B,sBAAsB;EACtB,SAAS;EACT,qBAAqB;AACvB;;AA5Dg/B;EA+D9+B,WAAW;EACX,qBAAqB;AACvB;;AAjEujC;EAoErjC,yBAAyB;EACzB,oBAAoB;AACtB;;AAtEsoC;EAyEpoC,wBAAwB;AAC1B;;AA1E+rC;EA6E7rC,gBAAgB;EAChB,cAAc;EACd,qBAAqB;AACvB","sourcesContent":[".rc-tree{margin:0;border:1px solid rgba(0,0,0,0)}.rc-tree .rc-tree-treenode{display:flex;align-items:center;margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0}.rc-tree .rc-tree-treenode:hover{background:rgba(0,0,0,.04)}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;margin:0;padding:0 4px;font-size:14px;font-weight:400;color:rgba(0,0,0,.85);box-sizing:border-box;text-decoration:none;vertical-align:top;cursor:pointer}.rc-tree .rc-tree-treenode-child-tree{display:none}.rc-tree .rc-tree-treenode-child-tree-open{display:block}.rc-tree .rc-tree-treenode-treenode-disabled>span:not(.rc-tree-switcher),.rc-tree .rc-tree-treenode>a,.rc-tree .rc-tree-treenode>a span{color:#767676;cursor:not-allowed}.rc-tree .rc-tree-treenode-treenode-selected{background:rgba(5,145,255,.3);border-radius:4px}.rc-tree .rc-tree-treenode-title{display:inline-block}.rc-tree .rc-tree-treenode-indent{display:inline-block;height:0;vertical-align:bottom}.rc-tree .rc-tree-treenode-indent-unit{display:inline-block;width:14px}.file-tree-switcher-arrow{transform:rotate(0deg);transition:transform .3s ease}.file-tree-switcher-arrow-expand{transform:rotate(90deg)}.file-icon{display:inline-block;padding:2px 0;margin-left:8px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/FileTree/index.scss"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,SAAS;AACX;;AAHiD;EAM/C,mBAAmB;EACnB,UAAU;EACV,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EAChB,aAAa;AACf;;AAd6L;EAiB3L,qBAAqB;AACvB;;AAlByP;EAqBvP,sBAAsB;EACtB,mBAAmB;EACnB,eAAe;EACf,SAAS;EACT,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,kBAAkB;AACpB;;AA/B4d;EAkC1d,aAAa;AACf;;AAnC+gB;EAsC7gB,cAAc;AAChB;;AAvCwkB;EA0CtkB,cAAc;EACd,mBAAmB;AACrB;;AA5CivB;EA+C/uB,qBAAqB;EACrB,kBAAkB;AACpB;;AAjD80B;EAoD50B,qBAAqB;AACvB;;AArDo4B;EAwDl4B,sBAAsB;EACtB,SAAS;EACT,qBAAqB;AACvB;;AA3D09B;EA8Dx9B,WAAW;EACX,qBAAqB;AACvB;;AAhEiiC;EAmE/hC,yBAAyB;EACzB,oBAAoB;AACtB;;AArEgnC;EAwE9mC,wBAAwB;AAC1B;;AAzEyqC;EA4EvqC,gBAAgB;EAChB,cAAc;EACd,qBAAqB;AACvB","sourcesContent":[".rc-tree{margin:0;border:1px solid rgba(0,0,0,0)}.rc-tree .rc-tree-treenode{display:flex;align-items:center;margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0}.rc-tree .rc-tree-treenode:hover{background:rgba(0,0,0,.04)}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;margin:0;padding:0 4px;font-size:14px;font-weight:400;box-sizing:border-box;text-decoration:none;vertical-align:top;cursor:pointer}.rc-tree .rc-tree-treenode-child-tree{display:none}.rc-tree .rc-tree-treenode-child-tree-open{display:block}.rc-tree .rc-tree-treenode-treenode-disabled>span:not(.rc-tree-switcher),.rc-tree .rc-tree-treenode>a,.rc-tree .rc-tree-treenode>a span{color:#767676;cursor:not-allowed}.rc-tree .rc-tree-treenode-treenode-selected{background:rgba(5,145,255,.3);border-radius:4px}.rc-tree .rc-tree-treenode-title{display:inline-block}.rc-tree .rc-tree-treenode-indent{display:inline-block;height:0;vertical-align:bottom}.rc-tree .rc-tree-treenode-indent-unit{display:inline-block;width:14px}.file-tree-switcher-arrow{transform:rotate(0deg);transition:transform .3s ease}.file-tree-switcher-arrow-expand{transform:rotate(90deg)}.file-icon{display:inline-block;padding:2px 0;margin-left:8px}"],"sourceRoot":""}

package/dist/components/FileTree/index.mjs

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { Space, theme } from "antd";
+import { Space } from "antd";
 import { FileOutlined, FolderOpenTwoTone, FolderTwoTone, RightOutlined } from "@ant-design/icons";
 import rc_tree from "rc-tree";
 import css from "../../common/svg/files/css.mjs";
@@ -9,9 +9,8 @@ import files_image from "../../common/svg/files/image.mjs";
 import js from "../../common/svg/files/js.mjs";
 import unkown_file from "../../common/svg/files/unkown-file.mjs";
 import "./index.css";
-import { useTheme } from "../../utils/index.mjs";
+import { useTheme, useThemeToken } from "../../utils/index.mjs";
 import path from "path";
-const { useToken: useToken } = theme;
 function getFileType(filename) {
     const extension = path.extname(filename).slice(1).toLowerCase();
     switch(extension){
@@ -63,7 +62,7 @@ function getFileCom(filename) {
 }
 const FileTree = (props)=>{
     const { isDark } = useTheme();
-    const { token } = useToken();
+    const token = useThemeToken();
     const color = isDark ? token.colorWhite : token.colorText;
     const style = {
         fontSize: token.fontSize

package/dist/components/FileTree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/FileTree/index.mjs","sources":["../../../src/components/FileTree/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Space, theme } from 'antd';\nimport {\n  FileOutlined,\n  FolderOpenTwoTone,\n  FolderTwoTone,\n  RightOutlined,\n} from '@ant-design/icons';\nimport Tree, { TreeProps } from 'rc-tree';\nimport CSSIcon from 'src/common/svg/files/css.svg';\nimport HtmlIcon from 'src/common/svg/files/html.svg';\nimport IMGIcon from 'src/common/svg/files/image.svg';\nimport JSIcon from 'src/common/svg/files/js.svg';\nimport FileIcon from 'src/common/svg/files/unkown-file.svg';\n\nimport './index.sass';\nimport { useTheme } from '../../utils';\nimport path from 'path';\n\nconst { useToken } = theme;\n\nfunction getFileType(filename: string) {\n  const extension = path.extname(filename).slice(1).toLowerCase();\n\n  switch (extension) {\n    case 'js':\n    case 'jsx':\n    case 'ts':\n    case 'mjs':\n    case 'cjs':\n    case 'mts':\n    case 'cts':\n      return <JSIcon />;\n    case 'tsx':\n      return <FileIcon />;\n    case 'css':\n    case 'scss':\n    case 'sass':\n    case 'less':\n    case 'styl':\n    case 'stylus':\n      return <CSSIcon />;\n    case 'html':\n      return <HtmlIcon />;\n    case 'png':\n    case 'jpg':\n    case 'jpeg':\n    case 'gif':\n    case 'svg':\n    case 'bmp':\n    case 'webp':\n    case 'ico':\n    case 'apng':\n    case 'avif':\n    case 'tif':\n    case 'tiff':\n    case 'jfif':\n    case 'pjpeg':\n    case 'pjp':\n      return <IMGIcon />;\n    default:\n      return <FileIcon />;\n  }\n}\n\nexport function getFileCom(filename: string) {\n  const fileIcon = getFileType(filename);\n  return <div className=\"file-icon\">{fileIcon}</div>;\n}\n\nexport const FileTree: React.FC<Partial<TreeProps>> = (props) => {\n  const { isDark } = useTheme();\n\n  const { token } = useToken();\n  const color = isDark ? token.colorWhite : token.colorText;\n  const style = { fontSize: token.fontSize };\n\n  return (\n    <Tree\n      checkable={false}\n      selectable={true}\n      switcherIcon={({ data, expanded }) => {\n        if (data?.children) {\n          return (\n            <Space style={{ color }}>\n              <RightOutlined\n                twoToneColor={color}\n                className={`file-tree-switcher-arrow ${expanded ? 'file-tree-switcher-arrow-expand' : ''}`}\n                style={style}\n              />\n              {expanded ? <FolderOpenTwoTone /> : <FolderTwoTone />}\n            </Space>\n          );\n        }\n        if (data?.key && typeof data.key === 'string') {\n          return getFileCom(data.key);\n        }\n        return <FileOutlined />;\n      }}\n      expandAction=\"click\"\n      {...props}\n    />\n  );\n};\n"],"names":["useToken","theme","getFileType","filename","extension","path","JSIcon","FileIcon","CSSIcon","HtmlIcon","IMGIcon","getFileCom","fileIcon","FileTree","props","isDark","useTheme","token","color","style","Tree","data","expanded","Space","RightOutlined","FolderOpenTwoTone","FolderTwoTone","FileOutlined"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAErB,SAASC,YAAYC,QAAgB;IACnC,MAAMC,YAAYC,KAAK,OAAO,CAACF,UAAU,KAAK,CAAC,GAAG,WAAW;IAE7D,OAAQC;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACE,IAAMA,CAAAA;QAChB,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,aAAQA,CAAAA;QAClB,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,KAAOA,CAAAA;QACjB,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,MAAQA,CAAAA;QAClB,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,aAAOA,CAAAA;QACjB;YACE,OAAO,WAAP,GAAO,IAACH,aAAQA,CAAAA;IACpB;AACF;AAEO,SAASI,WAAWR,QAAgB;IACzC,MAAMS,WAAWV,YAAYC;IAC7B,OAAO,WAAP,GAAO,IAAC;QAAI,WAAU;kBAAaS;;AACrC;AAEO,MAAMC,WAAyC,CAACC;IACrD,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnB,MAAM,EAAEC,KAAK,EAAE,GAAGjB;IAClB,MAAMkB,QAAQH,SAASE,MAAM,UAAU,GAAGA,MAAM,SAAS;IACzD,MAAME,QAAQ;QAAE,UAAUF,MAAM,QAAQ;IAAC;IAEzC,OAAO,WAAP,GACE,IAACG,SAAIA;QACH,WAAW;QACX,YAAY;QACZ,cAAc,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAE;YAC/B,IAAID,MAAM,UACR,OAAO,WAAP,GACE,KAACE,OAAKA;gBAAC,OAAO;oBAAEL;gBAAM;;kCACpB,IAACM,eAAaA;wBACZ,cAAcN;wBACd,WAAW,CAAC,yBAAyB,EAAEI,WAAW,oCAAoC,IAAI;wBAC1F,OAAOH;;oBAERG,WAAW,WAAXA,GAAW,IAACG,mBAAiBA,CAAAA,KAAAA,WAAAA,GAAM,IAACC,eAAaA,CAAAA;;;YAIxD,IAAIL,MAAM,OAAO,AAAoB,YAApB,OAAOA,KAAK,GAAG,EAC9B,OAAOV,WAAWU,KAAK,GAAG;YAE5B,OAAO,WAAP,GAAO,IAACM,cAAYA,CAAAA;QACtB;QACA,cAAa;QACZ,GAAGb,KAAK;;AAGf"}
+{"version":3,"file":"components/FileTree/index.mjs","sources":["../../../src/components/FileTree/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Space } from 'antd';\nimport {\n  FileOutlined,\n  FolderOpenTwoTone,\n  FolderTwoTone,\n  RightOutlined,\n} from '@ant-design/icons';\nimport Tree, { TreeProps } from 'rc-tree';\nimport CSSIcon from 'src/common/svg/files/css.svg';\nimport HtmlIcon from 'src/common/svg/files/html.svg';\nimport IMGIcon from 'src/common/svg/files/image.svg';\nimport JSIcon from 'src/common/svg/files/js.svg';\nimport FileIcon from 'src/common/svg/files/unkown-file.svg';\n\nimport './index.sass';\nimport { useTheme, useThemeToken } from '../../utils';\nimport path from 'path';\n\nfunction getFileType(filename: string) {\n  const extension = path.extname(filename).slice(1).toLowerCase();\n\n  switch (extension) {\n    case 'js':\n    case 'jsx':\n    case 'ts':\n    case 'mjs':\n    case 'cjs':\n    case 'mts':\n    case 'cts':\n      return <JSIcon />;\n    case 'tsx':\n      return <FileIcon />;\n    case 'css':\n    case 'scss':\n    case 'sass':\n    case 'less':\n    case 'styl':\n    case 'stylus':\n      return <CSSIcon />;\n    case 'html':\n      return <HtmlIcon />;\n    case 'png':\n    case 'jpg':\n    case 'jpeg':\n    case 'gif':\n    case 'svg':\n    case 'bmp':\n    case 'webp':\n    case 'ico':\n    case 'apng':\n    case 'avif':\n    case 'tif':\n    case 'tiff':\n    case 'jfif':\n    case 'pjpeg':\n    case 'pjp':\n      return <IMGIcon />;\n    default:\n      return <FileIcon />;\n  }\n}\n\nexport function getFileCom(filename: string) {\n  const fileIcon = getFileType(filename);\n  return <div className=\"file-icon\">{fileIcon}</div>;\n}\n\nexport const FileTree: React.FC<Partial<TreeProps>> = (props) => {\n  const { isDark } = useTheme();\n\n  const token = useThemeToken();\n  const color = isDark ? token.colorWhite : token.colorText;\n  const style = { fontSize: token.fontSize };\n\n  return (\n    <Tree\n      checkable={false}\n      selectable={true}\n      switcherIcon={({ data, expanded }) => {\n        if (data?.children) {\n          return (\n            <Space style={{ color }}>\n              <RightOutlined\n                twoToneColor={color}\n                className={`file-tree-switcher-arrow ${expanded ? 'file-tree-switcher-arrow-expand' : ''}`}\n                style={style}\n              />\n              {expanded ? <FolderOpenTwoTone /> : <FolderTwoTone />}\n            </Space>\n          );\n        }\n        if (data?.key && typeof data.key === 'string') {\n          return getFileCom(data.key);\n        }\n        return <FileOutlined />;\n      }}\n      expandAction=\"click\"\n      {...props}\n    />\n  );\n};\n"],"names":["getFileType","filename","extension","path","JSIcon","FileIcon","CSSIcon","HtmlIcon","IMGIcon","getFileCom","fileIcon","FileTree","props","isDark","useTheme","token","useThemeToken","color","style","Tree","data","expanded","Space","RightOutlined","FolderOpenTwoTone","FolderTwoTone","FileOutlined"],"mappings":";;;;;;;;;;;;;AAmBA,SAASA,YAAYC,QAAgB;IACnC,MAAMC,YAAYC,KAAK,OAAO,CAACF,UAAU,KAAK,CAAC,GAAG,WAAW;IAE7D,OAAQC;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACE,IAAMA,CAAAA;QAChB,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,aAAQA,CAAAA;QAClB,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,KAAOA,CAAAA;QACjB,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,MAAQA,CAAAA;QAClB,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO,WAAP,GAAO,IAACC,aAAOA,CAAAA;QACjB;YACE,OAAO,WAAP,GAAO,IAACH,aAAQA,CAAAA;IACpB;AACF;AAEO,SAASI,WAAWR,QAAgB;IACzC,MAAMS,WAAWV,YAAYC;IAC7B,OAAO,WAAP,GAAO,IAAC;QAAI,WAAU;kBAAaS;;AACrC;AAEO,MAAMC,WAAyC,CAACC;IACrD,MAAM,EAAEC,MAAM,EAAE,GAAGC;IAEnB,MAAMC,QAAQC;IACd,MAAMC,QAAQJ,SAASE,MAAM,UAAU,GAAGA,MAAM,SAAS;IACzD,MAAMG,QAAQ;QAAE,UAAUH,MAAM,QAAQ;IAAC;IAEzC,OAAO,WAAP,GACE,IAACI,SAAIA;QACH,WAAW;QACX,YAAY;QACZ,cAAc,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAE;YAC/B,IAAID,MAAM,UACR,OAAO,WAAP,GACE,KAACE,OAAKA;gBAAC,OAAO;oBAAEL;gBAAM;;kCACpB,IAACM,eAAaA;wBACZ,cAAcN;wBACd,WAAW,CAAC,yBAAyB,EAAEI,WAAW,oCAAoC,IAAI;wBAC1F,OAAOH;;oBAERG,WAAW,WAAXA,GAAW,IAACG,mBAAiBA,CAAAA,KAAAA,WAAAA,GAAM,IAACC,eAAaA,CAAAA;;;YAIxD,IAAIL,MAAM,OAAO,AAAoB,YAApB,OAAOA,KAAK,GAAG,EAC9B,OAAOX,WAAWW,KAAK,GAAG;YAE5B,OAAO,WAAP,GAAO,IAACM,cAAYA,CAAAA;QACtB;QACA,cAAa;QACZ,GAAGd,KAAK;;AAGf"}

package/dist/components/Keyword/style_module.css

@@ -1,5 +1,4 @@
 .text-QI6k9S {
-  color: #000000d9;
   font-size: 14px;
   font-weight: 400;
 }

package/dist/components/Keyword/style_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Keyword/style.module.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".text{font-size:14px;font-weight:400;color:rgba(0,0,0,.85)}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Keyword/style.module.scss"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,gBAAgB;AAClB","sourcesContent":[".text{font-size:14px;font-weight:400}"],"sourceRoot":""}

package/dist/components/Layout/header.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TranslationOutlined } from "@ant-design/icons";
-import { Col, Dropdown, Layout, Row } from "antd";
+import { Col, Dropdown, Layout, Row, Switch } from "antd";
 import "react";
-import { Language } from "../../constants.mjs";
+import { Language, Theme } from "../../constants.mjs";
 import { useI18n, useTheme } from "../../utils/index.mjs";
 import { OverlayAlertsWithButton } from "../Alerts/index.mjs";
 import { BuilderSelect } from "./builder-select.mjs";
@@ -10,11 +10,12 @@ import { Menus } from "./menus.mjs";
 import { Client } from "@rsdoctor/types";
 import { useNavigate } from "react-router-dom";
 import header_module from "./header.module.mjs";
-import clsx from "clsx";
+import rsdoctor_title_logo_dark from "./rsdoctor-title-logo-dark.mjs";
+const logoLight = 'https://assets.rspack.rs/rsdoctor/rsdoctor-title-logo.png';
 const Header = ({ enableRoutes })=>{
     const { i18n } = useI18n();
     const navigate = useNavigate();
-    const { isDark } = useTheme();
+    const { setTheme, isLight, isDark } = useTheme();
     const languages = [
         {
             value: Language.Cn,
@@ -26,7 +27,7 @@ const Header = ({ enableRoutes })=>{
         }
     ];
     return /*#__PURE__*/ jsx(Layout.Header, {
-        className: clsx(header_module.root, isDark && header_module.rootDark),
+        className: header_module.root,
         children: /*#__PURE__*/ jsxs(Row, {
             className: header_module.innerRoot,
             children: [
@@ -38,7 +39,7 @@ const Header = ({ enableRoutes })=>{
                             /*#__PURE__*/ jsx("img", {
                                 width: "1604",
                                 height: "380",
-                                src: "https://assets.rspack.rs/rsdoctor/rsdoctor-title-logo.png",
+                                src: isLight ? logoLight : rsdoctor_title_logo_dark,
                                 className: header_module.rsdoctorLogo,
                                 alt: "logo",
                                 onClick: ()=>{
@@ -63,6 +64,21 @@ const Header = ({ enableRoutes })=>{
                             /*#__PURE__*/ jsx(Col, {
                                 children: /*#__PURE__*/ jsx(OverlayAlertsWithButton, {})
                             }),
+                            /*#__PURE__*/ jsx(Col, {
+                                children: /*#__PURE__*/ jsx(Switch, {
+                                    className: "header-switch",
+                                    checkedChildren: "\uD83C\uDF1B",
+                                    unCheckedChildren: "\uD83C\uDF1E",
+                                    checked: isDark,
+                                    onChange: (checked)=>{
+                                        setTheme(checked ? Theme.Dark : Theme.Light);
+                                    },
+                                    style: {
+                                        border: `1px solid ${isLight ? '#ddd' : '#fff'}`,
+                                        background: isLight ? '#eee' : '#141414'
+                                    }
+                                })
+                            }),
                             /*#__PURE__*/ jsx(Col, {
                                 children: /*#__PURE__*/ jsx(Dropdown, {
                                     overlayStyle: {

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

@@ -1 +1 @@
-{"version":3,"file":"components/Layout/header.mjs","sources":["../../../src/components/Layout/header.tsx"],"sourcesContent":["import { TranslationOutlined } from '@ant-design/icons';\nimport { Col, Dropdown, Layout, Row } from 'antd';\nimport React from 'react';\nimport { Language } from '../../constants';\nimport { useI18n, useTheme } from '../../utils';\nimport { OverlayAlertsWithButton } from '../Alerts';\nimport { BuilderSelect } from './builder-select';\nimport { Menus } from './menus';\nimport { Client } from '@rsdoctor/types';\nimport { useNavigate } from 'react-router-dom';\nimport styles from './header.module.scss';\nimport clsx from 'clsx';\n\nexport interface HeaderProps {\n  enableRoutes?: string[];\n}\n\nexport const Header: React.FC<HeaderProps> = ({ enableRoutes }) => {\n  const { i18n } = useI18n();\n\n  const navigate = useNavigate();\n  const { isDark } = useTheme();\n  const languages = [\n    { value: Language.Cn, label: '中文' },\n    { value: Language.En, label: 'English' },\n  ];\n\n  return (\n    <Layout.Header className={clsx(styles.root, isDark && styles.rootDark)}>\n      <Row className={styles.innerRoot}>\n        <Col className={styles.leftCol}>\n          <div className={styles.leftColInner}>\n            <img\n              width=\"1604\"\n              height=\"380\"\n              src=\"https://assets.rspack.rs/rsdoctor/rsdoctor-title-logo.png\"\n              className={styles.rsdoctorLogo}\n              alt=\"logo\"\n              onClick={() => {\n                if (\n                  location.hash.includes(\n                    Client.RsdoctorClientRoutes.Uploader,\n                  ) &&\n                  location.pathname.includes('/preview')\n                ) {\n                  location.href = 'http://rsdoctor.rs';\n                } else {\n                  navigate(Client.RsdoctorClientRoutes.Home);\n                }\n              }}\n            />\n            <BuilderSelect />\n          </div>\n        </Col>\n        <Menus\n          key={enableRoutes ? JSON.stringify(enableRoutes) : 'default'}\n          style={{ transition: 'none' }}\n        />\n\n        <Col className={styles.rightCol}>\n          <Row className={styles.rightColInner}>\n            <Col>\n              <OverlayAlertsWithButton />\n            </Col>\n\n            {/* <Col> TODO:  dark mode has some error need fix.\n              <Switch\n                className=\"header-switch\"\n                checkedChildren=\"🌛\"\n                unCheckedChildren=\"🌞\"\n                checked={isDark}\n                onChange={(checked) => {\n                  setTheme(checked ? Theme.Dark : Theme.Light);\n                }}\n                style={{ border: `1px solid ${isLight ? '#ddd' : '#fff'}`, background: isLight ? '#eee' : '#141414' }}\n              />\n            </Col> */}\n            <Col>\n              <Dropdown\n                overlayStyle={{ zIndex: 1000 }}\n                menu={{\n                  items: languages.map((e) => ({\n                    label: e.label,\n                    key: e.value,\n                    onClick() {\n                      i18n.changeLanguage(e.value);\n                    },\n                  })),\n                  selectedKeys: [i18n.language],\n                }}\n              >\n                <TranslationOutlined className={styles.translationsIcon} />\n              </Dropdown>\n            </Col>\n          </Row>\n        </Col>\n      </Row>\n    </Layout.Header>\n  );\n};\n"],"names":["Header","enableRoutes","i18n","useI18n","navigate","useNavigate","isDark","useTheme","languages","Language","Layout","clsx","styles","Row","Col","location","Client","BuilderSelect","Menus","JSON","OverlayAlertsWithButton","Dropdown","e","TranslationOutlined"],"mappings":";;;;;;;;;;;;;AAiBO,MAAMA,SAAgC,CAAC,EAAEC,YAAY,EAAE;IAC5D,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,MAAMC,WAAWC;IACjB,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAMC,YAAY;QAChB;YAAE,OAAOC,SAAS,EAAE;YAAE,OAAO;QAAK;QAClC;YAAE,OAAOA,SAAS,EAAE;YAAE,OAAO;QAAU;KACxC;IAED,OAAO,WAAP,GACE,IAACC,OAAO,MAAM;QAAC,WAAWC,KAAKC,cAAAA,IAAW,EAAEN,UAAUM,cAAAA,QAAe;kBACnE,mBAACC,KAAGA;YAAC,WAAWD,cAAAA,SAAgB;;8BAC9B,IAACE,KAAGA;oBAAC,WAAWF,cAAAA,OAAc;8BAC5B,mBAAC;wBAAI,WAAWA,cAAAA,YAAmB;;0CACjC,IAAC;gCACC,OAAM;gCACN,QAAO;gCACP,KAAI;gCACJ,WAAWA,cAAAA,YAAmB;gCAC9B,KAAI;gCACJ,SAAS;oCACP,IACEG,SAAS,IAAI,CAAC,QAAQ,CACpBC,OAAO,oBAAoB,CAAC,QAAQ,KAEtCD,SAAS,QAAQ,CAAC,QAAQ,CAAC,aAE3BA,SAAS,IAAI,GAAG;yCAEhBX,SAASY,OAAO,oBAAoB,CAAC,IAAI;gCAE7C;;0CAEF,IAACC,eAAaA,CAAAA;;;;8BAGlB,IAACC,OAAKA;oBAEJ,OAAO;wBAAE,YAAY;oBAAO;mBADvBjB,eAAekB,KAAK,SAAS,CAAClB,gBAAgB;8BAIrD,IAACa,KAAGA;oBAAC,WAAWF,cAAAA,QAAe;8BAC7B,mBAACC,KAAGA;wBAAC,WAAWD,cAAAA,aAAoB;;0CAClC,IAACE,KAAGA;0CACF,kBAACM,yBAAuBA,CAAAA;;0CAe1B,IAACN,KAAGA;0CACF,kBAACO,UAAQA;oCACP,cAAc;wCAAE,QAAQ;oCAAK;oCAC7B,MAAM;wCACJ,OAAOb,UAAU,GAAG,CAAC,CAACc,IAAO;gDAC3B,OAAOA,EAAE,KAAK;gDACd,KAAKA,EAAE,KAAK;gDACZ;oDACEpB,KAAK,cAAc,CAACoB,EAAE,KAAK;gDAC7B;4CACF;wCACA,cAAc;4CAACpB,KAAK,QAAQ;yCAAC;oCAC/B;8CAEA,kBAACqB,qBAAmBA;wCAAC,WAAWX,cAAAA,gBAAuB;;;;;;;;;;AAQvE"}
+{"version":3,"file":"components/Layout/header.mjs","sources":["../../../src/components/Layout/header.tsx"],"sourcesContent":["import { TranslationOutlined } from '@ant-design/icons';\nimport { Col, Dropdown, Layout, Row, Switch } from 'antd';\nimport React from 'react';\nimport { Language, Theme } from '../../constants';\nimport { useI18n, useTheme } from '../../utils';\nimport { OverlayAlertsWithButton } from '../Alerts';\nimport { BuilderSelect } from './builder-select';\nimport { Menus } from './menus';\nimport { Client } from '@rsdoctor/types';\nimport { useNavigate } from 'react-router-dom';\nimport styles from './header.module.scss';\nimport logoDark from './rsdoctor-title-logo-dark.png';\nconst logoLight = 'https://assets.rspack.rs/rsdoctor/rsdoctor-title-logo.png';\n\nexport interface HeaderProps {\n  enableRoutes?: string[];\n}\n\nexport const Header: React.FC<HeaderProps> = ({ enableRoutes }) => {\n  const { i18n } = useI18n();\n\n  const navigate = useNavigate();\n  const { setTheme, isLight, isDark } = useTheme();\n  const languages = [\n    { value: Language.Cn, label: '中文' },\n    { value: Language.En, label: 'English' },\n  ];\n\n  return (\n    <Layout.Header className={styles.root}>\n      <Row className={styles.innerRoot}>\n        <Col className={styles.leftCol}>\n          <div className={styles.leftColInner}>\n            <img\n              width=\"1604\"\n              height=\"380\"\n              src={isLight ? logoLight : logoDark}\n              className={styles.rsdoctorLogo}\n              alt=\"logo\"\n              onClick={() => {\n                if (\n                  location.hash.includes(\n                    Client.RsdoctorClientRoutes.Uploader,\n                  ) &&\n                  location.pathname.includes('/preview')\n                ) {\n                  location.href = 'http://rsdoctor.rs';\n                } else {\n                  navigate(Client.RsdoctorClientRoutes.Home);\n                }\n              }}\n            />\n            <BuilderSelect />\n          </div>\n        </Col>\n        <Menus\n          key={enableRoutes ? JSON.stringify(enableRoutes) : 'default'}\n          style={{ transition: 'none' }}\n        />\n\n        <Col className={styles.rightCol}>\n          <Row className={styles.rightColInner}>\n            <Col>\n              <OverlayAlertsWithButton />\n            </Col>\n\n            <Col>\n              <Switch\n                className=\"header-switch\"\n                checkedChildren=\"🌛\"\n                unCheckedChildren=\"🌞\"\n                checked={isDark}\n                onChange={(checked) => {\n                  setTheme(checked ? Theme.Dark : Theme.Light);\n                }}\n                style={{\n                  border: `1px solid ${isLight ? '#ddd' : '#fff'}`,\n                  background: isLight ? '#eee' : '#141414',\n                }}\n              />\n            </Col>\n            <Col>\n              <Dropdown\n                overlayStyle={{ zIndex: 1000 }}\n                menu={{\n                  items: languages.map((e) => ({\n                    label: e.label,\n                    key: e.value,\n                    onClick() {\n                      i18n.changeLanguage(e.value);\n                    },\n                  })),\n                  selectedKeys: [i18n.language],\n                }}\n              >\n                <TranslationOutlined className={styles.translationsIcon} />\n              </Dropdown>\n            </Col>\n          </Row>\n        </Col>\n      </Row>\n    </Layout.Header>\n  );\n};\n"],"names":["logoLight","Header","enableRoutes","i18n","useI18n","navigate","useNavigate","setTheme","isLight","isDark","useTheme","languages","Language","Layout","styles","Row","Col","logoDark","location","Client","BuilderSelect","Menus","JSON","OverlayAlertsWithButton","Switch","checked","Theme","Dropdown","e","TranslationOutlined"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,YAAY;AAMX,MAAMC,SAAgC,CAAC,EAAEC,YAAY,EAAE;IAC5D,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,MAAMC,WAAWC;IACjB,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGC;IACtC,MAAMC,YAAY;QAChB;YAAE,OAAOC,SAAS,EAAE;YAAE,OAAO;QAAK;QAClC;YAAE,OAAOA,SAAS,EAAE;YAAE,OAAO;QAAU;KACxC;IAED,OAAO,WAAP,GACE,IAACC,OAAO,MAAM;QAAC,WAAWC,cAAAA,IAAW;kBACnC,mBAACC,KAAGA;YAAC,WAAWD,cAAAA,SAAgB;;8BAC9B,IAACE,KAAGA;oBAAC,WAAWF,cAAAA,OAAc;8BAC5B,mBAAC;wBAAI,WAAWA,cAAAA,YAAmB;;0CACjC,IAAC;gCACC,OAAM;gCACN,QAAO;gCACP,KAAKN,UAAUR,YAAYiB;gCAC3B,WAAWH,cAAAA,YAAmB;gCAC9B,KAAI;gCACJ,SAAS;oCACP,IACEI,SAAS,IAAI,CAAC,QAAQ,CACpBC,OAAO,oBAAoB,CAAC,QAAQ,KAEtCD,SAAS,QAAQ,CAAC,QAAQ,CAAC,aAE3BA,SAAS,IAAI,GAAG;yCAEhBb,SAASc,OAAO,oBAAoB,CAAC,IAAI;gCAE7C;;0CAEF,IAACC,eAAaA,CAAAA;;;;8BAGlB,IAACC,OAAKA;oBAEJ,OAAO;wBAAE,YAAY;oBAAO;mBADvBnB,eAAeoB,KAAK,SAAS,CAACpB,gBAAgB;8BAIrD,IAACc,KAAGA;oBAAC,WAAWF,cAAAA,QAAe;8BAC7B,mBAACC,KAAGA;wBAAC,WAAWD,cAAAA,aAAoB;;0CAClC,IAACE,KAAGA;0CACF,kBAACO,yBAAuBA,CAAAA;;0CAG1B,IAACP,KAAGA;0CACF,kBAACQ,QAAMA;oCACL,WAAU;oCACV,iBAAgB;oCAChB,mBAAkB;oCAClB,SAASf;oCACT,UAAU,CAACgB;wCACTlB,SAASkB,UAAUC,MAAM,IAAI,GAAGA,MAAM,KAAK;oCAC7C;oCACA,OAAO;wCACL,QAAQ,CAAC,UAAU,EAAElB,UAAU,SAAS,QAAQ;wCAChD,YAAYA,UAAU,SAAS;oCACjC;;;0CAGJ,IAACQ,KAAGA;0CACF,kBAACW,UAAQA;oCACP,cAAc;wCAAE,QAAQ;oCAAK;oCAC7B,MAAM;wCACJ,OAAOhB,UAAU,GAAG,CAAC,CAACiB,IAAO;gDAC3B,OAAOA,EAAE,KAAK;gDACd,KAAKA,EAAE,KAAK;gDACZ;oDACEzB,KAAK,cAAc,CAACyB,EAAE,KAAK;gDAC7B;4CACF;wCACA,cAAc;4CAACzB,KAAK,QAAQ;yCAAC;oCAC/B;8CAEA,kBAAC0B,qBAAmBA;wCAAC,WAAWf,cAAAA,gBAAuB;;;;;;;;;;AAQvE"}

package/dist/components/Layout/header.module.mjs

@@ -1,7 +1,6 @@
 import "./header_module.css";
 const header_module = {
     root: "root-nAtwJx",
-    rootDark: "rootDark-X_YzXd",
     innerRoot: "innerRoot-b2vAK8",
     leftCol: "leftCol-n3WyJ5",
     leftColInner: "leftColInner-AB1JiD",

package/dist/components/Layout/header.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Layout/header.module.mjs","sources":["../../../src/components/Layout/header.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./header_module.css\"\nexport default {\"root\":\"root-nAtwJx\",\"rootDark\":\"rootDark-X_YzXd\",\"innerRoot\":\"innerRoot-b2vAK8\",\"leftCol\":\"leftCol-n3WyJ5\",\"leftColInner\":\"leftColInner-AB1JiD\",\"rightCol\":\"rightCol-jgHpb9\",\"rightColInner\":\"rightColInner-nINgMT\",\"rsdoctorLogo\":\"rsdoctorLogo-O30iKB\",\"translationsIcon\":\"translationsIcon-eK7oMQ\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,MAAO;IAAc,UAAW;IAAkB,WAAY;IAAmB,SAAU;IAAiB,cAAe;IAAsB,UAAW;IAAkB,eAAgB;IAAuB,cAAe;IAAsB,kBAAmB;AAAyB"}
+{"version":3,"file":"components/Layout/header.module.mjs","sources":["../../../src/components/Layout/header.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./header_module.css\"\nexport default {\"root\":\"root-nAtwJx\",\"innerRoot\":\"innerRoot-b2vAK8\",\"leftCol\":\"leftCol-n3WyJ5\",\"leftColInner\":\"leftColInner-AB1JiD\",\"rightCol\":\"rightCol-jgHpb9\",\"rightColInner\":\"rightColInner-nINgMT\",\"rsdoctorLogo\":\"rsdoctorLogo-O30iKB\",\"translationsIcon\":\"translationsIcon-eK7oMQ\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,MAAO;IAAc,WAAY;IAAmB,SAAU;IAAiB,cAAe;IAAsB,UAAW;IAAkB,eAAgB;IAAuB,cAAe;IAAsB,kBAAmB;AAAyB"}

package/dist/components/Layout/header_module.css

@@ -1,12 +1,10 @@
 .root-nAtwJx {
-  --bg-color: white;
   --height: var(--layout-nav-height, 54px);
   width: 100%;
   height: var(--height);
   padding: 0;
   padding-inline: var(--spacing-base);
   z-index: 999;
-  background-color: var(--bg-color);
   transition: none;
   position: fixed;
 }
@@ -15,10 +13,6 @@
   top: 1px !important;
 }
 
-.rootDark-X_YzXd {
-  --bg-color: #141414;
-}
-
 .innerRoot-b2vAK8 {
   height: var(--height);
   flex-wrap: nowrap;

package/dist/components/Layout/header_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Layout/header.module.scss"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,wCAAwC;EACxC,WAAW;EACX,qBAAqB;EACrB,UAAU;EACV,mCAAmC;EACnC,YAAY;EACZ,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;AACjB;;AAX0N;EAcxN,mBAAmB;AACrB;;AAf8Q;EAkB5Q,mBAAmB;AACrB;;AAnB4S;EAsB1S,qBAAqB;EACrB,iBAAiB;EACjB,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;AACf;;AA3B2Z;EA8BzZ,qBAAqB;EACrB,sCAAsC;AACxC;;AAhC+d;EAmC7d,8BAA8B;EAC9B,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAvCujB;EA0CrjB,OAAO;AACT;;AA3CwkB;EA8CtkB,yBAAyB;EACzB,mBAAmB;EACnB,uCAAuC;EACvC,qBAAqB;EACrB,iBAAiB;EACjB,aAAa;AACf;;AApD6tB;EAuD3tB,eAAe;EACf,WAAW;EACX,YAAY;AACd;;AA1DixB;EA6D/wB,WAAW;AACb;;AA9DizB;EAiE/yB,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;EACtB,eAAe;EACf,yBAAyB;EACzB,iBAAiB;EACjB,WAAW;EACX,eAAe;EACf,mBAAmB;EACnB,qBAAqB;AACvB;;AA5EigC;EA+E//B,yBAAyB;AAC3B;;AAhFkjC;EAmFhjC,0BAA0B;AAC5B","sourcesContent":[".root{--bg-color: white;--height: var(--layout-nav-height, 54px);width:100%;height:var(--height);position:fixed;padding:0;padding-inline:var(--spacing-base);z-index:999;background-color:var(--bg-color);transition:none}.root :global .ant-switch-handle{top:1px !important}.rootDark{--bg-color: #141414}.innerRoot{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:var(--height)}.leftCol{height:var(--height);line-height:calc(var(--height) + 2px)}.leftColInner{display:flex;justify-content:space-between;align-items:center;height:100%}.rightCol{flex:1}.rightColInner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;column-gap:calc(var(--spacing-base)/3);height:var(--height)}.rsdoctorLogo{width:auto;height:30px;cursor:pointer}.rsdoctorLogo:active{opacity:.8}.translationsIcon{--color-active: #40a9ff;--color-hover: #1668dc;display:inline-block;font-size:20px;text-align:center;vertical-align:middle;cursor:pointer;width:30px;transition:all .3s ease;user-select:none}.translationsIcon:hover{color:var(--color-hover)}.translationsIcon:active{color:var(--color-active)}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Layout/header.module.scss"],"names":[],"mappings":"AAAA;EACE,wCAAwC;EACxC,WAAW;EACX,qBAAqB;EACrB,UAAU;EACV,mCAAmC;EACnC,YAAY;EACZ,gBAAgB;EAChB,eAAe;AACjB;;AATuK;EAYrK,mBAAmB;AACrB;;AAb2N;EAgBzN,qBAAqB;EACrB,iBAAiB;EACjB,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;AACf;;AArB0U;EAwBxU,qBAAqB;EACrB,sCAAsC;AACxC;;AA1B8Y;EA6B5Y,8BAA8B;EAC9B,mBAAmB;EACnB,YAAY;EACZ,aAAa;AACf;;AAjCse;EAoCpe,OAAO;AACT;;AArCuf;EAwCrf,yBAAyB;EACzB,mBAAmB;EACnB,uCAAuC;EACvC,qBAAqB;EACrB,iBAAiB;EACjB,aAAa;AACf;;AA9C4oB;EAiD1oB,eAAe;EACf,WAAW;EACX,YAAY;AACd;;AApDgsB;EAuD9rB,WAAW;AACb;;AAxDguB;EA2D9tB,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EAClB,sBAAsB;EACtB,eAAe;EACf,yBAAyB;EACzB,iBAAiB;EACjB,WAAW;EACX,eAAe;EACf,mBAAmB;EACnB,qBAAqB;AACvB;;AAtEg7B;EAyE96B,yBAAyB;AAC3B;;AA1Ei+B;EA6E/9B,0BAA0B;AAC5B","sourcesContent":[".root{--height: var(--layout-nav-height, 54px);width:100%;height:var(--height);position:fixed;padding:0;padding-inline:var(--spacing-base);z-index:999;transition:none}.root :global .ant-switch-handle{top:1px !important}.innerRoot{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:var(--height)}.leftCol{height:var(--height);line-height:calc(var(--height) + 2px)}.leftColInner{display:flex;justify-content:space-between;align-items:center;height:100%}.rightCol{flex:1}.rightColInner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;column-gap:calc(var(--spacing-base)/3);height:var(--height)}.rsdoctorLogo{width:auto;height:30px;cursor:pointer}.rsdoctorLogo:active{opacity:.8}.translationsIcon{--color-active: #40a9ff;--color-hover: #1668dc;display:inline-block;font-size:20px;text-align:center;vertical-align:middle;cursor:pointer;width:30px;transition:all .3s ease;user-select:none}.translationsIcon:hover{color:var(--color-hover)}.translationsIcon:active{color:var(--color-active)}"],"sourceRoot":""}

package/dist/components/Layout/index.mjs

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from "react";
+import { useContext, useEffect, useLayoutEffect, useState } from "react";
 import { FloatButton, Layout } from "antd";
 import { Language, MAIN_BG, Size } from "../../constants.mjs";
 import { Header } from "./header.mjs";
-import { getEnableRoutesFromUrlQuery, getFirstVisitFromStorage, getLanguage, setFirstVisitToStorage, useI18n, useLocale, useUrlQuery } from "../../utils/index.mjs";
+import { getEnableRoutesFromUrlQuery, getFirstVisitFromStorage, getLanguage, setFirstVisitToStorage, useI18n, useLocale, useTheme, useThemeToken, useUrlQuery } from "../../utils/index.mjs";
 import { Progress } from "./progress.mjs";
 import { ConfigContext } from "../../config.mjs";
 import { SDK } from "@rsdoctor/types";
@@ -20,6 +20,8 @@ const TitleUpdater = ({ name })=>{
     return null;
 };
 const Layout_Layout = (props)=>{
+    const { isLight } = useTheme();
+    const themeToken = useThemeToken();
     const locale = useLocale();
     const { i18n } = useI18n();
     const { children } = props;
@@ -46,11 +48,29 @@ const Layout_Layout = (props)=>{
     ]);
     const ctx = useContext(ConfigContext);
     const showHeader = !ctx.embedded;
-    const globalCssVars = {
-        '--spacing-base': Size.BasePadding + 'px',
-        '--layout-nav-height': showHeader ? Size.NavBarHeight + 'px' : '0px',
-        '--color-bg-main': MAIN_BG
-    };
+    useLayoutEffect(()=>{
+        const $root = document.documentElement;
+        const globalCssVars = {
+            '--spacing-base': Size.BasePadding + 'px',
+            '--layout-nav-height': showHeader ? Size.NavBarHeight + 'px' : '0px',
+            '--color-bg-main': MAIN_BG,
+            '--color-bg-box': themeToken.colorBgContainer,
+            '--color-bg-box-elevated': themeToken.colorBgLayout,
+            '--color-border': themeToken.colorBorder,
+            '--color-border-secondary': themeToken.colorBorderSecondary,
+            '--color-divider': themeToken.colorBorder,
+            '--color-scrollbar': isLight ? 'rgba(0, 0, 0, 0.5)' : 'rgba(255,255,255, 0.5)',
+            '--text-color': themeToken.colorText,
+            '--text-color-secondary': themeToken.colorTextSecondary,
+            '--border-radius': themeToken.borderRadius + 'px',
+            '--border-radius-lg': themeToken.borderRadiusLG + 'px'
+        };
+        for (const [name, value] of Object.entries(globalCssVars))$root.style.setProperty(name, value);
+    }, [
+        showHeader,
+        themeToken,
+        isLight
+    ]);
     return /*#__PURE__*/ jsx(ServerAPIProvider, {
         api: SDK.ServerAPI.API.GetProjectInfo,
         showSkeleton: false,
@@ -59,7 +79,6 @@ const Layout_Layout = (props)=>{
                     project
                 },
                 children: /*#__PURE__*/ jsxs(Layout, {
-                    style: globalCssVars,
                     children: [
                         /*#__PURE__*/ jsx(TitleUpdater, {
                             name: project?.name

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

@@ -1 +1 @@
-{"version":3,"file":"components/Layout/index.mjs","sources":["../../../src/components/Layout/index.tsx"],"sourcesContent":["import { PropsWithChildren, useContext, useEffect, useState } from 'react';\nimport { FloatButton, Layout as L } from 'antd';\nimport { Language, MAIN_BG, Size } from '../../constants';\nimport { Header } from './header';\nimport {\n  useLocale,\n  useI18n,\n  getFirstVisitFromStorage,\n  setFirstVisitToStorage,\n  getLanguage,\n  useUrlQuery,\n  getEnableRoutesFromUrlQuery,\n} from '../../utils';\nimport { Progress } from './progress';\nimport { ConfigContext } from '../../config';\nimport { SDK } from '@rsdoctor/types';\nimport { ServerAPIProvider } from '../Manifest';\nimport { ProjectInfoContext } from './project-info-context';\nimport styles from './index.module.scss';\n\nexport interface LayoutProps {\n  children: React.JSX.Element;\n}\n\nconst TitleUpdater: React.FC<{\n  name?: string;\n}> = ({ name }) => {\n  useEffect(() => {\n    if (name) {\n      document.title = `Rsdoctor - ${name}`;\n    } else {\n      document.title = 'Rsdoctor';\n    }\n  }, [name]);\n\n  return null;\n};\n\nexport const Layout = (\n  props: PropsWithChildren<LayoutProps>,\n): React.JSX.Element => {\n  const locale = useLocale();\n  const { i18n } = useI18n();\n  const { children } = props;\n  const query = useUrlQuery();\n  const [enableRoutes, setEnableRoutes] = useState<string[] | undefined>(\n    () => getEnableRoutesFromUrlQuery() || undefined,\n  );\n\n  useEffect(() => {\n    let currentLocale = locale;\n    // Check if the user is visiting the site for the first time\n    const visited = getFirstVisitFromStorage();\n    if (!visited) {\n      setFirstVisitToStorage('1');\n      const targetLang = window.navigator.language.split('-')[0];\n      const userLang = getLanguage(targetLang);\n\n      if (Object.values(Language).includes(userLang)) {\n        currentLocale = userLang;\n      }\n    }\n\n    if (i18n.language !== currentLocale) {\n      i18n.changeLanguage(currentLocale);\n    }\n  }, [locale]);\n\n  // Listen for enableRoutes changes in URL query parameters\n  useEffect(() => {\n    const newEnableRoutes = getEnableRoutesFromUrlQuery();\n    setEnableRoutes(newEnableRoutes || undefined);\n  }, [query]);\n\n  const ctx = useContext(ConfigContext);\n  const showHeader = !ctx.embedded;\n\n  const globalCssVars = {\n    '--spacing-base': Size.BasePadding + 'px',\n    '--layout-nav-height': showHeader ? Size.NavBarHeight + 'px' : '0px',\n    '--color-bg-main': MAIN_BG,\n  } as React.CSSProperties;\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetProjectInfo}\n      showSkeleton={false}\n    >\n      {(project) => (\n        <ProjectInfoContext.Provider value={{ project }}>\n          <L style={globalCssVars}>\n            <TitleUpdater name={project?.name} />\n            {showHeader && <Header enableRoutes={enableRoutes} />}\n            <Progress />\n            <L.Content className={styles.content}>\n              {children}\n              <FloatButton.BackTop />\n            </L.Content>\n          </L>\n        </ProjectInfoContext.Provider>\n      )}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["TitleUpdater","name","useEffect","document","Layout","props","locale","useLocale","i18n","useI18n","children","query","useUrlQuery","enableRoutes","setEnableRoutes","useState","getEnableRoutesFromUrlQuery","undefined","currentLocale","visited","getFirstVisitFromStorage","setFirstVisitToStorage","targetLang","window","userLang","getLanguage","Object","Language","newEnableRoutes","ctx","useContext","ConfigContext","showHeader","globalCssVars","Size","MAIN_BG","ServerAPIProvider","SDK","project","ProjectInfoContext","L","Header","Progress","styles","FloatButton"],"mappings":";;;;;;;;;;;;AAwBA,MAAMA,eAED,CAAC,EAAEC,IAAI,EAAE;IACZC,UAAU;QACR,IAAID,MACFE,SAAS,KAAK,GAAG,CAAC,WAAW,EAAEF,MAAM;aAErCE,SAAS,KAAK,GAAG;IAErB,GAAG;QAACF;KAAK;IAET,OAAO;AACT;AAEO,MAAMG,gBAAS,CACpBC;IAEA,MAAMC,SAASC;IACf,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrB,MAAMM,QAAQC;IACd,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SACtC,IAAMC,iCAAiCC;IAGzCf,UAAU;QACR,IAAIgB,gBAAgBZ;QAEpB,MAAMa,UAAUC;QAChB,IAAI,CAACD,SAAS;YACZE,uBAAuB;YACvB,MAAMC,aAAaC,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1D,MAAMC,WAAWC,YAAYH;YAE7B,IAAII,OAAO,MAAM,CAACC,UAAU,QAAQ,CAACH,WACnCN,gBAAgBM;QAEpB;QAEA,IAAIhB,KAAK,QAAQ,KAAKU,eACpBV,KAAK,cAAc,CAACU;IAExB,GAAG;QAACZ;KAAO;IAGXJ,UAAU;QACR,MAAM0B,kBAAkBZ;QACxBF,gBAAgBc,mBAAmBX;IACrC,GAAG;QAACN;KAAM;IAEV,MAAMkB,MAAMC,WAAWC;IACvB,MAAMC,aAAa,CAACH,IAAI,QAAQ;IAEhC,MAAMI,gBAAgB;QACpB,kBAAkBC,KAAK,WAAW,GAAG;QACrC,uBAAuBF,aAAaE,KAAK,YAAY,GAAG,OAAO;QAC/D,mBAAmBC;IACrB;IAEA,OAAO,WAAP,GACE,IAACC,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;QACrC,cAAc;kBAEb,CAACC,UAAAA,WAAAA,GACA,IAACC,mBAAmB,QAAQ;gBAAC,OAAO;oBAAED;gBAAQ;0BAC5C,mBAACE,QAACA;oBAAC,OAAOP;;sCACR,IAACjC,cAAYA;4BAAC,MAAMsC,SAAS;;wBAC5BN,cAAc,WAAdA,GAAc,IAACS,QAAMA;4BAAC,cAAc5B;;sCACrC,IAAC6B,UAAQA,CAAAA;sCACT,KAACF,OAAAA,OAAS;4BAAC,WAAWG,aAAAA,OAAc;;gCACjCjC;8CACD,IAACkC,YAAY,OAAO;;;;;;;AAOlC"}
+{"version":3,"file":"components/Layout/index.mjs","sources":["../../../src/components/Layout/index.tsx"],"sourcesContent":["import {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from 'react';\nimport { FloatButton, Layout as L } from 'antd';\nimport { Language, MAIN_BG, Size } from '../../constants';\nimport { Header } from './header';\nimport {\n  useLocale,\n  useI18n,\n  getFirstVisitFromStorage,\n  setFirstVisitToStorage,\n  getLanguage,\n  useUrlQuery,\n  getEnableRoutesFromUrlQuery,\n  useThemeToken,\n  useTheme,\n} from '../../utils';\nimport { Progress } from './progress';\nimport { ConfigContext } from '../../config';\nimport { SDK } from '@rsdoctor/types';\nimport { ServerAPIProvider } from '../Manifest';\nimport { ProjectInfoContext } from './project-info-context';\nimport styles from './index.module.scss';\n\nexport interface LayoutProps {\n  children: React.JSX.Element;\n}\n\nconst TitleUpdater: React.FC<{\n  name?: string;\n}> = ({ name }) => {\n  useEffect(() => {\n    if (name) {\n      document.title = `Rsdoctor - ${name}`;\n    } else {\n      document.title = 'Rsdoctor';\n    }\n  }, [name]);\n\n  return null;\n};\n\nexport const Layout = (\n  props: PropsWithChildren<LayoutProps>,\n): React.JSX.Element => {\n  const { isLight } = useTheme();\n  const themeToken = useThemeToken();\n  const locale = useLocale();\n  const { i18n } = useI18n();\n  const { children } = props;\n  const query = useUrlQuery();\n  const [enableRoutes, setEnableRoutes] = useState<string[] | undefined>(\n    () => getEnableRoutesFromUrlQuery() || undefined,\n  );\n\n  useEffect(() => {\n    let currentLocale = locale;\n    // Check if the user is visiting the site for the first time\n    const visited = getFirstVisitFromStorage();\n    if (!visited) {\n      setFirstVisitToStorage('1');\n      const targetLang = window.navigator.language.split('-')[0];\n      const userLang = getLanguage(targetLang);\n\n      if (Object.values(Language).includes(userLang)) {\n        currentLocale = userLang;\n      }\n    }\n\n    if (i18n.language !== currentLocale) {\n      i18n.changeLanguage(currentLocale);\n    }\n  }, [locale]);\n\n  // Listen for enableRoutes changes in URL query parameters\n  useEffect(() => {\n    const newEnableRoutes = getEnableRoutesFromUrlQuery();\n    setEnableRoutes(newEnableRoutes || undefined);\n  }, [query]);\n\n  const ctx = useContext(ConfigContext);\n  const showHeader = !ctx.embedded;\n\n  useLayoutEffect(() => {\n    const $root = document.documentElement;\n    const globalCssVars = {\n      '--spacing-base': Size.BasePadding + 'px',\n      '--layout-nav-height': showHeader ? Size.NavBarHeight + 'px' : '0px',\n      '--color-bg-main': MAIN_BG,\n      '--color-bg-box': themeToken.colorBgContainer,\n      '--color-bg-box-elevated': themeToken.colorBgLayout,\n      '--color-border': themeToken.colorBorder,\n      '--color-border-secondary': themeToken.colorBorderSecondary,\n      '--color-divider': themeToken.colorBorder,\n      '--color-scrollbar': isLight\n        ? 'rgba(0, 0, 0, 0.5)'\n        : 'rgba(255,255,255, 0.5)',\n      '--text-color': themeToken.colorText,\n      '--text-color-secondary': themeToken.colorTextSecondary,\n      '--border-radius': themeToken.borderRadius + 'px',\n      '--border-radius-lg': themeToken.borderRadiusLG + 'px',\n    };\n    for (const [name, value] of Object.entries(globalCssVars)) {\n      $root.style.setProperty(name, value);\n    }\n  }, [showHeader, themeToken, isLight]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetProjectInfo}\n      showSkeleton={false}\n    >\n      {(project) => (\n        <ProjectInfoContext.Provider value={{ project }}>\n          <L>\n            <TitleUpdater name={project?.name} />\n            {showHeader && <Header enableRoutes={enableRoutes} />}\n            <Progress />\n            <L.Content className={styles.content}>\n              {children}\n              <FloatButton.BackTop />\n            </L.Content>\n          </L>\n        </ProjectInfoContext.Provider>\n      )}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["TitleUpdater","name","useEffect","document","Layout","props","isLight","useTheme","themeToken","useThemeToken","locale","useLocale","i18n","useI18n","children","query","useUrlQuery","enableRoutes","setEnableRoutes","useState","getEnableRoutesFromUrlQuery","undefined","currentLocale","visited","getFirstVisitFromStorage","setFirstVisitToStorage","targetLang","window","userLang","getLanguage","Object","Language","newEnableRoutes","ctx","useContext","ConfigContext","showHeader","useLayoutEffect","$root","globalCssVars","Size","MAIN_BG","value","ServerAPIProvider","SDK","project","ProjectInfoContext","L","Header","Progress","styles","FloatButton"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,eAED,CAAC,EAAEC,IAAI,EAAE;IACZC,UAAU;QACR,IAAID,MACFE,SAAS,KAAK,GAAG,CAAC,WAAW,EAAEF,MAAM;aAErCE,SAAS,KAAK,GAAG;IAErB,GAAG;QAACF;KAAK;IAET,OAAO;AACT;AAEO,MAAMG,gBAAS,CACpBC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,aAAaC;IACnB,MAAMC,SAASC;IACf,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGT;IACrB,MAAMU,QAAQC;IACd,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SACtC,IAAMC,iCAAiCC;IAGzCnB,UAAU;QACR,IAAIoB,gBAAgBZ;QAEpB,MAAMa,UAAUC;QAChB,IAAI,CAACD,SAAS;YACZE,uBAAuB;YACvB,MAAMC,aAAaC,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1D,MAAMC,WAAWC,YAAYH;YAE7B,IAAII,OAAO,MAAM,CAACC,UAAU,QAAQ,CAACH,WACnCN,gBAAgBM;QAEpB;QAEA,IAAIhB,KAAK,QAAQ,KAAKU,eACpBV,KAAK,cAAc,CAACU;IAExB,GAAG;QAACZ;KAAO;IAGXR,UAAU;QACR,MAAM8B,kBAAkBZ;QACxBF,gBAAgBc,mBAAmBX;IACrC,GAAG;QAACN;KAAM;IAEV,MAAMkB,MAAMC,WAAWC;IACvB,MAAMC,aAAa,CAACH,IAAI,QAAQ;IAEhCI,gBAAgB;QACd,MAAMC,QAAQnC,SAAS,eAAe;QACtC,MAAMoC,gBAAgB;YACpB,kBAAkBC,KAAK,WAAW,GAAG;YACrC,uBAAuBJ,aAAaI,KAAK,YAAY,GAAG,OAAO;YAC/D,mBAAmBC;YACnB,kBAAkBjC,WAAW,gBAAgB;YAC7C,2BAA2BA,WAAW,aAAa;YACnD,kBAAkBA,WAAW,WAAW;YACxC,4BAA4BA,WAAW,oBAAoB;YAC3D,mBAAmBA,WAAW,WAAW;YACzC,qBAAqBF,UACjB,uBACA;YACJ,gBAAgBE,WAAW,SAAS;YACpC,0BAA0BA,WAAW,kBAAkB;YACvD,mBAAmBA,WAAW,YAAY,GAAG;YAC7C,sBAAsBA,WAAW,cAAc,GAAG;QACpD;QACA,KAAK,MAAM,CAACP,MAAMyC,MAAM,IAAIZ,OAAO,OAAO,CAACS,eACzCD,MAAM,KAAK,CAAC,WAAW,CAACrC,MAAMyC;IAElC,GAAG;QAACN;QAAY5B;QAAYF;KAAQ;IAEpC,OAAO,WAAP,GACE,IAACqC,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,cAAc;QACrC,cAAc;kBAEb,CAACC,UAAAA,WAAAA,GACA,IAACC,mBAAmB,QAAQ;gBAAC,OAAO;oBAAED;gBAAQ;0BAC5C,mBAACE,QAACA;;sCACA,IAAC/C,cAAYA;4BAAC,MAAM6C,SAAS;;wBAC5BT,cAAc,WAAdA,GAAc,IAACY,QAAMA;4BAAC,cAAc/B;;sCACrC,IAACgC,UAAQA,CAAAA;sCACT,KAACF,OAAAA,OAAS;4BAAC,WAAWG,aAAAA,OAAc;;gCACjCpC;8CACD,IAACqC,YAAY,OAAO;;;;;;;AAOlC"}

package/dist/components/Layout/menus.mjs

@@ -5,7 +5,7 @@ import { Menu } from "antd";
 import { useEffect, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { Size } from "../../constants.mjs";
-import { getEnableRoutesFromUrlQuery, hasBundle, hasCompile, useI18n } from "../../utils/index.mjs";
+import { getEnableRoutesFromUrlQuery, hasBundle, hasCompile, useI18n, useTheme } from "../../utils/index.mjs";
 import { withServerAPI } from "../Manifest/index.mjs";
 import overall_active from "../../common/svg/navbar/overall-active.mjs";
 import overall_inactive from "../../common/svg/navbar/overall-inactive.mjs";
@@ -103,8 +103,10 @@ const MenusBase = (props)=>{
             navigate(BundleSize.route);
         }
     });
+    const { theme } = useTheme();
     const MenuComponent = /*#__PURE__*/ jsx(Menu, {
         items: items,
+        theme: theme,
         mode: "horizontal",
         onClick: (e)=>{
             if (!e.keyPath.includes(BuilderSwitchName)) navigate(e.key);

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  useTheme,\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 { theme } = useTheme();\n  const MenuComponent = (\n    <Menu\n      items={items}\n      theme={theme}\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","theme","useTheme","MenuComponent","Menu","MenuOutlined","Size","Menus","withServerAPI","SDK"],"mappings":"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"}

package/dist/components/Layout/rsdoctor-title-logo-dark.mjs

@@ -0,0 +1,2 @@
+import rsdoctor_title_logo_dark_namespaceObject from "../../static/image/rsdoctor-title-logo-dark.png";
+export default rsdoctor_title_logo_dark_namespaceObject;

package/dist/components/Loader/Analysis/files.mjs

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseCircleOutlined } from "@ant-design/icons";
 import { SDK } from "@rsdoctor/types";
 import { Card, Col, Divider, Drawer, List, Popover, Row, Space, Table, Tag, Tooltip, Typography } from "antd";
@@ -76,17 +76,17 @@ const LoaderFiles = (props)=>{
                                     const key = `${file}_${e.loader}_${i}`;
                                     if (i <= ADDITION_LOADER_NUMBER) return /*#__PURE__*/ jsx(Tooltip, {
                                         title: e.path,
-                                        children: /*#__PURE__*/ jsxs(Typography.Text, {
-                                            className: style_module.textBox,
-                                            style: {
-                                                color: isError ? '#f50' : 'inherit'
-                                            },
+                                        children: /*#__PURE__*/ jsxs(Tag, {
                                             onClick: (ev)=>{
                                                 ev.stopPropagation();
                                                 setResourcePath(file);
                                                 setLoaderIndex(i);
                                                 setDrawerVisible(true);
                                             },
+                                            className: style_module.textBox,
+                                            style: {
+                                                color: isError ? '#f50' : 'inherit'
+                                            },
                                             children: [
                                                 /*#__PURE__*/ jsx(Typography.Text, {
                                                     className: style_module.text,
@@ -104,7 +104,7 @@ const LoaderFiles = (props)=>{
                                         })
                                     }, key);
                                 }),
-                                additionalLoaders?.length ? /*#__PURE__*/ jsx(Popover, {
+                                additionalLoaders?.length > 0 && /*#__PURE__*/ jsx(Popover, {
                                     content: /*#__PURE__*/ jsx(List, {
                                         dataSource: additionalLoaders,
                                         renderItem: (e, i)=>{
@@ -117,17 +117,17 @@ const LoaderFiles = (props)=>{
                                                         style: {
                                                             paddingBottom: 5
                                                         },
-                                                        children: /*#__PURE__*/ jsxs(Typography.Text, {
-                                                            className: style_module.textBox,
-                                                            style: {
-                                                                color: isError ? '#f50' : 'inherit'
-                                                            },
+                                                        children: /*#__PURE__*/ jsxs(Tag, {
                                                             onClick: (ev)=>{
                                                                 ev.stopPropagation();
                                                                 setResourcePath(file);
                                                                 setLoaderIndex(i);
                                                                 setDrawerVisible(true);
                                                             },
+                                                            className: style_module.textBox,
+                                                            style: {
+                                                                color: isError ? '#f50' : 'inherit'
+                                                            },
                                                             children: [
                                                                 /*#__PURE__*/ jsx(Typography.Text, {
                                                                     className: style_module.text,
@@ -148,13 +148,13 @@ const LoaderFiles = (props)=>{
                                             });
                                         }
                                     }),
-                                    children: /*#__PURE__*/ jsx("div", {
+                                    children: /*#__PURE__*/ jsx(Tag, {
                                         className: style_module.textBox,
                                         children: /*#__PURE__*/ jsx(Typography.Text, {
                                             children: "\xb7\xb7\xb7"
                                         })
                                     })
-                                }) : /*#__PURE__*/ jsx(Fragment, {})
+                                })
                             ]
                         })
                     ]
@@ -192,11 +192,10 @@ const LoaderFiles = (props)=>{
                                 children: "Files"
                             }),
                             /*#__PURE__*/ jsxs(Typography.Text, {
+                                type: "secondary",
                                 style: {
                                     fontSize: 12,
-                                    fontWeight: 400,
-                                    color: '#1C1F2399',
-                                    opacity: 0.6
+                                    fontWeight: 400
                                 },
                                 children: [
                                     "Total Files: ",