@perses-dev/prometheus-plugin 0.48.0 → 0.49.0-rc.0

package/dist/components/PromQLEditor.js

@@ -0,0 +1,196 @@
+// Copyright 2024 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.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import CodeMirror from '@uiw/react-codemirror';
+import { PromQLExtension } from '@prometheus-io/codemirror-promql';
+import { EditorView } from '@codemirror/view';
+import { useTheme, CircularProgress, InputLabel, Stack, IconButton, Tooltip } from '@mui/material';
+import FileTreeIcon from 'mdi-material-ui/FileTree';
+import { useMemo, useState } from 'react';
+import { ErrorAlert } from '@perses-dev/components';
+import CloseIcon from 'mdi-material-ui/Close';
+import { useReplaceVariablesInString } from '@perses-dev/plugin-system';
+import { useParseQuery } from './parse';
+import TreeNode from './TreeNode';
+const treeViewStr = 'Tree View';
+const treeViewOpenStr = 'Open ' + treeViewStr;
+const treeViewCloseStr = 'Close ' + treeViewStr;
+// Process the error to identify if it's a generic one & adjust the message in some cases
+// TODO: This should be removed when properly tackling query error at query editor level (https://github.com/perses/perses/issues/1419)
+//       Here this was kinda a quick-win to do it like this with the implementation of the Tree view.
+//       Once #1419 will be tackled, any error reported by the query to the parse endpoint here should be treated the same (= display
+//       the error in the debug/tree view & always let the buttons accessible to show/hide it).
+function processError(error) {
+    // Specific errors that user should be able to hide
+    const apiNotAvailableError = '404 page not found';
+    const apiNotAvailableErrorRephrased = `${treeViewStr} is available only for datasources whose APIs comply with Prometheus 3.0 specifications`;
+    const blockedByProxyError = 'forbidden access: you are not allowed to use this endpoint "/api/v1/parse_query" with the HTTP method POST';
+    const blockedByProxyErrorRephrased = `Your datasource configuration is blocking the ${treeViewStr} feature: the datasource should allow POST requests to "/api/v1/parse_query"`;
+    let errorMessage = 'An unknown error occurred';
+    let isGenericError = false;
+    if (error && error instanceof Error) {
+        errorMessage = error.message.trim();
+        if (errorMessage === apiNotAvailableError) {
+            errorMessage = apiNotAvailableErrorRephrased;
+        } else if (errorMessage === blockedByProxyError) {
+            errorMessage = blockedByProxyErrorRephrased;
+        } else {
+            isGenericError = true;
+        }
+    }
+    return {
+        errorMessage,
+        isGenericError
+    };
+}
+export function PromQLEditor({ completeConfig, datasource, ...rest }) {
+    const theme = useTheme();
+    const isDarkMode = theme.palette.mode === 'dark';
+    const [isTreeViewVisible, setTreeViewVisible] = useState(false);
+    const promQLExtension = useMemo(()=>{
+        return new PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();
+    }, [
+        completeConfig
+    ]);
+    const queryExpr = useReplaceVariablesInString(rest.value);
+    const { data: parseQueryResponse, isLoading, error } = useParseQuery(queryExpr !== null && queryExpr !== void 0 ? queryExpr : '', datasource);
+    const { errorMessage, isGenericError } = useMemo(()=>processError(error), [
+        error
+    ]);
+    const handleShowTreeView = ()=>{
+        setTreeViewVisible(!isTreeViewVisible);
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        position: "relative",
+        children: [
+            /*#__PURE__*/ _jsx(InputLabel // reproduce the same kind of input label that regular MUI TextFields have
+            , {
+                shrink: true,
+                sx: {
+                    position: 'absolute',
+                    top: '-8px',
+                    left: '10px',
+                    padding: '0 4px',
+                    color: theme.palette.text.primary,
+                    zIndex: 1
+                },
+                children: "PromQL Expression"
+            }),
+            /*#__PURE__*/ _jsx(CodeMirror, {
+                ...rest,
+                style: {
+                    border: `1px solid ${theme.palette.divider}`
+                },
+                theme: isDarkMode ? 'dark' : 'light',
+                basicSetup: {
+                    highlightActiveLine: false,
+                    highlightActiveLineGutter: false,
+                    foldGutter: false
+                },
+                extensions: [
+                    EditorView.lineWrapping,
+                    promQLExtension,
+                    EditorView.theme({
+                        '.cm-content': {
+                            paddingTop: '8px',
+                            paddingBottom: '8px',
+                            paddingRight: '40px'
+                        }
+                    })
+                ],
+                placeholder: "Example: sum(rate(http_requests_total[5m]))"
+            }),
+            queryExpr && /*#__PURE__*/ _jsx(_Fragment, {
+                children: isGenericError ? // Display the error without any close button, tree view etc when it's a generic error
+                /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        border: `1px solid ${theme.palette.divider}`
+                    },
+                    children: /*#__PURE__*/ _jsx(ErrorAlert, {
+                        error: {
+                            name: 'Parse query error',
+                            message: errorMessage
+                        }
+                    })
+                }) : // Otherwise include the logic to show/hide the tree view
+                /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Tooltip, {
+                            title: isTreeViewVisible ? treeViewCloseStr : treeViewOpenStr,
+                            children: /*#__PURE__*/ _jsx(IconButton, {
+                                "aria-label": isTreeViewVisible ? treeViewCloseStr : treeViewOpenStr,
+                                onClick: handleShowTreeView,
+                                sx: {
+                                    position: 'absolute',
+                                    right: '5px',
+                                    top: '5px'
+                                },
+                                size: "small",
+                                children: /*#__PURE__*/ _jsx(FileTreeIcon, {
+                                    sx: {
+                                        fontSize: '18px'
+                                    }
+                                })
+                            })
+                        }),
+                        isTreeViewVisible && /*#__PURE__*/ _jsxs("div", {
+                            style: {
+                                border: `1px solid ${theme.palette.divider}`,
+                                position: 'relative'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Tooltip, {
+                                    title: treeViewCloseStr,
+                                    children: /*#__PURE__*/ _jsx(IconButton, {
+                                        "aria-label": treeViewCloseStr,
+                                        onClick: ()=>setTreeViewVisible(false),
+                                        sx: {
+                                            position: 'absolute',
+                                            top: '5px',
+                                            right: '5px'
+                                        },
+                                        size: "small",
+                                        children: /*#__PURE__*/ _jsx(CloseIcon, {
+                                            sx: {
+                                                fontSize: '18px'
+                                            }
+                                        })
+                                    })
+                                }),
+                                error ? // Here the user is able to hide the error alert
+                                /*#__PURE__*/ _jsx(ErrorAlert, {
+                                    error: {
+                                        name: `${treeViewStr} not available`,
+                                        message: errorMessage
+                                    }
+                                }) : /*#__PURE__*/ _jsx("div", {
+                                    style: {
+                                        padding: `${theme.spacing(1.5)} ${theme.spacing(1.5)} 0 ${theme.spacing(1.5)}`,
+                                        overflowX: 'auto',
+                                        backgroundColor: theme.palette.background.default
+                                    },
+                                    children: isLoading ? /*#__PURE__*/ _jsx(CircularProgress, {}) : (parseQueryResponse === null || parseQueryResponse === void 0 ? void 0 : parseQueryResponse.data) ? /*#__PURE__*/ _jsx(TreeNode, {
+                                        node: parseQueryResponse.data,
+                                        reverse: false
+                                    }) : null
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=PromQLEditor.js.map

package/dist/components/PromQLEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/PromQLEditor.tsx"],"sourcesContent":["// Copyright 2024 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\nimport CodeMirror, { ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport { PromQLExtension, CompleteConfiguration } from '@prometheus-io/codemirror-promql';\nimport { EditorView } from '@codemirror/view';\nimport { useTheme, CircularProgress, InputLabel, Stack, IconButton, Tooltip } from '@mui/material';\nimport FileTreeIcon from 'mdi-material-ui/FileTree';\nimport { useMemo, useState } from 'react';\nimport { ErrorAlert } from '@perses-dev/components';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport { useReplaceVariablesInString } from '@perses-dev/plugin-system';\nimport { PrometheusDatasourceSelector } from '../model';\nimport { useParseQuery } from './parse';\nimport TreeNode from './TreeNode';\n\nconst treeViewStr = 'Tree View';\nconst treeViewOpenStr = 'Open ' + treeViewStr;\nconst treeViewCloseStr = 'Close ' + treeViewStr;\n\n// Process the error to identify if it's a generic one & adjust the message in some cases\n// TODO: This should be removed when properly tackling query error at query editor level (https://github.com/perses/perses/issues/1419)\n//       Here this was kinda a quick-win to do it like this with the implementation of the Tree view.\n//       Once #1419 will be tackled, any error reported by the query to the parse endpoint here should be treated the same (= display\n//       the error in the debug/tree view & always let the buttons accessible to show/hide it).\nfunction processError(error: unknown): { errorMessage: string; isGenericError: boolean } {\n  // Specific errors that user should be able to hide\n  const apiNotAvailableError = '404 page not found';\n  const apiNotAvailableErrorRephrased = `${treeViewStr} is available only for datasources whose APIs comply with Prometheus 3.0 specifications`;\n\n  const blockedByProxyError =\n    'forbidden access: you are not allowed to use this endpoint \"/api/v1/parse_query\" with the HTTP method POST';\n  const blockedByProxyErrorRephrased = `Your datasource configuration is blocking the ${treeViewStr} feature: the datasource should allow POST requests to \"/api/v1/parse_query\"`;\n\n  let errorMessage = 'An unknown error occurred';\n  let isGenericError = false;\n  if (error && error instanceof Error) {\n    errorMessage = error.message.trim();\n    if (errorMessage === apiNotAvailableError) {\n      errorMessage = apiNotAvailableErrorRephrased;\n    } else if (errorMessage === blockedByProxyError) {\n      errorMessage = blockedByProxyErrorRephrased;\n    } else {\n      isGenericError = true;\n    }\n  }\n\n  return { errorMessage, isGenericError };\n}\n\nexport type PromQLEditorProps = {\n  completeConfig: CompleteConfiguration;\n  datasource: PrometheusDatasourceSelector;\n} & Omit<ReactCodeMirrorProps, 'theme' | 'extensions'>;\n\nexport function PromQLEditor({ completeConfig, datasource, ...rest }: PromQLEditorProps) {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n  const [isTreeViewVisible, setTreeViewVisible] = useState(false);\n\n  const promQLExtension = useMemo(() => {\n    return new PromQLExtension().activateLinter(false).setComplete(completeConfig).asExtension();\n  }, [completeConfig]);\n\n  const queryExpr = useReplaceVariablesInString(rest.value);\n\n  const { data: parseQueryResponse, isLoading, error } = useParseQuery(queryExpr ?? '', datasource);\n  const { errorMessage, isGenericError } = useMemo(() => processError(error), [error]);\n\n  const handleShowTreeView = () => {\n    setTreeViewVisible(!isTreeViewVisible);\n  };\n\n  return (\n    <Stack position=\"relative\">\n      <InputLabel // reproduce the same kind of input label that regular MUI TextFields have\n        shrink\n        sx={{\n          position: 'absolute',\n          top: '-8px',\n          left: '10px',\n          padding: '0 4px',\n          color: theme.palette.text.primary,\n          zIndex: 1,\n        }}\n      >\n        PromQL Expression\n      </InputLabel>\n      <CodeMirror\n        {...rest}\n        style={{ border: `1px solid ${theme.palette.divider}` }}\n        theme={isDarkMode ? 'dark' : 'light'}\n        basicSetup={{\n          highlightActiveLine: false,\n          highlightActiveLineGutter: false,\n          foldGutter: false,\n        }}\n        extensions={[\n          EditorView.lineWrapping,\n          promQLExtension,\n          EditorView.theme({\n            '.cm-content': {\n              paddingTop: '8px',\n              paddingBottom: '8px',\n              paddingRight: '40px', // offset for the tree view button\n            },\n          }),\n        ]}\n        placeholder=\"Example: sum(rate(http_requests_total[5m]))\"\n      />\n      {queryExpr && (\n        <>\n          {isGenericError ? (\n            // Display the error without any close button, tree view etc when it's a generic error\n            <div style={{ border: `1px solid ${theme.palette.divider}` }}>\n              <ErrorAlert error={{ name: 'Parse query error', message: errorMessage }} />\n            </div>\n          ) : (\n            // Otherwise include the logic to show/hide the tree view\n            <>\n              <Tooltip title={isTreeViewVisible ? treeViewCloseStr : treeViewOpenStr}>\n                <IconButton\n                  aria-label={isTreeViewVisible ? treeViewCloseStr : treeViewOpenStr}\n                  onClick={handleShowTreeView}\n                  sx={{ position: 'absolute', right: '5px', top: '5px' }}\n                  size=\"small\"\n                >\n                  <FileTreeIcon sx={{ fontSize: '18px' }} />\n                </IconButton>\n              </Tooltip>\n              {isTreeViewVisible && (\n                <div style={{ border: `1px solid ${theme.palette.divider}`, position: 'relative' }}>\n                  <Tooltip title={treeViewCloseStr}>\n                    <IconButton\n                      aria-label={treeViewCloseStr}\n                      onClick={() => setTreeViewVisible(false)}\n                      sx={{ position: 'absolute', top: '5px', right: '5px' }}\n                      size=\"small\"\n                    >\n                      <CloseIcon sx={{ fontSize: '18px' }} />\n                    </IconButton>\n                  </Tooltip>\n                  {error ? (\n                    // Here the user is able to hide the error alert\n                    <ErrorAlert\n                      error={{\n                        name: `${treeViewStr} not available`,\n                        message: errorMessage,\n                      }}\n                    />\n                  ) : (\n                    <div\n                      style={{\n                        padding: `${theme.spacing(1.5)} ${theme.spacing(1.5)} 0 ${theme.spacing(1.5)}`, // let paddingBottom at 0 because nodes have margin-bottom\n                        overflowX: 'auto',\n                        backgroundColor: theme.palette.background.default,\n                      }}\n                    >\n                      {isLoading ? (\n                        <CircularProgress />\n                      ) : parseQueryResponse?.data ? (\n                        <TreeNode node={parseQueryResponse.data} reverse={false} />\n                      ) : null}\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </>\n      )}\n    </Stack>\n  );\n}\n"],"names":["CodeMirror","PromQLExtension","EditorView","useTheme","CircularProgress","InputLabel","Stack","IconButton","Tooltip","FileTreeIcon","useMemo","useState","ErrorAlert","CloseIcon","useReplaceVariablesInString","useParseQuery","TreeNode","treeViewStr","treeViewOpenStr","treeViewCloseStr","processError","error","apiNotAvailableError","apiNotAvailableErrorRephrased","blockedByProxyError","blockedByProxyErrorRephrased","errorMessage","isGenericError","Error","message","trim","PromQLEditor","completeConfig","datasource","rest","theme","isDarkMode","palette","mode","isTreeViewVisible","setTreeViewVisible","promQLExtension","activateLinter","setComplete","asExtension","queryExpr","value","data","parseQueryResponse","isLoading","handleShowTreeView","position","shrink","sx","top","left","padding","color","text","primary","zIndex","style","border","divider","basicSetup","highlightActiveLine","highlightActiveLineGutter","foldGutter","extensions","lineWrapping","paddingTop","paddingBottom","paddingRight","placeholder","div","name","title","aria-label","onClick","right","size","fontSize","spacing","overflowX","backgroundColor","background","default","node","reverse"],"mappings":"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"}

package/dist/components/TreeNode.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import ASTNode from './promql/ast';
+interface TreeNodeProps {
+    node: ASTNode;
+    parentEl?: HTMLDivElement | null;
+    reverse: boolean;
+}
+declare const TreeNode: React.FC<TreeNodeProps>;
+export default TreeNode;
+//# sourceMappingURL=TreeNode.d.ts.map

package/dist/components/TreeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../src/components/TreeNode.tsx"],"names":[],"mappings":";AAiBA,OAAO,OAAqB,MAAM,cAAc,CAAC;AAQjD,UAAU,aAAa;IAErB,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAEjC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/TreeNode.js

@@ -0,0 +1,139 @@
+// Copyright 2024 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 } from "react/jsx-runtime";
+import { Box, useTheme } from '@mui/material';
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { nodeType } from './promql/ast';
+import { getNodeChildren } from './promql/utils';
+import { formatNode } from './promql/format';
+// The indentation factor for each level of the tree.
+const nodeIndent = 5;
+const connectorWidth = nodeIndent * 5;
+const TreeNode = ({ node, parentEl, reverse })=>{
+    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 [connectorStyle, setConnectorStyle] = useState({
+        borderColor: theme.palette.grey['500'],
+        borderLeftStyle: 'solid',
+        borderLeftWidth: 2,
+        width: connectorWidth,
+        left: -connectorWidth
+    });
+    // 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
+    ]);
+    const innerNode = /*#__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)
+        ]
+    });
+    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
+                    })
+                }),
+                innerNode,
+                /*#__PURE__*/ _jsx(Box, {
+                    ml: nodeIndent,
+                    children: /*#__PURE__*/ _jsx(TreeNode, {
+                        node: children[1],
+                        parentEl: nodeEl,
+                        reverse: false
+                    })
+                })
+            ]
+        });
+    }
+    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
+                    })
+                }, idx))
+        ]
+    });
+};
+export default TreeNode;
+
+//# sourceMappingURL=TreeNode.js.map

package/dist/components/TreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/TreeNode.tsx"],"sourcesContent":["// Copyright 2024 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, useTheme } from '@mui/material';\nimport { useCallback, useLayoutEffect, useState } from 'react';\nimport ASTNode, { nodeType } from './promql/ast';\nimport { getNodeChildren } from './promql/utils';\nimport { formatNode } from './promql/format';\n\n// The indentation factor for each level of the tree.\nconst nodeIndent = 5;\nconst connectorWidth = nodeIndent * 5;\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}\n\nconst TreeNode: React.FC<TreeNodeProps> = ({ node, parentEl, reverse }) => {\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 [connectorStyle, setConnectorStyle] = useState({\n    borderColor: theme.palette.grey['500'],\n    borderLeftStyle: 'solid',\n    borderLeftWidth: 2,\n    width: connectorWidth,\n    left: -connectorWidth,\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  const innerNode = (\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  );\n\n  if (node.type === nodeType.binaryExpr) {\n    return (\n      <div>\n        <Box ml={nodeIndent}>\n          <TreeNode node={children[0]!} parentEl={nodeEl} reverse={true} />\n        </Box>\n        {innerNode}\n        <Box ml={nodeIndent}>\n          <TreeNode node={children[1]!} parentEl={nodeEl} reverse={false} />\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 node={child} parentEl={nodeEl} reverse={false} />\n        </Box>\n      ))}\n    </div>\n  );\n};\n\nexport default TreeNode;\n"],"names":["Box","useTheme","useCallback","useLayoutEffect","useState","nodeType","getNodeChildren","formatNode","nodeIndent","connectorWidth","TreeNode","node","parentEl","reverse","theme","children","nodeEl","setNodeEl","nodeRef","connectorStyle","setConnectorStyle","borderColor","palette","grey","borderLeftStyle","borderLeftWidth","width","left","undefined","parentRect","getBoundingClientRect","nodeRect","prevStyle","top","bottom","borderTopLeftRadius","borderTopStyle","borderBottomLeftRadius","borderBottomStyle","innerNode","ref","sx","position","display","padding","marginBottom","borderRadius","backgroundColor","background","code","type","binaryExpr","div","ml","map","child","idx"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './PromQL';
+export * from './PromQLEditor';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/index.js

@@ -10,6 +10,6 @@
 // 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.
-export * from './PromQL';
+export * from './PromQLEditor';
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +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 './PromQL';\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,WAAW"}
+{"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/dist/components/parse.d.ts

@@ -0,0 +1,4 @@
+import { DatasourceSelector } from '@perses-dev/core';
+import { ParseQueryResponse } from '../model';
+export declare function useParseQuery(content: string, datasource: DatasourceSelector): import("@tanstack/react-query").UseQueryResult<ParseQueryResponse, unknown>;
+//# sourceMappingURL=parse.d.ts.map

package/dist/components/parse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/components/parse.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA+B,kBAAkB,EAAoB,MAAM,UAAU,CAAC;AAE7F,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,+EAY5E"}

package/dist/components/parse.js

@@ -0,0 +1,34 @@
+// Copyright 2024 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.
+import { useDatasourceClient } from '@perses-dev/plugin-system';
+import { useQuery } from '@tanstack/react-query';
+export function useParseQuery(content, datasource) {
+    const { data: client } = useDatasourceClient(datasource);
+    return useQuery({
+        enabled: !!client,
+        queryKey: [
+            'parseQuery',
+            content,
+            'datasource',
+            datasource
+        ],
+        queryFn: async ()=>{
+            const params = {
+                query: content
+            };
+            return await client.parseQuery(params);
+        }
+    });
+}
+
+//# sourceMappingURL=parse.js.map

package/dist/components/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/parse.ts"],"sourcesContent":["// Copyright 2024 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\nimport { useDatasourceClient } from '@perses-dev/plugin-system';\nimport { DatasourceSelector } from '@perses-dev/core';\nimport { useQuery } from '@tanstack/react-query';\nimport { ParseQueryRequestParameters, ParseQueryResponse, PrometheusClient } from '../model';\n\nexport function useParseQuery(content: string, datasource: DatasourceSelector) {\n  const { data: client } = useDatasourceClient<PrometheusClient>(datasource);\n\n  return useQuery<ParseQueryResponse>({\n    enabled: !!client,\n    queryKey: ['parseQuery', content, 'datasource', datasource],\n    queryFn: async () => {\n      const params: ParseQueryRequestParameters = { query: content };\n\n      return await client!.parseQuery(params);\n    },\n  });\n}\n"],"names":["useDatasourceClient","useQuery","useParseQuery","content","datasource","data","client","enabled","queryKey","queryFn","params","query","parseQuery"],"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,SAASA,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,QAAQ,QAAQ,wBAAwB;AAGjD,OAAO,SAASC,cAAcC,OAAe,EAAEC,UAA8B;IAC3E,MAAM,EAAEC,MAAMC,MAAM,EAAE,GAAGN,oBAAsCI;IAE/D,OAAOH,SAA6B;QAClCM,SAAS,CAAC,CAACD;QACXE,UAAU;YAAC;YAAcL;YAAS;YAAcC;SAAW;QAC3DK,SAAS;YACP,MAAMC,SAAsC;gBAAEC,OAAOR;YAAQ;YAE7D,OAAO,MAAMG,OAAQM,UAAU,CAACF;QAClC;IACF;AACF"}

package/dist/components/promql/ast.d.ts

@@ -0,0 +1,161 @@
+export declare enum nodeType {
+    aggregation = "aggregation",
+    binaryExpr = "binaryExpr",
+    call = "call",
+    matrixSelector = "matrixSelector",
+    subquery = "subquery",
+    numberLiteral = "numberLiteral",
+    parenExpr = "parenExpr",
+    stringLiteral = "stringLiteral",
+    unaryExpr = "unaryExpr",
+    vectorSelector = "vectorSelector",
+    placeholder = "placeholder"
+}
+export declare enum aggregationType {
+    sum = "sum",
+    min = "min",
+    max = "max",
+    avg = "avg",
+    stddev = "stddev",
+    stdvar = "stdvar",
+    count = "count",
+    group = "group",
+    countValues = "count_values",
+    bottomk = "bottomk",
+    topk = "topk",
+    quantile = "quantile",
+    limitK = "limitk",
+    limitRatio = "limit_ratio"
+}
+export declare enum binaryOperatorType {
+    add = "+",
+    sub = "-",
+    mul = "*",
+    div = "/",
+    mod = "%",
+    pow = "^",
+    eql = "==",
+    neq = "!=",
+    gtr = ">",
+    lss = "<",
+    gte = ">=",
+    lte = "<=",
+    and = "and",
+    or = "or",
+    unless = "unless",
+    atan2 = "atan2"
+}
+export declare const compOperatorTypes: binaryOperatorType[];
+export declare const setOperatorTypes: binaryOperatorType[];
+export declare enum unaryOperatorType {
+    plus = "+",
+    minus = "-"
+}
+export declare enum vectorMatchCardinality {
+    oneToOne = "one-to-one",
+    manyToOne = "many-to-one",
+    oneToMany = "one-to-many",
+    manyToMany = "many-to-many"
+}
+export declare enum valueType {
+    none = "none",
+    vector = "vector",
+    scalar = "scalar",
+    matrix = "matrix",
+    string = "string"
+}
+export declare enum matchType {
+    equal = "=",
+    notEqual = "!=",
+    matchRegexp = "=~",
+    matchNotRegexp = "!~"
+}
+export interface Func {
+    name: string;
+    argTypes: valueType[];
+    variadic: number;
+    returnType: valueType;
+}
+export interface LabelMatcher {
+    type: matchType;
+    name: string;
+    value: string;
+}
+export interface VectorMatching {
+    card: vectorMatchCardinality;
+    labels: string[];
+    on: boolean;
+    include: string[];
+}
+export type StartOrEnd = 'start' | 'end' | null;
+export interface Aggregation {
+    type: nodeType.aggregation;
+    expr: ASTNode;
+    op: aggregationType;
+    param: ASTNode | null;
+    grouping: string[];
+    without: boolean;
+}
+export interface BinaryExpr {
+    type: nodeType.binaryExpr;
+    op: binaryOperatorType;
+    lhs: ASTNode;
+    rhs: ASTNode;
+    matching: VectorMatching | null;
+    bool: boolean;
+}
+export interface Call {
+    type: nodeType.call;
+    func: Func;
+    args: ASTNode[];
+}
+export interface MatrixSelector {
+    type: nodeType.matrixSelector;
+    name: string;
+    matchers: LabelMatcher[];
+    range: number;
+    offset: number;
+    timestamp: number | null;
+    startOrEnd: StartOrEnd;
+}
+export interface Subquery {
+    type: nodeType.subquery;
+    expr: ASTNode;
+    range: number;
+    offset: number;
+    step: number;
+    timestamp: number | null;
+    startOrEnd: StartOrEnd;
+}
+export interface NumberLiteral {
+    type: nodeType.numberLiteral;
+    val: string;
+}
+export interface ParenExpr {
+    type: nodeType.parenExpr;
+    expr: ASTNode;
+}
+export interface StringLiteral {
+    type: nodeType.stringLiteral;
+    val: string;
+}
+export interface UnaryExpr {
+    type: nodeType.unaryExpr;
+    op: unaryOperatorType;
+    expr: ASTNode;
+}
+export interface VectorSelector {
+    type: nodeType.vectorSelector;
+    name: string;
+    matchers: LabelMatcher[];
+    offset: number;
+    timestamp: number | null;
+    startOrEnd: StartOrEnd;
+}
+export interface Placeholder {
+    type: nodeType.placeholder;
+    children: ASTNode[];
+}
+type ASTNode = Aggregation | BinaryExpr | Call | MatrixSelector | Subquery | NumberLiteral | ParenExpr | StringLiteral | UnaryExpr | VectorSelector | Placeholder;
+export default ASTNode;
+//# sourceMappingURL=ast.d.ts.map

package/dist/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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"}