@perses-dev/loki-plugin 0.1.0 → 0.1.1

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

@@ -0,0 +1,110 @@
+// 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 { LogQLEditor } from '../../components/logql-editor';
+import { LOKI_DATASOURCE_KIND } from '../../model';
+import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
+export function LokiQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;
+    const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, LOKI_DATASOURCE_KIND);
+    // const { data: client } = useDatasourceClient<LokiClient>(selectedDatasource);
+    // const lokiURL = client?.options.datasourceUrl;
+    // 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 LokiQuery 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: "Loki Datasource",
+                        notched: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    /*#__PURE__*/ _jsx(InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "LogQL Query"
+                    }),
+                    /*#__PURE__*/ _jsx(LogQLEditor, {
+                        value: localQuery,
+                        onChange: handleQueryChange,
+                        onBlur: ()=>handleQueryExecute(localQuery),
+                        onKeyDown: (event)=>{
+                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                                event.preventDefault();
+                                handleQueryExecute(localQuery);
+                            }
+                        },
+                        placeholder: 'Enter LogQL query (e.g. {job="mysql"} |= "error")'
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=LokiTimeSeriesQueryEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.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 { LogQLEditor } from '../../components/logql-editor';\nimport { LOKI_DATASOURCE_KIND, LokiDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { LokiTimeSeriesQuerySpec } from './loki-time-series-query-types';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiTimeSeriesQuerySpec>;\n\nexport function LokiQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    LOKI_DATASOURCE_KIND\n  ) as LokiDatasourceSelector;\n\n  // const { data: client } = useDatasourceClient<LokiClient>(selectedDatasource);\n  // const lokiURL = client?.options.datasourceUrl;\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 LokiQuery 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=\"Loki 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          LogQL Query\n        </InputLabel>\n        <LogQLEditor\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 LogQL 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","LogQLEditor","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","LokiQueryEditor","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,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,oBAAoB,QAAgC,cAAc;AAC3E,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAKnE,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBhB,mCACzBe,uBACAR;IAGF,gFAAgF;IAChF,iDAAiD;IAEjD,+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/loki-time-series-query/get-loki-time-series-data.d.ts

@@ -0,0 +1,12 @@
+import { TimeSeriesQueryPlugin } from '@perses-dev/plugin-system';
+import { LokiTimeSeriesQuerySpec } from './loki-time-series-query-types';
+export type LokiMatrixResult = {
+    metric: Record<string, string>;
+    values: Array<[number, string]>;
+};
+export type LokiMatrixResponse = {
+    resultType: 'matrix';
+    result: LokiMatrixResult[];
+};
+export declare const getLokiTimeSeriesData: TimeSeriesQueryPlugin<LokiTimeSeriesQuerySpec>['getTimeSeriesData'];
+//# sourceMappingURL=get-loki-time-series-data.d.ts.map

package/lib/queries/loki-time-series-query/get-loki-time-series-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-loki-time-series-data.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-time-series-query/get-loki-time-series-data.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,qBAAqB,EAAoB,MAAM,2BAA2B,CAAC;AAIpF,OAAO,EAAE,uBAAuB,EAA+B,MAAM,gCAAgC,CAAC;AAEtG,MAAM,MAAM,gBAAgB,GAAG;IAC7B,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,kBAAkB,GAAG;IAC/B,UAAU,EAAE,QAAQ,CAAC;IACrB,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B,CAAC;AAkEF,eAAO,MAAM,qBAAqB,EAAE,qBAAqB,CAAC,uBAAuB,CAAC,CAAC,mBAAmB,CAoDrG,CAAC"}

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

@@ -0,0 +1,112 @@
+// 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 Loki step calculation
+const MAX_LOKI_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 Loki range queries
+ */ function getLokiRangeStep(startMs, endMs, minStepSeconds = DEFAULT_MIN_STEP_SECONDS, suggestedStepMs = 0) {
+    const suggestedStepSeconds = suggestedStepMs / 1000;
+    const queryRangeSeconds = (endMs - startMs) / 1000;
+    let safeStep = queryRangeSeconds / MAX_LOKI_DATA_POINTS;
+    if (safeStep > 1) {
+        safeStep = Math.ceil(safeStep);
+    }
+    return Math.max(suggestedStepSeconds, minStepSeconds, safeStep);
+}
+/**
+ * Formats step in seconds as a duration string for Loki API
+ */ function formatStepForLoki(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 name = Object.entries(series.metric).map(([k, v])=>`${k}=${v}`).join(', ');
+        return {
+            name,
+            values: series.values.map(([timestamp, value])=>[
+                    Number(timestamp) * 1000,
+                    Number(value)
+                ]),
+            labels: series.metric
+        };
+    });
+}
+export const getLokiTimeSeriesData = 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;
+    // Calculate proper step using similar logic to Prometheus
+    const minStepSeconds = spec.step ? getDurationStringSeconds(spec.step) ?? DEFAULT_MIN_STEP_SECONDS : DEFAULT_MIN_STEP_SECONDS;
+    const stepSeconds = getLokiRangeStep(start.getTime(), end.getTime(), minStepSeconds, context.suggestedStepMs);
+    const stepString = formatStepForLoki(stepSeconds);
+    const stepMs = stepSeconds * 1000;
+    const response = await client.queryRange({
+        query,
+        start: start.getTime().toString(),
+        end: end.getTime().toString(),
+        step: stepString
+    });
+    if (response.data.resultType === 'matrix') {
+        const convertedSeries = convertMatrixToTimeSeries(response.data.result);
+        return {
+            series: convertedSeries,
+            timeRange: {
+                start,
+                end
+            },
+            stepMs,
+            metadata: {
+                executedQueryString: query
+            }
+        };
+    }
+    return {
+        series: [],
+        timeRange: {
+            start,
+            end
+        },
+        stepMs
+    };
+};
+
+//# sourceMappingURL=get-loki-time-series-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/loki-time-series-query/get-loki-time-series-data.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 { LokiClient } from '../../model/loki-client';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { LokiTimeSeriesQuerySpec, LokiTimeSeriesQueryResponse } from './loki-time-series-query-types';\n\nexport type LokiMatrixResult = {\n  metric: Record<string, string>;\n  values: Array<[number, string]>;\n};\n\nexport type LokiMatrixResponse = {\n  resultType: 'matrix';\n  result: LokiMatrixResult[];\n};\n\n// Constants for Loki step calculation\nconst MAX_LOKI_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 Loki range queries\n */\nfunction getLokiRangeStep(\n  startMs: number,\n  endMs: number,\n  minStepSeconds = DEFAULT_MIN_STEP_SECONDS,\n  suggestedStepMs = 0\n): number {\n  const suggestedStepSeconds = suggestedStepMs / 1000;\n  const queryRangeSeconds = (endMs - startMs) / 1000;\n\n  let safeStep = queryRangeSeconds / MAX_LOKI_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 Loki API\n */\nfunction formatStepForLoki(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: LokiMatrixResult[]): TimeSeries[] {\n  return matrix.map((series) => {\n    const name = Object.entries(series.metric)\n      .map(([k, v]) => `${k}=${v}`)\n      .join(', ');\n    return {\n      name,\n      values: series.values.map(([timestamp, value]) => [\n        Number(timestamp) * 1000, // Convert seconds to milliseconds\n        Number(value),\n      ]),\n      labels: series.metric,\n    };\n  });\n}\n\nexport const getLokiTimeSeriesData: TimeSeriesQueryPlugin<LokiTimeSeriesQuerySpec>['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<LokiClient>(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as LokiClient;\n\n  const { start, end } = context.timeRange;\n\n  // Calculate proper step using similar logic to Prometheus\n  const minStepSeconds = spec.step\n    ? (getDurationStringSeconds(spec.step as DurationString) ?? DEFAULT_MIN_STEP_SECONDS)\n    : DEFAULT_MIN_STEP_SECONDS;\n  const stepSeconds = getLokiRangeStep(start.getTime(), end.getTime(), minStepSeconds, context.suggestedStepMs);\n  const stepString = formatStepForLoki(stepSeconds);\n  const stepMs = stepSeconds * 1000;\n\n  const response: LokiTimeSeriesQueryResponse = await client.queryRange({\n    query,\n    start: start.getTime().toString(),\n    end: end.getTime().toString(),\n    step: stepString,\n  });\n\n  if (response.data.resultType === 'matrix') {\n    const convertedSeries = convertMatrixToTimeSeries(response.data.result as LokiMatrixResult[]);\n\n    return {\n      series: convertedSeries,\n      timeRange: { start, end },\n      stepMs,\n      metadata: {\n        executedQueryString: query,\n      },\n    };\n  }\n\n  return {\n    series: [],\n    timeRange: { start, end },\n    stepMs,\n  };\n};\n"],"names":["parseDurationString","replaceVariables","milliseconds","DEFAULT_DATASOURCE","MAX_LOKI_DATA_POINTS","DEFAULT_MIN_STEP_SECONDS","getDurationStringSeconds","durationString","undefined","duration","ms","Math","floor","getLokiRangeStep","startMs","endMs","minStepSeconds","suggestedStepMs","suggestedStepSeconds","queryRangeSeconds","safeStep","ceil","max","formatStepForLoki","stepSeconds","round","convertMatrixToTimeSeries","matrix","map","series","name","Object","entries","metric","k","v","join","values","timestamp","value","Number","labels","getLokiTimeSeriesData","spec","context","query","timeRange","start","end","stepMs","variableState","client","datasourceStore","getDatasourceClient","datasource","step","getTime","stepString","response","queryRange","toString","data","resultType","convertedSeries","result","metadata","executedQueryString"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAqCA,mBAAmB,QAAQ,mBAAmB;AACnF,SAAgCC,gBAAgB,QAAQ,4BAA4B;AACpF,SAASC,YAAY,QAAQ,WAAW;AAExC,SAASC,kBAAkB,QAAQ,eAAe;AAalD,sCAAsC;AACtC,MAAMC,uBAAuB,OAAO,wBAAwB;AAC5D,MAAMC,2BAA2B,IAAI,6BAA6B;AAElE;;CAEC,GACD,SAASC,yBAAyBC,cAA+B;IAC/D,IAAI,CAACA,gBAAgB,OAAOC;IAE5B,MAAMC,WAAWT,oBAAoBO;IACrC,MAAMG,KAAKR,aAAaO;IACxB,OAAOE,KAAKC,KAAK,CAACF,KAAK;AACzB;AAEA;;CAEC,GACD,SAASG,iBACPC,OAAe,EACfC,KAAa,EACbC,iBAAiBX,wBAAwB,EACzCY,kBAAkB,CAAC;IAEnB,MAAMC,uBAAuBD,kBAAkB;IAC/C,MAAME,oBAAoB,AAACJ,CAAAA,QAAQD,OAAM,IAAK;IAE9C,IAAIM,WAAWD,oBAAoBf;IACnC,IAAIgB,WAAW,GAAG;QAChBA,WAAWT,KAAKU,IAAI,CAACD;IACvB;IAEA,OAAOT,KAAKW,GAAG,CAACJ,sBAAsBF,gBAAgBI;AACxD;AAEA;;CAEC,GACD,SAASG,kBAAkBC,WAAmB;IAC5C,IAAIA,cAAc,IAAI;QACpB,OAAO,GAAGb,KAAKc,KAAK,CAACD,aAAa,CAAC,CAAC;IACtC,OAAO,IAAIA,cAAc,MAAM;QAC7B,OAAO,GAAGb,KAAKc,KAAK,CAACD,cAAc,IAAI,CAAC,CAAC;IAC3C,OAAO;QACL,OAAO,GAAGb,KAAKc,KAAK,CAACD,cAAc,MAAM,CAAC,CAAC;IAC7C;AACF;AAEA,SAASE,0BAA0BC,MAA0B;IAC3D,OAAOA,OAAOC,GAAG,CAAC,CAACC;QACjB,MAAMC,OAAOC,OAAOC,OAAO,CAACH,OAAOI,MAAM,EACtCL,GAAG,CAAC,CAAC,CAACM,GAAGC,EAAE,GAAK,GAAGD,EAAE,CAAC,EAAEC,GAAG,EAC3BC,IAAI,CAAC;QACR,OAAO;YACLN;YACAO,QAAQR,OAAOQ,MAAM,CAACT,GAAG,CAAC,CAAC,CAACU,WAAWC,MAAM,GAAK;oBAChDC,OAAOF,aAAa;oBACpBE,OAAOD;iBACR;YACDE,QAAQZ,OAAOI,MAAM;QACvB;IACF;AACF;AAEA,OAAO,MAAMS,wBAA6F,OACxGC,MACAC;IAEA,IAAI,CAACD,KAAKE,KAAK,EAAE;QACf,OAAO;YACLhB,QAAQ,EAAE;YACViB,WAAW;gBAAEC,OAAOH,QAAQE,SAAS,CAACC,KAAK;gBAAEC,KAAKJ,QAAQE,SAAS,CAACE,GAAG;YAAC;YACxEC,QAAQ5C,2BAA2B;QACrC;IACF;IAEA,MAAMwC,QAAQ5C,iBAAiB0C,KAAKE,KAAK,EAAED,QAAQM,aAAa;IAChE,MAAMC,SAAU,MAAMP,QAAQQ,eAAe,CAACC,mBAAmB,CAC/DV,KAAKW,UAAU,IAAInD;IAGrB,MAAM,EAAE4C,KAAK,EAAEC,GAAG,EAAE,GAAGJ,QAAQE,SAAS;IAExC,0DAA0D;IAC1D,MAAM9B,iBAAiB2B,KAAKY,IAAI,GAC3BjD,yBAAyBqC,KAAKY,IAAI,KAAuBlD,2BAC1DA;IACJ,MAAMmB,cAAcX,iBAAiBkC,MAAMS,OAAO,IAAIR,IAAIQ,OAAO,IAAIxC,gBAAgB4B,QAAQ3B,eAAe;IAC5G,MAAMwC,aAAalC,kBAAkBC;IACrC,MAAMyB,SAASzB,cAAc;IAE7B,MAAMkC,WAAwC,MAAMP,OAAOQ,UAAU,CAAC;QACpEd;QACAE,OAAOA,MAAMS,OAAO,GAAGI,QAAQ;QAC/BZ,KAAKA,IAAIQ,OAAO,GAAGI,QAAQ;QAC3BL,MAAME;IACR;IAEA,IAAIC,SAASG,IAAI,CAACC,UAAU,KAAK,UAAU;QACzC,MAAMC,kBAAkBrC,0BAA0BgC,SAASG,IAAI,CAACG,MAAM;QAEtE,OAAO;YACLnC,QAAQkC;YACRjB,WAAW;gBAAEC;gBAAOC;YAAI;YACxBC;YACAgB,UAAU;gBACRC,qBAAqBrB;YACvB;QACF;IACF;IAEA,OAAO;QACLhB,QAAQ,EAAE;QACViB,WAAW;YAAEC;YAAOC;QAAI;QACxBC;IACF;AACF,EAAE"}

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

@@ -0,0 +1,5 @@
+export * from './get-loki-time-series-data';
+export * from './LokiTimeSeriesQuery';
+export * from './LokiTimeSeriesQueryEditor';
+export * from './loki-time-series-query-types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-time-series-query/index.ts"],"names":[],"mappings":"AAaA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}

package/lib/queries/loki-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 './get-loki-time-series-data';
+export * from './LokiTimeSeriesQuery';
+export * from './LokiTimeSeriesQueryEditor';
+export * from './loki-time-series-query-types';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/loki-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 './get-loki-time-series-data';\nexport * from './LokiTimeSeriesQuery';\nexport * from './LokiTimeSeriesQueryEditor';\nexport * from './loki-time-series-query-types';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,8BAA8B;AAC5C,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,iCAAiC"}

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

@@ -0,0 +1,9 @@
+import { DatasourceSelector } from '@perses-dev/core';
+import { LokiQueryRangeMatrixResponse } from '../../model/loki-client-types';
+export interface LokiTimeSeriesQuerySpec {
+    query: string;
+    datasource?: DatasourceSelector;
+    step?: string;
+}
+export type LokiTimeSeriesQueryResponse = LokiQueryRangeMatrixResponse;
+//# sourceMappingURL=loki-time-series-query-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loki-time-series-query-types.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-time-series-query/loki-time-series-query-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,2BAA2B,GAAG,4BAA4B,CAAC"}

package/lib/queries/loki-time-series-query/loki-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=loki-time-series-query-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/loki-time-series-query/loki-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';\nimport { LokiQueryRangeMatrixResponse } from '../../model/loki-client-types';\n\nexport interface LokiTimeSeriesQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n  step?: string;\n}\n\nexport type LokiTimeSeriesQueryResponse = LokiQueryRangeMatrixResponse;\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;AAWjC,WAAuE"}

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"}