web-frontend/src/main/v3/packages/server-map/README.md
alpha version
npm install @pinpoint-fe/server-map
or
yarn add @pinpoint-fe/server-map
import React from 'react';
import { ServerMap } from '@pinpoint-fe/server-map';
export default function MyServerMapPage() {
return (
<ServerMap
data={data}
baseNodeId={'MY-APP'}
/>
);
}
| Props | Type | Required | Description |
|---|---|---|---|
| data | <code>{ nodes: Node[], edges: Edge[] }</code> | ✔️ | Data to render |
| baseNodeId | string | ✔️ | Central node id in the server-map |
| customTheme | ThemeType | Custom style object | |
| onClickNode | ClickEventHandler<MergedNode> | Callback to execute when clicking nodes | |
| onClickEdge | ClickEventHandler<MergedEdge> | Callback to execute when clicking edges | |
| onClickBackground | ClickEventHandler<{}> | Callback to execute when clicking background | |
| renderNodeLabel | (node: MergedNode) => string ㅣ undefined | Custom node label | |
| renderEdgeLabel | (node: MergedEdge) => string ㅣ undefined | Custom edge label |