@perses-dev/victorialogs-plugin 0.1.0

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VictoriaLogsFieldNamesVariable", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsFieldNamesVariable;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _model = require("../../model");
+const _VictoriaLogsFieldNamesVariableEditor = require("./VictoriaLogsFieldNamesVariableEditor");
+const _utils = require("../utils");
+const VictoriaLogsFieldNamesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource ?? _model.DEFAULT_VICTORIALOGS, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(_model.VICTORIALOGS_DATASOURCE_KIND)) ?? _model.DEFAULT_VICTORIALOGS;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const timeRange = (0, _utils.getVictoriaLogsTimeRange)(ctx.timeRange);
+        const query = (0, _pluginsystem.replaceVariables)(spec.query, ctx.variables);
+        const { values } = query ? await client.fieldNames({
+            query: query,
+            ...timeRange
+        }) : {
+            values: []
+        };
+        return {
+            data: (0, _utils.fieldItemsToVariableOptions)(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const queryVariables = (0, _pluginsystem.parseVariables)(spec.query);
+        const datasourceVariables = spec.datasource && (0, _pluginsystem.isVariableDatasource)(spec.datasource) ? (0, _pluginsystem.parseVariables)(spec.datasource) : [];
+        return {
+            variables: [
+                ...queryVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: _VictoriaLogsFieldNamesVariableEditor.VictoriaLogsFieldNamesVariableEditor,
+    createInitialOptions: ()=>({
+            query: ''
+        })
+};

package/lib/cjs/variables/victorialogs-field-names/VictoriaLogsFieldNamesVariableEditor.js

@@ -0,0 +1,89 @@
+// 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, "VictoriaLogsFieldNamesVariableEditor", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsFieldNamesVariableEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _immer = require("immer");
+const _react = require("react");
+const _model = require("../../model");
+function VictoriaLogsFieldNamesVariableEditor(props) {
+    const { onChange, value, value: { datasource, query }, queryHandlerSettings } = props;
+    const datasourceSelectValue = datasource ?? _model.DEFAULT_VICTORIALOGS;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.VICTORIALOGS_DATASOURCE_KIND);
+    const handleDatasourceChange = (0, _react.useCallback)((next)=>{
+        if ((0, _pluginsystem.isVariableDatasource)(next) || (0, _model.isVictoriaLogsDatasourceSelector)(next)) {
+            onChange((0, _immer.produce)(value, (draft)=>{
+                draft.datasource = !(0, _pluginsystem.isVariableDatasource)(next) && (0, _model.isDefaultVictoriaLogsSelector)(next) ? undefined : next;
+            }));
+            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                datasource: next
+            });
+            return;
+        }
+        throw new Error('Got unexpected non-VictoriaLogs datasource selector');
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleQueryChange = (0, _react.useCallback)((event)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.query = event.target.value;
+        }));
+        if (queryHandlerSettings?.watchQueryChanges) {
+            queryHandlerSettings.watchQueryChanges(event.target.value);
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                    datasourcePluginKind: "VictoriaLogsDatasource",
+                    value: selectedDatasource,
+                    onChange: handleDatasourceChange,
+                    disabled: props.isReadonly,
+                    labelId: "victorialogs-datasource-field",
+                    label: "VictoriaLogs Datasource"
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                label: "Query",
+                InputLabelProps: {
+                    shrink: props.isReadonly ? true : undefined
+                },
+                InputProps: {
+                    readOnly: props.isReadonly
+                },
+                value: query,
+                onChange: handleQueryChange
+            })
+        ]
+    });
+}

package/lib/cjs/variables/victorialogs-field-names/index.js

@@ -0,0 +1,30 @@
+// 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("./VictoriaLogsFieldNamesVariable"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariable.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VictoriaLogsFieldValuesVariable", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsFieldValuesVariable;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _model = require("../../model");
+const _VictoriaLogsFieldValuesVariableEditor = require("./VictoriaLogsFieldValuesVariableEditor");
+const _utils = require("../utils");
+const VictoriaLogsFieldValuesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource ?? _model.DEFAULT_VICTORIALOGS, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(_model.VICTORIALOGS_DATASOURCE_KIND)) ?? _model.DEFAULT_VICTORIALOGS;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = (0, _pluginsystem.replaceVariables)(spec.query, ctx.variables);
+        const timeRange = (0, _utils.getVictoriaLogsTimeRange)(ctx.timeRange);
+        const { values } = query ? await client.fieldValues({
+            field: (0, _pluginsystem.replaceVariables)(spec.field, ctx.variables),
+            query: query,
+            ...timeRange
+        }) : {
+            values: []
+        };
+        return {
+            data: (0, _utils.fieldItemsToVariableOptions)(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const queryVariables = (0, _pluginsystem.parseVariables)(spec.query);
+        const labelVariables = (0, _pluginsystem.parseVariables)(spec.field);
+        const datasourceVariables = spec.datasource && (0, _pluginsystem.isVariableDatasource)(spec.datasource) ? (0, _pluginsystem.parseVariables)(spec.datasource) : [];
+        return {
+            variables: [
+                ...queryVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: _VictoriaLogsFieldValuesVariableEditor.VictoriaLogsFieldValuesVariableEditor,
+    createInitialOptions: ()=>({
+            field: '',
+            query: ''
+        })
+};

package/lib/cjs/variables/victorialogs-field-values/VictoriaLogsFieldValuesVariableEditor.js

@@ -0,0 +1,130 @@
+// 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, "VictoriaLogsFieldValuesVariableEditor", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsFieldValuesVariableEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _immer = require("immer");
+const _react = require("react");
+const _model = require("../../model");
+const _utils = require("../utils");
+function VictoriaLogsFieldValuesVariableEditor(props) {
+    const { onChange, value, value: { datasource, query, field }, queryHandlerSettings } = props;
+    const datasourceSelectValue = datasource ?? _model.DEFAULT_VICTORIALOGS;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.VICTORIALOGS_DATASOURCE_KIND);
+    const { data: fieldNames, isLoading: isFieldNamesOptionsLoading } = (0, _utils.useFieldNames)(query, selectedDatasource);
+    const handleDatasourceChange = (0, _react.useCallback)((next)=>{
+        if ((0, _pluginsystem.isVariableDatasource)(next) || (0, _model.isVictoriaLogsDatasourceSelector)(next)) {
+            onChange((0, _immer.produce)(value, (draft)=>{
+                // If they're using the default, just omit the datasource prop (i.e. set to undefined)
+                draft.datasource = !(0, _pluginsystem.isVariableDatasource)(next) && (0, _model.isDefaultVictoriaLogsSelector)(next) ? undefined : next;
+            }));
+            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                datasource: next
+            });
+            return;
+        }
+        throw new Error('Got unexpected non-VictoriaLogs datasource selector');
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleQueryChange = (0, _react.useCallback)((event)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.query = event.target.value;
+        }));
+        if (queryHandlerSettings?.watchQueryChanges) {
+            queryHandlerSettings.watchQueryChanges(event.target.value);
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const handleFieldChange = (0, _react.useCallback)((_, newValue)=>{
+        onChange((0, _immer.produce)(value, (draft)=>{
+            draft.field = newValue || "";
+        }));
+        if (queryHandlerSettings?.setWatchOtherSpecs) {
+            queryHandlerSettings.setWatchOtherSpecs({
+                ...value,
+                field: newValue
+            });
+        }
+    }, [
+        onChange,
+        queryHandlerSettings,
+        value
+    ]);
+    const fieldNamesOptions = (0, _react.useMemo)(()=>{
+        return fieldNames?.values.map((o)=>o.value) || [];
+    }, [
+        isFieldNamesOptionsLoading,
+        fieldNames
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 2,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
+                margin: "dense",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                    datasourcePluginKind: "VictoriaLogsDatasource",
+                    value: datasourceSelectValue,
+                    onChange: handleDatasourceChange,
+                    readOnly: props.isReadonly,
+                    labelId: "victorialogs-datasource-field",
+                    label: "VictoriaLogs Datasource"
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Autocomplete, {
+                freeSolo: true,
+                disableClearable: true,
+                value: field,
+                loading: isFieldNamesOptionsLoading,
+                options: fieldNamesOptions,
+                renderInput: (params)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                        ...params,
+                        required: true,
+                        label: "Field Name",
+                        variant: "outlined"
+                    });
+                },
+                onChange: handleFieldChange
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                required: true,
+                label: "Query",
+                InputLabelProps: {
+                    shrink: props.isReadonly ? true : undefined
+                },
+                InputProps: {
+                    readOnly: props.isReadonly
+                },
+                value: query,
+                onChange: handleQueryChange
+            })
+        ]
+    });
+}

package/lib/cjs/variables/victorialogs-field-values/index.js

@@ -0,0 +1,30 @@
+// 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("./VictoriaLogsFieldValuesVariable"), 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/components/index.d.ts

@@ -0,0 +1,3 @@
+export { LogsQLEditor } from './logsql-editor';
+export type { LogsQLEditorProps } from './logsql-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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,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 { LogsQLEditor } from './logsql-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 { LogsQLEditor } from './logsql-editor';\nexport type { LogsQLEditorProps } from './logsql-editor';\n"],"names":["LogsQLEditor"],"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,YAAY,QAAQ,kBAAkB"}

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

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

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

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

package/lib/components/logsql-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 { LogsQLExtension } from './logsql-extension';
+export function LogsQLEditor(props) {
+    const theme = useTheme();
+    const isDarkMode = theme.palette.mode === 'dark';
+    const logsqlExtension = useMemo(()=>{
+        return LogsQLExtension();
+    }, []);
+    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,
+            logsqlExtension,
+            codemirrorTheme
+        ],
+        placeholder: 'Example: {job="my-service"} |= "error"'
+    });
+}
+
+//# sourceMappingURL=logsql-editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logsql-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 { LogsQLExtension } from './logsql-extension';\n\nexport type LogsQLEditorProps = Omit<ReactCodeMirrorProps, 'theme' | 'extensions'>;\n\nexport function LogsQLEditor(props: LogsQLEditorProps): ReactElement {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const logsqlExtension = useMemo(() => {\n    return LogsQLExtension();\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, logsqlExtension, codemirrorTheme]}\n      placeholder='Example: {job=\"my-service\"} |= \"error\"'\n    />\n  );\n}\n"],"names":["useMemo","useTheme","CodeMirror","EditorView","LogsQLExtension","LogsQLEditor","props","theme","isDarkMode","palette","mode","logsqlExtension","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,eAAe,QAAQ,qBAAqB;AAIrD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAMC,QAAQN;IACd,MAAMO,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAMC,kBAAkBX,QAAQ;QAC9B,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;YAAiBC;SAAgB;QACvEgB,aAAY;;AAGlB"}

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

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

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

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

package/lib/components/logsql-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 { logsqlHighlight } from './logsql-highlight';
+function logsqlLanguage() {
+    return LRLanguage.define({
+        parser: parser.configure({
+            props: [
+                logsqlHighlight
+            ]
+        }),
+        languageData: {
+            closeBrackets: {
+                brackets: [
+                    '(',
+                    '[',
+                    '{',
+                    "'",
+                    '"',
+                    '`'
+                ]
+            },
+            commentTokens: {
+                line: '#'
+            }
+        }
+    });
+}
+export function LogsQLExtension() {
+    const language = logsqlLanguage();
+    return [
+        language
+    ];
+}
+
+//# sourceMappingURL=logsql-extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logsql-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 { logsqlHighlight } from './logsql-highlight';\n\nfunction logsqlLanguage(): LRLanguage {\n  return LRLanguage.define({\n    parser: parser.configure({\n      props: [logsqlHighlight],\n    }),\n    languageData: {\n      closeBrackets: { brackets: ['(', '[', '{', \"'\", '\"', '`'] },\n      commentTokens: { line: '#' },\n    },\n  });\n}\n\nexport function LogsQLExtension(): Array<LRLanguage | Extension> {\n  const language = logsqlLanguage();\n  return [language];\n}\n"],"names":["LRLanguage","parser","logsqlHighlight","logsqlLanguage","define","configure","props","languageData","closeBrackets","brackets","commentTokens","line","LogsQLExtension","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,eAAe,QAAQ,qBAAqB;AAErD,SAASC;IACP,OAAOH,WAAWI,MAAM,CAAC;QACvBH,QAAQA,OAAOI,SAAS,CAAC;YACvBC,OAAO;gBAACJ;aAAgB;QAC1B;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/logsql-highlight.d.ts

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

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

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

package/lib/components/logsql-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 logsqlHighlight = 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=logsql-highlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/logsql-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 logsqlHighlight = 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","logsqlHighlight","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,kBAAkBF,UAAU;IACvCG,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 './victorialogs-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,2BAA2B,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 './victorialogs-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 './victorialogs-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,4BAA4B"}

package/lib/datasources/victorialogs-datasource/VictoriaLogsDatasource.d.ts

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

package/lib/datasources/victorialogs-datasource/VictoriaLogsDatasource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VictoriaLogsDatasource.d.ts","sourceRoot":"","sources":["../../../../src/datasources/victorialogs-datasource/VictoriaLogsDatasource.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,kBAAkB,EAKnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAyBrD,eAAO,MAAM,sBAAsB,EAAE,gBAAgB,CAAC,0BAA0B,EAAE,kBAAkB,CAInG,CAAC"}