0.0.11 • Published 2 years ago

@pinpoint-fe/server-map v0.0.11

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years ago

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

PropsTypeRequiredDescription
data{ nodes: Node[], edges: Edge[] }✔️Data to render
baseNodeIdstring✔️Central node id in the server-map
customThemeThemeTypeCustom style object
onClickNodeClickEventHandler<MergedNode>Callback to execute when clicking nodes
onClickEdgeClickEventHandler<MergedEdge>Callback to execute when clicking edges
onClickBackgroundClickEventHandler<{}>Callback to execute when clicking background
renderNodeLabel(node: MergedNode) => string ㅣ undefinedCustom node label
renderEdgeLabel(node: MergedEdge) => string ㅣ undefinedCustom edge label
0.0.4-rc.7

2 years ago

0.0.11-rc.1

2 years ago

0.0.10-rc.2

2 years ago

0.0.10-rc.1

2 years ago

0.0.10-rc.8

2 years ago

0.0.10-rc.7

2 years ago

0.0.10-rc.6

2 years ago

0.0.10-rc.5

2 years ago

0.0.10-rc.4

2 years ago

0.0.10-rc.3

2 years ago

0.0.9-rc.1

2 years ago

0.0.9-rc.2

2 years ago

0.0.9-rc.3

2 years ago

0.0.10

2 years ago

0.0.11

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.5

2 years ago

0.0.8-rc.1

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.4-rc.4

2 years ago

0.0.4-rc.5

2 years ago

0.0.4-rc.6

2 years ago

0.0.4-rc.1

2 years ago

0.0.4-rc.2

2 years ago

0.0.4-rc.3

2 years ago

0.0.1

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.0

3 years ago