@perses-dev/prometheus-plugin 0.50.3 → 0.51.0-beta.2

package/lib/components/TreeNode.js

@@ -0,0 +1,479 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// Forked from https://github.com/prometheus/prometheus/blob/65f610353919b1c7b42d3776c3a95b68046a6bba/web/ui/mantine-ui/src/pages/query/TreeNode.tsx
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, CircularProgress, List, ListItem, Stack, Tooltip, Typography, useTheme } from '@mui/material';
+import CircleIcon from 'mdi-material-ui/Circle';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import AlertCircle from 'mdi-material-ui/AlertCircle';
+import { nodeType } from './promql/ast';
+import { escapeString, getNodeChildren } from './promql/utils';
+import { formatNode } from './promql/format';
+import serializeNode from './promql/serialize';
+import { functionSignatures } from './promql/functionSignatures';
+import { useInstantQuery } from './query';
+// The indentation factor for each level of the tree.
+const nodeIndent = 5;
+const connectorWidth = nodeIndent * 5;
+// max number of label names and values to show in the individual query status
+const maxLabelNames = 10;
+const maxLabelValues = 10;
+// mergeChildStates basically returns the "worst" state found among the children.
+const mergeChildStates = (states)=>{
+    if (states.includes('error')) {
+        return 'error';
+    }
+    if (states.includes('waiting')) {
+        return 'waiting';
+    }
+    if (states.includes('running')) {
+        return 'running';
+    }
+    return 'success';
+};
+export default function TreeNode({ node, parentEl, reverse, datasource, childIdx, reportNodeState }) {
+    const theme = useTheme();
+    const children = getNodeChildren(node);
+    // A normal ref won't work properly here because the ref's `current` property
+    // going from `null` to defined won't trigger a re-render of the child
+    // component, since it's not a React state update. So we manually have to
+    // create a state update using a callback ref. See also
+    // https://tkdodo.eu/blog/avoiding-use-effect-with-callback-refs
+    const [nodeEl, setNodeEl] = useState(null);
+    const nodeRef = useCallback((node)=>setNodeEl(node), []);
+    const [resultStats, setResultStats] = useState({
+        numSeries: 0,
+        labelExamples: {},
+        sortedLabelCards: []
+    });
+    const [connectorStyle, setConnectorStyle] = useState({
+        borderColor: theme.palette.grey['500'],
+        borderLeftStyle: 'solid',
+        borderLeftWidth: 2,
+        width: connectorWidth,
+        left: -connectorWidth
+    });
+    const [childStates, setChildStates] = useState(children.map(()=>'waiting'));
+    const mergedChildState = useMemo(()=>mergeChildStates(childStates), [
+        childStates
+    ]);
+    // Optimize range vector selector fetches to give us the info we're looking for
+    // more cheaply. E.g. 'foo[7w]' can be expensive to fully fetch, but wrapping it
+    // in 'last_over_time(foo[7w])' is cheaper and also gives us all the info we
+    // need (number of series and labels).
+    let queryNode = node;
+    if (queryNode.type === nodeType.matrixSelector) {
+        queryNode = {
+            type: nodeType.call,
+            func: functionSignatures.last_over_time,
+            args: [
+                node
+            ]
+        };
+    }
+    // Individual query for the current node
+    const { data: instantQueryResponse, isFetching, error } = useInstantQuery(serializeNode(queryNode) ?? '', datasource, mergedChildState === 'success');
+    // report the node state to the parent
+    useEffect(()=>{
+        if (reportNodeState) {
+            if (mergedChildState === 'error' || error) {
+                reportNodeState(childIdx, 'error');
+            } else if (isFetching) {
+                reportNodeState(childIdx, 'running');
+            }
+        }
+    }, [
+        mergedChildState,
+        error,
+        isFetching,
+        reportNodeState,
+        childIdx
+    ]);
+    // This function is passed down to the child nodes so they can report their state.
+    const childReportNodeState = useCallback((childIdx, state)=>{
+        setChildStates((prev)=>{
+            const newStates = [
+                ...prev
+            ];
+            newStates[childIdx] = state;
+            return newStates;
+        });
+    }, [
+        setChildStates
+    ]);
+    // Update the size and position of tree connector lines based on the node's and its parent's position.
+    useLayoutEffect(()=>{
+        if (parentEl === undefined) {
+            // We're the root node.
+            return;
+        }
+        if (parentEl === null || nodeEl === null) {
+            // Either of the two connected nodes hasn't been rendered yet.
+            return;
+        }
+        const parentRect = parentEl.getBoundingClientRect();
+        const nodeRect = nodeEl.getBoundingClientRect();
+        if (reverse) {
+            setConnectorStyle((prevStyle)=>({
+                    ...prevStyle,
+                    top: 'calc(50% - 1px)',
+                    bottom: nodeRect.bottom - parentRect.top,
+                    borderTopLeftRadius: 10,
+                    borderTopStyle: 'solid',
+                    borderBottomLeftRadius: undefined
+                }));
+        } else {
+            setConnectorStyle((prevStyle)=>({
+                    ...prevStyle,
+                    top: parentRect.bottom - nodeRect.top,
+                    bottom: 'calc(50% - 1px)',
+                    borderBottomLeftRadius: 10,
+                    borderBottomStyle: 'solid',
+                    borderTopLeftRadius: undefined
+                }));
+        }
+    }, [
+        parentEl,
+        nodeEl,
+        reverse,
+        nodeRef,
+        setConnectorStyle
+    ]);
+    // Update the node info state based on the query result.
+    useEffect(()=>{
+        if (instantQueryResponse?.status !== 'success') {
+            return;
+        }
+        if (reportNodeState) {
+            reportNodeState(childIdx, 'success');
+        }
+        let resultSeries = 0;
+        // labelValuesByName records the number of times each label value appears for each label name.
+        const labelValuesByName = {};
+        const { resultType, result } = instantQueryResponse.data;
+        if (resultType === 'scalar' || resultType === 'string') {
+            resultSeries = 1;
+        } else if (result && result.length > 0) {
+            resultSeries = result.length;
+            result.forEach((s)=>{
+                Object.entries(s.metric).forEach(([ln, lv])=>{
+                    // TODO: If we ever want to include __name__ here again, we cannot use the
+                    // last_over_time(foo[7d]) optimization since that removes the metric name.
+                    if (ln !== '__name__') {
+                        labelValuesByName[ln] = labelValuesByName[ln] ?? {};
+                        labelValuesByName[ln][lv] = (labelValuesByName[ln][lv] ?? 0) + 1;
+                    }
+                });
+            });
+        }
+        // labelCardinalities records the number of unique label values for each label name.
+        const labelCardinalities = {};
+        // labelExamples records the most common label values for each label name.
+        const labelExamples = {};
+        Object.entries(labelValuesByName).forEach(([ln, lvs])=>{
+            labelCardinalities[ln] = Object.keys(lvs).length;
+            // Sort label values by their number of occurrences within this label name.
+            labelExamples[ln] = Object.entries(lvs).sort(([, aCnt], [, bCnt])=>bCnt - aCnt).slice(0, maxLabelValues).map(([lv, cnt])=>({
+                    value: lv,
+                    count: cnt
+                }));
+        });
+        setResultStats({
+            numSeries: resultSeries,
+            sortedLabelCards: Object.entries(labelCardinalities).sort((a, b)=>b[1] - a[1]),
+            labelExamples
+        });
+    }, [
+        instantQueryResponse,
+        reportNodeState,
+        childIdx
+    ]);
+    const innerNode = /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ _jsxs(Box, {
+                ref: nodeRef,
+                sx: {
+                    position: 'relative',
+                    display: 'inline-block',
+                    padding: 1,
+                    marginBottom: 1.5,
+                    borderRadius: 2,
+                    backgroundColor: theme.palette.background.code
+                },
+                children: [
+                    parentEl !== undefined && // Connector line between this node and its parent.
+                    /*#__PURE__*/ _jsx(Box, {
+                        sx: {
+                            position: 'absolute',
+                            display: 'inline-block',
+                            ...connectorStyle
+                        }
+                    }),
+                    formatNode(node, false, 1)
+                ]
+            }),
+            /*#__PURE__*/ _jsx(QueryStatus, {
+                mergedChildState: mergedChildState,
+                isFetching: isFetching,
+                error: error,
+                resultStats: resultStats,
+                responseTime: instantQueryResponse?.responseTime
+            })
+        ]
+    });
+    if (node.type === nodeType.binaryExpr) {
+        return /*#__PURE__*/ _jsxs("div", {
+            children: [
+                /*#__PURE__*/ _jsx(Box, {
+                    ml: nodeIndent,
+                    children: /*#__PURE__*/ _jsx(TreeNode, {
+                        node: children[0],
+                        parentEl: nodeEl,
+                        reverse: true,
+                        datasource: datasource,
+                        childIdx: 0,
+                        reportNodeState: childReportNodeState
+                    })
+                }),
+                innerNode,
+                /*#__PURE__*/ _jsx(Box, {
+                    ml: nodeIndent,
+                    children: /*#__PURE__*/ _jsx(TreeNode, {
+                        node: children[1],
+                        parentEl: nodeEl,
+                        reverse: false,
+                        datasource: datasource,
+                        childIdx: 1,
+                        reportNodeState: childReportNodeState
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            innerNode,
+            children.map((child, idx)=>/*#__PURE__*/ _jsx(Box, {
+                    ml: nodeIndent,
+                    children: /*#__PURE__*/ _jsx(TreeNode, {
+                        node: child,
+                        parentEl: nodeEl,
+                        reverse: false,
+                        datasource: datasource,
+                        childIdx: idx,
+                        reportNodeState: childReportNodeState
+                    })
+                }, idx))
+        ]
+    });
+}
+function QueryStatus({ mergedChildState, isFetching, error, resultStats, responseTime }) {
+    if (mergedChildState === 'waiting') {
+        return /*#__PURE__*/ _jsx(ProgressState, {
+            text: "Waiting for child query"
+        });
+    }
+    if (mergedChildState === 'running') {
+        return /*#__PURE__*/ _jsx(ProgressState, {
+            text: "Running"
+        });
+    }
+    if (mergedChildState === 'error') {
+        return /*#__PURE__*/ _jsxs(Stack, {
+            children: [
+                /*#__PURE__*/ _jsx(AlertCircle, {}),
+                "Blocked on child query error"
+            ]
+        });
+    }
+    if (isFetching) {
+        return /*#__PURE__*/ _jsx(ProgressState, {
+            text: "Loading"
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ _jsxs(Box, {
+            display: "flex",
+            alignItems: "center",
+            gap: 1,
+            sx: {
+                color: (theme)=>theme.palette.error.main
+            },
+            marginBottom: 1.5,
+            children: [
+                /*#__PURE__*/ _jsx(AlertCircle, {}),
+                /*#__PURE__*/ _jsxs(Typography, {
+                    variant: "body2",
+                    children: [
+                        /*#__PURE__*/ _jsx("strong", {
+                            children: "Error executing query:"
+                        }),
+                        " ",
+                        error.message
+                    ]
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs(Stack, {
+        direction: "row",
+        gap: 1,
+        alignItems: "center",
+        marginBottom: 1.5,
+        children: [
+            /*#__PURE__*/ _jsxs(Typography, {
+                variant: "body2",
+                component: "span",
+                sx: {
+                    color: (theme)=>theme.palette.grey[500]
+                },
+                children: [
+                    resultStats.numSeries,
+                    " result",
+                    resultStats.numSeries !== 1 && 's',
+                    "  –  ",
+                    responseTime,
+                    "ms",
+                    resultStats.sortedLabelCards.length > 0 && /*#__PURE__*/ _jsx(_Fragment, {
+                        children: "  –"
+                    })
+                ]
+            }),
+            resultStats.sortedLabelCards.slice(0, maxLabelNames).map(([ln, cnt])=>/*#__PURE__*/ _jsx(Tooltip, {
+                    title: /*#__PURE__*/ _jsx(Box, {
+                        children: /*#__PURE__*/ _jsxs(List, {
+                            dense: true,
+                            children: [
+                                resultStats.labelExamples[ln]?.map(({ value, count })=>/*#__PURE__*/ _jsxs(ListItem, {
+                                        sx: {
+                                            display: 'flex',
+                                            gap: 1,
+                                            py: 0,
+                                            px: 0.5
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsx(CircleIcon, {
+                                                sx: {
+                                                    fontSize: 8
+                                                }
+                                            }),
+                                            /*#__PURE__*/ _jsx(Typography, {
+                                                variant: "body2",
+                                                component: "span",
+                                                sx: {
+                                                    color: (theme)=>theme.palette.mode === 'dark' // TODO we shouldnt have to do that I guess..
+                                                         ? theme.palette.warning.dark : theme.palette.warning.main,
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: escapeString(value)
+                                            }),
+                                            /*#__PURE__*/ _jsxs(Typography, {
+                                                variant: "body2",
+                                                component: "span",
+                                                children: [
+                                                    "(",
+                                                    count,
+                                                    "x)"
+                                                ]
+                                            })
+                                        ]
+                                    }, value)),
+                                cnt > maxLabelValues && /*#__PURE__*/ _jsxs(ListItem, {
+                                    sx: {
+                                        display: 'flex',
+                                        gap: 1,
+                                        py: 0,
+                                        px: 0.5
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(CircleIcon, {
+                                            sx: {
+                                                fontSize: 8
+                                            }
+                                        }),
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            children: ". . ."
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    arrow: true,
+                    children: /*#__PURE__*/ _jsxs("span", {
+                        style: {
+                            cursor: 'pointer',
+                            whiteSpace: 'nowrap'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                component: "span",
+                                sx: {
+                                    fontFamily: 'monospace',
+                                    color: (theme)=>theme.palette.success.main
+                                },
+                                children: ln
+                            }),
+                            /*#__PURE__*/ _jsxs(Typography, {
+                                variant: "body2",
+                                component: "span",
+                                sx: {
+                                    color: (theme)=>theme.palette.grey[500]
+                                },
+                                children: [
+                                    ": ",
+                                    cnt
+                                ]
+                            })
+                        ]
+                    })
+                }, ln)),
+            resultStats.sortedLabelCards.length > maxLabelNames ? /*#__PURE__*/ _jsxs(Typography, {
+                variant: "body2",
+                children: [
+                    "...",
+                    resultStats.sortedLabelCards.length - maxLabelNames,
+                    " more..."
+                ]
+            }) : null
+        ]
+    });
+}
+function ProgressState({ text }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        marginBottom: 1.5,
+        children: [
+            /*#__PURE__*/ _jsx(CircularProgress, {
+                size: 16,
+                color: "secondary"
+            }),
+            /*#__PURE__*/ _jsxs(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                children: [
+                    text,
+                    "..."
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=TreeNode.js.map

package/lib/components/TreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TreeNode.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n// Forked from https://github.com/prometheus/prometheus/blob/65f610353919b1c7b42d3776c3a95b68046a6bba/web/ui/mantine-ui/src/pages/query/TreeNode.tsx\n\nimport { Box, CircularProgress, List, ListItem, Stack, Tooltip, Typography, useTheme } from '@mui/material';\nimport CircleIcon from 'mdi-material-ui/Circle';\nimport { ReactElement, useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport AlertCircle from 'mdi-material-ui/AlertCircle';\nimport { StatusError } from '@perses-dev/core';\nimport { PrometheusDatasourceSelector } from '../model';\nimport ASTNode, { nodeType } from './promql/ast';\nimport { escapeString, getNodeChildren } from './promql/utils';\nimport { formatNode } from './promql/format';\nimport serializeNode from './promql/serialize';\nimport { functionSignatures } from './promql/functionSignatures';\nimport { useInstantQuery } from './query';\n\n// The indentation factor for each level of the tree.\nconst nodeIndent = 5;\nconst connectorWidth = nodeIndent * 5;\n\n// max number of label names and values to show in the individual query status\nconst maxLabelNames = 10;\nconst maxLabelValues = 10;\n\ntype NodeState = 'waiting' | 'running' | 'error' | 'success';\n\n// mergeChildStates basically returns the \"worst\" state found among the children.\nconst mergeChildStates = (states: NodeState[]): NodeState => {\n  if (states.includes('error')) {\n    return 'error';\n  }\n  if (states.includes('waiting')) {\n    return 'waiting';\n  }\n  if (states.includes('running')) {\n    return 'running';\n  }\n\n  return 'success';\n};\n\ninterface TreeNodeProps {\n  // The AST node to render.\n  node: ASTNode;\n  // The parent element of this node.\n  parentEl?: HTMLDivElement | null;\n  // Used to compute the position of the connector line between this node and its parent.\n  reverse: boolean;\n  // Datasource used for the node's individual query.\n  datasource: PrometheusDatasourceSelector;\n  // The index of this node in its parent's children.\n  // Used to render the node's individual query.\n  childIdx: number;\n  // Function to report the node state to the parent.\n  // Used to render the node's individual query.\n  reportNodeState?: (childIdx: number, state: NodeState) => void;\n}\n\nexport default function TreeNode({\n  node,\n  parentEl,\n  reverse,\n  datasource,\n  childIdx,\n  reportNodeState,\n}: TreeNodeProps): ReactElement {\n  const theme = useTheme();\n  const children = getNodeChildren(node);\n\n  // A normal ref won't work properly here because the ref's `current` property\n  // going from `null` to defined won't trigger a re-render of the child\n  // component, since it's not a React state update. So we manually have to\n  // create a state update using a callback ref. See also\n  // https://tkdodo.eu/blog/avoiding-use-effect-with-callback-refs\n  const [nodeEl, setNodeEl] = useState<HTMLDivElement | null>(null);\n  const nodeRef = useCallback((node: HTMLDivElement) => setNodeEl(node), []);\n\n  const [resultStats, setResultStats] = useState<{\n    numSeries: number;\n    labelExamples: Record<string, Array<{ value: string; count: number }>>;\n    sortedLabelCards: Array<[string, number]>;\n  }>({\n    numSeries: 0,\n    labelExamples: {},\n    sortedLabelCards: [],\n  });\n\n  const [connectorStyle, setConnectorStyle] = useState({\n    borderColor: theme.palette.grey['500'],\n    borderLeftStyle: 'solid',\n    borderLeftWidth: 2,\n    width: connectorWidth,\n    left: -connectorWidth,\n  });\n\n  const [childStates, setChildStates] = useState<NodeState[]>(children.map(() => 'waiting'));\n  const mergedChildState = useMemo(() => mergeChildStates(childStates), [childStates]);\n\n  // Optimize range vector selector fetches to give us the info we're looking for\n  // more cheaply. E.g. 'foo[7w]' can be expensive to fully fetch, but wrapping it\n  // in 'last_over_time(foo[7w])' is cheaper and also gives us all the info we\n  // need (number of series and labels).\n  let queryNode = node;\n  if (queryNode.type === nodeType.matrixSelector) {\n    queryNode = {\n      type: nodeType.call,\n      func: functionSignatures.last_over_time!,\n      args: [node],\n    };\n  }\n\n  // Individual query for the current node\n  const {\n    data: instantQueryResponse,\n    isFetching,\n    error,\n  } = useInstantQuery(serializeNode(queryNode) ?? '', datasource, mergedChildState === 'success');\n\n  // report the node state to the parent\n  useEffect(() => {\n    if (reportNodeState) {\n      if (mergedChildState === 'error' || error) {\n        reportNodeState(childIdx, 'error');\n      } else if (isFetching) {\n        reportNodeState(childIdx, 'running');\n      }\n    }\n  }, [mergedChildState, error, isFetching, reportNodeState, childIdx]);\n\n  // This function is passed down to the child nodes so they can report their state.\n  const childReportNodeState = useCallback(\n    (childIdx: number, state: NodeState) => {\n      setChildStates((prev) => {\n        const newStates = [...prev];\n        newStates[childIdx] = state;\n        return newStates;\n      });\n    },\n    [setChildStates]\n  );\n\n  // Update the size and position of tree connector lines based on the node's and its parent's position.\n  useLayoutEffect(() => {\n    if (parentEl === undefined) {\n      // We're the root node.\n      return;\n    }\n\n    if (parentEl === null || nodeEl === null) {\n      // Either of the two connected nodes hasn't been rendered yet.\n      return;\n    }\n\n    const parentRect = parentEl.getBoundingClientRect();\n    const nodeRect = nodeEl.getBoundingClientRect();\n    if (reverse) {\n      setConnectorStyle((prevStyle) => ({\n        ...prevStyle,\n        top: 'calc(50% - 1px)',\n        bottom: nodeRect.bottom - parentRect.top,\n        borderTopLeftRadius: 10,\n        borderTopStyle: 'solid',\n        borderBottomLeftRadius: undefined,\n      }));\n    } else {\n      setConnectorStyle((prevStyle) => ({\n        ...prevStyle,\n        top: parentRect.bottom - nodeRect.top,\n        bottom: 'calc(50% - 1px)',\n        borderBottomLeftRadius: 10,\n        borderBottomStyle: 'solid',\n        borderTopLeftRadius: undefined,\n      }));\n    }\n  }, [parentEl, nodeEl, reverse, nodeRef, setConnectorStyle]);\n\n  // Update the node info state based on the query result.\n  useEffect(() => {\n    if (instantQueryResponse?.status !== 'success') {\n      return;\n    }\n\n    if (reportNodeState) {\n      reportNodeState(childIdx, 'success');\n    }\n\n    let resultSeries = 0;\n    // labelValuesByName records the number of times each label value appears for each label name.\n    const labelValuesByName: Record<string, Record<string, number>> = {};\n    const { resultType, result } = instantQueryResponse.data;\n\n    if (resultType === 'scalar' || resultType === 'string') {\n      resultSeries = 1;\n    } else if (result && result.length > 0) {\n      resultSeries = result.length;\n      result.forEach((s) => {\n        Object.entries(s.metric).forEach(([ln, lv]) => {\n          // TODO: If we ever want to include __name__ here again, we cannot use the\n          // last_over_time(foo[7d]) optimization since that removes the metric name.\n          if (ln !== '__name__') {\n            labelValuesByName[ln] = labelValuesByName[ln] ?? {};\n            labelValuesByName[ln]![lv] = (labelValuesByName[ln]![lv] ?? 0) + 1;\n          }\n        });\n      });\n    }\n\n    // labelCardinalities records the number of unique label values for each label name.\n    const labelCardinalities: Record<string, number> = {};\n    // labelExamples records the most common label values for each label name.\n    const labelExamples: Record<string, Array<{ value: string; count: number }>> = {};\n    Object.entries(labelValuesByName).forEach(([ln, lvs]) => {\n      labelCardinalities[ln] = Object.keys(lvs).length;\n      // Sort label values by their number of occurrences within this label name.\n      labelExamples[ln] = Object.entries(lvs)\n        .sort(([, aCnt], [, bCnt]) => bCnt - aCnt)\n        .slice(0, maxLabelValues)\n        .map(([lv, cnt]) => ({ value: lv, count: cnt }));\n    });\n\n    setResultStats({\n      numSeries: resultSeries,\n      sortedLabelCards: Object.entries(labelCardinalities).sort((a, b) => b[1] - a[1]),\n      labelExamples,\n    });\n  }, [instantQueryResponse, reportNodeState, childIdx]);\n\n  const innerNode = (\n    <Stack direction=\"row\" gap={2}>\n      <Box\n        ref={nodeRef}\n        sx={{\n          position: 'relative',\n          display: 'inline-block',\n          padding: 1,\n          marginBottom: 1.5,\n          borderRadius: 2,\n          backgroundColor: theme.palette.background.code,\n        }}\n      >\n        {parentEl !== undefined && (\n          // Connector line between this node and its parent.\n          <Box\n            sx={{\n              position: 'absolute',\n              display: 'inline-block',\n              ...connectorStyle,\n            }}\n          />\n        )}\n        {/* The node (visible box) itself. */}\n        {formatNode(node, false, 1)}\n      </Box>\n      {/* The node's individual query: */}\n      <QueryStatus\n        mergedChildState={mergedChildState}\n        isFetching={isFetching}\n        error={error}\n        resultStats={resultStats}\n        responseTime={instantQueryResponse?.responseTime}\n      />\n    </Stack>\n  );\n\n  if (node.type === nodeType.binaryExpr) {\n    return (\n      <div>\n        <Box ml={nodeIndent}>\n          <TreeNode\n            node={children[0]!}\n            parentEl={nodeEl}\n            reverse={true}\n            datasource={datasource}\n            childIdx={0}\n            reportNodeState={childReportNodeState}\n          />\n        </Box>\n        {innerNode}\n        <Box ml={nodeIndent}>\n          <TreeNode\n            node={children[1]!}\n            parentEl={nodeEl}\n            reverse={false}\n            datasource={datasource}\n            childIdx={1}\n            reportNodeState={childReportNodeState}\n          />\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {innerNode}\n      {children.map((child, idx) => (\n        <Box ml={nodeIndent} key={idx}>\n          <TreeNode\n            node={child}\n            parentEl={nodeEl}\n            reverse={false}\n            datasource={datasource}\n            childIdx={idx}\n            reportNodeState={childReportNodeState}\n          />\n        </Box>\n      ))}\n    </div>\n  );\n}\n\ninterface QueryStatusProps {\n  mergedChildState: NodeState;\n  isFetching: boolean;\n  error: StatusError | null;\n  resultStats: {\n    numSeries: number;\n    labelExamples: Record<string, Array<{ value: string; count: number }>>;\n    sortedLabelCards: Array<[string, number]>;\n  };\n  responseTime?: number;\n}\n\nfunction QueryStatus({\n  mergedChildState,\n  isFetching,\n  error,\n  resultStats,\n  responseTime,\n}: QueryStatusProps): ReactElement {\n  if (mergedChildState === 'waiting') {\n    return <ProgressState text=\"Waiting for child query\" />;\n  }\n\n  if (mergedChildState === 'running') {\n    return <ProgressState text=\"Running\" />;\n  }\n\n  if (mergedChildState === 'error') {\n    return (\n      <Stack>\n        <AlertCircle />\n        Blocked on child query error\n      </Stack>\n    );\n  }\n\n  if (isFetching) {\n    return <ProgressState text=\"Loading\" />;\n  }\n\n  if (error) {\n    return (\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        gap={1}\n        sx={{ color: (theme) => theme.palette.error.main }}\n        marginBottom={1.5}\n      >\n        <AlertCircle />\n        <Typography variant=\"body2\">\n          <strong>Error executing query:</strong> {error.message}\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Stack direction=\"row\" gap={1} alignItems=\"center\" marginBottom={1.5}>\n      <Typography variant=\"body2\" component=\"span\" sx={{ color: (theme) => theme.palette.grey[500] }}>\n        {resultStats.numSeries} result{resultStats.numSeries !== 1 && 's'}\n        &nbsp;&nbsp;–&nbsp;&nbsp;\n        {responseTime}ms\n        {resultStats.sortedLabelCards.length > 0 && <>&nbsp;&nbsp;–</>}\n      </Typography>\n      {resultStats.sortedLabelCards.slice(0, maxLabelNames).map(([ln, cnt]) => (\n        <Tooltip\n          key={ln}\n          title={\n            <Box>\n              <List dense>\n                {resultStats.labelExamples[ln]?.map(({ value, count }) => (\n                  <ListItem\n                    key={value}\n                    sx={{\n                      display: 'flex',\n                      gap: 1,\n                      py: 0,\n                      px: 0.5,\n                    }}\n                  >\n                    <CircleIcon sx={{ fontSize: 8 }} />\n                    <Typography\n                      variant=\"body2\"\n                      component=\"span\"\n                      sx={{\n                        color: (theme) =>\n                          theme.palette.mode === 'dark' // TODO we shouldnt have to do that I guess..\n                            ? theme.palette.warning.dark\n                            : theme.palette.warning.main,\n                        fontFamily: 'monospace',\n                      }}\n                    >\n                      {escapeString(value)}\n                    </Typography>\n                    <Typography variant=\"body2\" component=\"span\">\n                      ({count}x)\n                    </Typography>\n                  </ListItem>\n                ))}\n                {cnt > maxLabelValues && (\n                  <ListItem\n                    sx={{\n                      display: 'flex',\n                      gap: 1,\n                      py: 0,\n                      px: 0.5,\n                    }}\n                  >\n                    <CircleIcon sx={{ fontSize: 8 }} />\n                    <Typography variant=\"body2\">. . .</Typography>\n                  </ListItem>\n                )}\n              </List>\n            </Box>\n          }\n          arrow\n        >\n          <span style={{ cursor: 'pointer', whiteSpace: 'nowrap' }}>\n            <Typography\n              variant=\"body2\"\n              component=\"span\"\n              sx={{ fontFamily: 'monospace', color: (theme) => theme.palette.success.main }}\n            >\n              {ln}\n            </Typography>\n            <Typography variant=\"body2\" component=\"span\" sx={{ color: (theme) => theme.palette.grey[500] }}>\n              : {cnt}\n            </Typography>\n          </span>\n        </Tooltip>\n      ))}\n      {resultStats.sortedLabelCards.length > maxLabelNames ? (\n        <Typography variant=\"body2\">...{resultStats.sortedLabelCards.length - maxLabelNames} more...</Typography>\n      ) : null}\n    </Stack>\n  );\n}\n\nfunction ProgressState({ text }: { text: string }): ReactElement {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" gap={1} marginBottom={1.5}>\n      <CircularProgress size={16} color=\"secondary\" />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {text}...\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","CircularProgress","List","ListItem","Stack","Tooltip","Typography","useTheme","CircleIcon","useCallback","useEffect","useLayoutEffect","useMemo","useState","AlertCircle","nodeType","escapeString","getNodeChildren","formatNode","serializeNode","functionSignatures","useInstantQuery","nodeIndent","connectorWidth","maxLabelNames","maxLabelValues","mergeChildStates","states","includes","TreeNode","node","parentEl","reverse","datasource","childIdx","reportNodeState","theme","children","nodeEl","setNodeEl","nodeRef","resultStats","setResultStats","numSeries","labelExamples","sortedLabelCards","connectorStyle","setConnectorStyle","borderColor","palette","grey","borderLeftStyle","borderLeftWidth","width","left","childStates","setChildStates","map","mergedChildState","queryNode","type","matrixSelector","call","func","last_over_time","args","data","instantQueryResponse","isFetching","error","childReportNodeState","state","prev","newStates","undefined","parentRect","getBoundingClientRect","nodeRect","prevStyle","top","bottom","borderTopLeftRadius","borderTopStyle","borderBottomLeftRadius","borderBottomStyle","status","resultSeries","labelValuesByName","resultType","result","length","forEach","s","Object","entries","metric","ln","lv","labelCardinalities","lvs","keys","sort","aCnt","bCnt","slice","cnt","value","count","a","b","innerNode","direction","gap","ref","sx","position","display","padding","marginBottom","borderRadius","backgroundColor","background","code","QueryStatus","responseTime","binaryExpr","div","ml","child","idx","ProgressState","text","alignItems","color","main","variant","strong","message","component","title","dense","py","px","fontSize","mode","warning","dark","fontFamily","arrow","span","style","cursor","whiteSpace","success","size"],"mappings":"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"}

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,gBAAgB,CAAC"}

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './PromQLEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,iBAAiB"}

package/lib/components/promql/ast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ast.d.ts","sourceRoot":"","sources":["../../../../src/components/promql/ast.ts"],"names":[],"mappings":"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"}

package/{dist → lib}/components/promql/ast.js

@@ -11,8 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 // Forked from https://github.com/prometheus/prometheus/blob/65f610353919b1c7b42d3776c3a95b68046a6bba/web/ui/mantine-ui/src/promql/ast.ts
-export var nodeType;
-(function(nodeType) {
+export var nodeType = /*#__PURE__*/ function(nodeType) {
     nodeType["aggregation"] = "aggregation";
     nodeType["binaryExpr"] = "binaryExpr";
     nodeType["call"] = "call";
@@ -24,9 +23,9 @@ export var nodeType;
     nodeType["unaryExpr"] = "unaryExpr";
     nodeType["vectorSelector"] = "vectorSelector";
     nodeType["placeholder"] = "placeholder";
-})(nodeType || (nodeType = {}));
-export var aggregationType;
-(function(aggregationType) {
+    return nodeType;
+}({});
+export var aggregationType = /*#__PURE__*/ function(aggregationType) {
     aggregationType["sum"] = "sum";
     aggregationType["min"] = "min";
     aggregationType["max"] = "max";
@@ -41,9 +40,9 @@ export var aggregationType;
     aggregationType["quantile"] = "quantile";
     aggregationType["limitK"] = "limitk";
     aggregationType["limitRatio"] = "limit_ratio";
-})(aggregationType || (aggregationType = {}));
-export var binaryOperatorType;
-(function(binaryOperatorType) {
+    return aggregationType;
+}({});
+export var binaryOperatorType = /*#__PURE__*/ function(binaryOperatorType) {
     binaryOperatorType["add"] = "+";
     binaryOperatorType["sub"] = "-";
     binaryOperatorType["mul"] = "*";
@@ -60,7 +59,8 @@ export var binaryOperatorType;
     binaryOperatorType["or"] = "or";
     binaryOperatorType["unless"] = "unless";
     binaryOperatorType["atan2"] = "atan2";
-})(binaryOperatorType || (binaryOperatorType = {}));
+    return binaryOperatorType;
+}({});
 export const compOperatorTypes = [
     "==",
     "!=",
@@ -74,33 +74,33 @@ export const setOperatorTypes = [
     "or",
     "unless"
 ];
-export var unaryOperatorType;
-(function(unaryOperatorType) {
+export var unaryOperatorType = /*#__PURE__*/ function(unaryOperatorType) {
     unaryOperatorType["plus"] = "+";
     unaryOperatorType["minus"] = "-";
-})(unaryOperatorType || (unaryOperatorType = {}));
-export var vectorMatchCardinality;
-(function(vectorMatchCardinality) {
+    return unaryOperatorType;
+}({});
+export var vectorMatchCardinality = /*#__PURE__*/ function(vectorMatchCardinality) {
     vectorMatchCardinality["oneToOne"] = "one-to-one";
     vectorMatchCardinality["manyToOne"] = "many-to-one";
     vectorMatchCardinality["oneToMany"] = "one-to-many";
     vectorMatchCardinality["manyToMany"] = "many-to-many";
-})(vectorMatchCardinality || (vectorMatchCardinality = {}));
-export var valueType;
-(function(valueType) {
+    return vectorMatchCardinality;
+}({});
+export var valueType = /*#__PURE__*/ function(valueType) {
     // TODO: 'none' should never make it out of Prometheus. Do we need this here?
     valueType["none"] = "none";
     valueType["vector"] = "vector";
     valueType["scalar"] = "scalar";
     valueType["matrix"] = "matrix";
     valueType["string"] = "string";
-})(valueType || (valueType = {}));
-export var matchType;
-(function(matchType) {
+    return valueType;
+}({});
+export var matchType = /*#__PURE__*/ function(matchType) {
     matchType["equal"] = "=";
     matchType["notEqual"] = "!=";
     matchType["matchRegexp"] = "=~";
     matchType["matchNotRegexp"] = "!~";
-})(matchType || (matchType = {}));
+    return matchType;
+}({});
 
 //# sourceMappingURL=ast.js.map