@perses-dev/victorialogs-plugin 0.1.0

package/lib/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.js

@@ -0,0 +1,108 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
+import { InputLabel, Stack } from '@mui/material';
+import { useCallback, useState, useEffect } from 'react';
+import { LogsQLEditor } from '../../components/logsql-editor';
+import { VICTORIALOGS_DATASOURCE_KIND } from '../../model';
+import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
+export function VictoriaLogsQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;
+    const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
+    // Local state for editor value to prevent query_range calls on every keystroke
+    const [localQuery, setLocalQuery] = useState(value.query);
+    // Update local state when prop changes
+    useEffect(()=>{
+        setLocalQuery(value.query);
+    }, [
+        value.query
+    ]);
+    const handleDatasourceChange = (newDatasourceSelection)=>{
+        if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {
+            onChange({
+                ...value,
+                datasource: newDatasourceSelection
+            });
+            return;
+        }
+        throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');
+    };
+    // Debounced query change handler to prevent excessive query_range calls
+    const handleQueryChange = useCallback((newQuery)=>{
+        setLocalQuery(newQuery);
+    }, []);
+    // Immediate query execution on Enter or blur
+    const handleQueryExecute = useCallback((query)=>{
+        onChange({
+            ...value,
+            query
+        });
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        paddingBottom: 1,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx(InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "Datasource"
+                    }),
+                    /*#__PURE__*/ _jsx(DatasourceSelect, {
+                        datasourcePluginKind: DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        label: "VictoriaLogs Datasource",
+                        notched: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx(InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "LogsQL Query"
+                    }),
+                    /*#__PURE__*/ _jsx(LogsQLEditor, {
+                        value: localQuery,
+                        onChange: handleQueryChange,
+                        onBlur: ()=>handleQueryExecute(localQuery),
+                        onKeyDown: (event)=>{
+                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                                event.preventDefault();
+                                handleQueryExecute(localQuery);
+                            }
+                        },
+                        placeholder: 'Enter LogsQL query (e.g. {job="mysql"} |= "error")'
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=VictoriaLogsTimeSeriesQueryEditor.js.map

package/lib/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 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 {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack } from '@mui/material';\nimport { ReactElement, useCallback, useState, useEffect } from 'react';\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport { VICTORIALOGS_DATASOURCE_KIND, VictoriaLogsDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsTimeSeriesQuerySpec>;\n\nexport function VictoriaLogsQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND\n  ) as VictoriaLogsDatasourceSelector;\n\n  // Local state for editor value to prevent query_range calls on every keystroke\n  const [localQuery, setLocalQuery] = useState(value.query);\n\n  // Update local state when prop changes\n  useEffect(() => {\n    setLocalQuery(value.query);\n  }, [value.query]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              event.preventDefault();\n              handleQueryExecute(localQuery);\n            }\n          }}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","InputLabel","Stack","useCallback","useState","useEffect","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder"],"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,SACEA,gBAAgB,EAEhBC,oBAAoB,EAEpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAAuBC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AACvE,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,4BAA4B,QAAwC,cAAc;AAC3F,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAKnE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBhB,mCACzBe,uBACAR;IAGF,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGd,SAASS,MAAMM,KAAK;IAExD,uCAAuC;IACvCd,UAAU;QACRa,cAAcL,MAAMM,KAAK;IAC3B,GAAG;QAACN,MAAMM,KAAK;KAAC;IAEhB,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACtB,qBAAqBsB,2BAA2BA,uBAAuBC,IAAI,KAAKd,iBAAiB;YACpGI,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYO;YAAuB;YACxD;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,wEAAwE;IACxE,MAAMC,oBAAoBrB,YAAY,CAACsB;QACrCP,cAAcO;IAChB,GAAG,EAAE;IAEL,6CAA6C;IAC7C,MAAMC,qBAAqBvB,YACzB,CAACgB;QACCP,SAAS;YAAE,GAAGC,KAAK;YAAEM;QAAM;IAC7B,GACA;QAACP;QAAUC;KAAM;IAGnB,qBACE,MAACX;QAAMyB,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACnC;wBACCoC,sBAAsB1B;wBACtBK,OAAOG;wBACPJ,UAAUQ;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAC5B;wBACC6B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC3B;wBACCO,OAAOI;wBACPL,UAAUY;wBACVa,QAAQ,IAAMX,mBAAmBT;wBACjCqB,WAAW,CAACC;4BACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;gCAC7DH,MAAMI,cAAc;gCACpBjB,mBAAmBT;4BACrB;wBACF;wBACA2B,aAAY;;;;;;AAMtB"}

package/lib/queries/victorialogs-time-series-query/index.d.ts

@@ -0,0 +1,5 @@
+export * from './query';
+export * from './VictoriaLogsTimeSeriesQuery';
+export * from './VictoriaLogsTimeSeriesQueryEditor';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/queries/victorialogs-time-series-query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-time-series-query/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/lib/queries/victorialogs-time-series-query/index.js

@@ -0,0 +1,18 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './query';
+export * from './VictoriaLogsTimeSeriesQuery';
+export * from './VictoriaLogsTimeSeriesQueryEditor';
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/lib/queries/victorialogs-time-series-query/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/index.ts"],"sourcesContent":["// Copyright 2025 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 './query';\nexport * from './VictoriaLogsTimeSeriesQuery';\nexport * from './VictoriaLogsTimeSeriesQueryEditor';\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,UAAU;AACxB,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,UAAU"}

package/lib/queries/victorialogs-time-series-query/query.d.ts

@@ -0,0 +1,12 @@
+import { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
+import { VictoriaLogsTimeSeriesQuerySpec } from './types';
+export type VictoriaLogsMatrixResult = {
+    metric: Record<string, string>;
+    values: Array<[number, string]>;
+};
+export type VictoriaLogsMatrixResponse = {
+    resultType: 'matrix';
+    result: VictoriaLogsMatrixResult[];
+};
+export declare const getVictoriaLogsTimeSeriesData: TimeSeriesQueryPlugin<VictoriaLogsTimeSeriesQuerySpec>['getTimeSeriesData'];
+//# sourceMappingURL=query.d.ts.map

package/lib/queries/victorialogs-time-series-query/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-time-series-query/query.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,2BAA2B,CAAC;AAKpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,QAAQ,CAAC;IACrB,MAAM,EAAE,wBAAwB,EAAE,CAAC;CACpC,CAAC;AA4EF,eAAO,MAAM,6BAA6B,EAAE,qBAAqB,CAAC,+BAA+B,CAAC,CAAC,mBAAmB,CA+CrH,CAAC"}

package/lib/queries/victorialogs-time-series-query/query.js

@@ -0,0 +1,114 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { parseDurationString } from '@perses-dev/core';
+import { replaceVariables } from '@perses-dev/plugin-system';
+import { milliseconds } from 'date-fns';
+import { DEFAULT_DATASOURCE } from '../constants';
+// Constants for VictoriaLogs step calculation
+const MAX_VICTORIALOGS_DATA_POINTS = 10000; // Similar to Prometheus
+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 = parseDurationString(durationString);
+    const ms = milliseconds(duration);
+    return Math.floor(ms / 1000);
+}
+/**
+ * Calculates appropriate step for VictoriaLogs range queries
+ */ function getVictoriaLogsRangeStep(startMs, endMs, minStepSeconds = DEFAULT_MIN_STEP_SECONDS, suggestedStepMs = 0) {
+    const suggestedStepSeconds = suggestedStepMs / 1000;
+    const querySeconds = (endMs - startMs) / 1000;
+    let safeStep = querySeconds / MAX_VICTORIALOGS_DATA_POINTS;
+    if (safeStep > 1) {
+        safeStep = Math.ceil(safeStep);
+    }
+    return Math.max(suggestedStepSeconds, minStepSeconds, safeStep);
+}
+/**
+ * Formats step in seconds as a duration string for VictoriaLogs API
+ */ function formatStepForVictoriaLogs(stepSeconds) {
+    if (stepSeconds < 60) {
+        return `${Math.round(stepSeconds)}s`;
+    } else if (stepSeconds < 3600) {
+        return `${Math.round(stepSeconds / 60)}m`;
+    } else {
+        return `${Math.round(stepSeconds / 3600)}h`;
+    }
+}
+function convertMatrixToTimeSeries(matrix) {
+    return matrix.map((series)=>{
+        const { _stream, ...labels } = series.metric;
+        if (_stream) {
+            const match = _stream.match(/{([^}]+)}/);
+            if (match && match[1]) {
+                const labelsStr = match[1].split(',').forEach((labelPair)=>{
+                    const [key, val] = labelPair.split('=').map((s)=>s.trim().replace(/^"|"$/g, ''));
+                    if (key && val) labels[key] = val;
+                });
+            }
+        }
+        const name = Object.entries(labels).map(([k, v])=>`${k}=${v}`).join(', ');
+        return {
+            name: name,
+            values: series.values.map(([timestamp, value])=>[
+                    Number(timestamp) * 1000,
+                    Number(value)
+                ]),
+            labels
+        };
+    });
+}
+export const getVictoriaLogsTimeSeriesData = async (spec, context)=>{
+    if (!spec.query) {
+        return {
+            series: [],
+            timeRange: {
+                start: context.timeRange.start,
+                end: context.timeRange.end
+            },
+            stepMs: DEFAULT_MIN_STEP_SECONDS * 1000
+        };
+    }
+    const query = replaceVariables(spec.query, context.variableState);
+    const client = await context.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_DATASOURCE);
+    const { start, end } = context.timeRange;
+    const minStepSeconds = spec.step ? getDurationStringSeconds(spec.step) ?? DEFAULT_MIN_STEP_SECONDS : DEFAULT_MIN_STEP_SECONDS;
+    const stepSeconds = getVictoriaLogsRangeStep(start.getTime(), end.getTime(), minStepSeconds, context.suggestedStepMs);
+    const stepString = formatStepForVictoriaLogs(stepSeconds);
+    const stepMs = stepSeconds * 1000;
+    const response = await client.statsQueryRange({
+        query,
+        step: stepString,
+        start: start.toISOString(),
+        end: end.toISOString()
+    });
+    if (response.status === 'error') {
+        throw new Error(response.error);
+    }
+    const series = convertMatrixToTimeSeries(response.data.result);
+    return {
+        series: series,
+        timeRange: {
+            start,
+            end
+        },
+        stepMs,
+        metadata: {
+            executedQueryString: query
+        }
+    };
+};
+
+//# sourceMappingURL=query.js.map

package/lib/queries/victorialogs-time-series-query/query.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/query.ts"],"sourcesContent":["// Copyright 2025 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 { TimeSeries, DurationString, parseDurationString } from '@perses-dev/core';\nimport { TimeSeriesQueryPlugin, replaceVariables } from '@perses-dev/plugin-system';\nimport { milliseconds } from 'date-fns';\nimport { VictoriaLogsClient } from '../../model/client';\nimport { VictoriaLogsStatsQueryRangeResponse } from '../../model/types';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\nexport type VictoriaLogsMatrixResult = {\n  metric: Record<string, string>;\n  values: Array<[number, string]>;\n};\n\nexport type VictoriaLogsMatrixResponse = {\n  resultType: 'matrix';\n  result: VictoriaLogsMatrixResult[];\n};\n\n// Constants for VictoriaLogs step calculation\nconst MAX_VICTORIALOGS_DATA_POINTS = 10000; // Similar to Prometheus\nconst DEFAULT_MIN_STEP_SECONDS = 15; // 15 seconds default minimum\n\n/**\n * Converts a duration string (like \"15s\", \"1m\") to seconds\n */\nfunction getDurationStringSeconds(durationString?: DurationString): number | undefined {\n  if (!durationString) return undefined;\n\n  const duration = parseDurationString(durationString);\n  const ms = milliseconds(duration);\n  return Math.floor(ms / 1000);\n}\n\n/**\n * Calculates appropriate step for VictoriaLogs range queries\n */\nfunction getVictoriaLogsRangeStep(\n  startMs: number,\n  endMs: number,\n  minStepSeconds = DEFAULT_MIN_STEP_SECONDS,\n  suggestedStepMs = 0\n): number {\n  const suggestedStepSeconds = suggestedStepMs / 1000;\n  const querySeconds = (endMs - startMs) / 1000;\n\n  let safeStep = querySeconds / MAX_VICTORIALOGS_DATA_POINTS;\n  if (safeStep > 1) {\n    safeStep = Math.ceil(safeStep);\n  }\n\n  return Math.max(suggestedStepSeconds, minStepSeconds, safeStep);\n}\n\n/**\n * Formats step in seconds as a duration string for VictoriaLogs API\n */\nfunction formatStepForVictoriaLogs(stepSeconds: number): string {\n  if (stepSeconds < 60) {\n    return `${Math.round(stepSeconds)}s`;\n  } else if (stepSeconds < 3600) {\n    return `${Math.round(stepSeconds / 60)}m`;\n  } else {\n    return `${Math.round(stepSeconds / 3600)}h`;\n  }\n}\n\nfunction convertMatrixToTimeSeries(matrix: VictoriaLogsMatrixResult[]): TimeSeries[] {\n  return matrix.map((series) => {\n    const { _stream, ...labels } = series.metric;\n    if (_stream) {\n      const match = _stream.match(/{([^}]+)}/);\n      if (match && match[1]) {\n        const labelsStr = match[1].split(',').forEach(labelPair => {\n          const [key, val] = labelPair.split('=').map(s => s.trim().replace(/^\"|\"$/g, ''));\n          if (key && val) labels[key] = val;\n        });\n      }\n    }\n    const name = Object.entries(labels)\n      .map(([k, v]) => `${k}=${v}`)\n      .join(', ');\n    return {\n      name: name,\n      values: series.values.map(([timestamp, value]) => [\n        Number(timestamp) * 1000, // Convert seconds to milliseconds\n        Number(value),\n      ]),\n      labels,\n    };\n  });\n}\n\nexport const getVictoriaLogsTimeSeriesData: TimeSeriesQueryPlugin<VictoriaLogsTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context\n) => {\n  if (!spec.query) {\n    return {\n      series: [],\n      timeRange: { start: context.timeRange.start, end: context.timeRange.end },\n      stepMs: DEFAULT_MIN_STEP_SECONDS * 1000,\n    };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n  const client = (await context.datasourceStore.getDatasourceClient<VictoriaLogsClient>(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as VictoriaLogsClient;\n\n  const { start, end } = context.timeRange;\n\n  const minStepSeconds = spec.step\n    ? (getDurationStringSeconds(spec.step as DurationString) ?? DEFAULT_MIN_STEP_SECONDS)\n    : DEFAULT_MIN_STEP_SECONDS;\n  const stepSeconds = getVictoriaLogsRangeStep(start.getTime(), end.getTime(), minStepSeconds, context.suggestedStepMs);\n  const stepString = formatStepForVictoriaLogs(stepSeconds);\n  const stepMs = stepSeconds * 1000;\n\n  const response: VictoriaLogsStatsQueryRangeResponse = await client.statsQueryRange({\n    query,\n    step: stepString,\n    start: start.toISOString(),\n    end: end.toISOString(),\n  });\n\n  if (response.status === 'error') {\n    throw new Error(response.error)\n  }\n\n  const series = convertMatrixToTimeSeries(response.data.result as VictoriaLogsMatrixResult[]);\n\n  return {\n    series: series,\n    timeRange: { start, end },\n    stepMs,\n    metadata: {\n      executedQueryString: query,\n    },\n  };\n};\n"],"names":["parseDurationString","replaceVariables","milliseconds","DEFAULT_DATASOURCE","MAX_VICTORIALOGS_DATA_POINTS","DEFAULT_MIN_STEP_SECONDS","getDurationStringSeconds","durationString","undefined","duration","ms","Math","floor","getVictoriaLogsRangeStep","startMs","endMs","minStepSeconds","suggestedStepMs","suggestedStepSeconds","querySeconds","safeStep","ceil","max","formatStepForVictoriaLogs","stepSeconds","round","convertMatrixToTimeSeries","matrix","map","series","_stream","labels","metric","match","labelsStr","split","forEach","labelPair","key","val","s","trim","replace","name","Object","entries","k","v","join","values","timestamp","value","Number","getVictoriaLogsTimeSeriesData","spec","context","query","timeRange","start","end","stepMs","variableState","client","datasourceStore","getDatasourceClient","datasource","step","getTime","stepString","response","statsQueryRange","toISOString","status","Error","error","data","result","metadata","executedQueryString"],"mappings":"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"}

package/lib/queries/victorialogs-time-series-query/types.d.ts

@@ -0,0 +1,7 @@
+import { DatasourceSelector } from '@perses-dev/core';
+export interface VictoriaLogsTimeSeriesQuerySpec {
+    query: string;
+    datasource?: DatasourceSelector;
+    step?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/queries/victorialogs-time-series-query/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-time-series-query/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/lib/queries/victorialogs-time-series-query/types.js

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

package/lib/queries/victorialogs-time-series-query/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/types.ts"],"sourcesContent":["// Copyright 2025 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 { DatasourceSelector } from '@perses-dev/core';\n\nexport interface VictoriaLogsTimeSeriesQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n  step?: 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;AAIjC,WAIC"}

package/lib/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/lib/setup-tests.js

@@ -0,0 +1,5 @@
+import '@testing-library/jest-dom';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+
+//# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["import '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"mappings":"AAAA,OAAO,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}

package/lib/variables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './victorialogs-field-names';
+export * from './victorialogs-field-values';
+//# sourceMappingURL=index.d.ts.map

package/lib/variables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/variables/index.ts"],"names":[],"mappings":"AAaA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC"}

package/lib/variables/index.js

@@ -0,0 +1,16 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './victorialogs-field-names';
+export * from './victorialogs-field-values';
+
+//# sourceMappingURL=index.js.map

package/lib/variables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/index.ts"],"sourcesContent":["// Copyright 2025 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 './victorialogs-field-names';\nexport * from './victorialogs-field-values';\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,6BAA6B;AAC3C,cAAc,8BAA8B"}

package/lib/variables/types.d.ts

@@ -0,0 +1,13 @@
+import { DatasourceSelectValue } from '@perses-dev/plugin-system';
+import { VictoriaLogsDatasourceSelector } from "../model";
+export interface VictoriaLogsVariableOptionsBase {
+    datasource?: DatasourceSelectValue<VictoriaLogsDatasourceSelector>;
+}
+export type VictoriaLogsFieldNamesVariableOptions = VictoriaLogsVariableOptionsBase & {
+    query: string;
+};
+export type VictoriaLogsFieldValuesVariableOptions = VictoriaLogsVariableOptionsBase & {
+    field: string;
+    query: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/variables/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/variables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,+BAA+B;IAC9C,UAAU,CAAC,EAAE,qBAAqB,CAAC,8BAA8B,CAAC,CAAC;CACpE;AAED,MAAM,MAAM,qCAAqC,GAAG,+BAA+B,GAAG;IACpF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sCAAsC,GAAG,+BAA+B,GAAG;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/lib/variables/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/lib/variables/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/types.ts"],"sourcesContent":["import { DatasourceSelectValue } from '@perses-dev/plugin-system';\nimport { VictoriaLogsDatasourceSelector } from \"../model\";\n\nexport interface VictoriaLogsVariableOptionsBase {\n  datasource?: DatasourceSelectValue<VictoriaLogsDatasourceSelector>;\n}\n\nexport type VictoriaLogsFieldNamesVariableOptions = VictoriaLogsVariableOptionsBase & {\n  query: string;\n};\n\nexport type VictoriaLogsFieldValuesVariableOptions = VictoriaLogsVariableOptionsBase & {\n  field: string;\n  query: string;\n};\n"],"names":[],"mappings":"AAWA,WAGE"}

package/lib/variables/utils.d.ts

@@ -0,0 +1,12 @@
+import { VictoriaLogsFieldItem, VictoriaLogsFieldNamesResponse, VictoriaLogsFieldValuesResponse } from '../model';
+import { VariableOption } from '@perses-dev/plugin-system';
+import { AbsoluteTimeRange, DatasourceSelector, StatusError } from '@perses-dev/core';
+import { UseQueryResult } from '@tanstack/react-query';
+export declare const fieldItemsToVariableOptions: (values?: VictoriaLogsFieldItem[]) => VariableOption[];
+export declare function getVictoriaLogsTimeRange(timeRange: AbsoluteTimeRange): {
+    start: string;
+    end: string;
+};
+export declare function useFieldNames(query: string, datasource: DatasourceSelector): UseQueryResult<VictoriaLogsFieldNamesResponse, StatusError>;
+export declare function useFieldValues(field: string, query: string, datasource: DatasourceSelector): UseQueryResult<VictoriaLogsFieldValuesResponse, StatusError>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/variables/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/variables/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,qBAAqB,EAAE,8BAA8B,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AACtI,OAAO,EAAE,cAAc,EAAqC,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACrF,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjE,eAAO,MAAM,2BAA2B,GAAI,SAAS,qBAAqB,EAAE,KAAG,cAAc,EAM5F,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAMrG;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,kBAAkB,GAC7B,cAAc,CAAC,8BAA8B,EAAE,WAAW,CAAC,CAkB7D;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,kBAAkB,GAC7B,cAAc,CAAC,+BAA+B,EAAE,WAAW,CAAC,CAmB9D"}

package/lib/variables/utils.js

@@ -0,0 +1,63 @@
+import { useDatasourceClient, useTimeRange } from '@perses-dev/plugin-system';
+import { useQuery } from '@tanstack/react-query';
+export const fieldItemsToVariableOptions = (values)=>{
+    if (!values) return [];
+    return values.map((value)=>({
+            value: value.value,
+            label: value.value
+        }));
+};
+export function getVictoriaLogsTimeRange(timeRange) {
+    const { start, end } = timeRange;
+    return {
+        start: start.toISOString(),
+        end: end.toISOString()
+    };
+}
+export function useFieldNames(query, datasource) {
+    const { absoluteTimeRange: { start, end } } = useTimeRange();
+    const { data: client } = useDatasourceClient(datasource);
+    const enabled = !!client && !!query;
+    return useQuery({
+        enabled: enabled,
+        queryKey: [
+            'datasource',
+            datasource.name,
+            'query',
+            query
+        ],
+        queryFn: async ()=>{
+            return await client.fieldNames({
+                start: start.toISOString(),
+                end: end.toISOString(),
+                query: query
+            });
+        }
+    });
+}
+export function useFieldValues(field, query, datasource) {
+    const { absoluteTimeRange: { start, end } } = useTimeRange();
+    const { data: client } = useDatasourceClient(datasource);
+    const enabled = !!client && !!query;
+    return useQuery({
+        enabled: enabled,
+        queryKey: [
+            'field',
+            field,
+            'datasource',
+            datasource.name,
+            'query',
+            query
+        ],
+        queryFn: async ()=>{
+            return await client.fieldValues({
+                query: query,
+                field: field,
+                start: start.toISOString(),
+                end: end.toISOString()
+            });
+        }
+    });
+}
+
+//# sourceMappingURL=utils.js.map

package/lib/variables/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/utils.ts"],"sourcesContent":["import { VictoriaLogsClient, VictoriaLogsFieldItem, VictoriaLogsFieldNamesResponse, VictoriaLogsFieldValuesResponse } from '../model';\nimport { VariableOption, useDatasourceClient, useTimeRange } from '@perses-dev/plugin-system';\nimport { AbsoluteTimeRange, DatasourceSelector, StatusError } from '@perses-dev/core'\nimport { useQuery, UseQueryResult } from '@tanstack/react-query';\n\nexport const fieldItemsToVariableOptions = (values?: VictoriaLogsFieldItem[]): VariableOption[] => {\n  if (!values) return [];\n  return values.map((value) => ({\n    value: value.value,\n    label: value.value,\n  }));\n};\n\nexport function getVictoriaLogsTimeRange(timeRange: AbsoluteTimeRange): { start: string; end: string } {\n  const { start, end } = timeRange;\n  return {\n    start: start.toISOString(),\n    end: end.toISOString(),\n  };\n}\n\nexport function useFieldNames(\n  query: string,\n  datasource: DatasourceSelector\n): UseQueryResult<VictoriaLogsFieldNamesResponse, StatusError> {\n  const {\n    absoluteTimeRange: { start, end },\n  } = useTimeRange();\n  const { data: client } = useDatasourceClient<VictoriaLogsClient>(datasource);\n  const enabled = !!client && !!query;\n\n  return useQuery<VictoriaLogsFieldNamesResponse, StatusError>({\n    enabled: enabled,\n    queryKey: ['datasource', datasource.name, 'query', query],\n    queryFn: async () => {\n      return await client!.fieldNames({\n        start: start.toISOString(),\n        end: end.toISOString(),\n        query: query,\n      });\n    },\n  });\n}\n\nexport function useFieldValues(\n  field: string,\n  query: string,\n  datasource: DatasourceSelector\n): UseQueryResult<VictoriaLogsFieldValuesResponse, StatusError> {\n  const {\n    absoluteTimeRange: { start, end },\n  } = useTimeRange();\n  const { data: client } = useDatasourceClient<VictoriaLogsClient>(datasource);\n  const enabled = !!client && !!query;\n\n  return useQuery<VictoriaLogsFieldValuesResponse, StatusError>({\n    enabled: enabled,\n    queryKey: ['field', field, 'datasource', datasource.name, 'query', query],\n    queryFn: async () => {\n      return await client!.fieldValues({\n        query: query,\n        field: field,\n        start: start.toISOString(),\n        end: end.toISOString(),\n      });\n    },\n  });\n}\n"],"names":["useDatasourceClient","useTimeRange","useQuery","fieldItemsToVariableOptions","values","map","value","label","getVictoriaLogsTimeRange","timeRange","start","end","toISOString","useFieldNames","query","datasource","absoluteTimeRange","data","client","enabled","queryKey","name","queryFn","fieldNames","useFieldValues","field","fieldValues"],"mappings":"AACA,SAAyBA,mBAAmB,EAAEC,YAAY,QAAQ,4BAA4B;AAE9F,SAASC,QAAQ,QAAwB,wBAAwB;AAEjE,OAAO,MAAMC,8BAA8B,CAACC;IAC1C,IAAI,CAACA,QAAQ,OAAO,EAAE;IACtB,OAAOA,OAAOC,GAAG,CAAC,CAACC,QAAW,CAAA;YAC5BA,OAAOA,MAAMA,KAAK;YAClBC,OAAOD,MAAMA,KAAK;QACpB,CAAA;AACF,EAAE;AAEF,OAAO,SAASE,yBAAyBC,SAA4B;IACnE,MAAM,EAAEC,KAAK,EAAEC,GAAG,EAAE,GAAGF;IACvB,OAAO;QACLC,OAAOA,MAAME,WAAW;QACxBD,KAAKA,IAAIC,WAAW;IACtB;AACF;AAEA,OAAO,SAASC,cACdC,KAAa,EACbC,UAA8B;IAE9B,MAAM,EACJC,mBAAmB,EAAEN,KAAK,EAAEC,GAAG,EAAE,EAClC,GAAGV;IACJ,MAAM,EAAEgB,MAAMC,MAAM,EAAE,GAAGlB,oBAAwCe;IACjE,MAAMI,UAAU,CAAC,CAACD,UAAU,CAAC,CAACJ;IAE9B,OAAOZ,SAAsD;QAC3DiB,SAASA;QACTC,UAAU;YAAC;YAAcL,WAAWM,IAAI;YAAE;YAASP;SAAM;QACzDQ,SAAS;YACP,OAAO,MAAMJ,OAAQK,UAAU,CAAC;gBAC9Bb,OAAOA,MAAME,WAAW;gBACxBD,KAAKA,IAAIC,WAAW;gBACpBE,OAAOA;YACT;QACF;IACF;AACF;AAEA,OAAO,SAASU,eACdC,KAAa,EACbX,KAAa,EACbC,UAA8B;IAE9B,MAAM,EACJC,mBAAmB,EAAEN,KAAK,EAAEC,GAAG,EAAE,EAClC,GAAGV;IACJ,MAAM,EAAEgB,MAAMC,MAAM,EAAE,GAAGlB,oBAAwCe;IACjE,MAAMI,UAAU,CAAC,CAACD,UAAU,CAAC,CAACJ;IAE9B,OAAOZ,SAAuD;QAC5DiB,SAASA;QACTC,UAAU;YAAC;YAASK;YAAO;YAAcV,WAAWM,IAAI;YAAE;YAASP;SAAM;QACzEQ,SAAS;YACP,OAAO,MAAMJ,OAAQQ,WAAW,CAAC;gBAC/BZ,OAAOA;gBACPW,OAAOA;gBACPf,OAAOA,MAAME,WAAW;gBACxBD,KAAKA,IAAIC,WAAW;YACtB;QACF;IACF;AACF"}

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.d.ts

@@ -0,0 +1,4 @@
+import { VariablePlugin } from '@perses-dev/plugin-system';
+import { VictoriaLogsFieldNamesVariableOptions } from '../types';
+export declare const VictoriaLogsFieldNamesVariable: VariablePlugin<VictoriaLogsFieldNamesVariableOptions>;
+//# sourceMappingURL=VictoriaLogsFieldNamesVariable.d.ts.map

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VictoriaLogsFieldNamesVariable.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAMf,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,qCAAqC,EAAE,MAAM,UAAU,CAAC;AAEjE,eAAO,MAAM,8BAA8B,EAAE,cAAc,CAAC,qCAAqC,CAwBhG,CAAC"}

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.js

@@ -0,0 +1,37 @@
+import { replaceVariables, parseVariables, datasourceSelectValueToSelector, isVariableDatasource } from '@perses-dev/plugin-system';
+import { DEFAULT_VICTORIALOGS, VICTORIALOGS_DATASOURCE_KIND } from '../../model';
+import { VictoriaLogsFieldNamesVariableEditor } from './VictoriaLogsFieldNamesVariableEditor';
+import { fieldItemsToVariableOptions, getVictoriaLogsTimeRange } from '../utils';
+export const VictoriaLogsFieldNamesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = datasourceSelectValueToSelector(spec.datasource ?? DEFAULT_VICTORIALOGS, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(VICTORIALOGS_DATASOURCE_KIND)) ?? DEFAULT_VICTORIALOGS;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const timeRange = getVictoriaLogsTimeRange(ctx.timeRange);
+        const query = replaceVariables(spec.query, ctx.variables);
+        const { values } = query ? await client.fieldNames({
+            query: query,
+            ...timeRange
+        }) : {
+            values: []
+        };
+        return {
+            data: fieldItemsToVariableOptions(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const queryVariables = parseVariables(spec.query);
+        const datasourceVariables = spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];
+        return {
+            variables: [
+                ...queryVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: VictoriaLogsFieldNamesVariableEditor,
+    createInitialOptions: ()=>({
+            query: ''
+        })
+};
+
+//# sourceMappingURL=VictoriaLogsFieldNamesVariable.js.map

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariable.tsx"],"sourcesContent":["import {\n  VariablePlugin,\n  GetVariableOptionsContext,\n  replaceVariables,\n  parseVariables,\n  datasourceSelectValueToSelector,\n  isVariableDatasource,\n} from '@perses-dev/plugin-system';\nimport { VictoriaLogsClient, DEFAULT_VICTORIALOGS, VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { VictoriaLogsFieldNamesVariableEditor } from './VictoriaLogsFieldNamesVariableEditor';\nimport { fieldItemsToVariableOptions, getVictoriaLogsTimeRange } from '../utils';\nimport { VictoriaLogsFieldNamesVariableOptions } from '../types';\n\nexport const VictoriaLogsFieldNamesVariable: VariablePlugin<VictoriaLogsFieldNamesVariableOptions> = {\n  getVariableOptions: async (spec: VictoriaLogsFieldNamesVariableOptions, ctx: GetVariableOptionsContext) => {\n    const datasourceSelector = datasourceSelectValueToSelector(\n      spec.datasource ?? DEFAULT_VICTORIALOGS,\n      ctx.variables,\n      await ctx.datasourceStore.listDatasourceSelectItems(VICTORIALOGS_DATASOURCE_KIND)\n    ) ?? DEFAULT_VICTORIALOGS;\n    const client: VictoriaLogsClient = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);\n    const timeRange = getVictoriaLogsTimeRange(ctx.timeRange);\n    const query = replaceVariables(spec.query, ctx.variables);\n\n    const { values } = query ? await client.fieldNames({ query: query, ...timeRange }) : { values: [] };\n    return {\n      data: fieldItemsToVariableOptions(values),\n    };\n  },\n  dependsOn: (spec: VictoriaLogsFieldNamesVariableOptions) => {\n    const queryVariables = parseVariables(spec.query);\n    const datasourceVariables =\n      spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];\n    return { variables: [...queryVariables, ...datasourceVariables] };\n  },\n  OptionsEditorComponent: VictoriaLogsFieldNamesVariableEditor,\n  createInitialOptions: () => ({ query: '' }),\n};\n"],"names":["replaceVariables","parseVariables","datasourceSelectValueToSelector","isVariableDatasource","DEFAULT_VICTORIALOGS","VICTORIALOGS_DATASOURCE_KIND","VictoriaLogsFieldNamesVariableEditor","fieldItemsToVariableOptions","getVictoriaLogsTimeRange","VictoriaLogsFieldNamesVariable","getVariableOptions","spec","ctx","datasourceSelector","datasource","variables","datasourceStore","listDatasourceSelectItems","client","getDatasourceClient","timeRange","query","values","fieldNames","data","dependsOn","queryVariables","datasourceVariables","OptionsEditorComponent","createInitialOptions"],"mappings":"AAAA,SAGEA,gBAAgB,EAChBC,cAAc,EACdC,+BAA+B,EAC/BC,oBAAoB,QACf,4BAA4B;AACnC,SAA6BC,oBAAoB,EAAEC,4BAA4B,QAAQ,cAAc;AACrG,SAASC,oCAAoC,QAAQ,yCAAyC;AAC9F,SAASC,2BAA2B,EAAEC,wBAAwB,QAAQ,WAAW;AAGjF,OAAO,MAAMC,iCAAwF;IACnGC,oBAAoB,OAAOC,MAA6CC;QACtE,MAAMC,qBAAqBX,gCACzBS,KAAKG,UAAU,IAAIV,sBACnBQ,IAAIG,SAAS,EACb,MAAMH,IAAII,eAAe,CAACC,yBAAyB,CAACZ,kCACjDD;QACL,MAAMc,SAA6B,MAAMN,IAAII,eAAe,CAACG,mBAAmB,CAACN;QACjF,MAAMO,YAAYZ,yBAAyBI,IAAIQ,SAAS;QACxD,MAAMC,QAAQrB,iBAAiBW,KAAKU,KAAK,EAAET,IAAIG,SAAS;QAExD,MAAM,EAAEO,MAAM,EAAE,GAAGD,QAAQ,MAAMH,OAAOK,UAAU,CAAC;YAAEF,OAAOA;YAAO,GAAGD,SAAS;QAAC,KAAK;YAAEE,QAAQ,EAAE;QAAC;QAClG,OAAO;YACLE,MAAMjB,4BAA4Be;QACpC;IACF;IACAG,WAAW,CAACd;QACV,MAAMe,iBAAiBzB,eAAeU,KAAKU,KAAK;QAChD,MAAMM,sBACJhB,KAAKG,UAAU,IAAIX,qBAAqBQ,KAAKG,UAAU,IAAIb,eAAeU,KAAKG,UAAU,IAAI,EAAE;QACjG,OAAO;YAAEC,WAAW;mBAAIW;mBAAmBC;aAAoB;QAAC;IAClE;IACAC,wBAAwBtB;IACxBuB,sBAAsB,IAAO,CAAA;YAAER,OAAO;QAAG,CAAA;AAC3C,EAAE"}

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.d.ts

@@ -0,0 +1,5 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { VictoriaLogsFieldNamesVariableOptions } from '../types';
+export declare function VictoriaLogsFieldNamesVariableEditor(props: OptionsEditorProps<VictoriaLogsFieldNamesVariableOptions>): ReactElement;
+//# sourceMappingURL=VictoriaLogsFieldNamesVariableEditor.d.ts.map

package/lib/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VictoriaLogsFieldNamesVariableEditor.d.ts","sourceRoot":"","sources":["../../../../src/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAGnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAS5D,OAAO,EACL,qCAAqC,EACtC,MAAM,UAAU,CAAC;AAElB,wBAAgB,oCAAoC,CAClD,KAAK,EAAE,kBAAkB,CAAC,qCAAqC,CAAC,GAC/D,YAAY,CAoEd"}