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

package/package.json

@@ -1,51 +1,112 @@
 {
   "name": "@perses-dev/prometheus-plugin",
-  "version": "0.50.2",
-  "description": "Prometheus plugin for Perses",
-  "license": "Apache-2.0",
-  "homepage": "https://github.com/perses/perses/blob/main/README.md",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/perses/perses.git"
-  },
-  "bugs": {
-    "url": "https://github.com/perses/perses/issues"
-  },
-  "module": "dist/index.js",
-  "main": "dist/cjs/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "version": "0.51.0-beta.2",
   "scripts": {
-    "clean": "rimraf dist/",
-    "build": "concurrently \"npm:build:*\"",
-    "build:cjs": "swc ./src -d dist/cjs --config-file ../.cjs.swcrc",
-    "build:esm": "swc ./src -d dist --config-file ../.swcrc",
+    "dev": "rsbuild dev",
+    "build": "npm run build-mf && concurrently \"npm:build:*\"",
+    "build-mf": "rsbuild build",
+    "build:cjs": "swc ./src -d dist/lib/cjs --strip-leading-paths --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist/lib --strip-leading-paths --config-file ../.swcrc",
     "build:types": "tsc --project tsconfig.build.json",
-    "type-check": "tsc --noEmit",
-    "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
-    "test": "cross-env TZ=UTC jest",
-    "test:watch": "cross-env TZ=UTC jest --watch",
     "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint --fix src --ext .ts,.tsx"
+    "test": "cross-env LC_ALL=C TZ=UTC jest",
+    "type-check": "tsc --noEmit"
   },
+  "main": "lib/cjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "dependencies": {
-    "@lezer/highlight": "^1.0.0",
-    "@lezer/lr": "^1.2.0",
-    "@perses-dev/components": "0.50.2",
-    "@perses-dev/core": "0.50.2",
-    "@perses-dev/plugin-system": "0.50.2",
-    "@prometheus-io/codemirror-promql": "^0.43.0",
-    "@uiw/react-codemirror": "^4.19.1",
-    "date-fns": "^2.28.0",
-    "immer": "^9.0.15",
-    "react-hook-form": "^7.46.1"
+    "@nexucis/fuzzy": "^0.5.1",
+    "@prometheus-io/codemirror-promql": "^0.45.6",
+    "color-hash": "^2.0.2",
+    "qs": "^6.13.0"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@hookform/resolvers": "^3.2.0",
+    "@perses-dev/components": "^0.51.0-beta.1",
+    "@perses-dev/core": "^0.51.0-beta.1",
+    "@perses-dev/dashboards": "^0.51.0-beta.1",
+    "@perses-dev/explore": "^0.51.0-beta.1",
+    "@perses-dev/plugin-system": "^0.51.0-beta.1",
+    "@tanstack/react-query": "^5.64.2",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
+    "echarts": "5.5.0",
+    "immer": "^10.1.1",
+    "lodash": "^4.17.21",
     "react": "^17.0.2 || ^18.0.0",
-    "@tanstack/react-query": "^4.7.1"
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "react-hook-form": "^7.52.2",
+    "use-resize-observer": "^9.0.0"
+  },
+  "devDependencies": {
+    "@types/qs": "^6.9.18"
   },
   "files": [
-    "dist",
-    "plugin.json"
-  ]
+    "lib/**/*",
+    "__mf/**/*",
+    "mf-manifest.json",
+    "mf-stats.json"
+  ],
+  "perses": {
+    "schemasPath": "schemas",
+    "plugins": [
+      {
+        "kind": "Datasource",
+        "spec": {
+          "display": {
+            "name": "Prometheus Datasource"
+          },
+          "name": "PrometheusDatasource"
+        }
+      },
+      {
+        "kind": "TimeSeriesQuery",
+        "spec": {
+          "display": {
+            "name": "Prometheus Time Series Query"
+          },
+          "name": "PrometheusTimeSeriesQuery"
+        }
+      },
+      {
+        "kind": "Variable",
+        "spec": {
+          "display": {
+            "name": "Prometheus Label Variable"
+          },
+          "name": "PrometheusLabelValuesVariable"
+        }
+      },
+      {
+        "kind": "Variable",
+        "spec": {
+          "display": {
+            "name": "Prometheus Names Variable"
+          },
+          "name": "PrometheusLabelNamesVariable"
+        }
+      },
+      {
+        "kind": "Variable",
+        "spec": {
+          "display": {
+            "name": "Prometheus PromQL Variable"
+          },
+          "name": "PrometheusPromQLVariable"
+        }
+      },
+      {
+        "kind": "Explore",
+        "spec": {
+          "display": {
+            "name": "Prometheus Explorer"
+          },
+          "name": "PrometheusExplorer"
+        }
+      }
+    ]
+  }
 }

package/dist/cjs/components/TreeNode.js

@@ -1,147 +0,0 @@
-// 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
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _react = require("react");
-const _ast = require("./promql/ast");
-const _utils = require("./promql/utils");
-const _format = require("./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 = (0, _material.useTheme)();
-    const children = (0, _utils.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] = (0, _react.useState)(null);
-    const nodeRef = (0, _react.useCallback)((node)=>setNodeEl(node), []);
-    const [connectorStyle, setConnectorStyle] = (0, _react.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.
-    (0, _react.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__*/ (0, _jsxruntime.jsxs)(_material.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__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                sx: {
-                    position: 'absolute',
-                    display: 'inline-block',
-                    ...connectorStyle
-                }
-            }),
-            (0, _format.formatNode)(node, false, 1)
-        ]
-    });
-    if (node.type === _ast.nodeType.binaryExpr) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    ml: nodeIndent,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(TreeNode, {
-                        node: children[0],
-                        parentEl: nodeEl,
-                        reverse: true
-                    })
-                }),
-                innerNode,
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    ml: nodeIndent,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(TreeNode, {
-                        node: children[1],
-                        parentEl: nodeEl,
-                        reverse: false
-                    })
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        children: [
-            innerNode,
-            children.map((child, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    ml: nodeIndent,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(TreeNode, {
-                        node: child,
-                        parentEl: nodeEl,
-                        reverse: false
-                    })
-                }, idx))
-        ]
-    });
-};
-const _default = TreeNode;

package/dist/cjs/index.js

@@ -1,61 +0,0 @@
-// Copyright 2023 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    PrometheusDatasource: function() {
-        return _prometheusdatasource.PrometheusDatasource;
-    },
-    PrometheusLabelNamesVariable: function() {
-        return _prometheusvariables.PrometheusLabelNamesVariable;
-    },
-    PrometheusLabelValuesVariable: function() {
-        return _prometheusvariables.PrometheusLabelValuesVariable;
-    },
-    PrometheusPromQLVariable: function() {
-        return _prometheusvariables.PrometheusPromQLVariable;
-    },
-    PrometheusTimeSeriesQuery: function() {
-        return _prometheustimeseriesquery.PrometheusTimeSeriesQuery;
-    },
-    StaticListVariable: function() {
-        return _variable.StaticListVariable;
-    }
-});
-const _prometheustimeseriesquery = require("./plugins/prometheus-time-series-query");
-const _variable = require("./plugins/variable");
-const _prometheusvariables = require("./plugins/prometheus-variables");
-const _prometheusdatasource = require("./plugins/prometheus-datasource");
-_export_star(require("./model"), exports);
-_export_star(require("./plugins/types"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}