@rsdoctor/client 0.0.2-beta.0 → 0.0.2-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/client",
-  "version": "0.0.2-beta.0",
+  "version": "0.0.2-beta.2",
   "main": "dist/index.html",
   "repository": {
     "type": "git",
@@ -18,8 +18,8 @@
   ],
   "devDependencies": {
     "@rsbuild/core": "0.1.9",
-    "@rsbuild/plugin-react": "0.1.9",
     "@rsbuild/plugin-node-polyfill": "0.1.9",
+    "@rsbuild/plugin-react": "0.1.9",
     "@rsbuild/plugin-type-check": "0.1.9",
     "@types/node": "^16",
     "@types/react": "^18",
@@ -34,8 +34,8 @@
     "react-router-dom": "6.4.3",
     "serve-static": "1.15.0",
     "typescript": "^5.2.2",
-    "@rsdoctor/components": "0.0.2-beta.0",
-    "@rsdoctor/types": "0.0.2-beta.0"
+    "@rsdoctor/types": "0.0.2-beta.2",
+    "@rsdoctor/components": "0.0.2-beta.2"
   },
   "publishConfig": {
     "access": "public",
@@ -43,7 +43,7 @@
   },
   "scripts": {
     "dev": "rsbuild dev",
-    "start": "rsbuild dev",
+    "start": "rsbuild build -w",
     "build": "rsbuild build",
     "build:analysis": "ENABLE_DEVTOOLS_PLUGIN=true DEVTOOLS_DEV=true rsbuild build",
     "preview": "rsbuild preview"

package/rsbuild.config.ts

@@ -11,7 +11,7 @@ import {
   DistPath,
   PortForCLI,
   PortForWeb,
-  WebpackDoctorDirPath,
+  WebpackRsdoctorDirPath,
   WebpackStatsFilePath,
 } from './config/constants';
 
@@ -66,6 +66,7 @@ export default defineConfig((env) => {
     },
 
     performance: {
+      buildCache: false,
       chunkSplit: {
         strategy: 'custom',
         splitChunks: {
@@ -134,8 +135,8 @@ export default defineConfig((env) => {
         historyApiFallback: true,
         setupMiddlewares: [
           (middlewares) => {
-            if (fs.existsSync(WebpackDoctorDirPath)) {
-              const fn = serve(WebpackDoctorDirPath, {
+            if (fs.existsSync(WebpackRsdoctorDirPath)) {
+              const fn = serve(WebpackRsdoctorDirPath, {
                 index: false,
                 setHeaders(res) {
                   res.setHeader('Content-Type', 'text/plain; charset=utf-8');

package/src/App.tsx

@@ -8,7 +8,6 @@ import React, { useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { HashRouter as BrowserRouter } from 'react-router-dom';
 import Router from './router';
-// import UploaderComponent from './pages/Resources/Uploader'; TODO: uploader components
 
 const { PageState, Theme } = Constants;
 
@@ -17,7 +16,7 @@ const App: React.FC = (): React.ReactElement => {
 
   const [state, setState] = useState<Constants.PageState>(PageState.Success);
   const [viewMode, setViewMode] = useState<Config['viewMode']>({ ...defaultConfig.viewMode });
-  const [manifest, setManifest] = useState<Manifest.DoctorManifest>();
+  const [manifest, setManifest] = useState<Manifest.RsdoctorManifest>();
   const [theme, setTheme] = useState(defaultConfig.theme);
 
   if (state === Constants.PageState.Fail) {

package/src/index.tsx

@@ -2,7 +2,6 @@ import '@rsdoctor/components/i18n';
 import App from './App';
 import ReactDOM from 'react-dom/client';
 import './common/styles/base.scss';
-import icon from './common/imgs/icon.svg';
 
 const rootElement = document.getElementById('root');
 const root = ReactDOM.createRoot(rootElement!);
@@ -12,5 +11,5 @@ root.render(<App />);
 const link = document.createElement('link');
 link.setAttribute('type', 'image/x-icon');
 link.setAttribute('rel', 'icon');
-link.setAttribute('href', icon);
+link.setAttribute('href', 'https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png');
 document.head.appendChild(link);

package/src/router.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Route, Routes } from 'react-router-dom';
-import { Overall, BundleSize, LoaderFiles, PluginsAnalyze, ModuleResolve, LoaderTimeline } from '@rsdoctor/components/pages';
+import { Overall, BundleSize, LoaderFiles, PluginsAnalyze, ModuleResolve, LoaderTimeline, RuleIndex } from '@rsdoctor/components/pages';
 
 
 export default function Router(): React.ReactElement {
@@ -29,6 +29,10 @@ export default function Router(): React.ReactElement {
       path: LoaderTimeline.route,
       element: <LoaderTimeline.Page />,
     },
+    {
+      path: RuleIndex.route,
+      element: <RuleIndex.Page />,
+    },
   ].filter((e) => Boolean(e)) as { path: string; element: JSX.Element }[];
 
   return (

package/dist/resource/css/index.ff20968e.css

@@ -1 +0,0 @@
-.file-inline-decoration{cursor:pointer;text-decoration:underline;background:#4d7097}.alert-space,.full-space{width:100%;height:100%}.alert-space>:last-child,.full-space>:last-child{flex-grow:1}.full-space{flex-grow:1}.code-change-tag-list{margin-left:10px}.tabs-space,.tabs-space .ant-tabs-content,.tabs-space .ant-tabs-tabpane{width:100%;height:100%}.rc-tree{margin:0;border:1px solid transparent}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0 4px;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(0);transition:transform.3s ease}.file-tree-switcher-arrow-expand{transform:rotate(90deg)}.root_17e15 .ant-descriptions-item-label,.root_17e15 .ant-descriptions-item-content{font-size:13px}.root_17e15 .ant-descriptions-item{padding-bottom:6px!important}.card_3bba1{min-height:440px}.card_3bba1 .ant-card-body{padding-bottom:16px}.errorNumber_3c2f5,.warningNumber_3c2f5,.successNumber_3c2f5{font-size:36px;font-weight:500;line-height:54px}.errorNumber_3c2f5,.errorText_3c2f5{color:#f5222d}.warningNumber_3c2f5,.warningText_3c2f5{color:#fa8c16}.successNumber_3c2f5,.successText_3c2f5{color:#52c41a}.errorButton_3c2f5,.warningButton_3c2f5,.successButton_3c2f5{width:100%;height:90px!important;color:inherit;font-size:inherit!important;padding:4px 0 8px!important;border-radius:12px!important}.errorButton_3c2f5{background-color:rgba(245,34,45,8%)}.errorButton_3c2f5:hover{background-color:rgba(245,34,45,.15)!important}.warningButton_3c2f5{background-color:rgba(250,139,22,8%)}.warningButton_3c2f5:hover{background-color:rgba(250,139,22,.15)!important}.successButton_3c2f5{background-color:rgba(82,196,26,8%)}.successButton_3c2f5:hover{background-color:rgba(82,196,26,.15)!important}.errorText_3c2f5,.warningText_3c2f5,.successText_3c2f5{opacity:.75;font-size:13px;padding-bottom:6px;margin-top:-2px}.container_3c2f5{display:flex;flex-direction:column;justify-content:center;margin-bottom:16px}.loader-chart-container .x-axis .tick text{transform:translate(28px,10px)rotate(0)!important;font-size:12px;font-weight:500}.loader-chart-container:nth-child(2) text{transform:translate(52px,10px)rotate(0)!important}.loader-chart-container:last-child text{transform:translate(5px,10px)rotate(0)!important}.loader-chart-container .area .civ{transform:translatey(5px)}.loader-chart-container .area .civ .label-text{font-weight:500;font-size:12px!important;transform:translate(8px,0)}.loader-chart-container .area .civ path[fill="#000000"],.loader-chart-container .pia-metrics-y-label,.loader-chart-container .pia-metrics-y-label .triangle{display:none}.loader-chart-container_dark .area .civ .label-text{fill:#fff!important}.loader-tooltip-container{white-space:normal;word-wrap:break-word;word-break:break-all;min-width:300px;max-width:400px;padding:12px}.loader-tooltip-title{font-size:16px;font-weight:500;padding-bottom:4px;display:block}.loader-tooltip-description{font-size:14px;padding-bottom:4px;display:block;color:rgba(0,0,0,.4)}.loader-tooltip-item{font-size:12px;font-weight:400;display:block;list-style:none;margin-top:4px;white-space:nowrap;display:flex;justify-content:flex-start;align-items:baseline}.loader-tooltip-item:before{content:" ";display:block;width:4px;height:4px;border-radius:50%;background:#1677ff;margin-right:4px}.loader-tooltip-item span{display:inline-block;word-break:break-all;white-space:pre-wrap}.loader-tooltip-item span:first-child{margin:0 .2em;padding:1px 4px;font-size:90%;background:rgba(150,150,150,.1);border:1px solid rgba(100,100,100,.2);border-radius:3px;font-weight:600;font-family:monospace}.loader-tooltip-item span:last-child{flex:1 1;padding-left:4px}.loader-tooltip-textbold{font-weight:500}.progress_61324 .ant-progress-text{opacity:.8;font-size:13px}.statistic-card{border-radius:8px;text-align:center;padding:24px}.statistic-card-title{font-size:14px;font-weight:500}.statistic-card-light{background:#fff;border:1px solid#eee}.statistic-card-dark{background:#141414}.module-analyze-file-tree{width:"100%";border:1px solid#eee;min-height:50em;margin:4;padding:4}.module-analyze-file-tree .module-analyze-empty{margin-top:20%}.file-tree-com{margin:0}.file-tree-com .file-tree-com-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0}.file-tree-com .file-tree-com-treenode .file-tree-com-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0 4px;box-sizing:border-box;text-decoration:none;vertical-align:top;cursor:pointer}.file-tree-com .file-tree-com-treenode .file-tree-com-arrow-icon{transform:rotate(90deg)}.file-tree-com-child-tree{display:none}.file-tree-com-child-tree-open{display:block}.file-tree-com-treenode-disabled>span:not(.file-tree-com-switcher),.file-tree-com>a,.file-tree-com>a span{color:#767676;cursor:not-allowed}.file-tree-com-treenode-selected{background:rgba(5,145,255,.3);border-radius:4px}.file-tree-com-title{display:inline-block;cursor:pointer}.file-tree-com-indent{display:inline-block;height:0;vertical-align:bottom}.file-tree-com-indent-unit{display:inline-block;width:14px}.file-tree-switcher-arrow{transform:rotate(0);transition:transform.3s ease}.file-tree-switcher-arrow-expand{transform:rotate(90deg)}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child){border-left:1px solid#eee}.file-tree-com-titles-box .file-tree-com-titles{display:flex;flex-direction:column}.file-tree-com-titles-box .file-tree-com-titles .file-tree-com-node-title{display:flex;cursor:pointer}.file-tree-com-titles-box .file-tree-com-titles .file-tree-com-node-title img,.file-tree-com-titles-box .file-tree-com-titles .file-tree-com-node-title img-tag{cursor:pointer}.file-tree-com-titles-box .file-tree-com-titles .file-tree-com-node-title-selected{background-color:yellow}.file-tree-com-titles-box .file-tree-com-titles .file-tree-com-node-title-tag{margin-inline-end:0}.file-tree-com-node-title-code .file-tree-com-titles-box .file-tree-com-titles-tag{cursor:pointer;padding:0 2px}.monaco-hover .markdown-hover.hover-row hr{margin:2px;background-color:gray}.bundle-size-editor{margin-left:40px;flex-grow:1;height:700px}.bundle-size-editor .ant-card-body{width:auto;height:calc(100% - 48px);padding:0}.bundle-size-module-bunton{margin-left:4em}.ant-tabs-nav{width:100%}.header-switch .ant-switch-handle{top:1px!important}.header-icon{-webkit-user-select:none;user-select:none}.header-icon:hover{color:#1668dc}.header-icon:active{color:#40a9ff}.body{font-size:12px}