@perses-dev/prometheus-plugin 0.39.0 → 0.40.0

package/dist/plugins/PrometheusDatasourceEditor/PrometheusDatasourceEditor.js

@@ -13,11 +13,12 @@
 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 React, { Fragment, useState } from 'react';
 import MinusIcon from 'mdi-material-ui/Minus';
 import PlusIcon from 'mdi-material-ui/Plus';
+import { DEFAULT_SCRAPE_INTERVAL } from './types';
 export function PrometheusDatasourceEditor(props) {
-    var ref, ref1, ref2, ref3;
+    var _value_proxy, _value_proxy1, _value_proxy2, _value_proxy3;
     const { value , onChange , isReadonly  } = props;
     const strDirect = 'Direct access';
     const strProxy = 'Proxy';
@@ -47,13 +48,16 @@ export function PrometheusDatasourceEditor(props) {
                 children: /*#__PURE__*/ _jsx(TextField, {
                     fullWidth: true,
                     label: "URL",
-                    value: value.direct_url || '',
+                    value: value.directUrl || '',
                     InputProps: {
                         readOnly: isReadonly
                     },
+                    InputLabelProps: {
+                        shrink: isReadonly ? true : undefined
+                    },
                     onChange: (e)=>onChange({
                             ...value,
-                            direct_url: e.target.value
+                            directUrl: e.target.value
                         })
                 })
             })
@@ -65,10 +69,13 @@ export function PrometheusDatasourceEditor(props) {
                     /*#__PURE__*/ _jsx(TextField, {
                         fullWidth: true,
                         label: "URL",
-                        value: ((ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.url) || '',
+                        value: ((_value_proxy = value.proxy) === null || _value_proxy === void 0 ? void 0 : _value_proxy.spec.url) || '',
                         InputProps: {
                             readOnly: isReadonly
                         },
+                        InputLabelProps: {
+                            shrink: isReadonly ? true : undefined
+                        },
                         onChange: (e)=>onChange({
                                 ...value,
                                 ...value.proxy && {
@@ -83,16 +90,17 @@ export function PrometheusDatasourceEditor(props) {
                             })
                     }),
                     /*#__PURE__*/ _jsx(Typography, {
-                        py: 2,
                         variant: "h4",
+                        mt: 2,
+                        mb: 1,
                         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: ((_value_proxy1 = value.proxy) === null || _value_proxy1 === void 0 ? void 0 : _value_proxy1.spec.allowedEndpoints) ? value.proxy.spec.allowedEndpoints.map(({ endpointPattern , method  }, i)=>{
+                            return /*#__PURE__*/ _jsxs(Fragment, {
                                 children: [
                                     /*#__PURE__*/ _jsx(Grid, {
                                         item: true,
@@ -101,9 +109,12 @@ export function PrometheusDatasourceEditor(props) {
                                             disabled: true,
                                             fullWidth: true,
                                             label: "Endpoint pattern",
-                                            value: endpoint_pattern,
+                                            value: endpointPattern,
                                             InputProps: {
                                                 readOnly: isReadonly
+                                            },
+                                            InputLabelProps: {
+                                                shrink: isReadonly ? true : undefined
                                             }
                                         })
                                     }),
@@ -117,16 +128,28 @@ export function PrometheusDatasourceEditor(props) {
                                             value: method,
                                             InputProps: {
                                                 readOnly: isReadonly
+                                            },
+                                            InputLabelProps: {
+                                                shrink: isReadonly ? true : undefined
                                             }
                                         })
                                     })
                                 ]
                             }, i);
+                        }) : /*#__PURE__*/ _jsxs(Grid, {
+                            item: true,
+                            xs: 4,
+                            children: [
+                                /*#__PURE__*/ _jsx(Typography, {
+                                    children: "None"
+                                }),
+                                " "
+                            ]
                         })
                     }),
                     /*#__PURE__*/ _jsx(Typography, {
-                        pb: 2,
                         variant: "h4",
+                        mb: 1,
                         children: "Request Headers"
                     }),
                     /*#__PURE__*/ _jsxs(Grid, {
@@ -134,9 +157,9 @@ export function PrometheusDatasourceEditor(props) {
                         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, {
+                            ((_value_proxy2 = value.proxy) === null || _value_proxy2 === void 0 ? void 0 : _value_proxy2.spec.headers) && Object.keys(value.proxy.spec.headers).map((headerName, i)=>{
+                                var _value_proxy_spec_headers, _value_proxy;
+                                return /*#__PURE__*/ _jsxs(Fragment, {
                                     children: [
                                         /*#__PURE__*/ _jsx(Grid, {
                                             item: true,
@@ -148,6 +171,9 @@ export function PrometheusDatasourceEditor(props) {
                                                 InputProps: {
                                                     readOnly: isReadonly
                                                 },
+                                                InputLabelProps: {
+                                                    shrink: isReadonly ? true : undefined
+                                                },
                                                 onChange: (e)=>onChange({
                                                         ...value,
                                                         ...value.proxy && {
@@ -168,10 +194,13 @@ export function PrometheusDatasourceEditor(props) {
                                             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],
+                                                value: (_value_proxy_spec_headers = (_value_proxy = value.proxy) === null || _value_proxy === void 0 ? void 0 : _value_proxy.spec.headers) === null || _value_proxy_spec_headers === void 0 ? void 0 : _value_proxy_spec_headers[headerName],
                                                 InputProps: {
                                                     readOnly: isReadonly
                                                 },
+                                                InputLabelProps: {
+                                                    shrink: isReadonly ? true : undefined
+                                                },
                                                 onChange: (e)=>onChange({
                                                         ...value,
                                                         ...value.proxy && {
@@ -195,9 +224,9 @@ export function PrometheusDatasourceEditor(props) {
                                             children: /*#__PURE__*/ _jsx(IconButton, {
                                                 disabled: isReadonly,
                                                 onClick: ()=>{
-                                                    var ref;
+                                                    var _value_proxy;
                                                     const newHeaders = {
-                                                        ...(ref = value.proxy) === null || ref === void 0 ? void 0 : ref.spec.headers
+                                                        ...(_value_proxy = value.proxy) === null || _value_proxy === void 0 ? void 0 : _value_proxy.spec.headers
                                                     };
                                                     delete newHeaders[headerName];
                                                     onChange({
@@ -250,10 +279,13 @@ export function PrometheusDatasourceEditor(props) {
                     /*#__PURE__*/ _jsx(TextField, {
                         fullWidth: true,
                         label: "Secret",
-                        value: ((ref3 = value.proxy) === null || ref3 === void 0 ? void 0 : ref3.spec.secret) || '',
+                        value: ((_value_proxy3 = value.proxy) === null || _value_proxy3 === void 0 ? void 0 : _value_proxy3.spec.secret) || '',
                         InputProps: {
                             readOnly: isReadonly
                         },
+                        InputLabelProps: {
+                            shrink: isReadonly ? true : undefined
+                        },
                         onChange: (e)=>onChange({
                                 ...value,
                                 ...value.proxy && {
@@ -279,36 +311,36 @@ export function PrometheusDatasourceEditor(props) {
     // Otherwise (create datasource), set defaultTab to Direct access.
     const defaultTab = value.proxy ? proxyModeId : directModeId;
     const initialSpecDirect = {
-        direct_url: ''
+        directUrl: ''
     };
     const initialSpecProxy = {
         proxy: {
             kind: 'HTTPProxy',
             spec: {
-                allowed_endpoints: [
+                allowedEndpoints: [
                     // hardcoded list of allowed endpoints for now since those are enforced by the backend
                     {
-                        endpoint_pattern: '/api/v1/labels',
+                        endpointPattern: '/api/v1/labels',
                         method: 'POST'
                     },
                     {
-                        endpoint_pattern: '/api/v1/series',
+                        endpointPattern: '/api/v1/series',
                         method: 'POST'
                     },
                     {
-                        endpoint_pattern: '/api/v1/metadata',
+                        endpointPattern: '/api/v1/metadata',
                         method: 'GET'
                     },
                     {
-                        endpoint_pattern: '/api/v1/query',
+                        endpointPattern: '/api/v1/query',
                         method: 'POST'
                     },
                     {
-                        endpoint_pattern: '/api/v1/query_range',
+                        endpointPattern: '/api/v1/query_range',
                         method: 'POST'
                     },
                     {
-                        endpoint_pattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',
+                        endpointPattern: '/api/v1/label/([a-zA-Z0-9_-]+)/values',
                         method: 'GET'
                     }
                 ],
@@ -322,20 +354,50 @@ export function PrometheusDatasourceEditor(props) {
     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) {
+        var _tabs_v, _tabs_v1;
+        if (((_tabs_v = tabs[v]) === null || _tabs_v === void 0 ? void 0 : _tabs_v.label) == strDirect) {
             setPreviousSpecProxy(value);
             onChange(previousSpecDirect);
-        } else if (((ref1 = tabs[v]) === null || ref1 === void 0 ? void 0 : ref1.label) == strProxy) {
+        } else if (((_tabs_v1 = tabs[v]) === null || _tabs_v1 === void 0 ? void 0 : _tabs_v1.label) == strProxy) {
             setPreviousSpecDirect(value);
             onChange(previousSpecProxy);
         }
     };
-    return /*#__PURE__*/ _jsx(OptionsEditorRadios, {
-        isReadonly: isReadonly,
-        tabs: tabs,
-        defaultTab: defaultTab,
-        onModeChange: handleModeChange
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h4",
+                mb: 1,
+                children: "General Settings"
+            }),
+            /*#__PURE__*/ _jsx(TextField, {
+                fullWidth: true,
+                label: "Scrape Interval",
+                value: value.scrapeInterval || '',
+                placeholder: `Default: ${DEFAULT_SCRAPE_INTERVAL}`,
+                InputProps: {
+                    readOnly: isReadonly
+                },
+                InputLabelProps: {
+                    shrink: isReadonly ? true : undefined
+                },
+                onChange: (e)=>onChange({
+                        ...value,
+                        scrapeInterval: e.target.value
+                    })
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h4",
+                mt: 2,
+                children: "HTTP Settings"
+            }),
+            /*#__PURE__*/ _jsx(OptionsEditorRadios, {
+                isReadonly: isReadonly,
+                tabs: tabs,
+                defaultTab: defaultTab,
+                onModeChange: handleModeChange
+            })
+        ]
     });
 }
 

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

@@ -1 +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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"}
+{"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 { DurationString, RequestHeaders } from '@perses-dev/core';\nimport { OptionsEditorRadios } from '@perses-dev/plugin-system';\nimport { Grid, IconButton, TextField, Typography } from '@mui/material';\nimport React, { Fragment, useState } from 'react';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { DEFAULT_SCRAPE_INTERVAL, 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.directUrl || ''}\n            InputProps={{\n              readOnly: isReadonly,\n            }}\n            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n            onChange={(e) => onChange({ ...value, directUrl: 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            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\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 variant=\"h4\" mt={2} mb={1}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <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={endpointPattern}\n                        InputProps={{\n                          readOnly: isReadonly,\n                        }}\n                        InputLabelProps={{ shrink: isReadonly ? true : undefined }}\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                        InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography>None</Typography> {/* TODO: in edit mode, allow user to add endpoints */}\n              </Grid>\n            )}\n          </Grid>\n          <Typography variant=\"h4\" mb={1}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.headers &&\n              Object.keys(value.proxy.spec.headers).map((headerName, i) => {\n                return (\n                  <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                        InputLabelProps={{ shrink: isReadonly ? true : undefined }}\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                        InputLabelProps={{ shrink: isReadonly ? true : undefined }}\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                  </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            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\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    directUrl: '',\n  };\n\n  const initialSpecProxy: PrometheusDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowedEndpoints: [\n          // hardcoded list of allowed endpoints for now since those are enforced by the backend\n          {\n            endpointPattern: '/api/v1/labels',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/api/v1/series',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/api/v1/metadata',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/v1/query',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/api/v1/query_range',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/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    <>\n      <Typography variant=\"h4\" mb={1}>\n        General Settings\n      </Typography>\n      <TextField\n        fullWidth\n        label=\"Scrape Interval\"\n        value={value.scrapeInterval || ''}\n        placeholder={`Default: ${DEFAULT_SCRAPE_INTERVAL}`}\n        InputProps={{\n          readOnly: isReadonly,\n        }}\n        InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n        onChange={(e) => onChange({ ...value, scrapeInterval: e.target.value as DurationString })}\n      />\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["OptionsEditorRadios","Grid","IconButton","TextField","Typography","React","Fragment","useState","MinusIcon","PlusIcon","DEFAULT_SCRAPE_INTERVAL","PrometheusDatasourceEditor","props","value","onChange","isReadonly","strDirect","strProxy","buildNewHeaders","oldHeaders","oldName","newName","undefined","keys","Object","newHeaders","reduce","acc","val","tabs","label","content","fullWidth","directUrl","InputProps","readOnly","InputLabelProps","shrink","e","target","proxy","spec","url","variant","mt","mb","container","spacing","allowedEndpoints","map","endpointPattern","method","i","item","xs","disabled","headers","headerName","onClick","sx","paddingTop","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","initialSpecDirect","initialSpecProxy","kind","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","scrapeInterval","placeholder","onModeChange"],"mappings":"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"}

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

@@ -1 +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"}
+{"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,+BAA+B;AAC7C,cAAc,UAAU"}

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

@@ -1,7 +1,9 @@
-import { RequestHeaders } from '@perses-dev/core';
+import { DurationString, RequestHeaders } from '@perses-dev/core';
+export declare const DEFAULT_SCRAPE_INTERVAL: DurationString;
 export interface PrometheusDatasourceSpec {
-    direct_url?: string;
+    directUrl?: string;
     proxy?: HTTPProxy;
+    scrapeInterval?: DurationString;
 }
 export interface HTTPProxy {
     kind: 'HTTPProxy';
@@ -9,12 +11,12 @@ export interface HTTPProxy {
 }
 export interface HTTPProxySpec {
     url: string;
-    allowed_endpoints?: HTTPAllowedEndpoint[];
+    allowedEndpoints?: HTTPAllowedEndpoint[];
     headers?: RequestHeaders;
     secret?: string;
 }
 export interface HTTPAllowedEndpoint {
-    endpoint_pattern: string;
+    endpointPattern: string;
     method: string;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/PrometheusDatasourceEditor/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,eAAO,MAAM,uBAAuB,EAAE,cAAqB,CAAC;AAG5D,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;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,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEzC,OAAO,CAAC,EAAE,cAAc,CAAC;IAGzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/plugins/PrometheusDatasourceEditor/types.js

@@ -10,6 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export { };
+export const DEFAULT_SCRAPE_INTERVAL = '1m';
 
 //# sourceMappingURL=types.js.map

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

@@ -1 +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"}
+{"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 { DurationString, RequestHeaders } from '@perses-dev/core';\n\nexport const DEFAULT_SCRAPE_INTERVAL: DurationString = '1m';\n\n// TODO: unify this one with the other PrometheusDatasourceSpec used for datasource store manipulation\nexport interface PrometheusDatasourceSpec {\n  directUrl?: string;\n  proxy?: HTTPProxy;\n  scrapeInterval?: DurationString; // default to 1m\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  // allowedEndpoints 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  allowedEndpoints?: 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  endpointPattern: string;\n  method: string;\n}\n"],"names":["DEFAULT_SCRAPE_INTERVAL"],"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,OAAO,MAAMA,0BAA0C,KAAK"}

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

@@ -1,10 +1,11 @@
-import { RequestHeaders } from '@perses-dev/core';
+import { DurationString, 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;
+    directUrl?: string;
     headers?: RequestHeaders;
+    scrapeInterval?: DurationString;
 }
 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.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"}
+{"version":3,"file":"prometheus-datasource.d.ts","sourceRoot":"","sources":["../../src/plugins/prometheus-datasource.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA6B,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7F,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA0ED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,CAAC,4BAA4B,EAAE,gBAAgB,CAKjG,CAAC"}

package/dist/plugins/prometheus-datasource.js

@@ -15,12 +15,12 @@ import { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';
 /**
  * Creates a PrometheusClient for a specific datasource spec.
  */ const createClient = (spec, options)=>{
-    const { direct_url , headers: specHeaders  } = spec;
+    const { directUrl , headers: specHeaders  } = spec;
     const { proxyUrl  } = options;
     // Use the direct URL if specified, but fallback to the proxyUrl by default if not specified
-    const datasourceUrl = direct_url !== null && direct_url !== void 0 ? direct_url : proxyUrl;
+    const datasourceUrl = directUrl !== null && directUrl !== void 0 ? directUrl : proxyUrl;
     if (datasourceUrl === undefined) {
-        throw new Error('No URL specified for Prometheus client. You can use direct_url in the spec to configure it.');
+        throw new Error('No URL specified for Prometheus client. You can use directUrl in the spec to configure it.');
     }
     // Could think about this becoming a class, although it definitely doesn't have to be
     return {
@@ -45,11 +45,55 @@ import { PrometheusDatasourceEditor } from './PrometheusDatasourceEditor';
             })
     };
 };
+const getBuiltinVariableDefinitions = ()=>{
+    return [
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__interval',
+                value: ()=>'$__interval',
+                source: 'Prometheus',
+                display: {
+                    name: '__interval',
+                    description: 'Interval that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__interval_ms',
+                value: ()=>'$__interval_ms',
+                source: 'Prometheus',
+                display: {
+                    name: '__interval_ms',
+                    description: 'Interval in millisecond that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',
+                    hidden: true
+                }
+            }
+        },
+        {
+            kind: 'BuiltinVariable',
+            spec: {
+                name: '__rate_interval',
+                value: ()=>'$__rate_interval',
+                source: 'Prometheus',
+                display: {
+                    name: '__rate_interval',
+                    description: "Interval at least four times the value of the scrape interval. It avoids problems specific to Prometheus when using 'rate' and 'increase' functions.",
+                    hidden: true
+                }
+            }
+        }
+    ];
+};
 export const PrometheusDatasource = {
     createClient,
+    getBuiltinVariableDefinitions,
     OptionsEditorComponent: PrometheusDatasourceEditor,
     createInitialOptions: ()=>({
-            direct_url: ''
+            directUrl: ''
         })
 };
 

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

@@ -1 +1 @@
-{"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"}
+{"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 { BuiltinVariableDefinition, DurationString, 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  directUrl?: string;\n  headers?: RequestHeaders;\n  scrapeInterval?: DurationString;\n}\n\n/**\n * Creates a PrometheusClient for a specific datasource spec.\n */\nconst createClient: DatasourcePlugin<PrometheusDatasourceSpec, PrometheusClient>['createClient'] = (spec, options) => {\n  const { directUrl, 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 = directUrl ?? proxyUrl;\n  if (datasourceUrl === undefined) {\n    throw new Error('No URL specified for Prometheus client. You can use directUrl 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\nconst getBuiltinVariableDefinitions: () => BuiltinVariableDefinition[] = () => {\n  return [\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__interval',\n        value: () => '$__interval', // will be overriden when time series query is called\n        source: 'Prometheus',\n        display: {\n          name: '__interval',\n          description:\n            'Interval that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__interval_ms',\n        value: () => '$__interval_ms', // will be overriden when time series query is called\n        source: 'Prometheus',\n        display: {\n          name: '__interval_ms',\n          description:\n            'Interval in millisecond that can be used to group by time in queries. When there are more data points than can be shown on a graph then queries can be made more efficient by grouping by a larger interval.',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__rate_interval',\n        value: () => '$__rate_interval', // will be overriden when time series query is called\n        source: 'Prometheus',\n        display: {\n          name: '__rate_interval',\n          description:\n            \"Interval at least four times the value of the scrape interval. It avoids problems specific to Prometheus when using 'rate' and 'increase' functions.\",\n          hidden: true,\n        },\n      },\n    },\n  ] as BuiltinVariableDefinition[];\n};\n\nexport const PrometheusDatasource: DatasourcePlugin<PrometheusDatasourceSpecFull, PrometheusClient> = {\n  createClient,\n  getBuiltinVariableDefinitions,\n  OptionsEditorComponent: PrometheusDatasourceEditor,\n  createInitialOptions: () => ({ directUrl: '' }),\n};\n"],"names":["instantQuery","rangeQuery","labelNames","labelValues","PrometheusDatasourceEditor","createClient","spec","options","directUrl","headers","specHeaders","proxyUrl","datasourceUrl","undefined","Error","params","getBuiltinVariableDefinitions","kind","name","value","source","display","description","hidden","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,WAAW;AAC/F,SACEC,0BAA0B,QAErB,+BAA+B;AAQtC;;CAEC,GACD,MAAMC,eAA6F,CAACC,MAAMC;IACxG,MAAM,EAAEC,UAAS,EAAEC,SAASC,YAAW,EAAE,GAAGJ;IAC5C,MAAM,EAAEK,SAAQ,EAAE,GAAGJ;IAErB,4FAA4F;IAC5F,MAAMK,gBAAgBJ,sBAAAA,uBAAAA,YAAaG;IACnC,IAAIC,kBAAkBC,WAAW;QAC/B,MAAM,IAAIC,MAAM;IAClB;IAEA,qFAAqF;IACrF,OAAO;QACLP,SAAS;YACPK;QACF;QACAZ,cAAc,CAACe,QAAQN,UAAYT,aAAae,QAAQ;gBAAEH;gBAAeH,SAASA,oBAAAA,qBAAAA,UAAWC;YAAY;QACzGT,YAAY,CAACc,QAAQN,UAAYR,WAAWc,QAAQ;gBAAEH;gBAAeH,SAASA,oBAAAA,qBAAAA,UAAWC;YAAY;QACrGR,YAAY,CAACa,QAAQN,UAAYP,WAAWa,QAAQ;gBAAEH;gBAAeH,SAASA,oBAAAA,qBAAAA,UAAWC;YAAY;QACrGP,aAAa,CAACY,QAAQN,UAAYN,YAAYY,QAAQ;gBAAEH;gBAAeH,SAASA,oBAAAA,qBAAAA,UAAWC;YAAY;IACzG;AACF;AAEA,MAAMM,gCAAmE;IACvE,OAAO;QACL;YACEC,MAAM;YACNX,MAAM;gBACJY,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNX,MAAM;gBACJY,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;QACA;YACEN,MAAM;YACNX,MAAM;gBACJY,MAAM;gBACNC,OAAO,IAAM;gBACbC,QAAQ;gBACRC,SAAS;oBACPH,MAAM;oBACNI,aACE;oBACFC,QAAQ;gBACV;YACF;QACF;KACD;AACH;AAEA,OAAO,MAAMC,uBAAyF;IACpGnB;IACAW;IACAS,wBAAwBrB;IACxBsB,sBAAsB,IAAO,CAAA;YAAElB,WAAW;QAAG,CAAA;AAC/C,EAAE"}

package/dist/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.js

@@ -25,7 +25,7 @@ import { PrometheusTimeSeriesQueryEditor } from './PrometheusTimeSeriesQueryEdit
     dependsOn: (spec)=>{
         // Variables can be used in the query and/or in the legend format string
         const queryVariables = parseTemplateVariables(spec.query);
-        const legendVariables = parseTemplateVariables(spec.series_name_format || '');
+        const legendVariables = parseTemplateVariables(spec.seriesNameFormat || '');
         const allVariables = [
             ...new Set([
                 ...queryVariables,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.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 { TimeSeriesQueryPlugin, parseTemplateVariables } from '@perses-dev/plugin-system';\nimport { getTimeSeriesData } from './get-time-series-data';\nimport { PrometheusTimeSeriesQueryEditor } from './PrometheusTimeSeriesQueryEditor';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\n\n/**\n * The core Prometheus TimeSeriesQuery plugin for Perses.\n */\nexport const PrometheusTimeSeriesQuery: TimeSeriesQueryPlugin<PrometheusTimeSeriesQuerySpec> = {\n  getTimeSeriesData,\n  OptionsEditorComponent: PrometheusTimeSeriesQueryEditor,\n  createInitialOptions: () => ({\n    query: '',\n    datasource: undefined,\n  }),\n  dependsOn: (spec) => {\n    // Variables can be used in the query and/or in the legend format string\n    const queryVariables = parseTemplateVariables(spec.query);\n    const legendVariables = parseTemplateVariables(spec.series_name_format || '');\n    const allVariables = [...new Set([...queryVariables, ...legendVariables])];\n    return {\n      variables: allVariables,\n    };\n  },\n};\n"],"names":["parseTemplateVariables","getTimeSeriesData","PrometheusTimeSeriesQueryEditor","PrometheusTimeSeriesQuery","OptionsEditorComponent","createInitialOptions","query","datasource","undefined","dependsOn","spec","queryVariables","legendVariables","series_name_format","allVariables","Set","variables"],"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,SAAgCA,sBAAsB,QAAQ,2BAA2B,CAAC;AAC1F,SAASC,iBAAiB,QAAQ,wBAAwB,CAAC;AAC3D,SAASC,+BAA+B,QAAQ,mCAAmC,CAAC;AAGpF;;CAEC,GACD,OAAO,MAAMC,yBAAyB,GAAyD;IAC7FF,iBAAiB;IACjBG,sBAAsB,EAAEF,+BAA+B;IACvDG,oBAAoB,EAAE,IAAO,CAAA;YAC3BC,KAAK,EAAE,EAAE;YACTC,UAAU,EAAEC,SAAS;SACtB,CAAA,AAAC;IACFC,SAAS,EAAE,CAACC,IAAI,GAAK;QACnB,wEAAwE;QACxE,MAAMC,cAAc,GAAGX,sBAAsB,CAACU,IAAI,CAACJ,KAAK,CAAC,AAAC;QAC1D,MAAMM,eAAe,GAAGZ,sBAAsB,CAACU,IAAI,CAACG,kBAAkB,IAAI,EAAE,CAAC,AAAC;QAC9E,MAAMC,YAAY,GAAG;eAAI,IAAIC,GAAG,CAAC;mBAAIJ,cAAc;mBAAKC,eAAe;aAAC,CAAC;SAAC,AAAC;QAC3E,OAAO;YACLI,SAAS,EAAEF,YAAY;SACxB,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQuery.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 { TimeSeriesQueryPlugin, parseTemplateVariables } from '@perses-dev/plugin-system';\nimport { getTimeSeriesData } from './get-time-series-data';\nimport { PrometheusTimeSeriesQueryEditor } from './PrometheusTimeSeriesQueryEditor';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\n\n/**\n * The core Prometheus TimeSeriesQuery plugin for Perses.\n */\nexport const PrometheusTimeSeriesQuery: TimeSeriesQueryPlugin<PrometheusTimeSeriesQuerySpec> = {\n  getTimeSeriesData,\n  OptionsEditorComponent: PrometheusTimeSeriesQueryEditor,\n  createInitialOptions: () => ({\n    query: '',\n    datasource: undefined,\n  }),\n  dependsOn: (spec) => {\n    // Variables can be used in the query and/or in the legend format string\n    const queryVariables = parseTemplateVariables(spec.query);\n    const legendVariables = parseTemplateVariables(spec.seriesNameFormat || '');\n    const allVariables = [...new Set([...queryVariables, ...legendVariables])];\n    return {\n      variables: allVariables,\n    };\n  },\n};\n"],"names":["parseTemplateVariables","getTimeSeriesData","PrometheusTimeSeriesQueryEditor","PrometheusTimeSeriesQuery","OptionsEditorComponent","createInitialOptions","query","datasource","undefined","dependsOn","spec","queryVariables","legendVariables","seriesNameFormat","allVariables","Set","variables"],"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,SAAgCA,sBAAsB,QAAQ,4BAA4B;AAC1F,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAASC,+BAA+B,QAAQ,oCAAoC;AAGpF;;CAEC,GACD,OAAO,MAAMC,4BAAkF;IAC7FF;IACAG,wBAAwBF;IACxBG,sBAAsB,IAAO,CAAA;YAC3BC,OAAO;YACPC,YAAYC;QACd,CAAA;IACAC,WAAW,CAACC;QACV,wEAAwE;QACxE,MAAMC,iBAAiBX,uBAAuBU,KAAKJ;QACnD,MAAMM,kBAAkBZ,uBAAuBU,KAAKG,oBAAoB;QACxE,MAAMC,eAAe;eAAI,IAAIC,IAAI;mBAAIJ;mBAAmBC;aAAgB;SAAE;QAC1E,OAAO;YACLI,WAAWF;QACb;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"PrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,oCAAoC,EAAiC,MAAM,sBAAsB,CAAC;AAE3G;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,eAyD1F"}
+{"version":3,"file":"PrometheusTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-time-series-query/PrometheusTimeSeriesQueryEditor.tsx"],"names":[],"mappings":";AA2BA,OAAO,EACL,oCAAoC,EAIrC,MAAM,sBAAsB,CAAC;AAE9B;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,eA0E1F"}