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

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