@perses-dev/loki-plugin 0.5.0 → 0.6.0-beta.0

package/lib/cjs/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.js

@@ -24,6 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _pluginsystem = require("@perses-dev/plugin-system");
 const _material = require("@mui/material");
 const _react = require("react");
+const _dashboards = require("@perses-dev/dashboards");
 const _immer = require("immer");
 const _components = require("../../components");
 const _model = require("../../model");
@@ -92,12 +93,7 @@ function LokiQueryEditor(props) {
                         value: query,
                         onChange: handleLogsQueryChange,
                         onBlur: handleQueryBlur,
-                        onKeyDown: (event)=>{
-                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-                                event.preventDefault();
-                                handleQueryExecute(query);
-                            }
-                        },
+                        onKeyDown: (0, _dashboards.createModEnterHandler)(()=>handleQueryExecute(query)),
                         placeholder: 'Enter LogQL query (e.g. {job="mysql"} |= "error")'
                     })
                 ]

package/lib/cjs/queries/loki-time-series-query/get-loki-time-series-data.js

@@ -20,9 +20,9 @@ Object.defineProperty(exports, "getLokiTimeSeriesData", {
         return getLokiTimeSeriesData;
     }
 });
-const _core = require("@perses-dev/core");
 const _pluginsystem = require("@perses-dev/plugin-system");
 const _datefns = require("date-fns");
+const _spec = require("@perses-dev/spec");
 const _constants = require("../constants");
 // Constants for Loki step calculation
 const MAX_LOKI_DATA_POINTS = 10000; // Similar to Prometheus
@@ -31,7 +31,7 @@ const DEFAULT_MIN_STEP_SECONDS = 15; // 15 seconds default minimum
  * Converts a duration string (like "15s", "1m") to seconds
  */ function getDurationStringSeconds(durationString) {
     if (!durationString) return undefined;
-    const duration = (0, _core.parseDurationString)(durationString);
+    const duration = (0, _spec.parseDurationString)(durationString);
     const ms = (0, _datefns.milliseconds)(duration);
     return Math.floor(ms / 1000);
 }

package/lib/cjs/variables/LokiLabelNamesVariable.js

@@ -0,0 +1,53 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LokiLabelNamesVariable", {
+    enumerable: true,
+    get: function() {
+        return LokiLabelNamesVariable;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _model = require("../model");
+const _lokivariables = require("./loki-variables");
+const LokiLabelNamesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource ?? _model.DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(_model.LOKI_DATASOURCE_KIND)) ?? _model.DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = spec.matchers ? (0, _pluginsystem.replaceVariables)(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;
+        const timeRange = (0, _model.getLokiTimeRange)(ctx.timeRange);
+        const { data: options } = await client.labels({
+            start: timeRange.start,
+            end: timeRange.end,
+            query
+        });
+        return {
+            data: (0, _lokivariables.stringArrayToVariableOptions)(options)
+        };
+    },
+    dependsOn: (spec)=>{
+        const matcherVariables = spec.matchers?.map((m)=>(0, _pluginsystem.parseVariables)(m)).flat() || [];
+        const datasourceVariables = spec.datasource && (0, _pluginsystem.isVariableDatasource)(spec.datasource) ? (0, _pluginsystem.parseVariables)(spec.datasource) : [];
+        return {
+            variables: [
+                ...matcherVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: _lokivariables.LokiLabelNamesVariableEditor,
+    createInitialOptions: ()=>({})
+};

package/lib/cjs/variables/LokiLabelValuesVariable.js

@@ -0,0 +1,58 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LokiLabelValuesVariable", {
+    enumerable: true,
+    get: function() {
+        return LokiLabelValuesVariable;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _model = require("../model");
+const _lokivariables = require("./loki-variables");
+const LokiLabelValuesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource ?? _model.DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(_model.LOKI_DATASOURCE_KIND)) ?? _model.DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = spec.matchers ? (0, _pluginsystem.replaceVariables)(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;
+        const timeRange = (0, _model.getLokiTimeRange)(ctx.timeRange);
+        const { data: options } = await client.labelValues({
+            labelName: (0, _pluginsystem.replaceVariables)(spec.labelName, ctx.variables),
+            start: timeRange.start,
+            end: timeRange.end,
+            query
+        });
+        return {
+            data: (0, _lokivariables.stringArrayToVariableOptions)(options)
+        };
+    },
+    dependsOn: (spec)=>{
+        const matcherVariables = spec.matchers?.map((m)=>(0, _pluginsystem.parseVariables)(m)).flat() || [];
+        const labelVariables = (0, _pluginsystem.parseVariables)(spec.labelName);
+        const datasourceVariables = spec.datasource && (0, _pluginsystem.isVariableDatasource)(spec.datasource) ? (0, _pluginsystem.parseVariables)(spec.datasource) : [];
+        return {
+            variables: [
+                ...matcherVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: _lokivariables.LokiLabelValuesVariableEditor,
+    createInitialOptions: ()=>({
+            labelName: ''
+        })
+};

package/lib/cjs/variables/LokiLogQLVariable.js

@@ -0,0 +1,64 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LokiLogQLVariable", {
+    enumerable: true,
+    get: function() {
+        return LokiLogQLVariable;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _model = require("../model");
+const _lokivariables = require("./loki-variables");
+const LokiLogQLVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource ?? _model.DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(_model.LOKI_DATASOURCE_KIND)) ?? _model.DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const timeRange = (0, _model.getLokiTimeRange)(ctx.timeRange);
+        const response = await client.queryRange({
+            query: (0, _pluginsystem.replaceVariables)(spec.expr, ctx.variables),
+            start: timeRange.start,
+            end: timeRange.end
+        });
+        const labelName = (0, _pluginsystem.replaceVariables)(spec.labelName, ctx.variables);
+        let values = [];
+        if (response.data?.resultType === 'streams') {
+            values = (0, _lokivariables.capturingStreams)(response.data.result, labelName);
+        } else if (response.data?.resultType === 'matrix') {
+            values = (0, _lokivariables.capturingMetric)(response.data.result, labelName);
+        }
+        return {
+            data: (0, _lokivariables.stringArrayToVariableOptions)(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const exprVariables = (0, _pluginsystem.parseVariables)(spec.expr);
+        const labelVariables = (0, _pluginsystem.parseVariables)(spec.labelName);
+        const datasourceVariables = spec.datasource && (0, _pluginsystem.isVariableDatasource)(spec.datasource) ? (0, _pluginsystem.parseVariables)(spec.datasource) : [];
+        return {
+            variables: [
+                ...exprVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: _lokivariables.LokiLogQLVariableEditor,
+    createInitialOptions: ()=>({
+            expr: '',
+            labelName: ''
+        })
+};

package/lib/cjs/variables/MatcherEditor.js

@@ -0,0 +1,84 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MatcherEditor", {
+    enumerable: true,
+    get: function() {
+        return MatcherEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _immer = require("immer");
+const _TrashCan = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/TrashCan"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function MatcherEditor({ matchers, onChange, isReadonly }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1,
+        mb: 2,
+        children: [
+            matchers.map((matcher, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                    direction: "row",
+                    alignItems: "center",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                            fullWidth: true,
+                            label: "Stream Selector",
+                            value: matcher,
+                            slotProps: {
+                                input: {
+                                    readOnly: isReadonly
+                                }
+                            },
+                            onChange: (e)=>{
+                                const newMatchers = (0, _immer.produce)(matchers, (draft)=>{
+                                    draft[index] = e.target.value;
+                                });
+                                onChange(newMatchers);
+                            }
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                            onClick: ()=>{
+                                const newMatchers = (0, _immer.produce)(matchers, (draft)=>{
+                                    draft.splice(index, 1);
+                                });
+                                onChange(newMatchers);
+                            },
+                            disabled: isReadonly,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TrashCan.default, {})
+                        })
+                    ]
+                }, index)),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                fullWidth: false,
+                color: "secondary",
+                variant: "outlined",
+                onClick: ()=>{
+                    const newMatchers = (0, _immer.produce)(matchers, (draft)=>{
+                        draft.push('');
+                    });
+                    onChange(newMatchers);
+                },
+                disabled: isReadonly,
+                children: "Add Stream Selector"
+            })
+        ]
+    });
+}

package/lib/cjs/variables/index.js

@@ -0,0 +1,35 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./loki-variables"), exports);
+_export_star(require("./LokiLabelNamesVariable"), exports);
+_export_star(require("./LokiLabelValuesVariable"), exports);
+_export_star(require("./LokiLogQLVariable"), exports);
+_export_star(require("./MatcherEditor"), 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];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/variables/loki-variables.js

@@ -0,0 +1,239 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get LokiLabelNamesVariableEditor () {
+        return LokiLabelNamesVariableEditor;
+    },
+    get LokiLabelValuesVariableEditor () {
+        return LokiLabelValuesVariableEditor;
+    },
+    get LokiLogQLVariableEditor () {
+        return LokiLogQLVariableEditor;
+    },
+    get capturingMetric () {
+        return capturingMetric;
+    },
+    get capturingStreams () {
+        return capturingStreams;
+    },
+    get stringArrayToVariableOptions () {
+        return stringArrayToVariableOptions;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _immer = require("immer");
+const _react = require("react");
+const _components = require("../components");
+const _model = require("../model");
+const _MatcherEditor = require("./MatcherEditor");
+const EMPTY_MATCHERS = [];
+function useLokiDatasourceChangeHandler(value, onChange) {
+    return (0, _react.useCallback)((next)=>{
+        if ((0, _pluginsystem.isVariableDatasource)(next) || (0, _model.isLokiDatasourceSelector)(next)) {
+            // If they're using the default, just omit the datasource prop
+            onChange((0, _immer.produce)(value, (draft)=>{
+                draft.datasource = !(0, _pluginsystem.isVariableDatasource)(next) && (0, _model.isDefaultLokiSelector)(next) ? undefined : next;
+            }));
+            return;
+        }
+        throw new Error('Got unexpected non-Loki datasource selector');
+    }, [
+        onChange,
+        value
+    ]);
+}
+function LokiLabelValuesVariableEditor(props) {
+    const { onChange, value, value: { datasource } } = props;
+    const selectedDatasource = datasource ?? _model.DEFAULT_LOKI;
+    const handleDatasourceChange = useLokiDatasourceChangeHandler(value, onChange);
+    const handleLabelChange = (0, _react.useCallback)((e)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.labelName = e.target.value;
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    const handleMatchEditorsChange = (0, _react.useCallback)((matchers)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.matchers = matchers;
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                    datasourcePluginKind: _model.LOKI_DATASOURCE_KIND,
+                    value: selectedDatasource,
+                    onChange: handleDatasourceChange,
+                    disabled: props.isReadonly,
+                    labelId: "loki-datasource-label",
+                    label: "Loki Datasource"
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                label: "Label Name",
+                required: true,
+                value: props.value.labelName,
+                onChange: handleLabelChange,
+                slotProps: {
+                    input: {
+                        readOnly: props.isReadonly
+                    }
+                }
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_MatcherEditor.MatcherEditor, {
+                matchers: props.value.matchers ?? EMPTY_MATCHERS,
+                onChange: handleMatchEditorsChange,
+                isReadonly: props.isReadonly
+            })
+        ]
+    });
+}
+function LokiLabelNamesVariableEditor(props) {
+    const { onChange, value, value: { datasource } } = props;
+    const selectedDatasource = datasource ?? _model.DEFAULT_LOKI;
+    const handleDatasourceChange = useLokiDatasourceChangeHandler(value, onChange);
+    const handleMatchEditorChange = (0, _react.useCallback)((matchers)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.matchers = matchers;
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                    datasourcePluginKind: _model.LOKI_DATASOURCE_KIND,
+                    value: selectedDatasource,
+                    onChange: handleDatasourceChange,
+                    disabled: props.isReadonly,
+                    labelId: "loki-datasource-label",
+                    label: "Loki Datasource"
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_MatcherEditor.MatcherEditor, {
+                matchers: props.value.matchers ?? EMPTY_MATCHERS,
+                isReadonly: props.isReadonly,
+                onChange: handleMatchEditorChange
+            })
+        ]
+    });
+}
+function LokiLogQLVariableEditor(props) {
+    const { onChange, value, value: { datasource } } = props;
+    const datasourceSelectValue = datasource ?? _model.DEFAULT_LOKI;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.LOKI_DATASOURCE_KIND);
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(selectedDatasource);
+    const handleDatasourceChange = useLokiDatasourceChangeHandler(value, onChange);
+    const handleOnBlurLogQLChange = (0, _react.useCallback)((e)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.expr = e.target.textContent ?? '';
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    const handleLabelNameChange = (0, _react.useCallback)((e)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.labelName = e.target.value;
+        }));
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                    datasourcePluginKind: _model.LOKI_DATASOURCE_KIND,
+                    value: datasourceSelectValue,
+                    onChange: handleDatasourceChange,
+                    labelId: "loki-datasource-label",
+                    label: "Loki Datasource",
+                    disabled: props.isReadonly
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.LogQLEditor, {
+                completionConfig: client ? {
+                    client
+                } : undefined,
+                value: value.expr,
+                onBlur: handleOnBlurLogQLChange,
+                readOnly: props.isReadonly,
+                width: "100%"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                label: "Label Name",
+                required: true,
+                value: props.value.labelName,
+                slotProps: {
+                    input: {
+                        readOnly: props.isReadonly
+                    }
+                },
+                onChange: handleLabelNameChange
+            })
+        ]
+    });
+}
+function capturingMetric(results, labelName) {
+    const captured = new Set();
+    for (const sample of results){
+        const value = sample.metric[labelName];
+        if (value !== undefined) {
+            captured.add(value);
+        }
+    }
+    return Array.from(captured);
+}
+function capturingStreams(results, labelName) {
+    const captured = new Set();
+    for (const sample of results){
+        const value = sample.stream[labelName];
+        if (value !== undefined) {
+            captured.add(value);
+        }
+    }
+    return Array.from(captured);
+}
+const stringArrayToVariableOptions = (values)=>{
+    if (!values) return [];
+    return values.map((value)=>({
+            value,
+            label: value
+        }));
+};

package/lib/cjs/variables/types.js

@@ -0,0 +1,16 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/components/complete.js

@@ -380,8 +380,11 @@ async function completeLabelName(completionCfg) {
     const start = completionCfg.timeRange?.start ? toUnixSeconds(new Date(completionCfg.timeRange.start).getTime()) : undefined;
     const end = completionCfg.timeRange?.end ? toUnixSeconds(new Date(completionCfg.timeRange.end).getTime()) : undefined;
     try {
-        const response = await completionCfg.client.labels(start, end);
-        if (response.status === 'success') {
+        const response = await completionCfg.client.labels({
+            start,
+            end
+        });
+        if (response.status === 'success' && response.data) {
             return response.data.map((label)=>({
                     label
                 }));
@@ -399,8 +402,12 @@ async function completeLabelValue(completionCfg, label) {
     const start = completionCfg.timeRange?.start ? toUnixSeconds(new Date(completionCfg.timeRange.start).getTime()) : undefined;
     const end = completionCfg.timeRange?.end ? toUnixSeconds(new Date(completionCfg.timeRange.end).getTime()) : undefined;
     try {
-        const response = await completionCfg.client.labelValues(label, start, end);
-        if (response.status === 'success') {
+        const response = await completionCfg.client.labelValues({
+            labelName: label,
+            start,
+            end
+        });
+        if (response.status === 'success' && response.data) {
             return response.data.map((value)=>({
                     label: value ?? '',
                     displayLabel: value ?? '(empty string)',