0.0.11 • Published 8 months ago
@pinpoint-fe/server-map v0.0.11
alpha version
@pinpoint-fe/server-map
🔎 Overview
- ServerMap component is an open-source network-map library, specifically for application topology.
- With ServerMap component, you will find it easy to understand how your services are interconnected and how the transactions are going on between them.
- Besides, since we provide a various of cool features such as merge and customizing label, feel free to check out them if you are interested in making your topology look nicer.
- For your information, ServerMap component builds the network-map using cytoscape.js which is light, highly optimized and well-maintained so it's all ready to provide a pleasant experience.
⚙️ Installation
npm install @pinpoint-fe/server-map
or
yarn add @pinpoint-fe/server-map
🚀 Quick Start
Create your first ServerMap
import React from 'react';
import { ServerMap } from '@pinpoint-fe/server-map';
export default function MyServerMapPage() {
return (
<ServerMap
data={data}
baseNodeId={'MY-APP'}
/>
);
}
Props
Props | Type | Required | Description |
---|---|---|---|
data | { nodes: Node[], edges: Edge[] } | ✔️ | 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 |
0.0.4-rc.7
10 months ago
0.0.11-rc.1
8 months ago
0.0.10-rc.2
8 months ago
0.0.10-rc.1
8 months ago
0.0.10-rc.8
8 months ago
0.0.10-rc.7
8 months ago
0.0.10-rc.6
8 months ago
0.0.10-rc.5
8 months ago
0.0.10-rc.4
8 months ago
0.0.10-rc.3
8 months ago
0.0.9-rc.1
9 months ago
0.0.9-rc.2
9 months ago
0.0.9-rc.3
9 months ago
0.0.10
8 months ago
0.0.11
8 months ago
0.0.9
9 months ago
0.0.8
9 months ago
0.0.5
10 months ago
0.0.8-rc.1
10 months ago
0.0.7
10 months ago
0.0.6
10 months ago
0.0.4-rc.4
11 months ago
0.0.4-rc.5
11 months ago
0.0.4-rc.6
11 months ago
0.0.4-rc.1
1 year ago
0.0.4-rc.2
1 year ago
0.0.4-rc.3
11 months ago
0.0.1
1 year ago
0.0.3
1 year ago
0.0.2
1 year ago
0.0.0
2 years ago