@perses-dev/prometheus-plugin 0.38.0 → 0.39.0

package/dist/cjs/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js

@@ -0,0 +1,392 @@
+// 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
+});
+Object.defineProperty(exports, "PrometheusDatasourceEditor", {
+    enumerable: true,
+    get: ()=>PrometheusDatasourceEditor
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _pluginSystem = require("@perses-dev/plugin-system");
+const _material = require("@mui/material");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _minus = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Minus"));
+const _plus = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Plus"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function PrometheusDatasourceEditor(props) {
+    var ref, ref1, ref2, ref3;
+    const { value , onChange , isReadonly  } = props;
+    const strDirect = 'Direct access';
+    const strProxy = 'Proxy';
+    // TODO refactor with useImmer to avoid doing so much destructuring? feasibility & performances to be checked
+    // utilitary function used for headers when renaming a property
+    // -> TODO it would be cleaner to manipulate headers as a list instead, to avoid doing this.
+    //    This could be a pure frontend trick, but change in the backend datamodel should also be considered
+    const buildNewHeaders = (oldHeaders, oldName, newName)=>{
+        if (oldHeaders === undefined) return oldHeaders;
+        const keys = Object.keys(oldHeaders);
+        const newHeaders = keys.reduce((acc, val)=>{
+            if (val === oldName) {
+                acc[newName] = oldHeaders[oldName] || '';
+            } else {
+                acc[val] = oldHeaders[val] || '';
+            }
+            return acc;
+        }, {});
+        return {
+            ...newHeaders
+        };
+    };
+    const tabs = [
+        {
+            label: strDirect,
+            content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                    fullWidth: true,
+                    label: "URL",
+                    value: value.direct_url || '',
+                    InputProps: {
+                        readOnly: isReadonly
+                    },
+                    onChange: (e)=>onChange({
+                            ...value,
+                            direct_url: e.target.value
+                        })
+                })
+            })
+        },
+        {
+            label: strProxy,
+            content: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                        fullWidth: true,
+                        label: "URL",
+                        value: ((ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.url) || '',
+                        InputProps: {
+                            readOnly: isReadonly
+                        },
+                        onChange: (e)=>onChange({
+                                ...value,
+                                ...value.proxy && {
+                                    proxy: {
+                                        ...value.proxy,
+                                        spec: {
+                                            ...value.proxy.spec,
+                                            url: e.target.value
+                                        }
+                                    }
+                                }
+                            })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                        py: 2,
+                        variant: "h4",
+                        children: "Allowed endpoints"
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                        container: true,
+                        spacing: 2,
+                        mb: 2,
+                        children: ((ref1 = value.proxy) === null || ref1 === void 0 ? void 0 : ref1.spec.allowed_endpoints) && value.proxy.spec.allowed_endpoints.map(({ endpoint_pattern , method  }, i)=>{
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                        item: true,
+                                        xs: 8,
+                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                            disabled: true,
+                                            fullWidth: true,
+                                            label: "Endpoint pattern",
+                                            value: endpoint_pattern,
+                                            InputProps: {
+                                                readOnly: isReadonly
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                        item: true,
+                                        xs: 4,
+                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                            disabled: true,
+                                            fullWidth: true,
+                                            label: "URL",
+                                            value: method,
+                                            InputProps: {
+                                                readOnly: isReadonly
+                                            }
+                                        })
+                                    })
+                                ]
+                            }, i);
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                        pb: 2,
+                        variant: "h4",
+                        children: "Request Headers"
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Grid, {
+                        container: true,
+                        spacing: 2,
+                        mb: 2,
+                        children: [
+                            ((ref2 = value.proxy) === null || ref2 === void 0 ? void 0 : ref2.spec.headers) !== undefined && Object.keys(value.proxy.spec.headers).map((headerName, i)=>{
+                                var ref, ref1;
+                                return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                            item: true,
+                                            xs: 4,
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                                fullWidth: true,
+                                                label: "Header name",
+                                                value: headerName,
+                                                InputProps: {
+                                                    readOnly: isReadonly
+                                                },
+                                                onChange: (e)=>onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: buildNewHeaders(value.proxy.spec.headers, headerName, e.target.value)
+                                                                }
+                                                            }
+                                                        }
+                                                    })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                            item: true,
+                                            xs: 7,
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                                fullWidth: true,
+                                                label: "Header value",
+                                                value: (ref1 = (ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.headers) === null || ref1 === void 0 ? void 0 : ref1[headerName],
+                                                InputProps: {
+                                                    readOnly: isReadonly
+                                                },
+                                                onChange: (e)=>onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: {
+                                                                        ...value.proxy.spec.headers,
+                                                                        [headerName]: e.target.value
+                                                                    }
+                                                                }
+                                                            }
+                                                        }
+                                                    })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                            item: true,
+                                            xs: 1,
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                                                disabled: isReadonly,
+                                                onClick: ()=>{
+                                                    var ref;
+                                                    const newHeaders = {
+                                                        ...(ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.headers
+                                                    };
+                                                    delete newHeaders[headerName];
+                                                    onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: newHeaders
+                                                                }
+                                                            }
+                                                        }
+                                                    });
+                                                },
+                                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_minus.default, {})
+                                            })
+                                        })
+                                    ]
+                                }, i);
+                            }),
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                item: true,
+                                xs: 12,
+                                sx: {
+                                    paddingTop: '5px !important'
+                                },
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                                    disabled: isReadonly,
+                                    onClick: ()=>onChange({
+                                            ...value,
+                                            ...value.proxy && {
+                                                proxy: {
+                                                    ...value.proxy,
+                                                    spec: {
+                                                        ...value.proxy.spec,
+                                                        headers: {
+                                                            ...value.proxy.spec.headers,
+                                                            '': ''
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }),
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plus.default, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                        fullWidth: true,
+                        label: "Secret",
+                        value: ((ref3 = value.proxy) === null || ref3 === void 0 ? void 0 : ref3.spec.secret) || '',
+                        InputProps: {
+                            readOnly: isReadonly
+                        },
+                        onChange: (e)=>onChange({
+                                ...value,
+                                ...value.proxy && {
+                                    proxy: {
+                                        ...value.proxy,
+                                        spec: {
+                                            ...value.proxy.spec,
+                                            secret: e.target.value
+                                        }
+                                    }
+                                }
+                            })
+                    })
+                ]
+            })
+        }
+    ];
+    // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or
+    // bug in case the tabs get eventually swapped in the future.
+    const directModeId = tabs.findIndex((tab)=>tab.label == strDirect);
+    const proxyModeId = tabs.findIndex((tab)=>tab.label == strProxy);
+    // In "update datasource" case, set defaultTab to the mode that this datasource is currently relying on.
+    // Otherwise (create datasource), set defaultTab to Direct access.
+    const defaultTab = value.proxy ? proxyModeId : directModeId;
+    const initialSpecDirect = {
+        direct_url: ''
+    };
+    const initialSpecProxy = {
+        proxy: {
+            kind: 'HTTPProxy',
+            spec: {
+                allowed_endpoints: [
+                    // hardcoded list of allowed endpoints for now since those are enforced by the backend
+                    {
+                        endpoint_pattern: '/api/v1/labels',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/series',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/metadata',
+                        method: 'GET'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/query',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/query_range',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',
+                        method: 'GET'
+                    }
+                ],
+                url: ''
+            }
+        }
+    };
+    // For better user experience, save previous states in mind for both mode.
+    // This avoids losing everything when the user changes their mind back.
+    const [previousSpecDirect, setPreviousSpecDirect] = (0, _react.useState)(initialSpecDirect);
+    const [previousSpecProxy, setPreviousSpecProxy] = (0, _react.useState)(initialSpecProxy);
+    // When changing mode, remove previous mode's config + append default values for the new mode.
+    const handleModeChange = (v)=>{
+        var ref, ref1;
+        if (((ref = tabs[v]) === null || ref === void 0 ? void 0 : ref.label) == strDirect) {
+            setPreviousSpecProxy(value);
+            onChange(previousSpecDirect);
+        } else if (((ref1 = tabs[v]) === null || ref1 === void 0 ? void 0 : ref1.label) == strProxy) {
+            setPreviousSpecDirect(value);
+            onChange(previousSpecProxy);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.OptionsEditorRadios, {
+        isReadonly: isReadonly,
+        tabs: tabs,
+        defaultTab: defaultTab,
+        onModeChange: handleModeChange
+    });
+}

package/dist/cjs/plugins/PrometheusDatasourceEditor/index.js

@@ -0,0 +1,29 @@
+// 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
+});
+_exportStar(require("./PrometheusDatasourceEditor"), exports);
+_exportStar(require("./types"), exports);
+function _exportStar(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;
+}

package/dist/cjs/plugins/PrometheusDatasourceEditor/types.js

@@ -0,0 +1,16 @@
+// 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
+});

package/dist/cjs/plugins/prometheus-datasource.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "PrometheusDatasource", {
     get: ()=>PrometheusDatasource
 });
 const _model = require("../model");
+const _prometheusDatasourceEditor = require("./PrometheusDatasourceEditor");
 /**
  * Creates a PrometheusClient for a specific datasource spec.
  */ const createClient = (spec, options)=>{
@@ -54,7 +55,7 @@ const _model = require("../model");
 };
 const PrometheusDatasource = {
     createClient,
-    OptionsEditorComponent: ()=>null,
+    OptionsEditorComponent: _prometheusDatasourceEditor.PrometheusDatasourceEditor,
     createInitialOptions: ()=>({
             direct_url: ''
         })

package/dist/cjs/plugins/prometheus-time-series-query/get-time-series-data.js

@@ -95,7 +95,8 @@ const getTimeSeriesData = async (spec, context)=>{
             };
         }),
         metadata: {
-            notices
+            notices,
+            executedQueryString: query
         }
     };
     return chartData;

package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PrometheusDatasourceSpec } from './types';
+export interface PrometheusDatasourceEditorProps {
+    value: PrometheusDatasourceSpec;
+    onChange: (next: PrometheusDatasourceSpec) => void;
+    isReadonly?: boolean;
+}
+export declare function PrometheusDatasourceEditor(props: PrometheusDatasourceEditorProps): JSX.Element;
+//# sourceMappingURL=PrometheusDatasourceEditor.d.ts.map

package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrometheusDatasourceEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,eA6ShF"}

package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js

@@ -0,0 +1,342 @@
+// 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.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { OptionsEditorRadios } from '@perses-dev/plugin-system';
+import { Grid, IconButton, TextField, Typography } from '@mui/material';
+import React, { useState } from 'react';
+import MinusIcon from 'mdi-material-ui/Minus';
+import PlusIcon from 'mdi-material-ui/Plus';
+export function PrometheusDatasourceEditor(props) {
+    var ref, ref1, ref2, ref3;
+    const { value , onChange , isReadonly  } = props;
+    const strDirect = 'Direct access';
+    const strProxy = 'Proxy';
+    // TODO refactor with useImmer to avoid doing so much destructuring? feasibility & performances to be checked
+    // utilitary function used for headers when renaming a property
+    // -> TODO it would be cleaner to manipulate headers as a list instead, to avoid doing this.
+    //    This could be a pure frontend trick, but change in the backend datamodel should also be considered
+    const buildNewHeaders = (oldHeaders, oldName, newName)=>{
+        if (oldHeaders === undefined) return oldHeaders;
+        const keys = Object.keys(oldHeaders);
+        const newHeaders = keys.reduce((acc, val)=>{
+            if (val === oldName) {
+                acc[newName] = oldHeaders[oldName] || '';
+            } else {
+                acc[val] = oldHeaders[val] || '';
+            }
+            return acc;
+        }, {});
+        return {
+            ...newHeaders
+        };
+    };
+    const tabs = [
+        {
+            label: strDirect,
+            content: /*#__PURE__*/ _jsx(_Fragment, {
+                children: /*#__PURE__*/ _jsx(TextField, {
+                    fullWidth: true,
+                    label: "URL",
+                    value: value.direct_url || '',
+                    InputProps: {
+                        readOnly: isReadonly
+                    },
+                    onChange: (e)=>onChange({
+                            ...value,
+                            direct_url: e.target.value
+                        })
+                })
+            })
+        },
+        {
+            label: strProxy,
+            content: /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(TextField, {
+                        fullWidth: true,
+                        label: "URL",
+                        value: ((ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.url) || '',
+                        InputProps: {
+                            readOnly: isReadonly
+                        },
+                        onChange: (e)=>onChange({
+                                ...value,
+                                ...value.proxy && {
+                                    proxy: {
+                                        ...value.proxy,
+                                        spec: {
+                                            ...value.proxy.spec,
+                                            url: e.target.value
+                                        }
+                                    }
+                                }
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        py: 2,
+                        variant: "h4",
+                        children: "Allowed endpoints"
+                    }),
+                    /*#__PURE__*/ _jsx(Grid, {
+                        container: true,
+                        spacing: 2,
+                        mb: 2,
+                        children: ((ref1 = value.proxy) === null || ref1 === void 0 ? void 0 : ref1.spec.allowed_endpoints) && value.proxy.spec.allowed_endpoints.map(({ endpoint_pattern , method  }, i)=>{
+                            return /*#__PURE__*/ _jsxs(React.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(Grid, {
+                                        item: true,
+                                        xs: 8,
+                                        children: /*#__PURE__*/ _jsx(TextField, {
+                                            disabled: true,
+                                            fullWidth: true,
+                                            label: "Endpoint pattern",
+                                            value: endpoint_pattern,
+                                            InputProps: {
+                                                readOnly: isReadonly
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(Grid, {
+                                        item: true,
+                                        xs: 4,
+                                        children: /*#__PURE__*/ _jsx(TextField, {
+                                            disabled: true,
+                                            fullWidth: true,
+                                            label: "URL",
+                                            value: method,
+                                            InputProps: {
+                                                readOnly: isReadonly
+                                            }
+                                        })
+                                    })
+                                ]
+                            }, i);
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        pb: 2,
+                        variant: "h4",
+                        children: "Request Headers"
+                    }),
+                    /*#__PURE__*/ _jsxs(Grid, {
+                        container: true,
+                        spacing: 2,
+                        mb: 2,
+                        children: [
+                            ((ref2 = value.proxy) === null || ref2 === void 0 ? void 0 : ref2.spec.headers) !== undefined && Object.keys(value.proxy.spec.headers).map((headerName, i)=>{
+                                var ref, ref1;
+                                return /*#__PURE__*/ _jsxs(React.Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Grid, {
+                                            item: true,
+                                            xs: 4,
+                                            children: /*#__PURE__*/ _jsx(TextField, {
+                                                fullWidth: true,
+                                                label: "Header name",
+                                                value: headerName,
+                                                InputProps: {
+                                                    readOnly: isReadonly
+                                                },
+                                                onChange: (e)=>onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: buildNewHeaders(value.proxy.spec.headers, headerName, e.target.value)
+                                                                }
+                                                            }
+                                                        }
+                                                    })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(Grid, {
+                                            item: true,
+                                            xs: 7,
+                                            children: /*#__PURE__*/ _jsx(TextField, {
+                                                fullWidth: true,
+                                                label: "Header value",
+                                                value: (ref1 = (ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.headers) === null || ref1 === void 0 ? void 0 : ref1[headerName],
+                                                InputProps: {
+                                                    readOnly: isReadonly
+                                                },
+                                                onChange: (e)=>onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: {
+                                                                        ...value.proxy.spec.headers,
+                                                                        [headerName]: e.target.value
+                                                                    }
+                                                                }
+                                                            }
+                                                        }
+                                                    })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsx(Grid, {
+                                            item: true,
+                                            xs: 1,
+                                            children: /*#__PURE__*/ _jsx(IconButton, {
+                                                disabled: isReadonly,
+                                                onClick: ()=>{
+                                                    var ref;
+                                                    const newHeaders = {
+                                                        ...(ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.headers
+                                                    };
+                                                    delete newHeaders[headerName];
+                                                    onChange({
+                                                        ...value,
+                                                        ...value.proxy && {
+                                                            proxy: {
+                                                                ...value.proxy,
+                                                                spec: {
+                                                                    ...value.proxy.spec,
+                                                                    headers: newHeaders
+                                                                }
+                                                            }
+                                                        }
+                                                    });
+                                                },
+                                                children: /*#__PURE__*/ _jsx(MinusIcon, {})
+                                            })
+                                        })
+                                    ]
+                                }, i);
+                            }),
+                            /*#__PURE__*/ _jsx(Grid, {
+                                item: true,
+                                xs: 12,
+                                sx: {
+                                    paddingTop: '5px !important'
+                                },
+                                children: /*#__PURE__*/ _jsx(IconButton, {
+                                    disabled: isReadonly,
+                                    onClick: ()=>onChange({
+                                            ...value,
+                                            ...value.proxy && {
+                                                proxy: {
+                                                    ...value.proxy,
+                                                    spec: {
+                                                        ...value.proxy.spec,
+                                                        headers: {
+                                                            ...value.proxy.spec.headers,
+                                                            '': ''
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }),
+                                    children: /*#__PURE__*/ _jsx(PlusIcon, {})
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(TextField, {
+                        fullWidth: true,
+                        label: "Secret",
+                        value: ((ref3 = value.proxy) === null || ref3 === void 0 ? void 0 : ref3.spec.secret) || '',
+                        InputProps: {
+                            readOnly: isReadonly
+                        },
+                        onChange: (e)=>onChange({
+                                ...value,
+                                ...value.proxy && {
+                                    proxy: {
+                                        ...value.proxy,
+                                        spec: {
+                                            ...value.proxy.spec,
+                                            secret: e.target.value
+                                        }
+                                    }
+                                }
+                            })
+                    })
+                ]
+            })
+        }
+    ];
+    // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or
+    // bug in case the tabs get eventually swapped in the future.
+    const directModeId = tabs.findIndex((tab)=>tab.label == strDirect);
+    const proxyModeId = tabs.findIndex((tab)=>tab.label == strProxy);
+    // In "update datasource" case, set defaultTab to the mode that this datasource is currently relying on.
+    // Otherwise (create datasource), set defaultTab to Direct access.
+    const defaultTab = value.proxy ? proxyModeId : directModeId;
+    const initialSpecDirect = {
+        direct_url: ''
+    };
+    const initialSpecProxy = {
+        proxy: {
+            kind: 'HTTPProxy',
+            spec: {
+                allowed_endpoints: [
+                    // hardcoded list of allowed endpoints for now since those are enforced by the backend
+                    {
+                        endpoint_pattern: '/api/v1/labels',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/series',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/metadata',
+                        method: 'GET'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/query',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/query_range',
+                        method: 'POST'
+                    },
+                    {
+                        endpoint_pattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',
+                        method: 'GET'
+                    }
+                ],
+                url: ''
+            }
+        }
+    };
+    // For better user experience, save previous states in mind for both mode.
+    // This avoids losing everything when the user changes their mind back.
+    const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);
+    const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);
+    // When changing mode, remove previous mode's config + append default values for the new mode.
+    const handleModeChange = (v)=>{
+        var ref, ref1;
+        if (((ref = tabs[v]) === null || ref === void 0 ? void 0 : ref.label) == strDirect) {
+            setPreviousSpecProxy(value);
+            onChange(previousSpecDirect);
+        } else if (((ref1 = tabs[v]) === null || ref1 === void 0 ? void 0 : ref1.label) == strProxy) {
+            setPreviousSpecDirect(value);
+            onChange(previousSpecProxy);
+        }
+    };
+    return /*#__PURE__*/ _jsx(OptionsEditorRadios, {
+        isReadonly: isReadonly,
+        tabs: tabs,
+        defaultTab: defaultTab,
+        onModeChange: handleModeChange
+    });
+}
+
+//# sourceMappingURL=PrometheusDatasourceEditor.js.map

package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.tsx"],"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\nimport { RequestHeaders } from '@perses-dev/core';\nimport { OptionsEditorRadios } from '@perses-dev/plugin-system';\nimport { Grid, IconButton, TextField, Typography } from '@mui/material';\nimport React, { useState } from 'react';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { PrometheusDatasourceSpec } from './types';\n\nexport interface PrometheusDatasourceEditorProps {\n  value: PrometheusDatasourceSpec;\n  onChange: (next: PrometheusDatasourceSpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function PrometheusDatasourceEditor(props: PrometheusDatasourceEditorProps) {\n  const { value, onChange, isReadonly } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // TODO refactor with useImmer to avoid doing so much destructuring? feasibility & performances to be checked\n\n  // utilitary function used for headers when renaming a property\n  // -> TODO it would be cleaner to manipulate headers as a list instead, to avoid doing this.\n  //    This could be a pure frontend trick, but change in the backend datamodel should also be considered\n  const buildNewHeaders = (oldHeaders: RequestHeaders | undefined, oldName: string, newName: string) => {\n    if (oldHeaders === undefined) return oldHeaders;\n    const keys = Object.keys(oldHeaders);\n    const newHeaders = keys.reduce<Record<string, string>>((acc, val) => {\n      if (val === oldName) {\n        acc[newName] = oldHeaders[oldName] || '';\n      } else {\n        acc[val] = oldHeaders[val] || '';\n      }\n      return acc;\n    }, {});\n\n    return { ...newHeaders };\n  };\n\n  const tabs = [\n    {\n      label: strDirect,\n      content: (\n        <>\n          <TextField\n            fullWidth\n            label=\"URL\"\n            value={value.direct_url || ''}\n            InputProps={{\n              readOnly: isReadonly,\n            }}\n            onChange={(e) => onChange({ ...value, direct_url: e.target.value })}\n          />\n        </>\n      ),\n    },\n    {\n      label: strProxy,\n      content: (\n        <>\n          <TextField\n            fullWidth\n            label=\"URL\"\n            value={value.proxy?.spec.url || ''}\n            InputProps={{\n              readOnly: isReadonly,\n            }}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                ...(value.proxy && {\n                  proxy: {\n                    ...value.proxy,\n                    spec: {\n                      ...value.proxy.spec,\n                      url: e.target.value,\n                    },\n                  },\n                }),\n              })\n            }\n          />\n          <Typography py={2} variant=\"h4\">\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowed_endpoints &&\n              value.proxy.spec.allowed_endpoints.map(({ endpoint_pattern, method }, i) => {\n                return (\n                  <React.Fragment key={i}>\n                    <Grid item xs={8}>\n                      <TextField\n                        disabled // at the moment the allowed endpoints cannot be modified (enforced by backend)\n                        fullWidth\n                        label=\"Endpoint pattern\"\n                        value={endpoint_pattern}\n                        InputProps={{\n                          readOnly: isReadonly,\n                        }}\n                      />\n                    </Grid>\n                    <Grid item xs={4}>\n                      <TextField\n                        disabled // at the moment the allowed endpoints cannot be modified (enforced by backend)\n                        fullWidth\n                        label=\"URL\"\n                        value={method}\n                        InputProps={{\n                          readOnly: isReadonly,\n                        }}\n                      />\n                    </Grid>\n                  </React.Fragment>\n                );\n              })}\n          </Grid>\n          <Typography pb={2} variant=\"h4\">\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.headers !== undefined &&\n              Object.keys(value.proxy.spec.headers).map((headerName, i) => {\n                return (\n                  <React.Fragment key={i}>\n                    <Grid item xs={4}>\n                      <TextField\n                        fullWidth\n                        label=\"Header name\"\n                        value={headerName}\n                        InputProps={{\n                          readOnly: isReadonly,\n                        }}\n                        onChange={(e) =>\n                          onChange({\n                            ...value,\n                            ...(value.proxy && {\n                              proxy: {\n                                ...value.proxy,\n                                spec: {\n                                  ...value.proxy.spec,\n                                  headers: buildNewHeaders(value.proxy.spec.headers, headerName, e.target.value),\n                                },\n                              },\n                            }),\n                          })\n                        }\n                      />\n                    </Grid>\n                    <Grid item xs={7}>\n                      <TextField\n                        fullWidth\n                        label=\"Header value\"\n                        value={value.proxy?.spec.headers?.[headerName]}\n                        InputProps={{\n                          readOnly: isReadonly,\n                        }}\n                        onChange={(e) =>\n                          onChange({\n                            ...value,\n                            ...(value.proxy && {\n                              proxy: {\n                                ...value.proxy,\n                                spec: {\n                                  ...value.proxy.spec,\n                                  headers: { ...value.proxy.spec.headers, [headerName]: e.target.value },\n                                },\n                              },\n                            }),\n                          })\n                        }\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <IconButton\n                        disabled={isReadonly}\n                        onClick={() => {\n                          const newHeaders = { ...value.proxy?.spec.headers };\n                          delete newHeaders[headerName];\n                          onChange({\n                            ...value,\n                            ...(value.proxy && {\n                              proxy: {\n                                ...value.proxy,\n                                spec: {\n                                  ...value.proxy.spec,\n                                  headers: newHeaders,\n                                },\n                              },\n                            }),\n                          });\n                        }}\n                      >\n                        <MinusIcon />\n                      </IconButton>\n                    </Grid>\n                  </React.Fragment>\n                );\n              })}\n            <Grid item xs={12} sx={{ paddingTop: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                onClick={() =>\n                  onChange({\n                    ...value,\n                    ...(value.proxy && {\n                      proxy: {\n                        ...value.proxy,\n                        spec: {\n                          ...value.proxy.spec,\n                          headers: { ...value.proxy.spec.headers, '': '' },\n                        },\n                      },\n                    }),\n                  })\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <TextField\n            fullWidth\n            label=\"Secret\"\n            value={value.proxy?.spec.secret || ''}\n            InputProps={{\n              readOnly: isReadonly,\n            }}\n            onChange={(e) =>\n              onChange({\n                ...value,\n                ...(value.proxy && {\n                  proxy: {\n                    ...value.proxy,\n                    spec: {\n                      ...value.proxy.spec,\n                      secret: e.target.value,\n                    },\n                  },\n                }),\n              })\n            }\n          />\n        </>\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label == strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label == strProxy);\n\n  // In \"update datasource\" case, set defaultTab to the mode that this datasource is currently relying on.\n  // Otherwise (create datasource), set defaultTab to Direct access.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  const initialSpecDirect: PrometheusDatasourceSpec = {\n    direct_url: '',\n  };\n\n  const initialSpecProxy: PrometheusDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowed_endpoints: [\n          // hardcoded list of allowed endpoints for now since those are enforced by the backend\n          {\n            endpoint_pattern: '/api/v1/labels',\n            method: 'POST',\n          },\n          {\n            endpoint_pattern: '/api/v1/series',\n            method: 'POST',\n          },\n          {\n            endpoint_pattern: '/api/v1/metadata',\n            method: 'GET',\n          },\n          {\n            endpoint_pattern: '/api/v1/query',\n            method: 'POST',\n          },\n          {\n            endpoint_pattern: '/api/v1/query_range',\n            method: 'POST',\n          },\n          {\n            endpoint_pattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',\n            method: 'GET',\n          },\n        ],\n        url: '',\n      },\n    },\n  };\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number) => {\n    if (tabs[v]?.label == strDirect) {\n      setPreviousSpecProxy(value);\n      onChange(previousSpecDirect);\n    } else if (tabs[v]?.label == strProxy) {\n      setPreviousSpecDirect(value);\n      onChange(previousSpecProxy);\n    }\n  };\n\n  return (\n    <OptionsEditorRadios isReadonly={isReadonly} tabs={tabs} defaultTab={defaultTab} onModeChange={handleModeChange} />\n  );\n}\n"],"names":["OptionsEditorRadios","Grid","IconButton","TextField","Typography","React","useState","MinusIcon","PlusIcon","PrometheusDatasourceEditor","props","value","onChange","isReadonly","strDirect","strProxy","buildNewHeaders","oldHeaders","oldName","newName","undefined","keys","Object","newHeaders","reduce","acc","val","tabs","label","content","fullWidth","direct_url","InputProps","readOnly","e","target","proxy","spec","url","py","variant","container","spacing","mb","allowed_endpoints","map","endpoint_pattern","method","i","Fragment","item","xs","disabled","pb","headers","headerName","onClick","sx","paddingTop","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","initialSpecDirect","initialSpecProxy","kind","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","onModeChange"],"mappings":"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"}

package/dist/plugins/PrometheusDatasourceEditor/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PrometheusDatasourceEditor';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/PrometheusDatasourceEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/PrometheusDatasourceEditor/index.ts"],"names":[],"mappings":"AAaA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/dist/plugins/PrometheusDatasourceEditor/index.js

@@ -0,0 +1,16 @@
+// 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.
+export * from './PrometheusDatasourceEditor';
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/plugins/PrometheusDatasourceEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/PrometheusDatasourceEditor/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 './PrometheusDatasourceEditor';\nexport * from './types';\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,8BAA8B,CAAC;AAC7C,cAAc,SAAS,CAAC"}

package/dist/plugins/PrometheusDatasourceEditor/types.d.ts

@@ -0,0 +1,20 @@
+import { RequestHeaders } from '@perses-dev/core';
+export interface PrometheusDatasourceSpec {
+    direct_url?: string;
+    proxy?: HTTPProxy;
+}
+export interface HTTPProxy {
+    kind: 'HTTPProxy';
+    spec: HTTPProxySpec;
+}
+export interface HTTPProxySpec {
+    url: string;
+    allowed_endpoints?: HTTPAllowedEndpoint[];
+    headers?: RequestHeaders;
+    secret?: string;
+}
+export interface HTTPAllowedEndpoint {
+    endpoint_pattern: string;
+    method: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/plugins/PrometheusDatasourceEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/PrometheusDatasourceEditor/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;CACrB;AACD,MAAM,WAAW,aAAa;IAG5B,GAAG,EAAE,MAAM,CAAC;IAGZ,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE1C,OAAO,CAAC,EAAE,cAAc,CAAC;IAGzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/plugins/PrometheusDatasourceEditor/types.js

@@ -0,0 +1,15 @@
+// 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.
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/plugins/PrometheusDatasourceEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/PrometheusDatasourceEditor/types.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\nimport { RequestHeaders } from '@perses-dev/core';\n\n// TODO unify this one with the other PrometheusDatasourceSpec used for datasource store manipulation\nexport interface PrometheusDatasourceSpec {\n  direct_url?: string;\n  proxy?: HTTPProxy;\n}\n\nexport interface HTTPProxy {\n  kind: 'HTTPProxy';\n  spec: HTTPProxySpec;\n}\nexport interface HTTPProxySpec {\n  // url is the url of the datasource. It is not the url of the proxy.\n  // The Perses server is the proxy, so it needs to know where to redirect the request.\n  url: string;\n  // allowed_endpoints is a list of tuples of http methods and http endpoints that will be accessible.\n  // Leave it empty if you don't want to restrict the access to the datasource.\n  allowed_endpoints?: HTTPAllowedEndpoint[];\n  // headers can be used to provide additional headers that need to be forwarded when requesting the datasource\n  headers?: RequestHeaders;\n  // secret is the name of the secret that should be used for the proxy or discovery configuration\n  // It will contain any sensitive information such as password, token, certificate.\n  secret?: string;\n}\n\nexport interface HTTPAllowedEndpoint {\n  endpoint_pattern: string;\n  method: string;\n}\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,WA6BC"}

package/dist/plugins/prometheus-datasource.d.ts

@@ -1,9 +1,10 @@
 import { RequestHeaders } from '@perses-dev/core';
 import { DatasourcePlugin } from '@perses-dev/plugin-system';
 import { PrometheusClient } from '../model';
+import { PrometheusDatasourceSpec as PrometheusDatasourceSpecFull } from './PrometheusDatasourceEditor';
 export interface PrometheusDatasourceSpec {
     direct_url?: string;
     headers?: RequestHeaders;
 }
-export declare const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>;
+export declare const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpecFull, PrometheusClient>;
 //# sourceMappingURL=prometheus-datasource.d.ts.map

package/dist/plugins/prometheus-datasource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prometheus-datasource.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-datasource.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAqD,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE/F,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AA2BD,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,wBAAwB,EAAE,gBAAgB,CAI7F,CAAC"}
+{"version":3,"file":"prometheus-datasource.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-datasource.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAqD,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC/F,OAAO,EAEL,wBAAwB,IAAI,4BAA4B,EACzD,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AA2BD,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,4BAA4B,EAAE,gBAAgB,CAIjG,CAAC"}

package/dist/plugins/prometheus-datasource.js

@@ -11,6 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { instantQuery, rangeQuery, labelNames, labelValues } from '../model';
+import { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';
 /**
  * Creates a PrometheusClient for a specific datasource spec.
  */ const createClient = (spec, options)=>{
@@ -46,7 +47,7 @@ import { instantQuery, rangeQuery, labelNames, labelValues } from '../model';
 };
 export const PrometheusDatasource = {
     createClient,
-    OptionsEditorComponent: ()=>null,
+    OptionsEditorComponent: PrometheusDatasourceEditor,
     createInitialOptions: ()=>({
             direct_url: ''
         })

package/dist/plugins/prometheus-datasource.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins/prometheus-datasource.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\nimport { RequestHeaders } from '@perses-dev/core';\nimport { DatasourcePlugin } from '@perses-dev/plugin-system';\nimport { instantQuery, rangeQuery, labelNames, labelValues, PrometheusClient } from '../model';\n\nexport interface PrometheusDatasourceSpec {\n  direct_url?: string;\n  headers?: RequestHeaders;\n}\n\n/**\n * Creates a PrometheusClient for a specific datasource spec.\n */\nconst createClient: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>['createClient'] = (spec, options) => {\n  const { direct_url, headers: specHeaders } = spec;\n  const { proxyUrl } = options;\n\n  // Use the direct URL if specified, but fallback to the proxyUrl by default if not specified\n  const datasourceUrl = direct_url ?? proxyUrl;\n  if (datasourceUrl === undefined) {\n    throw new Error('No URL specified for Prometheus client. You can use direct_url in the spec to configure it.');\n  }\n\n  // Could think about this becoming a class, although it definitely doesn't have to be\n  return {\n    options: {\n      datasourceUrl,\n    },\n    instantQuery: (params, headers) => instantQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    rangeQuery: (params, headers) => rangeQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    labelNames: (params, headers) => labelNames(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    labelValues: (params, headers) => labelValues(params, { datasourceUrl, headers: headers ?? specHeaders }),\n  };\n};\n\nexport const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient> = {\n  createClient,\n  OptionsEditorComponent: () => null,\n  createInitialOptions: () => ({ direct_url: '' }),\n};\n"],"names":["instantQuery","rangeQuery","labelNames","labelValues","createClient","spec","options","direct_url","headers","specHeaders","proxyUrl","datasourceUrl","undefined","Error","params","PrometheusDatasource","OptionsEditorComponent","createInitialOptions"],"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;AAIjC,SAASA,YAAY,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,QAA0B,UAAU,CAAC;AAO/F;;CAEC,GACD,MAAMC,YAAY,GAAiF,CAACC,IAAI,EAAEC,OAAO,GAAK;IACpH,MAAM,EAAEC,UAAU,CAAA,EAAEC,OAAO,EAAEC,WAAW,CAAA,EAAE,GAAGJ,IAAI,AAAC;IAClD,MAAM,EAAEK,QAAQ,CAAA,EAAE,GAAGJ,OAAO,AAAC;IAE7B,4FAA4F;IAC5F,MAAMK,aAAa,GAAGJ,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIG,QAAQ,AAAC;IAC7C,IAAIC,aAAa,KAAKC,SAAS,EAAE;QAC/B,MAAM,IAAIC,KAAK,CAAC,6FAA6F,CAAC,CAAC;IACjH,CAAC;IAED,qFAAqF;IACrF,OAAO;QACLP,OAAO,EAAE;YACPK,aAAa;SACd;QACDX,YAAY,EAAE,CAACc,MAAM,EAAEN,OAAO,GAAKR,YAAY,CAACc,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QAC3GR,UAAU,EAAE,CAACa,MAAM,EAAEN,OAAO,GAAKP,UAAU,CAACa,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QACvGP,UAAU,EAAE,CAACY,MAAM,EAAEN,OAAO,GAAKN,UAAU,CAACY,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QACvGN,WAAW,EAAE,CAACW,MAAM,EAAEN,OAAO,GAAKL,WAAW,CAACW,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;KAC1G,CAAC;AACJ,CAAC,AAAC;AAEF,OAAO,MAAMM,oBAAoB,GAAiE;IAChGX,YAAY;IACZY,sBAAsB,EAAE,IAAM,IAAI;IAClCC,oBAAoB,EAAE,IAAO,CAAA;YAAEV,UAAU,EAAE,EAAE;SAAE,CAAA,AAAC;CACjD,CAAC"}
+{"version":3,"sources":["../../src/plugins/prometheus-datasource.tsx"],"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\nimport { RequestHeaders } from '@perses-dev/core';\nimport { DatasourcePlugin } from '@perses-dev/plugin-system';\nimport { instantQuery, rangeQuery, labelNames, labelValues, PrometheusClient } from '../model';\nimport {\n  PrometheusDatasourceEditor,\n  PrometheusDatasourceSpec as PrometheusDatasourceSpecFull,\n} from './PrometheusDatasourceEditor';\n\nexport interface PrometheusDatasourceSpec {\n  direct_url?: string;\n  headers?: RequestHeaders;\n}\n\n/**\n * Creates a PrometheusClient for a specific datasource spec.\n */\nconst createClient: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>['createClient'] = (spec, options) => {\n  const { direct_url, headers: specHeaders } = spec;\n  const { proxyUrl } = options;\n\n  // Use the direct URL if specified, but fallback to the proxyUrl by default if not specified\n  const datasourceUrl = direct_url ?? proxyUrl;\n  if (datasourceUrl === undefined) {\n    throw new Error('No URL specified for Prometheus client. You can use direct_url in the spec to configure it.');\n  }\n\n  // Could think about this becoming a class, although it definitely doesn't have to be\n  return {\n    options: {\n      datasourceUrl,\n    },\n    instantQuery: (params, headers) => instantQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    rangeQuery: (params, headers) => rangeQuery(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    labelNames: (params, headers) => labelNames(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    labelValues: (params, headers) => labelValues(params, { datasourceUrl, headers: headers ?? specHeaders }),\n  };\n};\n\nexport const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpecFull, PrometheusClient> = {\n  createClient,\n  OptionsEditorComponent: PrometheusDatasourceEditor,\n  createInitialOptions: () => ({ direct_url: '' }),\n};\n"],"names":["instantQuery","rangeQuery","labelNames","labelValues","PrometheusDatasourceEditor","createClient","spec","options","direct_url","headers","specHeaders","proxyUrl","datasourceUrl","undefined","Error","params","PrometheusDatasource","OptionsEditorComponent","createInitialOptions"],"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;AAIjC,SAASA,YAAY,EAAEC,UAAU,EAAEC,UAAU,EAAEC,WAAW,QAA0B,UAAU,CAAC;AAC/F,SACEC,0BAA0B,QAErB,8BAA8B,CAAC;AAOtC;;CAEC,GACD,MAAMC,YAAY,GAAiF,CAACC,IAAI,EAAEC,OAAO,GAAK;IACpH,MAAM,EAAEC,UAAU,CAAA,EAAEC,OAAO,EAAEC,WAAW,CAAA,EAAE,GAAGJ,IAAI,AAAC;IAClD,MAAM,EAAEK,QAAQ,CAAA,EAAE,GAAGJ,OAAO,AAAC;IAE7B,4FAA4F;IAC5F,MAAMK,aAAa,GAAGJ,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIG,QAAQ,AAAC;IAC7C,IAAIC,aAAa,KAAKC,SAAS,EAAE;QAC/B,MAAM,IAAIC,KAAK,CAAC,6FAA6F,CAAC,CAAC;IACjH,CAAC;IAED,qFAAqF;IACrF,OAAO;QACLP,OAAO,EAAE;YACPK,aAAa;SACd;QACDZ,YAAY,EAAE,CAACe,MAAM,EAAEN,OAAO,GAAKT,YAAY,CAACe,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QAC3GT,UAAU,EAAE,CAACc,MAAM,EAAEN,OAAO,GAAKR,UAAU,CAACc,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QACvGR,UAAU,EAAE,CAACa,MAAM,EAAEN,OAAO,GAAKP,UAAU,CAACa,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;QACvGP,WAAW,EAAE,CAACY,MAAM,EAAEN,OAAO,GAAKN,WAAW,CAACY,MAAM,EAAE;gBAAEH,aAAa;gBAAEH,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIC,WAAW;aAAE,CAAC;KAC1G,CAAC;AACJ,CAAC,AAAC;AAEF,OAAO,MAAMM,oBAAoB,GAAqE;IACpGX,YAAY;IACZY,sBAAsB,EAAEb,0BAA0B;IAClDc,oBAAoB,EAAE,IAAO,CAAA;YAAEV,UAAU,EAAE,EAAE;SAAE,CAAA,AAAC;CACjD,CAAC"}

package/dist/plugins/prometheus-time-series-query/get-time-series-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-time-series-data.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/get-time-series-data.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,2BAA2B,CAAC;AAW5F,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,qBAAqB,CAAC,6BAA6B,CAAC,CAAC,mBAAmB,CAoFvG,CAAC"}
+{"version":3,"file":"get-time-series-data.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/get-time-series-data.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,2BAA2B,CAAC;AAW5F,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,eAAO,MAAM,iBAAiB,EAAE,qBAAqB,CAAC,6BAA6B,CAAC,CAAC,mBAAmB,CAqFvG,CAAC"}

package/dist/plugins/prometheus-time-series-query/get-time-series-data.js

@@ -87,7 +87,8 @@ export const getTimeSeriesData = async (spec, context)=>{
             };
         }),
         metadata: {
-            notices
+            notices,
+            executedQueryString: query
         }
     };
     return chartData;

package/dist/plugins/prometheus-time-series-query/get-time-series-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/get-time-series-data.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\nimport { Notice, TimeSeriesData } from '@perses-dev/core';\nimport { TimeSeriesQueryPlugin, replaceTemplateVariables } from '@perses-dev/plugin-system';\nimport { fromUnixTime } from 'date-fns';\nimport {\n  parseValueTuple,\n  PrometheusClient,\n  getDurationStringSeconds,\n  getPrometheusTimeRange,\n  getRangeStep,\n  DEFAULT_PROM,\n} from '../../model';\nimport { getFormattedPrometheusSeriesName } from '../../utils';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\n\nexport const getTimeSeriesData: TimeSeriesQueryPlugin<PrometheusTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context\n) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    // Do not make a request to the backend, instead return an empty TimeSeriesData\n    return { series: [] };\n  }\n\n  const minStep = getDurationStringSeconds(spec.min_step);\n  const timeRange = getPrometheusTimeRange(context.timeRange);\n  const step = getRangeStep(timeRange, minStep, undefined, context.suggestedStepMs);\n\n  // Align the time range so that it's a multiple of the step\n  let { start, end } = timeRange;\n  const utcOffsetSec = new Date().getTimezoneOffset() * 60;\n\n  const alignedEnd = Math.floor((end + utcOffsetSec) / step) * step - utcOffsetSec;\n  const alignedStart = Math.floor((start + utcOffsetSec) / step) * step - utcOffsetSec;\n  start = alignedStart;\n  end = alignedEnd;\n\n  // Replace template variable placeholders in PromQL query\n  let query = spec.query.replace('$__rate_interval', `15s`);\n  query = replaceTemplateVariables(query, context.variableState);\n\n  let seriesNameFormat = spec.series_name_format;\n  // if series name format is defined, replace template variable placeholders in series name format\n  if (seriesNameFormat) {\n    seriesNameFormat = replaceTemplateVariables(seriesNameFormat, context.variableState);\n  }\n\n  // Get the datasource, using the default Prom Datasource if one isn't specified in the query\n  const client: PrometheusClient = await context.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n\n  // Make the request to Prom\n  const response = await client.rangeQuery({\n    query,\n    start,\n    end,\n    step,\n  });\n\n  // TODO: What about error responses from Prom that have a response body?\n  const result = response.data?.result ?? [];\n\n  // Custom display for response header warnings, configurable error responses display coming next\n  const notices: Notice[] = [];\n  if (response.status === 'success') {\n    const warnings = response.warnings ?? [];\n    const warningMessage = warnings[0] ?? '';\n    if (warningMessage !== '') {\n      notices.push({\n        type: 'warning',\n        message: warningMessage,\n      });\n    }\n  }\n\n  // Transform response\n  const chartData: TimeSeriesData = {\n    // Return the time range and step we actually used for the query\n    timeRange: { start: fromUnixTime(start), end: fromUnixTime(end) },\n    stepMs: step * 1000,\n\n    series: result.map((value) => {\n      const { metric, values } = value;\n\n      // Account for series_name_format from query editor when determining name to show in legend, tooltip, etc.\n      const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);\n\n      return {\n        name,\n        values: values.map(parseValueTuple),\n        formattedName,\n        labels: metric,\n      };\n    }),\n    metadata: {\n      notices,\n    },\n  };\n\n  return chartData;\n};\n"],"names":["replaceTemplateVariables","fromUnixTime","parseValueTuple","getDurationStringSeconds","getPrometheusTimeRange","getRangeStep","DEFAULT_PROM","getFormattedPrometheusSeriesName","getTimeSeriesData","spec","context","response","query","undefined","series","minStep","min_step","timeRange","step","suggestedStepMs","start","end","utcOffsetSec","Date","getTimezoneOffset","alignedEnd","Math","floor","alignedStart","replace","variableState","seriesNameFormat","series_name_format","client","datasourceStore","getDatasourceClient","datasource","rangeQuery","result","data","notices","status","warnings","warningMessage","push","type","message","chartData","stepMs","map","value","metric","values","name","formattedName","labels","metadata"],"mappings":"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"}
+{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/get-time-series-data.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\nimport { Notice, TimeSeriesData } from '@perses-dev/core';\nimport { TimeSeriesQueryPlugin, replaceTemplateVariables } from '@perses-dev/plugin-system';\nimport { fromUnixTime } from 'date-fns';\nimport {\n  parseValueTuple,\n  PrometheusClient,\n  getDurationStringSeconds,\n  getPrometheusTimeRange,\n  getRangeStep,\n  DEFAULT_PROM,\n} from '../../model';\nimport { getFormattedPrometheusSeriesName } from '../../utils';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\n\nexport const getTimeSeriesData: TimeSeriesQueryPlugin<PrometheusTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context\n) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    // Do not make a request to the backend, instead return an empty TimeSeriesData\n    return { series: [] };\n  }\n\n  const minStep = getDurationStringSeconds(spec.min_step);\n  const timeRange = getPrometheusTimeRange(context.timeRange);\n  const step = getRangeStep(timeRange, minStep, undefined, context.suggestedStepMs);\n\n  // Align the time range so that it's a multiple of the step\n  let { start, end } = timeRange;\n  const utcOffsetSec = new Date().getTimezoneOffset() * 60;\n\n  const alignedEnd = Math.floor((end + utcOffsetSec) / step) * step - utcOffsetSec;\n  const alignedStart = Math.floor((start + utcOffsetSec) / step) * step - utcOffsetSec;\n  start = alignedStart;\n  end = alignedEnd;\n\n  // Replace template variable placeholders in PromQL query\n  let query = spec.query.replace('$__rate_interval', `15s`);\n  query = replaceTemplateVariables(query, context.variableState);\n\n  let seriesNameFormat = spec.series_name_format;\n  // if series name format is defined, replace template variable placeholders in series name format\n  if (seriesNameFormat) {\n    seriesNameFormat = replaceTemplateVariables(seriesNameFormat, context.variableState);\n  }\n\n  // Get the datasource, using the default Prom Datasource if one isn't specified in the query\n  const client: PrometheusClient = await context.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n\n  // Make the request to Prom\n  const response = await client.rangeQuery({\n    query,\n    start,\n    end,\n    step,\n  });\n\n  // TODO: What about error responses from Prom that have a response body?\n  const result = response.data?.result ?? [];\n\n  // Custom display for response header warnings, configurable error responses display coming next\n  const notices: Notice[] = [];\n  if (response.status === 'success') {\n    const warnings = response.warnings ?? [];\n    const warningMessage = warnings[0] ?? '';\n    if (warningMessage !== '') {\n      notices.push({\n        type: 'warning',\n        message: warningMessage,\n      });\n    }\n  }\n\n  // Transform response\n  const chartData: TimeSeriesData = {\n    // Return the time range and step we actually used for the query\n    timeRange: { start: fromUnixTime(start), end: fromUnixTime(end) },\n    stepMs: step * 1000,\n\n    series: result.map((value) => {\n      const { metric, values } = value;\n\n      // Account for series_name_format from query editor when determining name to show in legend, tooltip, etc.\n      const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);\n\n      return {\n        name,\n        values: values.map(parseValueTuple),\n        formattedName,\n        labels: metric,\n      };\n    }),\n    metadata: {\n      notices,\n      executedQueryString: query,\n    },\n  };\n\n  return chartData;\n};\n"],"names":["replaceTemplateVariables","fromUnixTime","parseValueTuple","getDurationStringSeconds","getPrometheusTimeRange","getRangeStep","DEFAULT_PROM","getFormattedPrometheusSeriesName","getTimeSeriesData","spec","context","response","query","undefined","series","minStep","min_step","timeRange","step","suggestedStepMs","start","end","utcOffsetSec","Date","getTimezoneOffset","alignedEnd","Math","floor","alignedStart","replace","variableState","seriesNameFormat","series_name_format","client","datasourceStore","getDatasourceClient","datasource","rangeQuery","result","data","notices","status","warnings","warningMessage","push","type","message","chartData","stepMs","map","value","metric","values","name","formattedName","labels","metadata","executedQueryString"],"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;AAGjC,SAAgCA,wBAAwB,QAAQ,2BAA2B,CAAC;AAC5F,SAASC,YAAY,QAAQ,UAAU,CAAC;AACxC,SACEC,eAAe,EAEfC,wBAAwB,EACxBC,sBAAsB,EACtBC,YAAY,EACZC,YAAY,QACP,aAAa,CAAC;AACrB,SAASC,gCAAgC,QAAQ,aAAa,CAAC;AAG/D,OAAO,MAAMC,iBAAiB,GAA8E,OAC1GC,IAAI,EACJC,OAAO,GACJ;QAyCYC,GAAa;IAxC5B,IAAIF,IAAI,CAACG,KAAK,KAAKC,SAAS,IAAIJ,IAAI,CAACG,KAAK,KAAK,IAAI,IAAIH,IAAI,CAACG,KAAK,KAAK,EAAE,EAAE;QACxE,+EAA+E;QAC/E,OAAO;YAAEE,MAAM,EAAE,EAAE;SAAE,CAAC;IACxB,CAAC;IAED,MAAMC,OAAO,GAAGZ,wBAAwB,CAACM,IAAI,CAACO,QAAQ,CAAC,AAAC;IACxD,MAAMC,SAAS,GAAGb,sBAAsB,CAACM,OAAO,CAACO,SAAS,CAAC,AAAC;IAC5D,MAAMC,IAAI,GAAGb,YAAY,CAACY,SAAS,EAAEF,OAAO,EAAEF,SAAS,EAAEH,OAAO,CAACS,eAAe,CAAC,AAAC;IAElF,2DAA2D;IAC3D,IAAI,EAAEC,KAAK,CAAA,EAAEC,GAAG,CAAA,EAAE,GAAGJ,SAAS,AAAC;IAC/B,MAAMK,YAAY,GAAG,IAAIC,IAAI,EAAE,CAACC,iBAAiB,EAAE,GAAG,EAAE,AAAC;IAEzD,MAAMC,UAAU,GAAGC,IAAI,CAACC,KAAK,CAAC,AAACN,CAAAA,GAAG,GAAGC,YAAY,CAAA,GAAIJ,IAAI,CAAC,GAAGA,IAAI,GAAGI,YAAY,AAAC;IACjF,MAAMM,YAAY,GAAGF,IAAI,CAACC,KAAK,CAAC,AAACP,CAAAA,KAAK,GAAGE,YAAY,CAAA,GAAIJ,IAAI,CAAC,GAAGA,IAAI,GAAGI,YAAY,AAAC;IACrFF,KAAK,GAAGQ,YAAY,CAAC;IACrBP,GAAG,GAAGI,UAAU,CAAC;IAEjB,yDAAyD;IACzD,IAAIb,KAAK,GAAGH,IAAI,CAACG,KAAK,CAACiB,OAAO,CAAC,kBAAkB,EAAE,CAAC,GAAG,CAAC,CAAC,AAAC;IAC1DjB,KAAK,GAAGZ,wBAAwB,CAACY,KAAK,EAAEF,OAAO,CAACoB,aAAa,CAAC,CAAC;IAE/D,IAAIC,gBAAgB,GAAGtB,IAAI,CAACuB,kBAAkB,AAAC;IAC/C,iGAAiG;IACjG,IAAID,gBAAgB,EAAE;QACpBA,gBAAgB,GAAG/B,wBAAwB,CAAC+B,gBAAgB,EAAErB,OAAO,CAACoB,aAAa,CAAC,CAAC;IACvF,CAAC;QAGkFrB,WAAe;IADlG,4FAA4F;IAC5F,MAAMwB,MAAM,GAAqB,MAAMvB,OAAO,CAACwB,eAAe,CAACC,mBAAmB,CAAC1B,CAAAA,WAAe,GAAfA,IAAI,CAAC2B,UAAU,cAAf3B,WAAe,cAAfA,WAAe,GAAIH,YAAY,CAAC,AAAC;IAEpH,2BAA2B;IAC3B,MAAMK,QAAQ,GAAG,MAAMsB,MAAM,CAACI,UAAU,CAAC;QACvCzB,KAAK;QACLQ,KAAK;QACLC,GAAG;QACHH,IAAI;KACL,CAAC,AAAC;QAGYP,IAAqB;IADpC,wEAAwE;IACxE,MAAM2B,MAAM,GAAG3B,CAAAA,IAAqB,GAArBA,CAAAA,GAAa,GAAbA,QAAQ,CAAC4B,IAAI,cAAb5B,GAAa,WAAQ,GAArBA,KAAAA,CAAqB,GAArBA,GAAa,CAAE2B,MAAM,cAArB3B,IAAqB,cAArBA,IAAqB,GAAI,EAAE,AAAC;IAE3C,gGAAgG;IAChG,MAAM6B,OAAO,GAAa,EAAE,AAAC;IAC7B,IAAI7B,QAAQ,CAAC8B,MAAM,KAAK,SAAS,EAAE;YAChB9B,SAAiB;QAAlC,MAAM+B,QAAQ,GAAG/B,CAAAA,SAAiB,GAAjBA,QAAQ,CAAC+B,QAAQ,cAAjB/B,SAAiB,cAAjBA,SAAiB,GAAI,EAAE,AAAC;YAClB+B,IAAW;QAAlC,MAAMC,cAAc,GAAGD,CAAAA,IAAW,GAAXA,QAAQ,CAAC,CAAC,CAAC,cAAXA,IAAW,cAAXA,IAAW,GAAI,EAAE,AAAC;QACzC,IAAIC,cAAc,KAAK,EAAE,EAAE;YACzBH,OAAO,CAACI,IAAI,CAAC;gBACXC,IAAI,EAAE,SAAS;gBACfC,OAAO,EAAEH,cAAc;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,qBAAqB;IACrB,MAAMI,SAAS,GAAmB;QAChC,gEAAgE;QAChE9B,SAAS,EAAE;YAAEG,KAAK,EAAEnB,YAAY,CAACmB,KAAK,CAAC;YAAEC,GAAG,EAAEpB,YAAY,CAACoB,GAAG,CAAC;SAAE;QACjE2B,MAAM,EAAE9B,IAAI,GAAG,IAAI;QAEnBJ,MAAM,EAAEwB,MAAM,CAACW,GAAG,CAAC,CAACC,KAAK,GAAK;YAC5B,MAAM,EAAEC,MAAM,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGF,KAAK,AAAC;YAEjC,0GAA0G;YAC1G,MAAM,EAAEG,IAAI,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAG/C,gCAAgC,CAACK,KAAK,EAAEuC,MAAM,EAAEpB,gBAAgB,CAAC,AAAC;YAElG,OAAO;gBACLsB,IAAI;gBACJD,MAAM,EAAEA,MAAM,CAACH,GAAG,CAAC/C,eAAe,CAAC;gBACnCoD,aAAa;gBACbC,MAAM,EAAEJ,MAAM;aACf,CAAC;QACJ,CAAC,CAAC;QACFK,QAAQ,EAAE;YACRhB,OAAO;YACPiB,mBAAmB,EAAE7C,KAAK;SAC3B;KACF,AAAC;IAEF,OAAOmC,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/prometheus-plugin",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "description": "Prometheus plugin for Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -31,9 +31,9 @@
   "dependencies": {
     "@lezer/highlight": "^1.0.0",
     "@lezer/lr": "^1.2.0",
-    "@perses-dev/components": "0.38.0",
-    "@perses-dev/core": "0.38.0",
-    "@perses-dev/plugin-system": "0.38.0",
+    "@perses-dev/components": "0.39.0",
+    "@perses-dev/core": "0.39.0",
+    "@perses-dev/plugin-system": "0.39.0",
     "@prometheus-io/codemirror-promql": "^0.43.0",
     "@uiw/react-codemirror": "^4.19.1",
     "date-fns": "^2.28.0",