@perses-dev/loki-plugin 0.1.0 → 0.1.1

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

@@ -0,0 +1,118 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LokiQueryEditor", {
+    enumerable: true,
+    get: function() {
+        return LokiQueryEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _material = require("@mui/material");
+const _react = require("react");
+const _logqleditor = require("../../components/logql-editor");
+const _model = require("../../model");
+const _constants = require("../constants");
+function LokiQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const datasourceSelectValue = datasource ?? _constants.DEFAULT_DATASOURCE;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.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] = (0, _react.useState)(value.query);
+    // Update local state when prop changes
+    (0, _react.useEffect)(()=>{
+        setLocalQuery(value.query);
+    }, [
+        value.query
+    ]);
+    const handleDatasourceChange = (newDatasourceSelection)=>{
+        if (!(0, _pluginsystem.isVariableDatasource)(newDatasourceSelection) && newDatasourceSelection.kind === _constants.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 = (0, _react.useCallback)((newQuery)=>{
+        setLocalQuery(newQuery);
+    }, []);
+    // Immediate query execution on Enter or blur
+    const handleQueryExecute = (0, _react.useCallback)((query)=>{
+        onChange({
+            ...value,
+            query
+        });
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1.5,
+        paddingBottom: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "Datasource"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                        datasourcePluginKind: _constants.DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        label: "Loki Datasource",
+                        notched: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "LogQL Query"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_logqleditor.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")'
+                    })
+                ]
+            })
+        ]
+    });
+}

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

@@ -0,0 +1,120 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getLokiTimeSeriesData", {
+    enumerable: true,
+    get: function() {
+        return getLokiTimeSeriesData;
+    }
+});
+const _core = require("@perses-dev/core");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _datefns = require("date-fns");
+const _constants = require("../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 = (0, _core.parseDurationString)(durationString);
+    const ms = (0, _datefns.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
+        };
+    });
+}
+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 = (0, _pluginsystem.replaceVariables)(spec.query, context.variableState);
+    const client = await context.datasourceStore.getDatasourceClient(spec.datasource ?? _constants.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
+    };
+};

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

@@ -0,0 +1,33 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./get-loki-time-series-data"), exports);
+_export_star(require("./LokiTimeSeriesQuery"), exports);
+_export_star(require("./LokiTimeSeriesQueryEditor"), exports);
+_export_star(require("./loki-time-series-query-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/queries/loki-time-series-query/loki-time-series-query-types.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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/setup-tests.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export { LogQLEditor } from './logql-editor';
+export type { LogQLEditorProps } from './logql-editor';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/index.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 { LogQLEditor } from './logql-editor';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/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 { LogQLEditor } from './logql-editor';\nexport type { LogQLEditorProps } from './logql-editor';\n"],"names":["LogQLEditor"],"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,SAASA,WAAW,QAAQ,iBAAiB"}

package/lib/components/logql-editor.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+export type LogQLEditorProps = Omit<ReactCodeMirrorProps, 'theme' | 'extensions'>;
+export declare function LogQLEditor(props: LogQLEditorProps): ReactElement;
+//# sourceMappingURL=logql-editor.d.ts.map

package/lib/components/logql-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logql-editor.d.ts","sourceRoot":"","sources":["../../../src/components/logql-editor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAE9C,OAAmB,EAAc,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGrF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC;AAElF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAyCjE"}

package/lib/components/logql-editor.js

@@ -0,0 +1,61 @@
+// 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 } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTheme } from '@mui/material';
+import CodeMirror, { EditorView } from '@uiw/react-codemirror';
+import { LogQLExtension } from './logql-extension';
+export function LogQLEditor(props) {
+    const theme = useTheme();
+    const isDarkMode = theme.palette.mode === 'dark';
+    const logqlExtension = useMemo(()=>{
+        return LogQLExtension();
+    }, []);
+    const codemirrorTheme = useMemo(()=>{
+        const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
+        return EditorView.theme({
+            '&': {
+                backgroundColor: 'transparent !important',
+                border: `1px solid ${borderColor}`,
+                borderRadius: `${theme.shape.borderRadius}px`
+            },
+            '&.cm-focused.cm-editor': {
+                outline: 'none'
+            },
+            '.cm-content': {
+                padding: '8px'
+            }
+        });
+    }, [
+        theme
+    ]);
+    return /*#__PURE__*/ _jsx(CodeMirror, {
+        ...props,
+        theme: isDarkMode ? 'dark' : 'light',
+        basicSetup: {
+            lineNumbers: false,
+            highlightActiveLine: false,
+            highlightActiveLineGutter: false,
+            foldGutter: false,
+            syntaxHighlighting: true
+        },
+        extensions: [
+            EditorView.lineWrapping,
+            logqlExtension,
+            codemirrorTheme
+        ],
+        placeholder: 'Example: {job="my-service"} |= "error"'
+    });
+}
+
+//# sourceMappingURL=logql-editor.js.map

package/lib/components/logql-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logql-editor.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 { ReactElement, useMemo } from 'react';\nimport { useTheme } from '@mui/material';\nimport CodeMirror, { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport { LogQLExtension } from './logql-extension';\n\nexport type LogQLEditorProps = Omit<ReactCodeMirrorProps, 'theme' | 'extensions'>;\n\nexport function LogQLEditor(props: LogQLEditorProps): ReactElement {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const logqlExtension = useMemo(() => {\n    return LogQLExtension();\n  }, []);\n\n  const codemirrorTheme = useMemo(() => {\n    const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n\n    return EditorView.theme({\n      '&': {\n        backgroundColor: 'transparent !important', // required for dark mode\n        border: `1px solid ${borderColor}`,\n        borderRadius: `${theme.shape.borderRadius}px`,\n      },\n      '&.cm-focused.cm-editor': {\n        outline: 'none',\n      },\n      '.cm-content': {\n        padding: '8px',\n      },\n    });\n  }, [theme]);\n\n  return (\n    <CodeMirror\n      {...props}\n      theme={isDarkMode ? 'dark' : 'light'}\n      basicSetup={{\n        lineNumbers: false,\n        highlightActiveLine: false,\n        highlightActiveLineGutter: false,\n        foldGutter: false,\n        syntaxHighlighting: true,\n      }}\n      extensions={[EditorView.lineWrapping, logqlExtension, codemirrorTheme]}\n      placeholder='Example: {job=\"my-service\"} |= \"error\"'\n    />\n  );\n}\n"],"names":["useMemo","useTheme","CodeMirror","EditorView","LogQLExtension","LogQLEditor","props","theme","isDarkMode","palette","mode","logqlExtension","codemirrorTheme","borderColor","backgroundColor","border","borderRadius","shape","outline","padding","basicSetup","lineNumbers","highlightActiveLine","highlightActiveLineGutter","foldGutter","syntaxHighlighting","extensions","lineWrapping","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,SAAuBA,OAAO,QAAQ,QAAQ;AAC9C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,cAAcC,UAAU,QAA8B,wBAAwB;AACrF,SAASC,cAAc,QAAQ,oBAAoB;AAInD,OAAO,SAASC,YAAYC,KAAuB;IACjD,MAAMC,QAAQN;IACd,MAAMO,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAMC,iBAAiBX,QAAQ;QAC7B,OAAOI;IACT,GAAG,EAAE;IAEL,MAAMQ,kBAAkBZ,QAAQ;QAC9B,MAAMa,cAAcN,MAAME,OAAO,CAACC,IAAI,KAAK,UAAU,wBAAwB;QAE7E,OAAOP,WAAWI,KAAK,CAAC;YACtB,KAAK;gBACHO,iBAAiB;gBACjBC,QAAQ,CAAC,UAAU,EAAEF,aAAa;gBAClCG,cAAc,GAAGT,MAAMU,KAAK,CAACD,YAAY,CAAC,EAAE,CAAC;YAC/C;YACA,0BAA0B;gBACxBE,SAAS;YACX;YACA,eAAe;gBACbC,SAAS;YACX;QACF;IACF,GAAG;QAACZ;KAAM;IAEV,qBACE,KAACL;QACE,GAAGI,KAAK;QACTC,OAAOC,aAAa,SAAS;QAC7BY,YAAY;YACVC,aAAa;YACbC,qBAAqB;YACrBC,2BAA2B;YAC3BC,YAAY;YACZC,oBAAoB;QACtB;QACAC,YAAY;YAACvB,WAAWwB,YAAY;YAAEhB;YAAgBC;SAAgB;QACtEgB,aAAY;;AAGlB"}

package/lib/components/logql-extension.d.ts

@@ -0,0 +1,4 @@
+import { LRLanguage } from '@codemirror/language';
+import { Extension } from '@uiw/react-codemirror';
+export declare function LogQLExtension(): Array<LRLanguage | Extension>;
+//# sourceMappingURL=logql-extension.d.ts.map

package/lib/components/logql-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logql-extension.d.ts","sourceRoot":"","sources":["../../../src/components/logql-extension.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAelD,wBAAgB,cAAc,IAAI,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAG9D"}

package/lib/components/logql-extension.js

@@ -0,0 +1,47 @@
+// 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 { LRLanguage } from '@codemirror/language';
+import { parser } from '@grafana/lezer-logql';
+import { logqlHighlight } from './logql-highlight';
+function logqlLanguage() {
+    return LRLanguage.define({
+        parser: parser.configure({
+            props: [
+                logqlHighlight
+            ]
+        }),
+        languageData: {
+            closeBrackets: {
+                brackets: [
+                    '(',
+                    '[',
+                    '{',
+                    "'",
+                    '"',
+                    '`'
+                ]
+            },
+            commentTokens: {
+                line: '#'
+            }
+        }
+    });
+}
+export function LogQLExtension() {
+    const language = logqlLanguage();
+    return [
+        language
+    ];
+}
+
+//# sourceMappingURL=logql-extension.js.map

package/lib/components/logql-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logql-extension.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 { LRLanguage } from '@codemirror/language';\nimport { parser } from '@grafana/lezer-logql';\nimport { Extension } from '@uiw/react-codemirror';\nimport { logqlHighlight } from './logql-highlight';\n\nfunction logqlLanguage(): LRLanguage {\n  return LRLanguage.define({\n    parser: parser.configure({\n      props: [logqlHighlight],\n    }),\n    languageData: {\n      closeBrackets: { brackets: ['(', '[', '{', \"'\", '\"', '`'] },\n      commentTokens: { line: '#' },\n    },\n  });\n}\n\nexport function LogQLExtension(): Array<LRLanguage | Extension> {\n  const language = logqlLanguage();\n  return [language];\n}\n"],"names":["LRLanguage","parser","logqlHighlight","logqlLanguage","define","configure","props","languageData","closeBrackets","brackets","commentTokens","line","LogQLExtension","language"],"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,SAASA,UAAU,QAAQ,uBAAuB;AAClD,SAASC,MAAM,QAAQ,uBAAuB;AAE9C,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,SAASC;IACP,OAAOH,WAAWI,MAAM,CAAC;QACvBH,QAAQA,OAAOI,SAAS,CAAC;YACvBC,OAAO;gBAACJ;aAAe;QACzB;QACAK,cAAc;YACZC,eAAe;gBAAEC,UAAU;oBAAC;oBAAK;oBAAK;oBAAK;oBAAK;oBAAK;iBAAI;YAAC;YAC1DC,eAAe;gBAAEC,MAAM;YAAI;QAC7B;IACF;AACF;AAEA,OAAO,SAASC;IACd,MAAMC,WAAWV;IACjB,OAAO;QAACU;KAAS;AACnB"}

package/lib/components/logql-highlight.d.ts

@@ -0,0 +1,2 @@
+export declare const logqlHighlight: import("@lezer/common").NodePropSource;
+//# sourceMappingURL=logql-highlight.d.ts.map

package/lib/components/logql-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logql-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/logql-highlight.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,wCAgBzB,CAAC"}

package/lib/components/logql-highlight.js

@@ -0,0 +1,32 @@
+// 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 { styleTags, tags } from '@lezer/highlight';
+export const logqlHighlight = styleTags({
+    LineComment: tags.comment,
+    'Identifier StreamSelector': tags.labelName,
+    'LabelName LabelMatcher': tags.labelName,
+    String: tags.string,
+    'Number Float Duration': tags.number,
+    'LogRangeAggregation VectorAggregation': tags.function(tags.keyword),
+    'And Or Unless': tags.logicOperator,
+    'Eq Neq Re Nre Gt Lt Gte Lte': tags.compareOperator,
+    'Add Sub Mul Div Mod Pow': tags.arithmeticOperator,
+    Pipe: tags.operator,
+    'By Without': tags.keyword,
+    '( )': tags.paren,
+    '[ ]': tags.squareBracket,
+    '{ }': tags.brace,
+    '⚠': tags.invalid
+});
+
+//# sourceMappingURL=logql-highlight.js.map

package/lib/components/logql-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logql-highlight.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 { styleTags, tags } from '@lezer/highlight';\n\nexport const logqlHighlight = styleTags({\n  LineComment: tags.comment,\n  'Identifier StreamSelector': tags.labelName,\n  'LabelName LabelMatcher': tags.labelName,\n  String: tags.string,\n  'Number Float Duration': tags.number,\n  'LogRangeAggregation VectorAggregation': tags.function(tags.keyword),\n  'And Or Unless': tags.logicOperator,\n  'Eq Neq Re Nre Gt Lt Gte Lte': tags.compareOperator,\n  'Add Sub Mul Div Mod Pow': tags.arithmeticOperator,\n  Pipe: tags.operator,\n  'By Without': tags.keyword,\n  '( )': tags.paren,\n  '[ ]': tags.squareBracket,\n  '{ }': tags.brace,\n  '⚠': tags.invalid,\n});\n"],"names":["styleTags","tags","logqlHighlight","LineComment","comment","labelName","String","string","number","function","keyword","logicOperator","compareOperator","arithmeticOperator","Pipe","operator","paren","squareBracket","brace","invalid"],"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,SAASA,SAAS,EAAEC,IAAI,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,iBAAiBF,UAAU;IACtCG,aAAaF,KAAKG,OAAO;IACzB,6BAA6BH,KAAKI,SAAS;IAC3C,0BAA0BJ,KAAKI,SAAS;IACxCC,QAAQL,KAAKM,MAAM;IACnB,yBAAyBN,KAAKO,MAAM;IACpC,yCAAyCP,KAAKQ,QAAQ,CAACR,KAAKS,OAAO;IACnE,iBAAiBT,KAAKU,aAAa;IACnC,+BAA+BV,KAAKW,eAAe;IACnD,2BAA2BX,KAAKY,kBAAkB;IAClDC,MAAMb,KAAKc,QAAQ;IACnB,cAAcd,KAAKS,OAAO;IAC1B,OAAOT,KAAKe,KAAK;IACjB,OAAOf,KAAKgB,aAAa;IACzB,OAAOhB,KAAKiB,KAAK;IACjB,KAAKjB,KAAKkB,OAAO;AACnB,GAAG"}

package/lib/datasources/index.d.ts

@@ -0,0 +1,2 @@
+export * from './loki-datasource';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datasources/index.ts"],"names":[],"mappings":"AAaA,cAAc,mBAAmB,CAAC"}

package/lib/datasources/index.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 * from './loki-datasource';
+
+//# sourceMappingURL=index.js.map

package/lib/datasources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/datasources/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 './loki-datasource';\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,oBAAoB"}

package/lib/datasources/loki-datasource/LokiDatasource.d.ts

@@ -0,0 +1,5 @@
+import { DatasourcePlugin } from '@perses-dev/plugin-system';
+import { LokiClient } from '../../model/loki-client';
+import { LokiDatasourceSpec } from './loki-datasource-types';
+export declare const LokiDatasource: DatasourcePlugin<LokiDatasourceSpec, LokiClient>;
+//# sourceMappingURL=LokiDatasource.d.ts.map

package/lib/datasources/loki-datasource/LokiDatasource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LokiDatasource.d.ts","sourceRoot":"","sources":["../../../../src/datasources/loki-datasource/LokiDatasource.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,UAAU,EASX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAgC7D,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,UAAU,CAI3E,CAAC"}

package/lib/datasources/loki-datasource/LokiDatasource.js

@@ -0,0 +1,69 @@
+// 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 { query, queryRange, labels, labelValues, series, volume, volumeRange, indexStats } from '../../model/loki-client';
+import { LokiDatasourceEditor } from './LokiDatasourceEditor';
+const createClient = (spec, options)=>{
+    const { directUrl, proxy } = spec;
+    const { proxyUrl } = options;
+    const datasourceUrl = directUrl ?? proxyUrl;
+    if (datasourceUrl === undefined) {
+        throw new Error('No URL specified for Loki client. You can use directUrl in the spec to configure it.');
+    }
+    const specHeaders = proxy?.spec.headers;
+    return {
+        options: {
+            datasourceUrl
+        },
+        query: (params, headers)=>query(params, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        queryRange: (params, headers)=>queryRange(params, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        labels: (start, end, headers)=>labels(start, end, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        labelValues: (label, start, end, headers)=>labelValues(label, start, end, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        series: (match, start, end, headers)=>series(match, start, end, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        volume: (params, headers)=>volume(params, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        volumeRange: (params, headers)=>volumeRange(params, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            }),
+        indexStats: (query, start, end, headers)=>indexStats(query, start, end, {
+                datasourceUrl,
+                headers: headers ?? specHeaders
+            })
+    };
+};
+export const LokiDatasource = {
+    createClient,
+    OptionsEditorComponent: LokiDatasourceEditor,
+    createInitialOptions: ()=>({
+            directUrl: ''
+        })
+};
+
+//# sourceMappingURL=LokiDatasource.js.map