⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.72
Server IP:
41.128.143.86
Server:
Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.3.23
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
proc
/
self
/
root
/
usr
/
share
/
grafana
/
public
/
build
/
View File Name :
1698.68ff1ef08e94a87836b3.js.map
{"version":3,"file":"1698.68ff1ef08e94a87836b3.js","mappings":"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","sources":["webpack://grafana/./public/app/plugins/panel/nodeGraph/Node.tsx","webpack://grafana/./public/app/plugins/panel/nodeGraph/utils.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport cx from 'classnames';\nimport React, { MouseEvent, memo } from 'react';\nimport tinycolor from 'tinycolor2';\n\nimport { Field, getFieldColorModeForField, GrafanaTheme2 } from '@grafana/data';\nimport { Icon, useTheme2 } from '@grafana/ui';\n\nimport { HoverState } from './NodeGraph';\nimport { NodeDatum } from './types';\nimport { statToString } from './utils';\n\nexport const nodeR = 40;\nexport const highlightedNodeColor = '#a00';\n\nconst getStyles = (theme: GrafanaTheme2, hovering: HoverState) => ({\n mainGroup: css`\n cursor: pointer;\n font-size: 10px;\n transition: opacity 300ms;\n opacity: ${hovering === 'inactive' ? 0.5 : 1};\n `,\n\n mainCircle: css`\n fill: ${theme.components.panel.background};\n `,\n\n filledCircle: css`\n fill: ${highlightedNodeColor};\n `,\n\n hoverCircle: css`\n opacity: 0.5;\n fill: transparent;\n stroke: ${theme.colors.primary.text};\n `,\n\n text: css`\n fill: ${theme.colors.text.primary};\n pointer-events: none;\n `,\n\n titleText: css`\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n background-color: ${tinycolor(theme.colors.background.primary).setAlpha(0.6).toHex8String()};\n width: 140px;\n `,\n\n statsText: css`\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: 70px;\n `,\n\n textHovering: css`\n width: 200px;\n & span {\n background-color: ${tinycolor(theme.colors.background.primary).setAlpha(0.8).toHex8String()};\n }\n `,\n\n clickTarget: css`\n fill: none;\n stroke: none;\n pointer-events: fill;\n `,\n});\n\nexport const computeNodeCircumferenceStrokeWidth = (nodeRadius: number) => Math.ceil(nodeRadius * 0.075);\n\nexport const Node = memo(function Node(props: {\n node: NodeDatum;\n hovering: HoverState;\n onMouseEnter: (id: string) => void;\n onMouseLeave: (id: string) => void;\n onClick: (event: MouseEvent<SVGElement>, node: NodeDatum) => void;\n}) {\n const { node, onMouseEnter, onMouseLeave, onClick, hovering } = props;\n const theme = useTheme2();\n const styles = getStyles(theme, hovering);\n const isHovered = hovering === 'active';\n const nodeRadius = node.nodeRadius?.values[node.dataFrameRowIndex] || nodeR;\n const strokeWidth = computeNodeCircumferenceStrokeWidth(nodeRadius);\n\n if (!(node.x !== undefined && node.y !== undefined)) {\n return null;\n }\n\n return (\n <g data-node-id={node.id} className={styles.mainGroup} aria-label={`Node: ${node.title}`}>\n <circle\n data-testid={`node-circle-${node.id}`}\n className={node.highlighted ? styles.filledCircle : styles.mainCircle}\n r={nodeRadius}\n cx={node.x}\n cy={node.y}\n />\n {isHovered && (\n <circle className={styles.hoverCircle} r={nodeRadius - 3} cx={node.x} cy={node.y} strokeWidth={strokeWidth} />\n )}\n <ColorCircle node={node} />\n <g className={styles.text} style={{ pointerEvents: 'none' }}>\n <NodeContents node={node} hovering={hovering} />\n <foreignObject\n x={node.x - (isHovered ? 100 : 70)}\n y={node.y + nodeRadius + 5}\n width={isHovered ? '200' : '140'}\n height=\"40\"\n >\n <div className={cx(styles.titleText, isHovered && styles.textHovering)}>\n <span>{node.title}</span>\n <br />\n <span>{node.subTitle}</span>\n </div>\n </foreignObject>\n </g>\n <rect\n data-testid={`node-click-rect-${node.id}`}\n onMouseEnter={() => {\n onMouseEnter(node.id);\n }}\n onMouseLeave={() => {\n onMouseLeave(node.id);\n }}\n onClick={(event) => {\n onClick(event, node);\n }}\n className={styles.clickTarget}\n x={node.x - nodeRadius - 5}\n y={node.y - nodeRadius - 5}\n width={nodeRadius * 2 + 10}\n height={nodeRadius * 2 + 50}\n />\n </g>\n );\n});\n\n/**\n * Shows contents of the node which can be either an Icon or a main and secondary stat values.\n */\nfunction NodeContents({ node, hovering }: { node: NodeDatum; hovering: HoverState }) {\n const theme = useTheme2();\n const styles = getStyles(theme, hovering);\n const isHovered = hovering === 'active';\n\n if (!(node.x !== undefined && node.y !== undefined)) {\n return null;\n }\n\n return node.icon ? (\n <foreignObject x={node.x - 35} y={node.y - 20} width=\"70\" height=\"40\">\n <div style={{ width: 70, overflow: 'hidden', display: 'flex', justifyContent: 'center', marginTop: -4 }}>\n <Icon data-testid={`node-icon-${node.icon}`} name={node.icon} size={'xxxl'} />\n </div>\n </foreignObject>\n ) : (\n <foreignObject x={node.x - (isHovered ? 100 : 35)} y={node.y - 15} width={isHovered ? '200' : '70'} height=\"40\">\n <div className={cx(styles.statsText, isHovered && styles.textHovering)}>\n <span>{node.mainStat && statToString(node.mainStat.config, node.mainStat.values[node.dataFrameRowIndex])}</span>\n <br />\n <span>\n {node.secondaryStat &&\n statToString(node.secondaryStat.config, node.secondaryStat.values[node.dataFrameRowIndex])}\n </span>\n </div>\n </foreignObject>\n );\n}\n\n/**\n * Shows the outer segmented circle with different colors based on the supplied data.\n */\nfunction ColorCircle(props: { node: NodeDatum }) {\n const { node } = props;\n const fullStat = node.arcSections.find((s) => s.values[node.dataFrameRowIndex] >= 1);\n const theme = useTheme2();\n const nodeRadius = node.nodeRadius?.values[node.dataFrameRowIndex] || nodeR;\n const strokeWidth = computeNodeCircumferenceStrokeWidth(nodeRadius);\n\n if (fullStat) {\n // Drawing a full circle with a `path` tag does not work well, it's better to use a `circle` tag in that case\n return (\n <circle\n fill=\"none\"\n stroke={theme.visualization.getColorByName(fullStat.config.color?.fixedColor || '')}\n strokeWidth={strokeWidth}\n r={nodeRadius}\n cx={node.x}\n cy={node.y}\n />\n );\n }\n\n const nonZero = node.arcSections.filter((s) => s.values[node.dataFrameRowIndex] !== 0);\n if (nonZero.length === 0) {\n // Fallback if no arc is defined\n return (\n <circle\n fill=\"none\"\n stroke={node.color ? getColor(node.color, node.dataFrameRowIndex, theme) : 'gray'}\n strokeWidth={strokeWidth}\n r={nodeRadius}\n cx={node.x}\n cy={node.y}\n />\n );\n }\n\n const { elements } = nonZero.reduce<{\n elements: React.ReactNode[];\n percent: number;\n }>(\n (acc, section, index) => {\n const color = section.config.color?.fixedColor || '';\n const value = section.values[node.dataFrameRowIndex];\n\n const el = (\n <ArcSection\n key={index}\n r={nodeRadius}\n x={node.x!}\n y={node.y!}\n startPercent={acc.percent}\n percent={\n value + acc.percent > 1\n ? // If the values aren't correct and add up to more than 100% lets still render correctly the amounts we\n // already have and cap it at 100%\n 1 - acc.percent\n : value\n }\n color={theme.visualization.getColorByName(color)}\n strokeWidth={strokeWidth}\n />\n );\n acc.elements.push(el);\n acc.percent = acc.percent + value;\n return acc;\n },\n { elements: [], percent: 0 }\n );\n\n return <>{elements}</>;\n}\n\nfunction ArcSection({\n r,\n x,\n y,\n startPercent,\n percent,\n color,\n strokeWidth = 2,\n}: {\n r: number;\n x: number;\n y: number;\n startPercent: number;\n percent: number;\n color: string;\n strokeWidth?: number;\n}) {\n const endPercent = startPercent + percent;\n const startXPos = x + Math.sin(2 * Math.PI * startPercent) * r;\n const startYPos = y - Math.cos(2 * Math.PI * startPercent) * r;\n const endXPos = x + Math.sin(2 * Math.PI * endPercent) * r;\n const endYPos = y - Math.cos(2 * Math.PI * endPercent) * r;\n const largeArc = percent > 0.5 ? '1' : '0';\n return (\n <path\n fill=\"none\"\n d={`M ${startXPos} ${startYPos} A ${r} ${r} 0 ${largeArc} 1 ${endXPos} ${endYPos}`}\n stroke={color}\n strokeWidth={strokeWidth}\n />\n );\n}\n\nfunction getColor(field: Field, index: number, theme: GrafanaTheme2): string {\n if (!field.config.color) {\n return field.values[index];\n }\n\n return getFieldColorModeForField(field).getCalculator(field, theme)(0, field.values[index]);\n}\n","import {\n DataFrame,\n Field,\n FieldCache,\n FieldColorModeId,\n FieldConfig,\n FieldType,\n MutableDataFrame,\n NodeGraphDataFrameFieldNames,\n} from '@grafana/data';\n\nimport { nodeR } from './Node';\nimport { EdgeDatum, GraphFrame, NodeDatum, NodeDatumFromEdge, NodeGraphOptions } from './types';\n\ntype Line = { x1: number; y1: number; x2: number; y2: number };\n\n/**\n * Makes line shorter while keeping its middle in the same place.\n * This is manly used to add some empty space between an edge line and its source and target nodes, to make it nicer.\n *\n * @param line a line, where x1 and y1 are the coordinates of the source node center, and x2 and y2 are the coordinates of the target node center\n * @param sourceNodeRadius radius of the source node (possibly taking into account the thickness of the node circumference line, etc.)\n * @param targetNodeRadius radius of the target node (possibly taking into account the thickness of the node circumference line, etc.)\n * @param arrowHeadHeight height of the arrow head (in pixels)\n */\nexport function shortenLine(line: Line, sourceNodeRadius: number, targetNodeRadius: number, arrowHeadHeight = 1): Line {\n const vx = line.x2 - line.x1;\n const vy = line.y2 - line.y1;\n const mag = Math.sqrt(vx * vx + vy * vy);\n const cosine = (line.x2 - line.x1) / mag;\n const sine = (line.y2 - line.y1) / mag;\n const scaledThickness = arrowHeadHeight - arrowHeadHeight / 10;\n\n // Reduce the line length (along its main direction) by:\n // - the radius of the source node\n // - the radius of the target node,\n // - a constant value, just to add some empty space\n // - the height of the arrow head; the bigger the arrow head, the better is to add even more empty space\n return {\n x1: line.x1 + cosine * (sourceNodeRadius + 5),\n y1: line.y1 + sine * (sourceNodeRadius + 5),\n x2: line.x2 - cosine * (targetNodeRadius + 3 + scaledThickness),\n y2: line.y2 - sine * (targetNodeRadius + 3 + scaledThickness),\n };\n}\n\nexport type NodeFields = {\n id?: Field;\n title?: Field;\n subTitle?: Field;\n mainStat?: Field;\n secondaryStat?: Field;\n arc: Field[];\n details: Field[];\n color?: Field;\n icon?: Field;\n nodeRadius?: Field;\n highlighted?: Field;\n};\n\nexport function getNodeFields(nodes: DataFrame): NodeFields {\n const normalizedFrames = {\n ...nodes,\n fields: nodes.fields.map((field) => ({ ...field, name: field.name.toLowerCase() })),\n };\n const fieldsCache = new FieldCache(normalizedFrames);\n return {\n id: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id.toLowerCase()),\n title: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.title.toLowerCase()),\n subTitle: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.subTitle.toLowerCase()),\n mainStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.mainStat.toLowerCase()),\n secondaryStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.secondaryStat.toLowerCase()),\n arc: findFieldsByPrefix(nodes, NodeGraphDataFrameFieldNames.arc),\n details: findFieldsByPrefix(nodes, NodeGraphDataFrameFieldNames.detail),\n color: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.color),\n icon: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.icon),\n nodeRadius: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.nodeRadius.toLowerCase()),\n highlighted: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.highlighted.toLowerCase()),\n };\n}\n\nexport type EdgeFields = {\n id?: Field;\n source?: Field;\n target?: Field;\n mainStat?: Field;\n secondaryStat?: Field;\n details: Field[];\n highlighted?: Field;\n thickness?: Field;\n};\n\nexport function getEdgeFields(edges: DataFrame): EdgeFields {\n const normalizedFrames = {\n ...edges,\n fields: edges.fields.map((field) => ({ ...field, name: field.name.toLowerCase() })),\n };\n const fieldsCache = new FieldCache(normalizedFrames);\n return {\n id: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id.toLowerCase()),\n source: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.source.toLowerCase()),\n target: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.target.toLowerCase()),\n mainStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.mainStat.toLowerCase()),\n secondaryStat: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.secondaryStat.toLowerCase()),\n details: findFieldsByPrefix(edges, NodeGraphDataFrameFieldNames.detail.toLowerCase()),\n highlighted: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.highlighted.toLowerCase()),\n thickness: fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.thickness.toLowerCase()),\n };\n}\n\nfunction findFieldsByPrefix(frame: DataFrame, prefix: string): Field[] {\n return frame.fields.filter((f) => f.name.match(new RegExp('^' + prefix)));\n}\n\n/**\n * Transform nodes and edges dataframes into array of objects that the layout code can then work with.\n */\nexport function processNodes(\n nodes: DataFrame | undefined,\n edges: DataFrame | undefined\n): {\n nodes: NodeDatum[];\n edges: EdgeDatum[];\n legend?: Array<{\n color: string;\n name: string;\n }>;\n} {\n if (!(edges || nodes)) {\n return { nodes: [], edges: [] };\n }\n\n if (nodes) {\n const nodeFields = getNodeFields(nodes);\n if (!nodeFields.id) {\n throw new Error('id field is required for nodes data frame.');\n }\n\n // Create the nodes here\n const nodesMap: { [id: string]: NodeDatum } = {};\n for (let i = 0; i < nodeFields.id.values.length; i++) {\n const id = nodeFields.id.values[i];\n nodesMap[id] = makeNodeDatum(id, nodeFields, i);\n }\n\n // We may not have edges in case of single node\n let edgeDatums: EdgeDatum[] = edges ? processEdges(edges, getEdgeFields(edges), nodesMap) : [];\n\n for (const e of edgeDatums) {\n // We are adding incoming edges count, so we can later on find out which nodes are the roots\n nodesMap[e.target].incoming++;\n }\n\n return {\n nodes: Object.values(nodesMap),\n edges: edgeDatums,\n legend: nodeFields.arc.map((f) => {\n return {\n color: f.config.color?.fixedColor ?? '',\n name: f.config.displayName || f.name,\n };\n }),\n };\n } else {\n // We have only edges here, so we have to construct also nodes out of them\n\n // We checked that either node || edges has to be defined and if nodes aren't edges has to be defined\n edges = edges!;\n\n const nodesMap: { [id: string]: NodeDatumFromEdge } = {};\n\n const edgeFields = getEdgeFields(edges);\n\n // Turn edges into reasonable filled in nodes\n for (let i = 0; i < edges.length; i++) {\n const { source, target } = makeNodeDatumsFromEdge(edgeFields, i);\n\n nodesMap[target.id] = nodesMap[target.id] || target;\n nodesMap[source.id] = nodesMap[source.id] || source;\n\n // Check the stats fields. They can be also strings which we cannot really aggregate so only aggregate in case\n // they are numbers. Here we just sum all incoming edges to get the final value for node.\n if (computableField(edgeFields.mainStat)) {\n nodesMap[target.id].mainStatNumeric =\n (nodesMap[target.id].mainStatNumeric ?? 0) + edgeFields.mainStat!.values[i];\n }\n\n if (computableField(edgeFields.secondaryStat)) {\n nodesMap[target.id].secondaryStatNumeric =\n (nodesMap[target.id].secondaryStatNumeric ?? 0) + edgeFields.secondaryStat!.values[i];\n }\n\n // We are adding incoming edges count, so we can later on find out which nodes are the roots\n nodesMap[target.id].incoming++;\n }\n\n let edgeDatums = processEdges(edges, edgeFields, nodesMap);\n\n // It is expected for stats to be Field, so we have to create them.\n const nodes = normalizeStatsForNodes(nodesMap, edgeFields);\n\n return {\n nodes,\n edges: edgeDatums,\n };\n }\n}\n\n/**\n * Turn data frame data into EdgeDatum that node graph understands\n * @param edges\n * @param edgeFields\n */\nfunction processEdges(edges: DataFrame, edgeFields: EdgeFields, nodesMap: { [id: string]: NodeDatum }): EdgeDatum[] {\n if (!edgeFields.id) {\n throw new Error('id field is required for edges data frame.');\n }\n\n return edgeFields.id.values.map((id, index) => {\n const target = edgeFields.target?.values[index];\n const source = edgeFields.source?.values[index];\n\n const sourceNode = nodesMap[source];\n const targetNode = nodesMap[target];\n\n return {\n id,\n dataFrameRowIndex: index,\n source,\n target,\n sourceNodeRadius: !sourceNode.nodeRadius ? nodeR : sourceNode.nodeRadius.values[sourceNode.dataFrameRowIndex],\n targetNodeRadius: !targetNode.nodeRadius ? nodeR : targetNode.nodeRadius.values[targetNode.dataFrameRowIndex],\n mainStat: edgeFields.mainStat ? statToString(edgeFields.mainStat.config, edgeFields.mainStat.values[index]) : '',\n secondaryStat: edgeFields.secondaryStat\n ? statToString(edgeFields.secondaryStat.config, edgeFields.secondaryStat.values[index])\n : '',\n highlighted: edgeFields.highlighted?.values[index] || false,\n thickness: edgeFields.thickness?.values[index] || 1,\n };\n });\n}\n\nfunction computableField(field?: Field) {\n return field && field.type === FieldType.number;\n}\n\n/**\n * Instead of just simple numbers node graph requires to have Field in NodeDatum (probably for some formatting info in\n * config). So we create them here and fill with correct data.\n * @param nodesMap\n * @param edgeFields\n */\nfunction normalizeStatsForNodes(nodesMap: { [id: string]: NodeDatumFromEdge }, edgeFields: EdgeFields): NodeDatum[] {\n const secondaryStatValues: Array<number | undefined> = [];\n const mainStatValues: Array<number | undefined> = [];\n const secondaryStatField = computableField(edgeFields.secondaryStat)\n ? {\n ...edgeFields.secondaryStat!,\n values: secondaryStatValues,\n }\n : undefined;\n\n const mainStatField = computableField(edgeFields.mainStat)\n ? {\n ...edgeFields.mainStat!,\n values: mainStatValues,\n }\n : undefined;\n\n return Object.values(nodesMap).map((node, index) => {\n if (mainStatField || secondaryStatField) {\n const newNode = {\n ...node,\n };\n\n if (mainStatField) {\n newNode.mainStat = mainStatField;\n mainStatValues.push(node.mainStatNumeric);\n newNode.dataFrameRowIndex = index;\n }\n\n if (secondaryStatField) {\n newNode.secondaryStat = secondaryStatField;\n secondaryStatValues.push(node.secondaryStatNumeric);\n newNode.dataFrameRowIndex = index;\n }\n return newNode;\n }\n return node;\n });\n}\n\nfunction makeNodeDatumsFromEdge(edgeFields: EdgeFields, index: number) {\n const targetId = edgeFields.target?.values[index];\n const sourceId = edgeFields.source?.values[index];\n return {\n target: makeSimpleNodeDatum(targetId, index),\n source: makeSimpleNodeDatum(sourceId, index),\n };\n}\n\nfunction makeSimpleNodeDatum(name: string, index: number): NodeDatumFromEdge {\n return {\n id: name,\n title: name,\n subTitle: '',\n dataFrameRowIndex: index,\n incoming: 0,\n arcSections: [],\n highlighted: false,\n };\n}\n\nfunction makeNodeDatum(id: string, nodeFields: NodeFields, index: number): NodeDatum {\n return {\n id: id,\n title: nodeFields.title?.values[index] || '',\n subTitle: nodeFields.subTitle?.values[index] || '',\n dataFrameRowIndex: index,\n incoming: 0,\n mainStat: nodeFields.mainStat,\n secondaryStat: nodeFields.secondaryStat,\n arcSections: nodeFields.arc,\n color: nodeFields.color,\n icon: nodeFields.icon?.values[index] || '',\n nodeRadius: nodeFields.nodeRadius,\n highlighted: nodeFields.highlighted?.values[index] || false,\n };\n}\n\nexport function statToString(config: FieldConfig, value: number | string): string {\n if (typeof value === 'string') {\n return value;\n } else {\n const decimals = config.decimals || 2;\n if (Number.isFinite(value)) {\n return value.toFixed(decimals) + (config.unit ? ' ' + config.unit : '');\n } else {\n return '';\n }\n }\n}\n\n/**\n * Utilities mainly for testing\n */\n\nexport function makeNodesDataFrame(count: number) {\n const frame = nodesFrame();\n for (let i = 0; i < count; i++) {\n frame.add(makeNode(i));\n }\n\n return frame;\n}\n\nfunction makeNode(index: number) {\n return {\n id: index.toString(),\n title: `service:${index}`,\n subtitle: 'service',\n arc__success: 0.5,\n arc__errors: 0.5,\n mainstat: 0.1,\n secondarystat: 2,\n color: 0.5,\n icon: 'database',\n noderadius: 40,\n };\n}\n\nfunction nodesFrame() {\n const fields = {\n [NodeGraphDataFrameFieldNames.id]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.title]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.subTitle]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.mainStat]: {\n values: [],\n type: FieldType.number,\n },\n [NodeGraphDataFrameFieldNames.secondaryStat]: {\n values: [],\n type: FieldType.number,\n },\n [NodeGraphDataFrameFieldNames.arc + 'success']: {\n values: [],\n type: FieldType.number,\n config: { color: { mode: FieldColorModeId.Fixed, fixedColor: 'green' } },\n },\n [NodeGraphDataFrameFieldNames.arc + 'errors']: {\n values: [],\n type: FieldType.number,\n config: { color: { mode: FieldColorModeId.Fixed, fixedColor: 'red' } },\n },\n [NodeGraphDataFrameFieldNames.color]: {\n values: [],\n type: FieldType.number,\n config: { color: { mode: FieldColorModeId.ContinuousGrYlRd } },\n },\n [NodeGraphDataFrameFieldNames.icon]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.nodeRadius]: {\n values: [],\n type: FieldType.number,\n },\n };\n\n return new MutableDataFrame({\n name: 'nodes',\n fields: Object.entries(fields).map(([key, value]) => ({\n ...value,\n name: key,\n })),\n });\n}\n\nexport function makeEdgesDataFrame(\n edges: Array<Partial<{ source: string; target: string; mainstat: number; secondarystat: number }>>\n) {\n const frame = edgesFrame();\n for (const edge of edges) {\n frame.add({\n id: edge.source + '--' + edge.target,\n ...edge,\n });\n }\n\n return frame;\n}\n\nfunction edgesFrame() {\n const fields = {\n [NodeGraphDataFrameFieldNames.id]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.source]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.target]: {\n values: [],\n type: FieldType.string,\n },\n [NodeGraphDataFrameFieldNames.mainStat]: {\n values: [],\n type: FieldType.number,\n },\n [NodeGraphDataFrameFieldNames.secondaryStat]: {\n values: [],\n type: FieldType.number,\n },\n };\n\n return new MutableDataFrame({\n name: 'edges',\n fields: Object.entries(fields).map(([key, value]) => ({\n ...value,\n name: key,\n })),\n });\n}\n\nexport interface Bounds {\n top: number;\n right: number;\n bottom: number;\n left: number;\n center: {\n x: number;\n y: number;\n };\n}\n\n/**\n * Get bounds of the graph meaning the extent of the nodes in all directions.\n */\nexport function graphBounds(nodes: NodeDatum[]): Bounds {\n if (nodes.length === 0) {\n return { top: 0, right: 0, bottom: 0, left: 0, center: { x: 0, y: 0 } };\n }\n\n const bounds = nodes.reduce(\n (acc, node) => {\n if (node.x! > acc.right) {\n acc.right = node.x!;\n }\n if (node.x! < acc.left) {\n acc.left = node.x!;\n }\n if (node.y! > acc.bottom) {\n acc.bottom = node.y!;\n }\n if (node.y! < acc.top) {\n acc.top = node.y!;\n }\n return acc;\n },\n { top: Infinity, right: -Infinity, bottom: -Infinity, left: Infinity }\n );\n\n const y = bounds.top + (bounds.bottom - bounds.top) / 2;\n const x = bounds.left + (bounds.right - bounds.left) / 2;\n\n return {\n ...bounds,\n center: {\n x,\n y,\n },\n };\n}\n\nexport function getNodeGraphDataFrames(frames: DataFrame[], options?: NodeGraphOptions) {\n // TODO: this not in sync with how other types of responses are handled. Other types have a query response\n // processing pipeline which ends up populating redux state with proper data. As we move towards more dataFrame\n // oriented API it seems like a better direction to move such processing into to visualisations and do minimal\n // and lazy processing here. Needs bigger refactor so keeping nodeGraph and Traces as they are for now.\n let nodeGraphFrames = frames.filter((frame) => {\n if (frame.meta?.preferredVisualisationType === 'nodeGraph') {\n return true;\n }\n\n if (frame.name === 'nodes' || frame.name === 'edges' || frame.refId === 'nodes' || frame.refId === 'edges') {\n return true;\n }\n\n const fieldsCache = new FieldCache(frame);\n if (fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.id)) {\n return true;\n }\n\n return false;\n });\n\n // If panel options are provided, interpolate their values in to the data frames\n if (options) {\n nodeGraphFrames = applyOptionsToFrames(nodeGraphFrames, options);\n }\n return nodeGraphFrames;\n}\n\nexport const applyOptionsToFrames = (frames: DataFrame[], options: NodeGraphOptions): DataFrame[] => {\n return frames.map((frame) => {\n const fieldsCache = new FieldCache(frame);\n\n // Edges frame has source which can be used to identify nodes vs edges frames\n if (fieldsCache.getFieldByName(NodeGraphDataFrameFieldNames.source.toLowerCase())) {\n if (options?.edges?.mainStatUnit) {\n const field = frame.fields.find((field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.mainStat);\n if (field) {\n field.config = { ...field.config, unit: options.edges.mainStatUnit };\n }\n }\n if (options?.edges?.secondaryStatUnit) {\n const field = frame.fields.find(\n (field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.secondaryStat\n );\n if (field) {\n field.config = { ...field.config, unit: options.edges.secondaryStatUnit };\n }\n }\n } else {\n if (options?.nodes?.mainStatUnit) {\n const field = frame.fields.find((field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.mainStat);\n if (field) {\n field.config = { ...field.config, unit: options.nodes.mainStatUnit };\n }\n }\n if (options?.nodes?.secondaryStatUnit) {\n const field = frame.fields.find(\n (field) => field.name.toLowerCase() === NodeGraphDataFrameFieldNames.secondaryStat\n );\n if (field) {\n field.config = { ...field.config, unit: options.nodes.secondaryStatUnit };\n }\n }\n if (options?.nodes?.arcs?.length) {\n for (const arc of options.nodes.arcs) {\n const field = frame.fields.find((field) => field.name.toLowerCase() === arc.field);\n if (field && arc.color) {\n field.config = { ...field.config, color: { fixedColor: arc.color, mode: FieldColorModeId.Fixed } };\n }\n }\n }\n }\n return frame;\n });\n};\n\n// Returns an array of node ids which are connected to a given edge\nexport const findConnectedNodesForEdge = (nodes: NodeDatum[], edges: EdgeDatum[], edgeId: string): string[] => {\n const edge = edges.find((edge) => edge.id === edgeId);\n if (edge) {\n return [\n ...new Set(nodes.filter((node) => edge.source === node.id || edge.target === node.id).map((node) => node.id)),\n ];\n }\n return [];\n};\n\n// Returns an array of node ids which are connected to a given node\nexport const findConnectedNodesForNode = (nodes: NodeDatum[], edges: EdgeDatum[], nodeId: string): string[] => {\n const node = nodes.find((node) => node.id === nodeId);\n if (node) {\n const linkedEdges = edges.filter((edge) => edge.source === node.id || edge.target === node.id);\n return [\n ...new Set(\n linkedEdges.flatMap((edge) =>\n nodes.filter((n) => edge.source === n.id || edge.target === n.id).map((n) => n.id)\n )\n ),\n ];\n }\n return [];\n};\n\nexport const getGraphFrame = (frames: DataFrame[]) => {\n return frames.reduce<GraphFrame>(\n (acc, frame) => {\n const sourceField = frame.fields.filter((f) => f.name === 'source');\n if (frame.name === 'edges' || sourceField.length) {\n acc.edges.push(frame);\n } else {\n acc.nodes.push(frame);\n }\n return acc;\n },\n { edges: [], nodes: [] }\n );\n};\n"],"names":["nodeR","highlightedNodeColor","getStyles","theme","hovering","computeNodeCircumferenceStrokeWidth","nodeRadius","Node","props","node","onMouseEnter","onMouseLeave","onClick","styles","isHovered","strokeWidth","ColorCircle","NodeContents","event","fullStat","s","nonZero","getColor","elements","acc","section","index","color","value","el","ArcSection","r","x","y","startPercent","percent","endPercent","startXPos","startYPos","endXPos","endYPos","largeArc","field","shortenLine","line","sourceNodeRadius","targetNodeRadius","arrowHeadHeight","vx","vy","mag","cosine","sine","scaledThickness","getNodeFields","nodes","normalizedFrames","fieldsCache","findFieldsByPrefix","getEdgeFields","edges","frame","prefix","f","processNodes","nodeFields","nodesMap","i","id","makeNodeDatum","edgeDatums","processEdges","e","edgeFields","source","target","makeNodeDatumsFromEdge","computableField","normalizeStatsForNodes","sourceNode","targetNode","statToString","secondaryStatValues","mainStatValues","secondaryStatField","mainStatField","newNode","targetId","sourceId","makeSimpleNodeDatum","name","config","decimals","makeNodesDataFrame","count","nodesFrame","makeNode","fields","key","makeEdgesDataFrame","edgesFrame","edge","graphBounds","bounds","getNodeGraphDataFrames","frames","options","nodeGraphFrames","applyOptionsToFrames","arc","findConnectedNodesForEdge","edgeId","findConnectedNodesForNode","nodeId","linkedEdges","n","getGraphFrame","sourceField"],"sourceRoot":""}