@rsdoctor/components 1.0.0-alpha.0 → 1.0.0-alpha.2

package/README.md

@@ -1,4 +1,4 @@
-# Rsdoctor Components
+# Rsdoctor components
 
 This package is the Rsdoctor reporting platform’s components.
 

package/dist/components/Alert/ecma-version-check.js

@@ -26,7 +26,7 @@ const ECMAVersionCheck = ({ data }) => {
             Text,
             {
               ellipsis: { tooltip: sourceMessage },
-              className: styles.content,
+              className: `${styles.content} e2e-ecma-source`,
               children: sourceMessage
             }
           )
@@ -40,7 +40,7 @@ const ECMAVersionCheck = ({ data }) => {
             Text,
             {
               ellipsis: { tooltip: outputMessage },
-              className: styles.content,
+              className: `${styles.content} e2e-ecma-output`,
               children: outputMessage
             }
           )
@@ -54,7 +54,7 @@ const ECMAVersionCheck = ({ data }) => {
             Text,
             {
               ellipsis: { tooltip: d.description },
-              className: styles.content,
+              className: `${styles.content} e2e-ecma-error`,
               children: d.description
             }
           )

package/dist/components/Layout/header.css

@@ -10,3 +10,10 @@
 .header-icon:active {
   color: #40a9ff;
 }
+.rsdoctor-logo {
+  cursor: pointer;
+  height: 30px;
+}
+.rsdoctor-logo:active {
+  opacity: 0.8;
+}

package/dist/components/Layout/header.js

@@ -7,8 +7,11 @@ import { OverlayAlertsWithButton } from "../Alerts";
 import { BuilderSelect } from "./builder-select";
 import { Menus } from "./menus";
 import "./header.css";
+import { Client } from "@rsdoctor/types";
+import { useNavigate } from "react-router-dom";
 const Header = () => {
   const { i18n } = useI18n();
+  const navigate = useNavigate();
   const { isLight } = useTheme();
   const iconStyle = {
     display: "inline-block",
@@ -65,10 +68,12 @@ const Header = () => {
                       /* @__PURE__ */ jsx(
                         "img",
                         {
-                          style: { height: 30 },
                           src: "https://assets.rspack.dev/rsdoctor/rsdoctor-title-logo.png",
                           className: "rsdoctor-logo",
-                          alt: "logo"
+                          alt: "logo",
+                          onClick: () => {
+                            navigate(Client.RsdoctorClientRoutes.Home);
+                          }
                         }
                       ),
                       /* @__PURE__ */ jsx(BuilderSelect, {})

package/dist/components/Overall/bundle_module.css

@@ -22,6 +22,11 @@
   margin-right: 5px;
   color: #000000;
 }
+@media (max-width: 1500px) {
+  .description_74282 {
+    font-size: 16px;
+  }
+}
 
 .unit_74282 {
   font-size: 12px;

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

@@ -272,15 +272,15 @@ const Modules = ({
                     file: r.path,
                     data: [
                       {
-                        baseline: current.moduleCodeMap[r.current?.id]?.source,
-                        current: current.moduleCodeMap[r.current?.id]?.transformed,
+                        baseline: current.moduleCodeMap[r.current.id]?.source,
+                        current: current.moduleCodeMap[r.current.id]?.transformed,
                         baselineTitle: "Current Source",
                         currentTitle: "Current Transformed Source",
                         group: "Transformed Source"
                       },
                       {
-                        baseline: current.moduleCodeMap[r.current?.id]?.source,
-                        current: current.moduleCodeMap[r.current?.id]?.parsedSource,
+                        baseline: current.moduleCodeMap[r.current.id]?.source,
+                        current: current.moduleCodeMap[r.current.id]?.parsedSource,
                         baselineTitle: "Current Source",
                         currentTitle: "Current Parsed Source",
                         group: "Parsed Source"

package/dist/pages/TreeShaking/editor.d.ts

@@ -1,10 +1,9 @@
-import type { Module, ModuleGraph, SourceRange } from '@rsdoctor/graph';
 import { SDK } from '@rsdoctor/types';
 import { SetEditorStatus } from './types';
 export interface CodeEditorProps {
-    module: Module;
-    moduleGraph: ModuleGraph;
-    ranges: SourceRange[];
+    module: SDK.ModuleInstance;
+    moduleGraph: SDK.ModuleGraphInstance;
+    ranges: SDK.SourceRange[];
     setEditorData: SetEditorStatus;
     source: SDK.ModuleSource;
     toLine?: number;

package/dist/pages/TreeShaking/table.d.ts

@@ -1,9 +1,9 @@
-import type { Module, ModuleGraph } from '@rsdoctor/graph';
+import { SDK } from '@rsdoctor/types';
 import React from 'react';
 import type { TableKind, SetEditorStatus } from './types';
 interface TableProps {
-    module: Module;
-    moduleGraph: ModuleGraph;
+    module: SDK.ModuleInstance;
+    moduleGraph: SDK.ModuleGraphInstance;
     setEditorData: SetEditorStatus;
     kind: TableKind;
 }

package/dist/pages/TreeShaking/types.d.ts

@@ -1,3 +1,3 @@
-import type { Module, SourceRange } from '@rsdoctor/graph';
+import { SDK } from '@rsdoctor/types';
 export type TableKind = 'side-effect' | 'export';
-export type SetEditorStatus = (module: Module, ranges: SourceRange[], line?: number) => void;
+export type SetEditorStatus = (module: SDK.ModuleInstance, ranges: SDK.SourceRange[], line?: number) => void;

package/dist/pages/TreeShaking/utils.d.ts

@@ -1,8 +1,7 @@
-import type { ModuleGraph, Statement } from '@rsdoctor/graph';
-import { Module } from '@rsdoctor/graph';
 import type { editor } from 'monaco-editor';
-export declare function useFileStructures(modules: Module[], moduleGraph: ModuleGraph, searchInput: string, selectedModule: Module, onItemClick: (file: string) => void, cwd: string): import("../..").DataNode[];
+import { SDK } from '@rsdoctor/types';
+export declare function useFileStructures(modules: SDK.ModuleInstance[], moduleGraph: SDK.ModuleGraphInstance, searchInput: string, selectedModule: SDK.ModuleInstance, onItemClick: (file: string) => void, cwd: string): import("../..").DataNode[];
 export declare function getTreeFilesDefaultExpandedKeys(files: any[]): (string | number)[];
 export declare function ellipsisPath(full: string): string;
-export declare function getModulePositionString(statement: Statement, module: Module): string;
-export declare function getHoverMessageInModule(module: Module, moduleGraph: ModuleGraph): editor.IModelDecoration[];
+export declare function getModulePositionString(statement: SDK.StatementInstance, module: SDK.ModuleInstance): string;
+export declare function getHoverMessageInModule(module: SDK.ModuleInstance, moduleGraph: SDK.ModuleGraphInstance): editor.IModelDecoration[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/components",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
   "main": "./dist/index.js",
   "license": "MIT",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
   ],
   "devDependencies": {
     "@ant-design/icons": "5.5.2",
-    "@rsbuild/plugin-check-syntax": "1.2.0",
+    "@rsbuild/plugin-check-syntax": "1.2.1",
     "@monaco-editor/react": "4.6.0",
     "@types/lodash-es": "4.17.12",
     "@types/node": "^16",
@@ -70,14 +70,14 @@
     "react-hyper-tree": "0.3.12",
     "react-i18next": "12.0.0",
     "react-json-view": "1.21.3",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^9.0.3",
     "react-router-dom": "6.4.3",
     "socket.io-client": "4.6.1",
     "typescript": "^5.2.2",
     "url-parse": "1.5.10",
-    "@rsdoctor/graph": "1.0.0-alpha.0",
-    "@rsdoctor/utils": "1.0.0-alpha.0",
-    "@rsdoctor/types": "1.0.0-alpha.0"
+    "@rsdoctor/graph": "1.0.0-alpha.2",
+    "@rsdoctor/utils": "1.0.0-alpha.2",
+    "@rsdoctor/types": "1.0.0-alpha.2"
   },
   "publishConfig": {
     "access": "public",