@perses-dev/prometheus-plugin 0.39.0 → 0.40.1

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

@@ -16,15 +16,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "PrometheusDatasourceEditor", {
     enumerable: true,
-    get: ()=>PrometheusDatasourceEditor
+    get: function() {
+        return PrometheusDatasourceEditor;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _pluginSystem = require("@perses-dev/plugin-system");
+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) {
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _Minus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Minus"));
+const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
+const _types = require("./types");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -37,7 +40,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -69,7 +72,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
     return newObj;
 }
 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';
@@ -95,32 +98,38 @@ function PrometheusDatasourceEditor(props) {
     const tabs = [
         {
             label: strDirect,
-            content: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+            content: /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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
                         })
                 })
             })
         },
         {
             label: strProxy,
-            content: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            content: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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 && {
@@ -134,72 +143,91 @@ function PrometheusDatasourceEditor(props) {
                                 }
                             })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                        py: 2,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "h4",
+                        mt: 2,
+                        mb: 1,
                         children: "Allowed endpoints"
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                    /*#__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: ((_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__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                         item: true,
                                         xs: 8,
-                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             disabled: true,
                                             fullWidth: true,
                                             label: "Endpoint pattern",
-                                            value: endpoint_pattern,
+                                            value: endpointPattern,
                                             InputProps: {
                                                 readOnly: isReadonly
+                                            },
+                                            InputLabelProps: {
+                                                shrink: isReadonly ? true : undefined
                                             }
                                         })
                                     }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                         item: true,
                                         xs: 4,
-                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             disabled: true,
                                             fullWidth: true,
                                             label: "URL",
                                             value: method,
                                             InputProps: {
                                                 readOnly: isReadonly
+                                            },
+                                            InputLabelProps: {
+                                                shrink: isReadonly ? true : undefined
                                             }
                                         })
                                     })
                                 ]
                             }, i);
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid, {
+                            item: true,
+                            xs: 4,
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                    children: "None"
+                                }),
+                                " "
+                            ]
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                        pb: 2,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "h4",
+                        mb: 1,
                         children: "Request Headers"
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Grid, {
+                    /*#__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, {
+                            ((_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__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                             item: true,
                                             xs: 4,
-                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                                 fullWidth: true,
                                                 label: "Header name",
                                                 value: headerName,
                                                 InputProps: {
                                                     readOnly: isReadonly
                                                 },
+                                                InputLabelProps: {
+                                                    shrink: isReadonly ? true : undefined
+                                                },
                                                 onChange: (e)=>onChange({
                                                         ...value,
                                                         ...value.proxy && {
@@ -214,16 +242,19 @@ function PrometheusDatasourceEditor(props) {
                                                     })
                                             })
                                         }),
-                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                             item: true,
                                             xs: 7,
-                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                                            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],
+                                                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 && {
@@ -241,15 +272,15 @@ function PrometheusDatasourceEditor(props) {
                                                     })
                                             })
                                         }),
-                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                             item: true,
                                             xs: 1,
-                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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({
@@ -265,19 +296,19 @@ function PrometheusDatasourceEditor(props) {
                                                         }
                                                     });
                                                 },
-                                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_minus.default, {})
+                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Minus.default, {})
                                             })
                                         })
                                     ]
                                 }, i);
                             }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Grid, {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid, {
                                 item: true,
                                 xs: 12,
                                 sx: {
                                     paddingTop: '5px !important'
                                 },
-                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                                     disabled: isReadonly,
                                     onClick: ()=>onChange({
                                             ...value,
@@ -294,18 +325,21 @@ function PrometheusDatasourceEditor(props) {
                                                 }
                                             }
                                         }),
-                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plus.default, {})
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {})
                                 })
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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 && {
@@ -331,36 +365,36 @@ 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'
                     }
                 ],
@@ -374,19 +408,49 @@ function PrometheusDatasourceEditor(props) {
     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) {
+        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__*/ (0, _jsxRuntime.jsx)(_pluginSystem.OptionsEditorRadios, {
-        isReadonly: isReadonly,
-        tabs: tabs,
-        defaultTab: defaultTab,
-        onModeChange: handleModeChange
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                variant: "h4",
+                mb: 2,
+                children: "General Settings"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                fullWidth: true,
+                label: "Scrape Interval",
+                value: value.scrapeInterval || '',
+                placeholder: `Default: ${_types.DEFAULT_SCRAPE_INTERVAL}`,
+                InputProps: {
+                    readOnly: isReadonly
+                },
+                InputLabelProps: {
+                    shrink: isReadonly ? true : undefined
+                },
+                onChange: (e)=>onChange({
+                        ...value,
+                        scrapeInterval: e.target.value
+                    })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                variant: "h4",
+                mt: 2,
+                children: "HTTP Settings"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.OptionsEditorRadios, {
+                isReadonly: isReadonly,
+                tabs: tabs,
+                defaultTab: defaultTab,
+                onModeChange: handleModeChange
+            })
+        ]
     });
 }

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

@@ -14,16 +14,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./PrometheusDatasourceEditor"), exports);
-_exportStar(require("./types"), exports);
-function _exportStar(from, to) {
+_export_star(require("./PrometheusDatasourceEditor"), exports);
+_export_star(require("./types"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        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

@@ -14,3 +14,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "DEFAULT_SCRAPE_INTERVAL", {
+    enumerable: true,
+    get: function() {
+        return DEFAULT_SCRAPE_INTERVAL;
+    }
+});
+const DEFAULT_SCRAPE_INTERVAL = '1m';

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

@@ -16,19 +16,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "PrometheusDatasource", {
     enumerable: true,
-    get: ()=>PrometheusDatasource
+    get: function() {
+        return PrometheusDatasource;
+    }
 });
 const _model = require("../model");
-const _prometheusDatasourceEditor = require("./PrometheusDatasourceEditor");
+const _PrometheusDatasourceEditor = require("./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 {
@@ -53,10 +55,54 @@ const _prometheusDatasourceEditor = require("./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
+                }
+            }
+        }
+    ];
+};
 const PrometheusDatasource = {
     createClient,
-    OptionsEditorComponent: _prometheusDatasourceEditor.PrometheusDatasourceEditor,
+    getBuiltinVariableDefinitions,
+    OptionsEditorComponent: _PrometheusDatasourceEditor.PrometheusDatasourceEditor,
     createInitialOptions: ()=>({
-            direct_url: ''
+            directUrl: ''
         })
 };

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

@@ -16,22 +16,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "PrometheusTimeSeriesQuery", {
     enumerable: true,
-    get: ()=>PrometheusTimeSeriesQuery
+    get: function() {
+        return PrometheusTimeSeriesQuery;
+    }
 });
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _getTimeSeriesData = require("./get-time-series-data");
-const _prometheusTimeSeriesQueryEditor = require("./PrometheusTimeSeriesQueryEditor");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _gettimeseriesdata = require("./get-time-series-data");
+const _PrometheusTimeSeriesQueryEditor = require("./PrometheusTimeSeriesQueryEditor");
 const PrometheusTimeSeriesQuery = {
-    getTimeSeriesData: _getTimeSeriesData.getTimeSeriesData,
-    OptionsEditorComponent: _prometheusTimeSeriesQueryEditor.PrometheusTimeSeriesQueryEditor,
+    getTimeSeriesData: _gettimeseriesdata.getTimeSeriesData,
+    OptionsEditorComponent: _PrometheusTimeSeriesQueryEditor.PrometheusTimeSeriesQueryEditor,
     createInitialOptions: ()=>({
             query: '',
             datasource: undefined
         }),
     dependsOn: (spec)=>{
         // Variables can be used in the query and/or in the legend format string
-        const queryVariables = (0, _pluginSystem.parseTemplateVariables)(spec.query);
-        const legendVariables = (0, _pluginSystem.parseTemplateVariables)(spec.series_name_format || '');
+        const queryVariables = (0, _pluginsystem.parseTemplateVariables)(spec.query);
+        const legendVariables = (0, _pluginsystem.parseTemplateVariables)(spec.seriesNameFormat || '');
         const allVariables = [
             ...new Set([
                 ...queryVariables,