@pinpoint-fe/server-map - npm Package Compare versions

Comparing version 0.0.4-rc.4 to 0.0.4-rc.5

dist/index.d.ts

@@ -0,1 +1,2 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
@@ -25,2 +26,5 @@ import cytoscape, { Css } from 'cytoscape';
 }
+interface MergeInfo {
+    types: string[];
+}
 interface MergedNode extends Node {
@@ -33,3 +37,3 @@ nodes?: Node[];
 
-declare type ServerMapTheme = {
+type ServerMapTheme = {
     transactionStatus?: {
@@ -65,3 +69,3 @@ default?: {
 
-declare type ClickEventHandler<T> = (param: {
+type ClickEventHandler<T> = (param: {
     data?: T;
@@ -81,7 +85,8 @@ eventType: 'right' | 'left';
     onClickBackground?: ClickEventHandler<{}>;
+    onDataMerged?: (mergeInfo: MergeInfo) => void;
     renderNodeLabel?: (node: MergedNode) => string | undefined;
     renderEdgeLabel?: (edge: MergedEdge) => string | undefined;
 }
-declare const ServerMap: ({ data, customTheme, baseNodeId, onClickNode, onClickEdge, onClickBackground, renderNodeLabel, renderEdgeLabel, className, style, }: ServerMapProps) => JSX.Element;
+declare const ServerMap: ({ data, customTheme, baseNodeId, onClickNode, onClickEdge, onClickBackground, onDataMerged, renderNodeLabel, renderEdgeLabel, className, style, }: ServerMapProps) => react_jsx_runtime.JSX.Element;
 
-export { Edge, MergedEdge, MergedNode, Node, ServerMap, ServerMapProps };
+export { Edge, MergeInfo, MergedEdge, MergedNode, Node, ServerMap, ServerMapProps };

dist/index.js

@@ -1,13 +0,13 @@
-import w from"react";import F from"cytoscape";import q from"cytoscape-dagre";import W from"lodash";var A={transactionStatus:{default:{stroke:"transparent",strokeWidth:10},good:{stroke:"#32BA94",strokeWidth:10},slow:{stroke:"#E48022",strokeWidth:10},bad:{stroke:"#F0515B",strokeWidth:10}},node:{default:{"background-color":"#FFF","border-width":"3","border-color":"#ddd","text-valign":"bottom","text-halign":"center","text-margin-y":4,"overlay-opacity":0,"font-family":"Helvetica, Arial, avn85, NanumGothic, ng, dotum, AppleGothic, sans-serif","font-size":12,"font-weight":"normal","text-wrap":"wrap","text-max-width":"200","line-height":1.5,color:"#000"},highlight:{"font-weight":"bold","font-size":14,"border-color":"#4A61D1"},main:{"font-weight":"bold","font-size":14}},edge:{default:{width:1.5,"font-size":"12px","font-weight":"normal","line-color":"#C0C3C8","target-arrow-color":"#C0C3C8","target-arrow-shape":"triangle","curve-style":"bezier","text-background-color":"white","text-background-opacity":.7,"text-background-padding":"5px","text-background-shape":"roundrectangle","overlay-opacity":0},highlight:{"font-size":"14px","font-weight":"bold","line-color":"#4763d0","target-arrow-color":"#4763d0"},loop:{"control-point-step-size":70,"loop-direction":"0deg","loop-sweep":"-90deg"}}};var R=.05,H=47,P=2*Math.PI*H,z=d=>{let{transactionInfo:a}=d;return"data:image/svg+xml;charset=utf-8,"+encodeURIComponent(`
+var X=Object.defineProperty,Y=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var L=(n,s,o)=>s in n?X(n,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[s]=o,k=(n,s)=>{for(var o in s||(s={}))te.call(s,o)&&L(n,o,s[o]);if(z)for(var o of z(s))re.call(s,o)&&L(n,o,s[o]);return n},B=(n,s)=>Y(n,ee(s));import C from"react";import J from"cytoscape";import ne from"cytoscape-dagre";import G from"lodash";var W={transactionStatus:{default:{stroke:"transparent",strokeWidth:10},good:{stroke:"#32BA94",strokeWidth:10},slow:{stroke:"#E48022",strokeWidth:10},bad:{stroke:"#F0515B",strokeWidth:10}},node:{default:{"background-color":"#FFF","border-width":"3","border-color":"#ddd","text-valign":"bottom","text-halign":"center","text-margin-y":4,"overlay-opacity":0,"font-family":"Helvetica, Arial, avn85, NanumGothic, ng, dotum, AppleGothic, sans-serif","font-size":12,"font-weight":"normal","text-wrap":"wrap","text-max-width":"200","line-height":1.5,color:"#000"},highlight:{"font-weight":"bold","font-size":14,"border-color":"#4A61D1"},main:{"font-weight":"bold","font-size":14}},edge:{default:{width:1.5,"font-size":"12px","font-weight":"normal","line-color":"#C0C3C8","target-arrow-color":"#C0C3C8","target-arrow-shape":"triangle","curve-style":"bezier","text-background-color":"white","text-background-opacity":.7,"text-background-padding":"5px","text-background-shape":"roundrectangle","overlay-opacity":0},highlight:{"font-size":"14px","font-weight":"bold","line-color":"#4763d0","target-arrow-color":"#4763d0"},loop:{"control-point-step-size":70,"loop-direction":"0deg","loop-sweep":"-90deg"}}};var V=.05,K=47,_=2*Math.PI*K,U=n=>{let{transactionInfo:s}=n;return"data:image/svg+xml;charset=utf-8,"+encodeURIComponent(`
     <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" xmlns:xlink="http://www.w3.org/1999/xlink">
-      ${U(a,!a)}
+      ${oe(s,!s)}
     </svg>
-  `)},B=d=>{let{stroke:a,strokeWidth:i,strokeDashOffset:y=0,strokeDashArray:S="none"}=d;return`
-    <circle cx="50" cy="50" r="${H}"
+  `)},$=n=>{let{stroke:s,strokeWidth:o,strokeDashOffset:p=0,strokeDashArray:E="none"}=n;return`
+    <circle cx="50" cy="50" r="${K}"
       style="fill:none;
-      stroke:${a};
-      stroke-width:${i};
-      stroke-dashoffset:${y};
-      stroke-dasharray:${S} 1000" 
+      stroke:${s};
+      stroke-width:${o};
+      stroke-dashoffset:${p};
+      stroke-dasharray:${E} 1000" 
     />
-  `},_=(d,a)=>a===0?0:a/d<R?P*R:a/d*P,U=(d,a)=>{let{transactionStatus:i}=A;if(a||!d)return B({stroke:i.default.stroke,strokeWidth:i.default.strokeWidth});{let y=Object.keys(d).reduce((p,E)=>p+d[E],0),S=_(y,d.slow),b=_(y,d.bad),v=-1*(.75*P-(S+b)),k=-1*(.75*P-b);return B({stroke:i.good.stroke,strokeWidth:i.good.strokeWidth})+B({stroke:i.slow.stroke,strokeWidth:i.slow.strokeWidth,strokeDashOffset:v,strokeDashArray:S})+B({stroke:i.bad.stroke,strokeWidth:i.bad.strokeWidth,strokeDashOffset:k,strokeDashArray:b})}};var L=d=>{let{edges:a,nodes:i}=d,v=a.map(r=>r.target).filter(r=>!a.some(o=>o.source===r)).filter(r=>{var o,s;return!((s=(o=i.find(u=>r===u.id))==null?void 0:o.shouldNotMerge)!=null&&s.call(o))}).reduce((r,o)=>r[o]?{...r,[o]:r[o]+1}:{...r,[o]:1},{}),k=Object.entries(v).reduce((r,[o,s])=>{let u={...r};return s>1?u.multi.push(o):u.single.push(o),u},{single:[],multi:[]}),p=k.single.reduce((r,o)=>{let{source:s}=a.find(u=>u.target===o);return r[s]?r[s].push(o):r[s]=[o],r},{}),E=k.multi.reduce((r,o)=>{let s=a.filter(u=>u.target===o).map(u=>u.source).sort().toString();return r[s]?r[s].push(o):r[s]=[o],r},{}),M=r=>Object.entries(r).reduce((o,[s,u])=>{let e={...o};return u.forEach(t=>{let n=i.find(g=>g.id===t);e[s]?(n==null?void 0:n.type)&&e[s][n.type]?e[s][n.type].push(t):n!=null&&n.type&&(e[s][n.type]=[t]):n!=null&&n.type&&(e[s]={},e[s][n.type]=[t])}),e},{}),I=M(p),l=M(E),h=(()=>{let r=[...i],o=[...a];return Object.entries(I).forEach(([s,u])=>{Object.entries(u).forEach(([e,t])=>{var n;if(t.length>1){let g=`${s}_${e}_MergeSingleNodesByServerMap`,f=(n=r.find(C=>C.id===t[0]))==null?void 0:n.imgPath,[m,c]=W.partition(r,C=>!t.includes(C.id));r=[...m,{id:g,imgPath:f,label:`total: ${t.length}`,nodes:c}];let[N,j]=W.partition(o,C=>!t.includes(C.target));o=[...N,{source:s,target:g,id:`${s}_${e}_MergeSingleEdgesByServerMap`,edges:j}]}})}),{nodes:r,edges:o}})(),O=(()=>{let r=[...h.nodes],o=[...h.edges];return Object.entries(l).forEach(([s,u])=>{Object.entries(u).forEach(([e,t])=>{var n;if(t.length>1){let g=`${s}_${e}_MergeMultiNodesByServerMap`,f=(n=r.find(T=>T.id===t[0]))==null?void 0:n.imgPath,[m,c]=W.partition(r,T=>!t.includes(T.id));r=[...m,{id:g,imgPath:f,label:`total: ${t.length}`,nodes:c}];let N=s.split(","),[j,C]=W.partition(o,T=>!(N.includes(T.source)&&t.includes(T.target))),K=C.reduce((T,D,Y)=>(T[D.source]?T[D.source].edges.push(D):T[D.source]={target:g,source:D.source,id:`${D.source}_${e}_MergeMultiEdgesByServerMap`,edges:[D]},{...T}),{});o=[...j,...Object.values(K)]}})}),{nodes:r,edges:o}})();return[...O.nodes.map(r=>({data:{...r,imgArr:[r==null?void 0:r.imgPath,z(r)]}})),...O.edges.map(r=>({data:{...r}}))]};import Z from"lodash";var V=d=>Z.merge({},A,d),G=({cy:d,theme:a,edgeLabelRenderer:i,nodeLabelRenderer:y})=>{var S,b,v;return[{selector:"node",style:{...(S=a.node)==null?void 0:S.default,width:100,height:100,label:k=>{var E,M;let p=(M=d.data((E=k.data())==null?void 0:E.id))==null?void 0:M.data;return(y==null?void 0:y(p))||(p==null?void 0:p.label)||""},"background-image":k=>{var E,M;let p=(M=d.data((E=k.data())==null?void 0:E.id))==null?void 0:M.data;return p==null?void 0:p.imgArr},"background-fit":"contain","background-offset-y":"-5px"}},{selector:"edge",style:{...(b=a.edge)==null?void 0:b.default,label:k=>{var E,M;let p=(M=d.data((E=k.data())==null?void 0:E.id))==null?void 0:M.data;return(i==null?void 0:i(p))||""}}},{selector:"edge:loop",style:{...(v=a.edge)==null?void 0:v.loop}}]};import{keyBy as J}from"lodash";import{jsx as X}from"react/jsx-runtime";F.use(q);var Q=({data:d,customTheme:a={},baseNodeId:i,onClickNode:y,onClickEdge:S,onClickBackground:b,renderNodeLabel:v,renderEdgeLabel:k,className:p,style:E})=>{let M=w.useRef(null),I=w.useRef(),l=w.useRef(),x=w.useRef(),h=V(a);w.useEffect(()=>()=>{var e;(e=l==null?void 0:l.current)==null||e.destroy()},[]),w.useEffect(()=>{var e,t;I.current=i,l.current&&((e=x.current)==null||e.removeAllListeners(),(t=x.current)==null||t.stop(),x.current=void 0,l.current.removeData(),l.current.removeAllListeners(),l.current.destroy(),l.current=void 0),l.current=F({zoom:1,minZoom:.1,maxZoom:3,wheelSensitivity:.2,container:M.current}),l.current.style(G({cy:l.current,theme:h,edgeLabelRenderer:k,nodeLabelRenderer:v})),o()},[i]),w.useEffect(()=>{let e=l.current;e&&e.style(G({cy:e,theme:h,edgeLabelRenderer:k,nodeLabelRenderer:v}))},[v,k]),w.useEffect(()=>{if(d){let e=l.current;if(e){let t=L(d);console.time(),e.batch(()=>{e.removeData(),e.data(J(t,"data.id"));let n=e.nodes(),g=e.edges();n.forEach(c=>{let N=c.data();e.data()[N.id]||c.remove()}),g.forEach(c=>{let N=c.data();e.data()[N.id]||c.remove()});let f=e.nodes(),m=e.edges();t.forEach(({data:c})=>{c.source?m.some(N=>N.data().id===c.id)||e.add({data:c}):f.some(N=>N.data().id===c.id)||e.add({data:c})})}),x.current||(x.current=e==null?void 0:e.layout({name:"dagre",fit:!1,rankDir:"LR",rankSep:200}),x.current.run()),console.timeEnd()}}},[d]);let $=e=>{y==null||y(e)},O=e=>{S==null||S(e)},r=e=>{b==null||b(e)},o=w.useCallback(()=>{let e=l==null?void 0:l.current;e&&e.on("layoutready",()=>{s(e.getElementById(i));let t=e.getElementById(i);e.resize(),e.center(t)}).on("tap",({target:t,originalEvent:n,renderedPosition:g})=>{let f="left",m={x:g.x,y:g.y};t===e?r({eventType:f,position:m}):t.isNode()?(s(t),$({eventType:f,position:m,data:t.data()})):t.isEdge()&&(u(t),O({eventType:f,position:m,data:t.data()}))}).on("cxttap",({target:t,originalEvent:n,renderedPosition:g})=>{let f="right",m={x:g.x,y:g.y};t===e?r({eventType:f,position:m}):t.isNode()?$({eventType:f,position:m,data:t.data()}):t.isEdge()&&O({eventType:f,position:m,data:t.data()})})},[y,S,b]),s=e=>{var n,g,f,m,c;let t=l.current;t.nodes().style((n=h.node)==null?void 0:n.default),t.edges().style((g=h.edge)==null?void 0:g.default),t.getElementById(i).style((f=h.node)==null?void 0:f.main),e.style((m=h.node)==null?void 0:m.highlight),e.connectedEdges().style((c=h.edge)==null?void 0:c.highlight)},u=e=>{var n,g,f,m,c,N;let t=l.current;t.nodes().style((n=h.node)==null?void 0:n.default),t.edges().style((g=h.edge)==null?void 0:g.default),t.getElementById(i).style((f=h.node)==null?void 0:f.main),e.connectedNodes().style({"border-color":(c=(m=h.node)==null?void 0:m.highlight)==null?void 0:c["border-color"]}),e.style((N=h.edge)==null?void 0:N.highlight)};return X("div",{style:{width:"100%",height:"100%",overflow:"hidden",...E},className:p,ref:M})};export{Q as ServerMap};
+  `},F=(n,s)=>s===0?0:s/n<V?_*V:s/n*_,oe=(n,s)=>{let{transactionStatus:o}=W;if(s||!n)return $({stroke:o.default.stroke,strokeWidth:o.default.strokeWidth});{let p=Object.keys(n).reduce((u,M)=>u+n[M],0),E=F(p,n.slow),S=F(p,n.bad),x=-1*(.75*_-(E+S)),N=-1*(.75*_-S);return $({stroke:o.good.stroke,strokeWidth:o.good.strokeWidth})+$({stroke:o.slow.stroke,strokeWidth:o.slow.strokeWidth,strokeDashOffset:x,strokeDashArray:E})+$({stroke:o.bad.stroke,strokeWidth:o.bad.strokeWidth,strokeDashOffset:N,strokeDashArray:S})}};var Z=n=>{let{edges:s,nodes:o}=n,p=new Set,N=s.map(r=>r.target).filter(r=>!s.some(i=>i.source===r)).filter(r=>{var i,a;return!((a=(i=o.find(f=>r===f.id))==null?void 0:i.shouldNotMerge)!=null&&a.call(i))}).reduce((r,i)=>r[i]?B(k({},r),{[i]:r[i]+1}):B(k({},r),{[i]:1}),{}),u=Object.entries(N).reduce((r,[i,a])=>{let f=k({},r);return a>1?f.multi.push(i):f.single.push(i),f},{single:[],multi:[]}),M=u.single.reduce((r,i)=>{let{source:a}=s.find(f=>f.target===i);return r[a]?r[a].push(i):r[a]=[i],r},{}),b=u.multi.reduce((r,i)=>{let a=s.filter(f=>f.target===i).map(f=>f.source).sort().toString();return r[a]?r[a].push(i):r[a]=[i],r},{}),I=r=>Object.entries(r).reduce((i,[a,f])=>{let e=k({},i);return f.forEach(t=>{let d=o.find(g=>g.id===t);e[a]?d!=null&&d.type&&e[a][d.type]?e[a][d.type].push(t):d!=null&&d.type&&(e[a][d.type]=[t]):d!=null&&d.type&&(e[a]={},e[a][d.type]=[t])}),e},{}),R=I(M),c=I(b),h=(()=>{let r=[...o],i=[...s];return Object.entries(R).forEach(([a,f])=>{Object.entries(f).forEach(([e,t])=>{var d;if(t.length>1){p.add(e);let g=`${a}_${e}_MergeSingleNodesByServerMap`,m=(d=r.find(D=>D.id===t[0]))==null?void 0:d.imgPath,[y,T]=G.partition(r,D=>!t.includes(D.id));r=[...y,{id:g,imgPath:m,label:`total: ${t.length}`,nodes:T}];let[l,v]=G.partition(i,D=>!t.includes(D.target));i=[...l,{source:a,target:g,id:`${a}_${e}_MergeSingleEdgesByServerMap`,edges:v}]}})}),{nodes:r,edges:i}})(),P=(()=>{let r=[...h.nodes],i=[...h.edges];return Object.entries(c).forEach(([a,f])=>{Object.entries(f).forEach(([e,t])=>{var d;if(t.length>1){p.add(e);let g=`${a}_${e}_MergeMultiNodesByServerMap`,m=(d=r.find(w=>w.id===t[0]))==null?void 0:d.imgPath,[y,T]=G.partition(r,w=>!t.includes(w.id));r=[...y,{id:g,imgPath:m,label:`total: ${t.length}`,nodes:T}];let l=a.split(","),[v,D]=G.partition(i,w=>!(l.includes(w.source)&&t.includes(w.target))),Q=D.reduce((w,A,ge)=>(w[A.source]?w[A.source].edges.push(A):w[A.source]={target:g,source:A.source,id:`${A.source}_${e}_MergeMultiEdgesByServerMap`,edges:[A]},k({},w)),{});i=[...v,...Object.values(Q)]}})}),{nodes:r,edges:i}})();return{serverMapData:[...P.nodes.map(r=>({data:B(k({},r),{imgArr:[r==null?void 0:r.imgPath,U(r)]})})),...P.edges.map(r=>({data:k({},r)}))],mergeInfo:{types:Array.from(p)}}};import se from"lodash";var q=n=>se.merge({},W,n),H=({cy:n,theme:s,edgeLabelRenderer:o,nodeLabelRenderer:p})=>{var E,S,x;return[{selector:"node",style:B(k({},(E=s.node)==null?void 0:E.default),{width:100,height:100,label:N=>{var M,b;let u=(b=n.data((M=N.data())==null?void 0:M.id))==null?void 0:b.data;return(p==null?void 0:p(u))||(u==null?void 0:u.label)||""},"background-image":N=>{var M,b;let u=(b=n.data((M=N.data())==null?void 0:M.id))==null?void 0:b.data;return u==null?void 0:u.imgArr},"background-fit":"contain","background-offset-y":"-5px"})},{selector:"edge",style:B(k({},(S=s.edge)==null?void 0:S.default),{label:N=>{var M,b;let u=(b=n.data((M=N.data())==null?void 0:M.id))==null?void 0:b.data;return(o==null?void 0:o(u))||""}})},{selector:"edge:loop",style:k({},(x=s.edge)==null?void 0:x.loop)}]};import{keyBy as ie}from"lodash";import{jsx as ae}from"react/jsx-runtime";J.use(ne);var de=({data:n,customTheme:s={},baseNodeId:o,onClickNode:p,onClickEdge:E,onClickBackground:S,onDataMerged:x,renderNodeLabel:N,renderEdgeLabel:u,className:M,style:b})=>{let I=C.useRef(null),R=C.useRef(),c=C.useRef(),O=C.useRef(),h=q(s);C.useEffect(()=>()=>{var e;(e=c==null?void 0:c.current)==null||e.destroy()},[]),C.useEffect(()=>{var e,t;R.current=o,c.current&&((e=O.current)==null||e.removeAllListeners(),(t=O.current)==null||t.stop(),O.current=void 0,c.current.removeData(),c.current.removeAllListeners(),c.current.destroy(),c.current=void 0),c.current=J({zoom:1,minZoom:.1,maxZoom:3,wheelSensitivity:.2,container:I.current}),c.current.style(H({cy:c.current,theme:h,edgeLabelRenderer:u,nodeLabelRenderer:N})),i()},[o]),C.useEffect(()=>{let e=c.current;e&&e.style(H({cy:e,theme:h,edgeLabelRenderer:u,nodeLabelRenderer:N}))},[N,u]),C.useEffect(()=>{if(n){let e=c.current;if(e){let{serverMapData:t,mergeInfo:d}=Z(n);console.log(t),x==null||x(d),e.batch(()=>{e.removeData(),e.data(ie(t,"data.id"));let g=e.nodes(),m=e.edges();g.forEach(l=>{let v=l.data();e.data()[v.id]||l.remove()}),m.forEach(l=>{let v=l.data();e.data()[v.id]||l.remove()});let y=e.nodes(),T=e.edges();t.forEach(({data:l})=>{l.id==="dev-internal-api^SPRING_BOOT_UNKNOWN_MergeMultiEdgesByServerMap"&&console.log(l),l.source?T.some(v=>v.data().id===l.id)||e.add({data:l}):y.some(v=>v.data().id===l.id)||e.add({data:l})})}),O.current||(O.current=e==null?void 0:e.layout({name:"dagre",fit:!1,rankDir:"LR",rankSep:200}),O.current.run())}}},[n]);let j=e=>{p==null||p(e)},P=e=>{E==null||E(e)},r=e=>{S==null||S(e)},i=C.useCallback(()=>{let e=c==null?void 0:c.current;e&&e.on("layoutready",()=>{a(e.getElementById(o));let t=e.getElementById(o);e.resize(),e.center(t)}).on("mouseover",({target:t})=>{e.container().style.cursor=t===e?"default":"pointer"}).on("mouseout",()=>{e.container().style.cursor="default"}).on("tap",({target:t,originalEvent:d,renderedPosition:g})=>{let m="left",y={x:g.x,y:g.y};t===e?r({eventType:m,position:y}):t.isNode()?(a(t),j({eventType:m,position:y,data:t.data()})):t.isEdge()&&(f(t),P({eventType:m,position:y,data:t.data()}))}).on("cxttap",({target:t,renderedPosition:d})=>{let g="right",m={x:d.x,y:d.y};t===e?r({eventType:g,position:m}):t.isNode()?j({eventType:g,position:m,data:t.data()}):t.isEdge()&&P({eventType:g,position:m,data:t.data()})})},[p,E,S]),a=e=>{var d,g,m,y,T;let t=c.current;t.nodes().style((d=h.node)==null?void 0:d.default),t.edges().style((g=h.edge)==null?void 0:g.default),t.getElementById(o).style((m=h.node)==null?void 0:m.main),e.style((y=h.node)==null?void 0:y.highlight),e.connectedEdges().style((T=h.edge)==null?void 0:T.highlight)},f=e=>{var d,g,m,y,T,l;let t=c.current;t.nodes().style((d=h.node)==null?void 0:d.default),t.edges().style((g=h.edge)==null?void 0:g.default),t.getElementById(o).style((m=h.node)==null?void 0:m.main),e.connectedNodes().style({"border-color":(T=(y=h.node)==null?void 0:y.highlight)==null?void 0:T["border-color"]}),e.style((l=h.edge)==null?void 0:l.highlight)};return ae("div",{style:k({width:"100%",height:"100%",overflow:"hidden"},b),className:M,ref:I})};export{de as ServerMap};

package.json

 {
   "name": "@pinpoint-fe/server-map",
-  "version": "0.0.4-rc.4",
+  "version": "0.0.4-rc.5",
   "description": "Open-source network-map library, specifically for application topology, written in React.js",
@@ -34,4 +34,3 @@ "repository": "https://github.com/pinpoint-apm/pinpoint/blob/frontend-v3/web-frontend/src/main/v3/packages/server-map/README.md",
     "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-cytoscapejs": "^2.0.0"
+    "react": "^18.2.0"
   },
@@ -38,0 +37,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

25295

increased by7.06%

Dependency count

5

decreased by-16.67%

Lines of code

178

increased by7.23%

Dependency changes

• - Removedreact-cytoscapejs@^2.0.0

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-cytoscapejs@2.0.0(transitive)

• - Removedreact-is@16.13.1(transitive)