@perses-dev/victorialogs-plugin 0.5.0-beta.7 → 0.5.0-rc.0

package/lib/components/logsql-editor.js

@@ -14,12 +14,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from "@mui/material";
 import CodeMirror, { EditorView } from "@uiw/react-codemirror";
 import { useMemo } from "react";
-import { LogsQLExtension } from "./logsql-extension.js";
+import { createLogsQLExtension } from "./logsql-extension.js";
 export function LogsQLEditor(props) {
     const theme = useTheme();
     const isDarkMode = theme.palette.mode === 'dark';
     const logsqlExtension = useMemo(()=>{
-        return LogsQLExtension();
+        return createLogsQLExtension();
     }, []);
     const codemirrorTheme = useMemo(()=>{
         const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logsql-editor.tsx"],"sourcesContent":["// Copyright 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 { useTheme } from '@mui/material';\nimport type { ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport CodeMirror, { EditorView } from '@uiw/react-codemirror';\nimport type { ReactElement } from 'react';\nimport { useMemo } from 'react';\n\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":["useTheme","CodeMirror","EditorView","useMemo","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,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,QAAQ,gBAAgB;AAEzC,OAAOC,cAAcC,UAAU,QAAQ,wBAAwB;AAE/D,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ,wBAAqB;AAIrD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAMC,QAAQP;IACd,MAAMQ,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAMC,kBAAkBR,QAAQ;QAC9B,OAAOC;IACT,GAAG,EAAE;IAEL,MAAMQ,kBAAkBT,QAAQ;QAC9B,MAAMU,cAAcN,MAAME,OAAO,CAACC,IAAI,KAAK,UAAU,wBAAwB;QAE7E,OAAOR,WAAWK,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,KAACN;QACE,GAAGK,KAAK;QACTC,OAAOC,aAAa,SAAS;QAC7BY,YAAY;YACVC,aAAa;YACbC,qBAAqB;YACrBC,2BAA2B;YAC3BC,YAAY;YACZC,oBAAoB;QACtB;QACAC,YAAY;YAACxB,WAAWyB,YAAY;YAAEhB;YAAiBC;SAAgB;QACvEgB,aAAY;;AAGlB"}
+{"version":3,"sources":["../../../src/components/logsql-editor.tsx"],"sourcesContent":["// Copyright 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 { useTheme } from '@mui/material';\nimport type { ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport CodeMirror, { EditorView } from '@uiw/react-codemirror';\nimport type { ReactElement } from 'react';\nimport { useMemo } from 'react';\n\nimport { createLogsQLExtension } 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 createLogsQLExtension();\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":["useTheme","CodeMirror","EditorView","useMemo","createLogsQLExtension","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,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,QAAQ,gBAAgB;AAEzC,OAAOC,cAAcC,UAAU,QAAQ,wBAAwB;AAE/D,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,qBAAqB,QAAQ,wBAAqB;AAI3D,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAMC,QAAQP;IACd,MAAMQ,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAMC,kBAAkBR,QAAQ;QAC9B,OAAOC;IACT,GAAG,EAAE;IAEL,MAAMQ,kBAAkBT,QAAQ;QAC9B,MAAMU,cAAcN,MAAME,OAAO,CAACC,IAAI,KAAK,UAAU,wBAAwB;QAE7E,OAAOR,WAAWK,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,KAACN;QACE,GAAGK,KAAK;QACTC,OAAOC,aAAa,SAAS;QAC7BY,YAAY;YACVC,aAAa;YACbC,qBAAqB;YACrBC,2BAA2B;YAC3BC,YAAY;YACZC,oBAAoB;QACtB;QACAC,YAAY;YAACxB,WAAWyB,YAAY;YAAEhB;YAAiBC;SAAgB;QACvEgB,aAAY;;AAGlB"}

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

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

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

@@ -1 +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,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,wBAAgB,eAAe,IAAI,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAG/D"}
+{"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,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC,CAGrE"}

package/lib/components/logsql-extension.js

@@ -37,7 +37,7 @@ function logsqlLanguage() {
         }
     });
 }
-export function LogsQLExtension() {
+export function createLogsQLExtension() {
     const language = logsqlLanguage();
     return [
         language

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logsql-extension.ts"],"sourcesContent":["// Copyright 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 type { Extension } from '@uiw/react-codemirror';\n\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,+BAA+B;AAC/B,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;AAG9C,SAASC,eAAe,QAAQ,wBAAqB;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"}
+{"version":3,"sources":["../../../src/components/logsql-extension.ts"],"sourcesContent":["// Copyright 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 type { Extension } from '@uiw/react-codemirror';\n\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 createLogsQLExtension(): 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","createLogsQLExtension","language"],"mappings":"AAAA,+BAA+B;AAC/B,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;AAG9C,SAASC,eAAe,QAAQ,wBAAqB;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/datasources/victorialogs-datasource/VictoriaLogsDatasource.d.ts.map

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

package/lib/datasources/victorialogs-datasource/VictoriaLogsDatasource.js

@@ -14,7 +14,7 @@ import { streamQueryRange, statsQueryRange, fieldNames, fieldValues } from "../.
 import { VictoriaLogsDatasourceEditor } from "./VictoriaLogsDatasourceEditor.js";
 const createClient = (spec, options)=>{
     const { directUrl, proxy } = spec;
-    const { proxyUrl } = options;
+    const { proxyUrl, fetch: customFetch } = options;
     const datasourceUrl = directUrl ?? proxyUrl;
     if (datasourceUrl === undefined) {
         throw new Error('No URL specified for VictoriaLogs client. You can use directUrl in the spec to configure it.');
@@ -26,19 +26,23 @@ const createClient = (spec, options)=>{
         },
         streamQueryRange: (params, headers)=>streamQueryRange(params, {
                 datasourceUrl,
-                headers: headers ?? specHeaders
+                headers: headers ?? specHeaders,
+                fetch: customFetch
             }),
         statsQueryRange: (params, headers)=>statsQueryRange(params, {
                 datasourceUrl,
-                headers: headers ?? specHeaders
+                headers: headers ?? specHeaders,
+                fetch: customFetch
             }),
         fieldNames: (params, headers)=>fieldNames(params, {
                 datasourceUrl,
-                headers: headers ?? specHeaders
+                headers: headers ?? specHeaders,
+                fetch: customFetch
             }),
         fieldValues: (params, headers)=>fieldValues(params, {
                 datasourceUrl,
-                headers: headers ?? specHeaders
+                headers: headers ?? specHeaders,
+                fetch: customFetch
             })
     };
 };

package/lib/datasources/victorialogs-datasource/VictoriaLogsDatasource.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/datasources/victorialogs-datasource/VictoriaLogsDatasource.tsx"],"sourcesContent":["// Copyright 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 type { DatasourcePlugin } from '@perses-dev/plugin-system';\n\nimport type { VictoriaLogsClient } from '../../model/client';\nimport { streamQueryRange, statsQueryRange, fieldNames, fieldValues } from '../../model/client';\nimport type { VictoriaLogsDatasourceSpec } from './types';\nimport { VictoriaLogsDatasourceEditor } from './VictoriaLogsDatasourceEditor';\n\nconst createClient: DatasourcePlugin<VictoriaLogsDatasourceSpec, VictoriaLogsClient>['createClient'] = (\n  spec,\n  options,\n) => {\n  const { directUrl, proxy } = spec;\n  const { proxyUrl } = options;\n\n  const datasourceUrl = directUrl ?? proxyUrl;\n  if (datasourceUrl === undefined) {\n    throw new Error('No URL specified for VictoriaLogs client. You can use directUrl in the spec to configure it.');\n  }\n\n  const specHeaders = proxy?.spec.headers;\n\n  return {\n    options: {\n      datasourceUrl,\n    },\n    streamQueryRange: (params, headers) => streamQueryRange(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    statsQueryRange: (params, headers) => statsQueryRange(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    fieldNames: (params, headers) => fieldNames(params, { datasourceUrl, headers: headers ?? specHeaders }),\n    fieldValues: (params, headers) => fieldValues(params, { datasourceUrl, headers: headers ?? specHeaders }),\n  };\n};\n\nexport const VictoriaLogsDatasource: DatasourcePlugin<VictoriaLogsDatasourceSpec, VictoriaLogsClient> = {\n  createClient,\n  OptionsEditorComponent: VictoriaLogsDatasourceEditor,\n  createInitialOptions: () => ({ directUrl: '' }),\n};\n"],"names":["streamQueryRange","statsQueryRange","fieldNames","fieldValues","VictoriaLogsDatasourceEditor","createClient","spec","options","directUrl","proxy","proxyUrl","datasourceUrl","undefined","Error","specHeaders","headers","params","VictoriaLogsDatasource","OptionsEditorComponent","createInitialOptions"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,UAAU,EAAEC,WAAW,QAAQ,wBAAqB;AAEhG,SAASC,4BAA4B,QAAQ,oCAAiC;AAE9E,MAAMC,eAAiG,CACrGC,MACAC;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;IAC7B,MAAM,EAAEI,QAAQ,EAAE,GAAGH;IAErB,MAAMI,gBAAgBH,aAAaE;IACnC,IAAIC,kBAAkBC,WAAW;QAC/B,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAMC,cAAcL,OAAOH,KAAKS;IAEhC,OAAO;QACLR,SAAS;YACPI;QACF;QACAX,kBAAkB,CAACgB,QAAQD,UAAYf,iBAAiBgB,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;YAAY;QACjHb,iBAAiB,CAACe,QAAQD,UAAYd,gBAAgBe,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;YAAY;QAC/GZ,YAAY,CAACc,QAAQD,UAAYb,WAAWc,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;YAAY;QACrGX,aAAa,CAACa,QAAQD,UAAYZ,YAAYa,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;YAAY;IACzG;AACF;AAEA,OAAO,MAAMG,yBAA2F;IACtGZ;IACAa,wBAAwBd;IACxBe,sBAAsB,IAAO,CAAA;YAAEX,WAAW;QAAG,CAAA;AAC/C,EAAE"}
+{"version":3,"sources":["../../../../src/datasources/victorialogs-datasource/VictoriaLogsDatasource.tsx"],"sourcesContent":["// Copyright 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 type { DatasourcePlugin } from '@perses-dev/plugin-system';\n\nimport type { VictoriaLogsClient } from '../../model/client';\nimport { streamQueryRange, statsQueryRange, fieldNames, fieldValues } from '../../model/client';\nimport type { VictoriaLogsDatasourceSpec } from './types';\nimport { VictoriaLogsDatasourceEditor } from './VictoriaLogsDatasourceEditor';\n\nconst createClient: DatasourcePlugin<VictoriaLogsDatasourceSpec, VictoriaLogsClient>['createClient'] = (\n  spec,\n  options,\n) => {\n  const { directUrl, proxy } = spec;\n  const { proxyUrl, fetch: customFetch } = options;\n\n  const datasourceUrl = directUrl ?? proxyUrl;\n  if (datasourceUrl === undefined) {\n    throw new Error('No URL specified for VictoriaLogs client. You can use directUrl in the spec to configure it.');\n  }\n\n  const specHeaders = proxy?.spec.headers;\n\n  return {\n    options: {\n      datasourceUrl,\n    },\n    streamQueryRange: (params, headers) =>\n      streamQueryRange(params, { datasourceUrl, headers: headers ?? specHeaders, fetch: customFetch }),\n    statsQueryRange: (params, headers) =>\n      statsQueryRange(params, { datasourceUrl, headers: headers ?? specHeaders, fetch: customFetch }),\n    fieldNames: (params, headers) =>\n      fieldNames(params, { datasourceUrl, headers: headers ?? specHeaders, fetch: customFetch }),\n    fieldValues: (params, headers) =>\n      fieldValues(params, { datasourceUrl, headers: headers ?? specHeaders, fetch: customFetch }),\n  };\n};\n\nexport const VictoriaLogsDatasource: DatasourcePlugin<VictoriaLogsDatasourceSpec, VictoriaLogsClient> = {\n  createClient,\n  OptionsEditorComponent: VictoriaLogsDatasourceEditor,\n  createInitialOptions: () => ({ directUrl: '' }),\n};\n"],"names":["streamQueryRange","statsQueryRange","fieldNames","fieldValues","VictoriaLogsDatasourceEditor","createClient","spec","options","directUrl","proxy","proxyUrl","fetch","customFetch","datasourceUrl","undefined","Error","specHeaders","headers","params","VictoriaLogsDatasource","OptionsEditorComponent","createInitialOptions"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAKjC,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,UAAU,EAAEC,WAAW,QAAQ,wBAAqB;AAEhG,SAASC,4BAA4B,QAAQ,oCAAiC;AAE9E,MAAMC,eAAiG,CACrGC,MACAC;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;IAC7B,MAAM,EAAEI,QAAQ,EAAEC,OAAOC,WAAW,EAAE,GAAGL;IAEzC,MAAMM,gBAAgBL,aAAaE;IACnC,IAAIG,kBAAkBC,WAAW;QAC/B,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAMC,cAAcP,OAAOH,KAAKW;IAEhC,OAAO;QACLV,SAAS;YACPM;QACF;QACAb,kBAAkB,CAACkB,QAAQD,UACzBjB,iBAAiBkB,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;gBAAaL,OAAOC;YAAY;QAChGX,iBAAiB,CAACiB,QAAQD,UACxBhB,gBAAgBiB,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;gBAAaL,OAAOC;YAAY;QAC/FV,YAAY,CAACgB,QAAQD,UACnBf,WAAWgB,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;gBAAaL,OAAOC;YAAY;QAC1FT,aAAa,CAACe,QAAQD,UACpBd,YAAYe,QAAQ;gBAAEL;gBAAeI,SAASA,WAAWD;gBAAaL,OAAOC;YAAY;IAC7F;AACF;AAEA,OAAO,MAAMO,yBAA2F;IACtGd;IACAe,wBAAwBhB;IACxBiB,sBAAsB,IAAO,CAAA;YAAEb,WAAW;QAAG,CAAA;AAC/C,EAAE"}

package/lib/model/client.d.ts

@@ -1,3 +1,4 @@
+import type { FetchFn } from '@perses-dev/client';
 import type { VictoriaLogsStreamQueryRangeResponse, VictoriaLogsStatsQueryRangeResponse, VictoriaLogsFieldNamesResponse, VictoriaLogsFieldValuesResponse, VictoriaLogsRequestHeaders } from './types';
 export interface VictoriaLogsBaseParams {
     start: string;
@@ -22,6 +23,7 @@ export interface VictoriaLogsFieldValuesParams extends VictoriaLogsBaseParams {
 export interface VictoriaLogsApiOptions {
     datasourceUrl: string;
     headers?: VictoriaLogsRequestHeaders;
+    fetch?: FetchFn;
 }
 export interface VictoriaLogsClient {
     options: {

package/lib/model/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/model/client.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,oCAAoC,EACpC,mCAAmC,EACnC,8BAA8B,EAC9B,+BAA+B,EAC/B,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kCAAmC,SAAQ,sBAAsB;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iCAAkC,SAAQ,sBAAsB;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA8B,SAAQ,sBAAsB;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,0BAA0B,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE;QACP,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,gBAAgB,EAAE,CAChB,MAAM,EAAE,kCAAkC,EAC1C,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,oCAAoC,CAAC,CAAC;IACnD,eAAe,EAAE,CACf,MAAM,EAAE,iCAAiC,EACzC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,mCAAmC,CAAC,CAAC;IAClD,UAAU,EAAE,CACV,MAAM,EAAE,4BAA4B,EACpC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAC7C,WAAW,EAAE,CACX,MAAM,EAAE,6BAA6B,EACrC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,+BAA+B,CAAC,CAAC;CAC/C;AAoBD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,oCAAoC,CAAC,CA8C/C;AAED,wBAAsB,eAAe,CACnC,MAAM,EAAE,iCAAiC,EACzC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,mCAAmC,CAAC,CAoB9C;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,4BAA4B,EACpC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,8BAA8B,CAAC,CAmBzC;AAED,wBAAsB,WAAW,CAC/B,MAAM,EAAE,6BAA6B,EACrC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,+BAA+B,CAAC,CAoB1C"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/model/client.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,KAAK,EACV,oCAAoC,EACpC,mCAAmC,EACnC,8BAA8B,EAC9B,+BAA+B,EAC/B,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,kCAAmC,SAAQ,sBAAsB;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iCAAkC,SAAQ,sBAAsB;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,6BAA8B,SAAQ,sBAAsB;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,0BAA0B,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE;QACP,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,gBAAgB,EAAE,CAChB,MAAM,EAAE,kCAAkC,EAC1C,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,oCAAoC,CAAC,CAAC;IACnD,eAAe,EAAE,CACf,MAAM,EAAE,iCAAiC,EACzC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,mCAAmC,CAAC,CAAC;IAClD,UAAU,EAAE,CACV,MAAM,EAAE,4BAA4B,EACpC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAC7C,WAAW,EAAE,CACX,MAAM,EAAE,6BAA6B,EACrC,OAAO,CAAC,EAAE,0BAA0B,KACjC,OAAO,CAAC,+BAA+B,CAAC,CAAC;CAC/C;AAoBD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,oCAAoC,CAAC,CA+C/C;AAED,wBAAsB,eAAe,CACnC,MAAM,EAAE,iCAAiC,EACzC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,mCAAmC,CAAC,CAqB9C;AAED,wBAAsB,UAAU,CAC9B,MAAM,EAAE,4BAA4B,EACpC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,8BAA8B,CAAC,CAoBzC;AAED,wBAAsB,WAAW,CAC/B,MAAM,EAAE,6BAA6B,EACrC,OAAO,EAAE,sBAAsB,GAC9B,OAAO,CAAC,+BAA+B,CAAC,CAqB1C"}

package/lib/model/client.js

@@ -35,7 +35,8 @@ export async function streamQueryRange(params, options) {
     if (params?.limit) postData['limit'] = params.limit.toString();
     if (params?.offset) postData['offset'] = params.offset.toString();
     const data = new URLSearchParams(postData).toString();
-    const response = await fetch(url.toString(), {
+    const doFetch = options.fetch ?? fetch;
+    const response = await doFetch(url.toString(), {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded',
@@ -80,7 +81,8 @@ export async function statsQueryRange(params, options) {
     };
     if (params?.step) postData['step'] = params.step.toString();
     const data = new URLSearchParams(postData).toString();
-    const response = await fetch(url.toString(), {
+    const doFetch = options.fetch ?? fetch;
+    const response = await doFetch(url.toString(), {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded',
@@ -99,7 +101,8 @@ export async function fieldNames(params, options) {
     if (params.start) postData['start'] = params.start;
     if (params.end) postData['end'] = params.end;
     const data = new URLSearchParams(postData).toString();
-    const response = await fetch(url.toString(), {
+    const doFetch = options.fetch ?? fetch;
+    const response = await doFetch(url.toString(), {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded',
@@ -119,7 +122,8 @@ export async function fieldValues(params, options) {
     if (params.start) postData['start'] = params.start;
     if (params.end) postData['end'] = params.end;
     const data = new URLSearchParams(postData).toString();
-    const response = await fetch(url.toString(), {
+    const doFetch = options.fetch ?? fetch;
+    const response = await doFetch(url.toString(), {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded',

package/lib/model/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/client.ts"],"sourcesContent":["// Copyright 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 type {\n  VictoriaLogsStreamQueryRangeResponse,\n  VictoriaLogsStatsQueryRangeResponse,\n  VictoriaLogsFieldNamesResponse,\n  VictoriaLogsFieldValuesResponse,\n  VictoriaLogsRequestHeaders,\n} from './types';\n\nexport interface VictoriaLogsBaseParams {\n  start: string;\n  end: string;\n}\n\nexport interface VictoriaLogsStreamQueryRangeParams extends VictoriaLogsBaseParams {\n  query: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport interface VictoriaLogsStatsQueryRangeParams extends VictoriaLogsBaseParams {\n  query: string;\n  step?: string;\n}\n\nexport interface VictoriaLogsFieldNamesParams extends VictoriaLogsBaseParams {\n  query: string;\n}\n\nexport interface VictoriaLogsFieldValuesParams extends VictoriaLogsBaseParams {\n  query: string;\n  field: string;\n}\n\nexport interface VictoriaLogsApiOptions {\n  datasourceUrl: string;\n  headers?: VictoriaLogsRequestHeaders;\n}\n\nexport interface VictoriaLogsClient {\n  options: {\n    datasourceUrl: string;\n  };\n  streamQueryRange: (\n    params: VictoriaLogsStreamQueryRangeParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsStreamQueryRangeResponse>;\n  statsQueryRange: (\n    params: VictoriaLogsStatsQueryRangeParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsStatsQueryRangeResponse>;\n  fieldNames: (\n    params: VictoriaLogsFieldNamesParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsFieldNamesResponse>;\n  fieldValues: (\n    params: VictoriaLogsFieldValuesParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsFieldValuesResponse>;\n}\n\nfunction buildUrl(path: string, datasourceUrl: string): URL {\n  if (datasourceUrl.startsWith('http://') || datasourceUrl.startsWith('https://')) {\n    return new URL(path, datasourceUrl);\n  }\n\n  let fullPath = datasourceUrl;\n  // Assume relative path, ensure no double slashes\n  if (datasourceUrl.endsWith('/') && path.startsWith('/')) {\n    fullPath = datasourceUrl + path.slice(1);\n  } else if (!datasourceUrl.endsWith('/') && !path.startsWith('/')) {\n    fullPath = datasourceUrl + '/' + path;\n  } else {\n    fullPath = datasourceUrl + path;\n  }\n\n  return new URL(fullPath, window.location.origin);\n}\n\nexport async function streamQueryRange(\n  params: VictoriaLogsStreamQueryRangeParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsStreamQueryRangeResponse> {\n  const url = buildUrl('/select/logsql/query', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    start: params.start,\n    end: params.end,\n  };\n  if (params?.limit) postData['limit'] = params.limit.toString();\n  if (params?.offset) postData['offset'] = params.offset.toString();\n\n  const data = new URLSearchParams(postData).toString();\n  const response = await fetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/stream+json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  if (response.status !== 200) {\n    throw new Error(await response.text());\n  }\n  const output: VictoriaLogsStreamQueryRangeResponse = [];\n\n  if (!response?.body) return output;\n  const reader = response.body.getReader();\n  const decoder = new TextDecoder('utf-8');\n  let buffer = '';\n\n  let result = await reader.read();\n  while (!result.done) {\n    buffer += decoder.decode(result.value, { stream: true });\n    let boundary = buffer.indexOf('\\n');\n    while (boundary !== -1) {\n      const line = buffer.slice(0, boundary);\n      buffer = buffer.slice(boundary + 1);\n      output.push(JSON.parse(line));\n      boundary = buffer.indexOf('\\n');\n    }\n    result = await reader.read();\n  }\n  if (buffer.trim().length > 0) {\n    output.push(JSON.parse(buffer));\n  }\n  return output;\n}\n\nexport async function statsQueryRange(\n  params: VictoriaLogsStatsQueryRangeParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsStatsQueryRangeResponse> {\n  const url = buildUrl('/select/logsql/stats_query_range', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    start: params.start,\n    end: params.end,\n  };\n  if (params?.step) postData['step'] = params.step.toString();\n\n  const data = new URLSearchParams(postData).toString();\n  const response = await fetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n\nexport async function fieldNames(\n  params: VictoriaLogsFieldNamesParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsFieldNamesResponse> {\n  const url = buildUrl('/select/logsql/field_names', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n  };\n  if (params.start) postData['start'] = params.start;\n  if (params.end) postData['end'] = params.end;\n\n  const data = new URLSearchParams(postData).toString();\n  const response = await fetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n\nexport async function fieldValues(\n  params: VictoriaLogsFieldValuesParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsFieldValuesResponse> {\n  const url = buildUrl(`/select/logsql/field_values`, options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    field: params.field,\n  };\n  if (params.start) postData['start'] = params.start;\n  if (params.end) postData['end'] = params.end;\n\n  const data = new URLSearchParams(postData).toString();\n  const response = await fetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n"],"names":["buildUrl","path","datasourceUrl","startsWith","URL","fullPath","endsWith","slice","window","location","origin","streamQueryRange","params","options","url","postData","query","start","end","limit","toString","offset","data","URLSearchParams","response","fetch","method","headers","Accept","body","status","Error","text","output","reader","getReader","decoder","TextDecoder","buffer","result","read","done","decode","value","stream","boundary","indexOf","line","push","JSON","parse","trim","length","statsQueryRange","step","json","fieldNames","fieldValues","field"],"mappings":"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"}
+{"version":3,"sources":["../../../src/model/client.ts"],"sourcesContent":["// Copyright 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 type { FetchFn } from '@perses-dev/client';\n\nimport type {\n  VictoriaLogsStreamQueryRangeResponse,\n  VictoriaLogsStatsQueryRangeResponse,\n  VictoriaLogsFieldNamesResponse,\n  VictoriaLogsFieldValuesResponse,\n  VictoriaLogsRequestHeaders,\n} from './types';\n\nexport interface VictoriaLogsBaseParams {\n  start: string;\n  end: string;\n}\n\nexport interface VictoriaLogsStreamQueryRangeParams extends VictoriaLogsBaseParams {\n  query: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport interface VictoriaLogsStatsQueryRangeParams extends VictoriaLogsBaseParams {\n  query: string;\n  step?: string;\n}\n\nexport interface VictoriaLogsFieldNamesParams extends VictoriaLogsBaseParams {\n  query: string;\n}\n\nexport interface VictoriaLogsFieldValuesParams extends VictoriaLogsBaseParams {\n  query: string;\n  field: string;\n}\n\nexport interface VictoriaLogsApiOptions {\n  datasourceUrl: string;\n  headers?: VictoriaLogsRequestHeaders;\n  fetch?: FetchFn;\n}\n\nexport interface VictoriaLogsClient {\n  options: {\n    datasourceUrl: string;\n  };\n  streamQueryRange: (\n    params: VictoriaLogsStreamQueryRangeParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsStreamQueryRangeResponse>;\n  statsQueryRange: (\n    params: VictoriaLogsStatsQueryRangeParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsStatsQueryRangeResponse>;\n  fieldNames: (\n    params: VictoriaLogsFieldNamesParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsFieldNamesResponse>;\n  fieldValues: (\n    params: VictoriaLogsFieldValuesParams,\n    headers?: VictoriaLogsRequestHeaders,\n  ) => Promise<VictoriaLogsFieldValuesResponse>;\n}\n\nfunction buildUrl(path: string, datasourceUrl: string): URL {\n  if (datasourceUrl.startsWith('http://') || datasourceUrl.startsWith('https://')) {\n    return new URL(path, datasourceUrl);\n  }\n\n  let fullPath = datasourceUrl;\n  // Assume relative path, ensure no double slashes\n  if (datasourceUrl.endsWith('/') && path.startsWith('/')) {\n    fullPath = datasourceUrl + path.slice(1);\n  } else if (!datasourceUrl.endsWith('/') && !path.startsWith('/')) {\n    fullPath = datasourceUrl + '/' + path;\n  } else {\n    fullPath = datasourceUrl + path;\n  }\n\n  return new URL(fullPath, window.location.origin);\n}\n\nexport async function streamQueryRange(\n  params: VictoriaLogsStreamQueryRangeParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsStreamQueryRangeResponse> {\n  const url = buildUrl('/select/logsql/query', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    start: params.start,\n    end: params.end,\n  };\n  if (params?.limit) postData['limit'] = params.limit.toString();\n  if (params?.offset) postData['offset'] = params.offset.toString();\n\n  const data = new URLSearchParams(postData).toString();\n  const doFetch = options.fetch ?? fetch;\n  const response = await doFetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/stream+json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  if (response.status !== 200) {\n    throw new Error(await response.text());\n  }\n  const output: VictoriaLogsStreamQueryRangeResponse = [];\n\n  if (!response?.body) return output;\n  const reader = response.body.getReader();\n  const decoder = new TextDecoder('utf-8');\n  let buffer = '';\n\n  let result = await reader.read();\n  while (!result.done) {\n    buffer += decoder.decode(result.value, { stream: true });\n    let boundary = buffer.indexOf('\\n');\n    while (boundary !== -1) {\n      const line = buffer.slice(0, boundary);\n      buffer = buffer.slice(boundary + 1);\n      output.push(JSON.parse(line));\n      boundary = buffer.indexOf('\\n');\n    }\n    result = await reader.read();\n  }\n  if (buffer.trim().length > 0) {\n    output.push(JSON.parse(buffer));\n  }\n  return output;\n}\n\nexport async function statsQueryRange(\n  params: VictoriaLogsStatsQueryRangeParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsStatsQueryRangeResponse> {\n  const url = buildUrl('/select/logsql/stats_query_range', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    start: params.start,\n    end: params.end,\n  };\n  if (params?.step) postData['step'] = params.step.toString();\n\n  const data = new URLSearchParams(postData).toString();\n  const doFetch = options.fetch ?? fetch;\n  const response = await doFetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n\nexport async function fieldNames(\n  params: VictoriaLogsFieldNamesParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsFieldNamesResponse> {\n  const url = buildUrl('/select/logsql/field_names', options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n  };\n  if (params.start) postData['start'] = params.start;\n  if (params.end) postData['end'] = params.end;\n\n  const data = new URLSearchParams(postData).toString();\n  const doFetch = options.fetch ?? fetch;\n  const response = await doFetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n\nexport async function fieldValues(\n  params: VictoriaLogsFieldValuesParams,\n  options: VictoriaLogsApiOptions,\n): Promise<VictoriaLogsFieldValuesResponse> {\n  const url = buildUrl(`/select/logsql/field_values`, options.datasourceUrl);\n  const postData: Record<string, string> = {\n    query: params.query,\n    field: params.field,\n  };\n  if (params.start) postData['start'] = params.start;\n  if (params.end) postData['end'] = params.end;\n\n  const data = new URLSearchParams(postData).toString();\n  const doFetch = options.fetch ?? fetch;\n  const response = await doFetch(url.toString(), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      Accept: 'application/json',\n      ...options.headers,\n    },\n    body: data,\n  });\n  return await response.json();\n}\n"],"names":["buildUrl","path","datasourceUrl","startsWith","URL","fullPath","endsWith","slice","window","location","origin","streamQueryRange","params","options","url","postData","query","start","end","limit","toString","offset","data","URLSearchParams","doFetch","fetch","response","method","headers","Accept","body","status","Error","text","output","reader","getReader","decoder","TextDecoder","buffer","result","read","done","decode","value","stream","boundary","indexOf","line","push","JSON","parse","trim","length","statsQueryRange","step","json","fieldNames","fieldValues","field"],"mappings":"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"}

package/lib/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VictoriaLogsLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAyB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAEjF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAoF5F"}
+{"version":3,"file":"VictoriaLogsLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAyB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAEjF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAqF5F"}

package/lib/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputLabel, Stack } from "@mui/material";
 import { createModEnterHandler } from "@perses-dev/dashboards";
 import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from "@perses-dev/plugin-system";
-import { useCallback, useState, useEffect } from "react";
+import { useCallback, useState } from "react";
 import { LogsQLEditor } from "../../components/logsql-editor.js";
 import { VICTORIALOGS_DATASOURCE_KIND } from "../../model/index.js";
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from "../constants.js";
@@ -27,12 +27,11 @@ export function VictoriaLogsLogQueryEditor(props) {
     // const victorialogsURL = 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(()=>{
+    const [previousQuery, setPreviousQuery] = useState(value.query);
+    if (value.query !== previousQuery) {
+        setPreviousQuery(value.query);
         setLocalQuery(value.query);
-    }, [
-        value.query
-    ]);
+    }
     const handleDatasourceChange = (newDatasourceSelection)=>{
         if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {
             onChange({

package/lib/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.tsx"],"sourcesContent":["// Copyright 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 { InputLabel, Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport type { DatasourceSelectProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState, useEffect } from 'react';\n\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport type { VictoriaLogsDatasourceSelector } from '../../model';\nimport { VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport type { VictoriaLogsLogQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsLogQuerySpec>;\n\nexport function VictoriaLogsLogQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND,\n  ) as VictoriaLogsDatasourceSelector;\n\n  // const { data: client } = useDatasourceClient<VictoriaLogsClient>(selectedDatasource);\n  // const victorialogsURL = 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 VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value],\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(localQuery))}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","createModEnterHandler","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useCallback","useState","useEffect","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsLogQueryEditor","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","placeholder"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,kCAAkC,QAAQ,4BAA4B;AAEvH,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AAEzD,SAASC,YAAY,QAAQ,oCAAiC;AAE9D,SAASC,4BAA4B,QAAQ,uBAAc;AAC3D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,kBAAe;AAKnE,OAAO,SAASC,2BAA2BC,KAAmC;IAC5E,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBd,mCACzBa,uBACAR;IAGF,wFAAwF;IACxF,yDAAyD;IAEzD,+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,CAACpB,qBAAqBoB,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,MAACf;QAAM6B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACjC;wBACCkC,sBAAsB1B;wBACtBK,OAAOG;wBACPJ,UAAUQ;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC3B;wBACCO,OAAOI;wBACPL,UAAUY;wBACVa,QAAQ,IAAMX,mBAAmBT;wBACjCqB,WAAWvC,sBAAsB,IAAM2B,mBAAmBT;wBAC1DsB,aAAY;;;;;;AAMtB"}
+{"version":3,"sources":["../../../../src/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.tsx"],"sourcesContent":["// Copyright 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 { InputLabel, Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport type { DatasourceSelectProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState } from 'react';\n\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport type { VictoriaLogsDatasourceSelector } from '../../model';\nimport { VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport type { VictoriaLogsLogQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsLogQuerySpec>;\n\nexport function VictoriaLogsLogQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND,\n  ) as VictoriaLogsDatasourceSelector;\n\n  // const { data: client } = useDatasourceClient<VictoriaLogsClient>(selectedDatasource);\n  // const victorialogsURL = 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  const [previousQuery, setPreviousQuery] = useState(value.query);\n  if (value.query !== previousQuery) {\n    setPreviousQuery(value.query);\n    setLocalQuery(value.query);\n  }\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value],\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(localQuery))}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","createModEnterHandler","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useCallback","useState","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsLogQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","previousQuery","setPreviousQuery","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,kCAAkC,QAAQ,4BAA4B;AAEvH,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE9C,SAASC,YAAY,QAAQ,oCAAiC;AAE9D,SAASC,4BAA4B,QAAQ,uBAAc;AAC3D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,kBAAe;AAKnE,OAAO,SAASC,2BAA2BC,KAAmC;IAC5E,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBb,mCACzBY,uBACAR;IAGF,wFAAwF;IACxF,yDAAyD;IAEzD,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGb,SAASQ,MAAMM,KAAK;IAExD,MAAM,CAACC,eAAeC,iBAAiB,GAAGhB,SAASQ,MAAMM,KAAK;IAC9D,IAAIN,MAAMM,KAAK,KAAKC,eAAe;QACjCC,iBAAiBR,MAAMM,KAAK;QAC5BD,cAAcL,MAAMM,KAAK;IAC3B;IAEA,MAAMG,yBAA4D,CAACC;QACjE,IAAI,CAACrB,qBAAqBqB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGI,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYS;YAAuB;YACxD;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,wEAAwE;IACxE,MAAMC,oBAAoBtB,YAAY,CAACuB;QACrCT,cAAcS;IAChB,GAAG,EAAE;IAEL,6CAA6C;IAC7C,MAAMC,qBAAqBxB,YACzB,CAACe;QACCP,SAAS;YAAE,GAAGC,KAAK;YAAEM;QAAM;IAC7B,GACA;QAACP;QAAUC;KAAM;IAGnB,qBACE,MAACd;QAAM8B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAACjC;wBACCkC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAClC;wBACCmC,sBAAsB5B;wBACtBK,OAAOG;wBACPJ,UAAUU;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAACjC;wBACCkC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC7B;wBACCO,OAAOI;wBACPL,UAAUc;wBACVa,QAAQ,IAAMX,mBAAmBX;wBACjCuB,WAAWxC,sBAAsB,IAAM4B,mBAAmBX;wBAC1DwB,aAAY;;;;;;AAMtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"VictoriaLogsTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAyB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC;AAExF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAiFzF"}
+{"version":3,"file":"VictoriaLogsTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAyB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE/D,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,+BAA+B,CAAC,CAAC;AAExF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAkFzF"}

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

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InputLabel, Stack } from "@mui/material";
 import { createModEnterHandler } from "@perses-dev/dashboards";
 import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from "@perses-dev/plugin-system";
-import { useCallback, useState, useEffect } from "react";
+import { useCallback, useState } from "react";
 import { LogsQLEditor } from "../../components/logsql-editor.js";
 import { VICTORIALOGS_DATASOURCE_KIND } from "../../model/index.js";
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from "../constants.js";
@@ -25,12 +25,11 @@ export function VictoriaLogsQueryEditor(props) {
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, VICTORIALOGS_DATASOURCE_KIND);
     // Local state for editor value to prevent query_range calls on every keystroke
     const [localQuery, setLocalQuery] = useState(value.query);
-    // Update local state when prop changes
-    useEffect(()=>{
+    const [previousQuery, setPreviousQuery] = useState(value.query);
+    if (value.query !== previousQuery) {
+        setPreviousQuery(value.query);
         setLocalQuery(value.query);
-    }, [
-        value.query
-    ]);
+    }
     const handleDatasourceChange = (newDatasourceSelection)=>{
         if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {
             onChange({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 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 { InputLabel, Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport type { DatasourceSelectProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState, useEffect } from 'react';\n\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport type { VictoriaLogsDatasourceSelector } from '../../model';\nimport { VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport type { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsTimeSeriesQuerySpec>;\n\nexport function VictoriaLogsQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND,\n  ) as VictoriaLogsDatasourceSelector;\n\n  // Local state for editor value to prevent query_range calls on every keystroke\n  const [localQuery, setLocalQuery] = useState(value.query);\n\n  // Update local state when prop changes\n  useEffect(() => {\n    setLocalQuery(value.query);\n  }, [value.query]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value],\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(localQuery))}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","createModEnterHandler","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useCallback","useState","useEffect","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,kCAAkC,QAAQ,4BAA4B;AAEvH,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AAEzD,SAASC,YAAY,QAAQ,oCAAiC;AAE9D,SAASC,4BAA4B,QAAQ,uBAAc;AAC3D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,kBAAe;AAKnE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBd,mCACzBa,uBACAR;IAGF,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGd,SAASS,MAAMM,KAAK;IAExD,uCAAuC;IACvCd,UAAU;QACRa,cAAcL,MAAMM,KAAK;IAC3B,GAAG;QAACN,MAAMM,KAAK;KAAC;IAEhB,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACpB,qBAAqBoB,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,MAACf;QAAM6B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACjC;wBACCkC,sBAAsB1B;wBACtBK,OAAOG;wBACPJ,UAAUQ;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC3B;wBACCO,OAAOI;wBACPL,UAAUY;wBACVa,QAAQ,IAAMX,mBAAmBT;wBACjCqB,WAAWvC,sBAAsB,IAAM2B,mBAAmBT;wBAC1DsB,aAAY;;;;;;AAMtB"}
+{"version":3,"sources":["../../../../src/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 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 { InputLabel, Stack } from '@mui/material';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport type { DatasourceSelectProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\nimport { useCallback, useState } from 'react';\n\nimport { LogsQLEditor } from '../../components/logsql-editor';\nimport type { VictoriaLogsDatasourceSelector } from '../../model';\nimport { VICTORIALOGS_DATASOURCE_KIND } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport type { VictoriaLogsTimeSeriesQuerySpec } from './types';\n\ntype VictoriaLogsQueryEditorProps = OptionsEditorProps<VictoriaLogsTimeSeriesQuerySpec>;\n\nexport function VictoriaLogsQueryEditor(props: VictoriaLogsQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    VICTORIALOGS_DATASOURCE_KIND,\n  ) as VictoriaLogsDatasourceSelector;\n\n  // Local state for editor value to prevent query_range calls on every keystroke\n  const [localQuery, setLocalQuery] = useState(value.query);\n\n  const [previousQuery, setPreviousQuery] = useState(value.query);\n  if (value.query !== previousQuery) {\n    setPreviousQuery(value.query);\n    setLocalQuery(value.query);\n  }\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');\n  };\n\n  // Debounced query change handler to prevent excessive query_range calls\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value],\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"VictoriaLogs Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogsQL Query\n        </InputLabel>\n        <LogsQLEditor\n          value={localQuery}\n          onChange={handleQueryChange}\n          onBlur={() => handleQueryExecute(localQuery)}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(localQuery))}\n          placeholder='Enter LogsQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","createModEnterHandler","DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useCallback","useState","LogsQLEditor","VICTORIALOGS_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","VictoriaLogsQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","localQuery","setLocalQuery","query","previousQuery","setPreviousQuery","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,kCAAkC,QAAQ,4BAA4B;AAEvH,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAE9C,SAASC,YAAY,QAAQ,oCAAiC;AAE9D,SAASC,4BAA4B,QAAQ,uBAAc;AAC3D,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,kBAAe;AAKnE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcL;IAC5C,MAAMO,qBAAqBb,mCACzBY,uBACAR;IAGF,+EAA+E;IAC/E,MAAM,CAACU,YAAYC,cAAc,GAAGb,SAASQ,MAAMM,KAAK;IAExD,MAAM,CAACC,eAAeC,iBAAiB,GAAGhB,SAASQ,MAAMM,KAAK;IAC9D,IAAIN,MAAMM,KAAK,KAAKC,eAAe;QACjCC,iBAAiBR,MAAMM,KAAK;QAC5BD,cAAcL,MAAMM,KAAK;IAC3B;IAEA,MAAMG,yBAA4D,CAACC;QACjE,IAAI,CAACrB,qBAAqBqB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGI,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYS;YAAuB;YACxD;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,wEAAwE;IACxE,MAAMC,oBAAoBtB,YAAY,CAACuB;QACrCT,cAAcS;IAChB,GAAG,EAAE;IAEL,6CAA6C;IAC7C,MAAMC,qBAAqBxB,YACzB,CAACe;QACCP,SAAS;YAAE,GAAGC,KAAK;YAAEM;QAAM;IAC7B,GACA;QAACP;QAAUC;KAAM;IAGnB,qBACE,MAACd;QAAM8B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAACjC;wBACCkC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAClC;wBACCmC,sBAAsB5B;wBACtBK,OAAOG;wBACPJ,UAAUU;wBACVe,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAACjC;wBACCkC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC7B;wBACCO,OAAOI;wBACPL,UAAUc;wBACVa,QAAQ,IAAMX,mBAAmBX;wBACjCuB,WAAWxC,sBAAsB,IAAM4B,mBAAmBX;wBAC1DwB,aAAY;;;;;;AAMtB"}