@perses-dev/loki-plugin 0.5.1 → 0.6.0-beta.0

package/lib/model/loki-selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loki-selectors.d.ts","sourceRoot":"","sources":["../../../src/model/loki-selectors.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAwB,MAAM,2BAA2B,CAAC;AAExF,eAAO,MAAM,oBAAoB,EAAG,gBAAyB,CAAC;AAE9D,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,sBAAuD,CAAC;AAEnF,wBAAgB,qBAAqB,CAAC,qBAAqB,EAAE,qBAAqB,GAAG,OAAO,CAE3F;AAED,wBAAgB,wBAAwB,CACtC,qBAAqB,EAAE,qBAAqB,GAC3C,qBAAqB,IAAI,sBAAsB,CAEjD"}
+{"version":3,"file":"loki-selectors.d.ts","sourceRoot":"","sources":["../../../src/model/loki-selectors.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAwB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,oBAAoB,EAAG,gBAAyB,CAAC;AAE9D,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,sBAAuD,CAAC;AAEnF,wBAAgB,qBAAqB,CAAC,qBAAqB,EAAE,qBAAqB,GAAG,OAAO,CAE3F;AAED,wBAAgB,wBAAwB,CACtC,qBAAqB,EAAE,qBAAqB,GAC3C,qBAAqB,IAAI,sBAAsB,CAEjD"}

package/lib/model/loki-selectors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/loki-selectors.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 { DatasourceSelector } from '@perses-dev/core';\nimport { DatasourceSelectValue, isVariableDatasource } from '@perses-dev/plugin-system';\n\nexport const LOKI_DATASOURCE_KIND = 'LokiDatasource' as const;\n\nexport interface LokiDatasourceSelector extends DatasourceSelector {\n  kind: typeof LOKI_DATASOURCE_KIND;\n}\n\nexport const DEFAULT_LOKI: LokiDatasourceSelector = { kind: LOKI_DATASOURCE_KIND };\n\nexport function isDefaultLokiSelector(datasourceSelectValue: DatasourceSelectValue): boolean {\n  return !isVariableDatasource(datasourceSelectValue) && datasourceSelectValue.name === undefined;\n}\n\nexport function isLokiDatasourceSelector(\n  datasourceSelectValue: DatasourceSelectValue\n): datasourceSelectValue is LokiDatasourceSelector {\n  return isVariableDatasource(datasourceSelectValue) || datasourceSelectValue.kind === LOKI_DATASOURCE_KIND;\n}\n"],"names":["isVariableDatasource","LOKI_DATASOURCE_KIND","DEFAULT_LOKI","kind","isDefaultLokiSelector","datasourceSelectValue","name","undefined","isLokiDatasourceSelector"],"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;AAGjC,SAAgCA,oBAAoB,QAAQ,4BAA4B;AAExF,OAAO,MAAMC,uBAAuB,iBAA0B;AAM9D,OAAO,MAAMC,eAAuC;IAAEC,MAAMF;AAAqB,EAAE;AAEnF,OAAO,SAASG,sBAAsBC,qBAA4C;IAChF,OAAO,CAACL,qBAAqBK,0BAA0BA,sBAAsBC,IAAI,KAAKC;AACxF;AAEA,OAAO,SAASC,yBACdH,qBAA4C;IAE5C,OAAOL,qBAAqBK,0BAA0BA,sBAAsBF,IAAI,KAAKF;AACvF"}
+{"version":3,"sources":["../../../src/model/loki-selectors.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 { DatasourceSelectValue, isVariableDatasource } from '@perses-dev/plugin-system';\nimport { DatasourceSelector } from '@perses-dev/spec';\n\nexport const LOKI_DATASOURCE_KIND = 'LokiDatasource' as const;\n\nexport interface LokiDatasourceSelector extends DatasourceSelector {\n  kind: typeof LOKI_DATASOURCE_KIND;\n}\n\nexport const DEFAULT_LOKI: LokiDatasourceSelector = { kind: LOKI_DATASOURCE_KIND };\n\nexport function isDefaultLokiSelector(datasourceSelectValue: DatasourceSelectValue): boolean {\n  return !isVariableDatasource(datasourceSelectValue) && datasourceSelectValue.name === undefined;\n}\n\nexport function isLokiDatasourceSelector(\n  datasourceSelectValue: DatasourceSelectValue\n): datasourceSelectValue is LokiDatasourceSelector {\n  return isVariableDatasource(datasourceSelectValue) || datasourceSelectValue.kind === LOKI_DATASOURCE_KIND;\n}\n"],"names":["isVariableDatasource","LOKI_DATASOURCE_KIND","DEFAULT_LOKI","kind","isDefaultLokiSelector","datasourceSelectValue","name","undefined","isLokiDatasourceSelector"],"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,SAAgCA,oBAAoB,QAAQ,4BAA4B;AAGxF,OAAO,MAAMC,uBAAuB,iBAA0B;AAM9D,OAAO,MAAMC,eAAuC;IAAEC,MAAMF;AAAqB,EAAE;AAEnF,OAAO,SAASG,sBAAsBC,qBAA4C;IAChF,OAAO,CAACL,qBAAqBK,0BAA0BA,sBAAsBC,IAAI,KAAKC;AACxF;AAEA,OAAO,SAASC,yBACdH,qBAA4C;IAE5C,OAAOL,qBAAqBK,0BAA0BA,sBAAsBF,IAAI,KAAKF;AACvF"}

package/lib/queries/loki-log-query/LokiLogQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LokiLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EAInB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAwB,MAAM,OAAO,CAAC;AAO3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAkI5E"}
+{"version":3,"file":"LokiLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EAInB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAwB,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA6H5E"}

package/lib/queries/loki-log-query/LokiLogQueryEditor.js

@@ -16,6 +16,7 @@ import { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/materia
 import { useCallback, useMemo } from 'react';
 import { produce } from 'immer';
 import { OptionsEditorControl } from '@perses-dev/components';
+import { createModEnterHandler } from '@perses-dev/dashboards';
 import { LogQLEditor } from '../../components';
 import { isDefaultLokiSelector, LOKI_DATASOURCE_KIND } from '../../model';
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
@@ -102,12 +103,7 @@ export function LokiLogQueryEditor(props) {
                         value: query,
                         onChange: handleLogsQueryChange,
                         onBlur: handleQueryBlur,
-                        onKeyDown: (event)=>{
-                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-                                event.preventDefault();
-                                handleQueryExecute(query);
-                            }
-                        },
+                        onKeyDown: createModEnterHandler(()=>handleQueryExecute(query)),
                         placeholder: 'Enter LogQL query (e.g. {job="mysql"} |= "error")',
                         completionConfig: completionConfig
                     })

package/lib/queries/loki-log-query/LokiLogQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.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 {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n  useDatasourceClient,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { ReactElement, useCallback, useMemo } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorControl } from '@perses-dev/components';\nimport { LogQLEditor } from '../../components';\nimport { isDefaultLokiSelector, LOKI_DATASOURCE_KIND, LokiDatasourceSelector, LokiClient } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { useQueryState } from '../query-editor-model';\nimport { LokiLogQuerySpec } from './loki-log-query-types';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiLogQuerySpec>;\n\nexport function LokiLogQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    LOKI_DATASOURCE_KIND\n  ) as LokiDatasourceSelector;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  // Get client and time range for autocompletion\n  const { data: client } = useDatasourceClient<LokiClient>(selectedDatasource);\n  const { absoluteTimeRange } = useTimeRange();\n\n  // Create completion config for autocompletion\n  const completionConfig = useMemo(() => {\n    if (!client) return undefined;\n    return {\n      client,\n      timeRange: absoluteTimeRange,\n    };\n  }, [client, absoluteTimeRange]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultLokiSelector(newDatasourceSelection) ? undefined : newDatasourceSelection;\n          draft.datasource = nextDatasource;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non LokiQuery datasource selection');\n  };\n\n  const handleLogsDirection = (_: React.MouseEvent, v: 'backward' | 'forward'): void =>\n    onChange(\n      produce(value, (draft: LokiLogQuerySpec) => {\n        draft.direction = v;\n      })\n    );\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleLogsQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"Loki Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogQL Query\n        </InputLabel>\n        <LogQLEditor\n          value={query}\n          onChange={handleLogsQueryChange}\n          onBlur={handleQueryBlur}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              event.preventDefault();\n              handleQueryExecute(query);\n            }\n          }}\n          placeholder='Enter LogQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          completionConfig={completionConfig}\n          // height=\"120px\"\n        />\n      </div>\n      <div>\n        <OptionsEditorControl\n          label=\"Order\"\n          // description=\"Percentage means thresholds relative to min & max\"\n          control={\n            <ToggleButtonGroup\n              exclusive\n              value={value?.direction ?? 'backward'}\n              onChange={handleLogsDirection}\n              sx={{ height: '36px', marginLeft: '10px', width: 'max-content' }}\n            >\n              <ToggleButton aria-label=\"backward\" value=\"backward\" sx={{ fontWeight: 500 }}>\n                Newest first\n              </ToggleButton>\n              <ToggleButton aria-label=\"forward\" value=\"forward\" sx={{ fontWeight: 500 }}>\n                Oldest first\n              </ToggleButton>\n            </ToggleButtonGroup>\n          }\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useDatasourceClient","useTimeRange","InputLabel","Stack","ToggleButton","ToggleButtonGroup","useCallback","useMemo","produce","OptionsEditorControl","LogQLEditor","isDefaultLokiSelector","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiLogQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","data","client","absoluteTimeRange","completionConfig","undefined","timeRange","handleDatasourceChange","newDatasourceSelection","kind","draft","nextDatasource","Error","handleLogsDirection","_","v","direction","handleQueryExecute","handleLogsQueryChange","e","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder","control","exclusive","height","marginLeft","width","aria-label"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.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 {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n  useDatasourceClient,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { ReactElement, useCallback, useMemo } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorControl } from '@perses-dev/components';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport { LogQLEditor } from '../../components';\nimport { isDefaultLokiSelector, LOKI_DATASOURCE_KIND, LokiDatasourceSelector, LokiClient } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { useQueryState } from '../query-editor-model';\nimport { LokiLogQuerySpec } from './loki-log-query-types';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiLogQuerySpec>;\n\nexport function LokiLogQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    LOKI_DATASOURCE_KIND\n  ) as LokiDatasourceSelector;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  // Get client and time range for autocompletion\n  const { data: client } = useDatasourceClient<LokiClient>(selectedDatasource);\n  const { absoluteTimeRange } = useTimeRange();\n\n  // Create completion config for autocompletion\n  const completionConfig = useMemo(() => {\n    if (!client) return undefined;\n    return {\n      client,\n      timeRange: absoluteTimeRange,\n    };\n  }, [client, absoluteTimeRange]);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultLokiSelector(newDatasourceSelection) ? undefined : newDatasourceSelection;\n          draft.datasource = nextDatasource;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non LokiQuery datasource selection');\n  };\n\n  const handleLogsDirection = (_: React.MouseEvent, v: 'backward' | 'forward'): void =>\n    onChange(\n      produce(value, (draft: LokiLogQuerySpec) => {\n        draft.direction = v;\n      })\n    );\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleLogsQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"Loki Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogQL Query\n        </InputLabel>\n        <LogQLEditor\n          value={query}\n          onChange={handleLogsQueryChange}\n          onBlur={handleQueryBlur}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(query))}\n          placeholder='Enter LogQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          completionConfig={completionConfig}\n          // height=\"120px\"\n        />\n      </div>\n      <div>\n        <OptionsEditorControl\n          label=\"Order\"\n          // description=\"Percentage means thresholds relative to min & max\"\n          control={\n            <ToggleButtonGroup\n              exclusive\n              value={value?.direction ?? 'backward'}\n              onChange={handleLogsDirection}\n              sx={{ height: '36px', marginLeft: '10px', width: 'max-content' }}\n            >\n              <ToggleButton aria-label=\"backward\" value=\"backward\" sx={{ fontWeight: 500 }}>\n                Newest first\n              </ToggleButton>\n              <ToggleButton aria-label=\"forward\" value=\"forward\" sx={{ fontWeight: 500 }}>\n                Oldest first\n              </ToggleButton>\n            </ToggleButtonGroup>\n          }\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","useDatasourceClient","useTimeRange","InputLabel","Stack","ToggleButton","ToggleButtonGroup","useCallback","useMemo","produce","OptionsEditorControl","createModEnterHandler","LogQLEditor","isDefaultLokiSelector","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiLogQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","data","client","absoluteTimeRange","completionConfig","undefined","timeRange","handleDatasourceChange","newDatasourceSelection","kind","draft","nextDatasource","Error","handleLogsDirection","_","v","direction","handleQueryExecute","handleLogsQueryChange","e","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","placeholder","control","exclusive","height","marginLeft","width","aria-label"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"get-loki-log-data.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/get-loki-log-data.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,gBAAgB,EAAwB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAqB/E,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAwCzE,CAAC"}
+{"version":3,"file":"get-loki-log-data.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/get-loki-log-data.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAqB/E,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,YAAY,CAwCzE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-log-query/get-loki-log-data.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 { replaceVariables } from '@perses-dev/plugin-system';\nimport { LogEntry, LogData } from '@perses-dev/core';\nimport { LokiStreamResult } from '../../model/loki-client-types';\nimport { LokiClient } from '../../model/loki-client';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { LokiLogQuerySpec, LokiLogQueryResponse } from './loki-log-query-types';\nimport { LogQueryPlugin, LogQueryContext } from './log-query-plugin-interface';\n\nfunction convertStreamsToLogs(streams: LokiStreamResult[]): LogData {\n  const entries: LogEntry[] = [];\n\n  streams.forEach((stream) => {\n    stream.values.forEach(([timestamp, logLine]: [string, string]) => {\n      entries.push({\n        timestamp: Number(timestamp) / 1000000000,\n        line: logLine,\n        labels: stream.stream,\n      });\n    });\n  });\n\n  return {\n    entries,\n    totalCount: entries.length,\n  };\n}\n\nexport const getLokiLogData: LogQueryPlugin<LokiLogQuerySpec>['getLogData'] = async (\n  spec: LokiLogQuerySpec,\n  context: LogQueryContext\n) => {\n  if (!spec.query) {\n    return {\n      logs: { entries: [], totalCount: 0 },\n      timeRange: { start: context.timeRange.start, end: context.timeRange.end },\n    };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n  const client = (await context.datasourceStore.getDatasourceClient<LokiClient>(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as LokiClient;\n\n  const { start, end } = context.timeRange;\n\n  const response: LokiLogQueryResponse = await client.queryRange({\n    query,\n    start: start.getTime().toString(),\n    end: end.getTime().toString(),\n    direction: spec.direction,\n  });\n\n  if (response.data.resultType === 'streams') {\n    const logs = convertStreamsToLogs(response.data.result);\n    return {\n      logs,\n      timeRange: { start, end },\n      metadata: {\n        executedQueryString: query,\n      },\n    };\n  }\n\n  return {\n    logs: { entries: [], totalCount: 0 },\n    timeRange: { start, end },\n  };\n};\n"],"names":["replaceVariables","DEFAULT_DATASOURCE","convertStreamsToLogs","streams","entries","forEach","stream","values","timestamp","logLine","push","Number","line","labels","totalCount","length","getLokiLogData","spec","context","query","logs","timeRange","start","end","variableState","client","datasourceStore","getDatasourceClient","datasource","response","queryRange","getTime","toString","direction","data","resultType","result","metadata","executedQueryString"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,gBAAgB,QAAQ,4BAA4B;AAI7D,SAASC,kBAAkB,QAAQ,eAAe;AAIlD,SAASC,qBAAqBC,OAA2B;IACvD,MAAMC,UAAsB,EAAE;IAE9BD,QAAQE,OAAO,CAAC,CAACC;QACfA,OAAOC,MAAM,CAACF,OAAO,CAAC,CAAC,CAACG,WAAWC,QAA0B;YAC3DL,QAAQM,IAAI,CAAC;gBACXF,WAAWG,OAAOH,aAAa;gBAC/BI,MAAMH;gBACNI,QAAQP,OAAOA,MAAM;YACvB;QACF;IACF;IAEA,OAAO;QACLF;QACAU,YAAYV,QAAQW,MAAM;IAC5B;AACF;AAEA,OAAO,MAAMC,iBAAiE,OAC5EC,MACAC;IAEA,IAAI,CAACD,KAAKE,KAAK,EAAE;QACf,OAAO;YACLC,MAAM;gBAAEhB,SAAS,EAAE;gBAAEU,YAAY;YAAE;YACnCO,WAAW;gBAAEC,OAAOJ,QAAQG,SAAS,CAACC,KAAK;gBAAEC,KAAKL,QAAQG,SAAS,CAACE,GAAG;YAAC;QAC1E;IACF;IAEA,MAAMJ,QAAQnB,iBAAiBiB,KAAKE,KAAK,EAAED,QAAQM,aAAa;IAChE,MAAMC,SAAU,MAAMP,QAAQQ,eAAe,CAACC,mBAAmB,CAC/DV,KAAKW,UAAU,IAAI3B;IAGrB,MAAM,EAAEqB,KAAK,EAAEC,GAAG,EAAE,GAAGL,QAAQG,SAAS;IAExC,MAAMQ,WAAiC,MAAMJ,OAAOK,UAAU,CAAC;QAC7DX;QACAG,OAAOA,MAAMS,OAAO,GAAGC,QAAQ;QAC/BT,KAAKA,IAAIQ,OAAO,GAAGC,QAAQ;QAC3BC,WAAWhB,KAAKgB,SAAS;IAC3B;IAEA,IAAIJ,SAASK,IAAI,CAACC,UAAU,KAAK,WAAW;QAC1C,MAAMf,OAAOlB,qBAAqB2B,SAASK,IAAI,CAACE,MAAM;QACtD,OAAO;YACLhB;YACAC,WAAW;gBAAEC;gBAAOC;YAAI;YACxBc,UAAU;gBACRC,qBAAqBnB;YACvB;QACF;IACF;IAEA,OAAO;QACLC,MAAM;YAAEhB,SAAS,EAAE;YAAEU,YAAY;QAAE;QACnCO,WAAW;YAAEC;YAAOC;QAAI;IAC1B;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/queries/loki-log-query/get-loki-log-data.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 { replaceVariables } from '@perses-dev/plugin-system';\nimport { LogData, LogEntry } from '@perses-dev/spec';\nimport { LokiStreamResult } from '../../model/loki-client-types';\nimport { LokiClient } from '../../model/loki-client';\nimport { DEFAULT_DATASOURCE } from '../constants';\nimport { LokiLogQuerySpec } from './loki-log-query-types';\nimport { LogQueryPlugin, LogQueryContext } from './log-query-plugin-interface';\n\nfunction convertStreamsToLogs(streams: LokiStreamResult[]): LogData {\n  const entries: LogEntry[] = [];\n\n  streams.forEach((stream) => {\n    stream.values.forEach(([timestamp, logLine]: [string, string]) => {\n      entries.push({\n        timestamp: Number(timestamp) / 1000000000,\n        line: logLine,\n        labels: stream.stream,\n      });\n    });\n  });\n\n  return {\n    entries,\n    totalCount: entries.length,\n  };\n}\n\nexport const getLokiLogData: LogQueryPlugin<LokiLogQuerySpec>['getLogData'] = async (\n  spec: LokiLogQuerySpec,\n  context: LogQueryContext\n) => {\n  if (!spec.query) {\n    return {\n      logs: { entries: [], totalCount: 0 },\n      timeRange: { start: context.timeRange.start, end: context.timeRange.end },\n    };\n  }\n\n  const query = replaceVariables(spec.query, context.variableState);\n  const client = (await context.datasourceStore.getDatasourceClient<LokiClient>(\n    spec.datasource ?? DEFAULT_DATASOURCE\n  )) as LokiClient;\n\n  const { start, end } = context.timeRange;\n\n  const response = await client.queryRange({\n    query,\n    start: start.getTime().toString(),\n    end: end.getTime().toString(),\n    direction: spec.direction,\n  });\n\n  if (response.data.resultType === 'streams') {\n    const logs = convertStreamsToLogs(response.data.result);\n    return {\n      logs,\n      timeRange: { start, end },\n      metadata: {\n        executedQueryString: query,\n      },\n    };\n  }\n\n  return {\n    logs: { entries: [], totalCount: 0 },\n    timeRange: { start, end },\n  };\n};\n"],"names":["replaceVariables","DEFAULT_DATASOURCE","convertStreamsToLogs","streams","entries","forEach","stream","values","timestamp","logLine","push","Number","line","labels","totalCount","length","getLokiLogData","spec","context","query","logs","timeRange","start","end","variableState","client","datasourceStore","getDatasourceClient","datasource","response","queryRange","getTime","toString","direction","data","resultType","result","metadata","executedQueryString"],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,gBAAgB,QAAQ,4BAA4B;AAI7D,SAASC,kBAAkB,QAAQ,eAAe;AAIlD,SAASC,qBAAqBC,OAA2B;IACvD,MAAMC,UAAsB,EAAE;IAE9BD,QAAQE,OAAO,CAAC,CAACC;QACfA,OAAOC,MAAM,CAACF,OAAO,CAAC,CAAC,CAACG,WAAWC,QAA0B;YAC3DL,QAAQM,IAAI,CAAC;gBACXF,WAAWG,OAAOH,aAAa;gBAC/BI,MAAMH;gBACNI,QAAQP,OAAOA,MAAM;YACvB;QACF;IACF;IAEA,OAAO;QACLF;QACAU,YAAYV,QAAQW,MAAM;IAC5B;AACF;AAEA,OAAO,MAAMC,iBAAiE,OAC5EC,MACAC;IAEA,IAAI,CAACD,KAAKE,KAAK,EAAE;QACf,OAAO;YACLC,MAAM;gBAAEhB,SAAS,EAAE;gBAAEU,YAAY;YAAE;YACnCO,WAAW;gBAAEC,OAAOJ,QAAQG,SAAS,CAACC,KAAK;gBAAEC,KAAKL,QAAQG,SAAS,CAACE,GAAG;YAAC;QAC1E;IACF;IAEA,MAAMJ,QAAQnB,iBAAiBiB,KAAKE,KAAK,EAAED,QAAQM,aAAa;IAChE,MAAMC,SAAU,MAAMP,QAAQQ,eAAe,CAACC,mBAAmB,CAC/DV,KAAKW,UAAU,IAAI3B;IAGrB,MAAM,EAAEqB,KAAK,EAAEC,GAAG,EAAE,GAAGL,QAAQG,SAAS;IAExC,MAAMQ,WAAW,MAAMJ,OAAOK,UAAU,CAAC;QACvCX;QACAG,OAAOA,MAAMS,OAAO,GAAGC,QAAQ;QAC/BT,KAAKA,IAAIQ,OAAO,GAAGC,QAAQ;QAC3BC,WAAWhB,KAAKgB,SAAS;IAC3B;IAEA,IAAIJ,SAASK,IAAI,CAACC,UAAU,KAAK,WAAW;QAC1C,MAAMf,OAAOlB,qBAAqB2B,SAASK,IAAI,CAACE,MAAM;QACtD,OAAO;YACLhB;YACAC,WAAW;gBAAEC;gBAAOC;YAAI;YACxBc,UAAU;gBACRC,qBAAqBnB;YACvB;QACF;IACF;IAEA,OAAO;QACLC,MAAM;YAAEhB,SAAS,EAAE;YAAEU,YAAY;QAAE;QACnCO,WAAW;YAAEC;YAAOC;QAAI;IAC1B;AACF,EAAE"}

package/lib/queries/loki-log-query/log-query-plugin-interface.d.ts

@@ -1,5 +1,5 @@
-import { LogData, AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';
 import { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';
+import { AbsoluteTimeRange, LogData, UnknownSpec } from '@perses-dev/spec';
 export interface LogQueryResult {
     logs: LogData;
     timeRange: AbsoluteTimeRange;

package/lib/queries/loki-log-query/log-query-plugin-interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-query-plugin-interface.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/log-query-plugin-interface.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,0BAA0B,CAAC;CAC9E"}
+{"version":3,"file":"log-query-plugin-interface.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/log-query-plugin-interface.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,0BAA0B,CAAC;CAC9E"}

package/lib/queries/loki-log-query/log-query-plugin-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-log-query/log-query-plugin-interface.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 { LogData, AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';\nimport { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface LogQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: LogQueryContext) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: LogQueryContext) => LogQueryPluginDependencies;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAuBjC,WAGC"}
+{"version":3,"sources":["../../../../src/queries/loki-log-query/log-query-plugin-interface.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 { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\nimport { AbsoluteTimeRange, LogData, UnknownSpec } from '@perses-dev/spec';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface LogQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: LogQueryContext) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: LogQueryContext) => LogQueryPluginDependencies;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAuBjC,WAGC"}

package/lib/queries/loki-log-query/loki-log-query-types.d.ts

@@ -1,4 +1,4 @@
-import { DatasourceSelector } from '@perses-dev/core';
+import { DatasourceSelector } from '@perses-dev/spec';
 import { LokiQueryRangeStreamsResponse } from '../../model/loki-client-types';
 export interface LokiLogQuerySpec {
     query: string;

package/lib/queries/loki-log-query/loki-log-query-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-log-query/loki-log-query-types.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 { DatasourceSelector } from '@perses-dev/core';\nimport { LokiQueryRangeStreamsResponse } from '../../model/loki-client-types';\n\nexport interface LokiLogQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n  direction?: 'backward' | 'forward';\n}\n\nexport type LokiLogQueryResponse = LokiQueryRangeStreamsResponse;\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAWjC,WAAiE"}
+{"version":3,"sources":["../../../../src/queries/loki-log-query/loki-log-query-types.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 { DatasourceSelector } from '@perses-dev/spec';\nimport { LokiQueryRangeStreamsResponse } from '../../model/loki-client-types';\n\nexport interface LokiLogQuerySpec {\n  query: string;\n  datasource?: DatasourceSelector;\n  direction?: 'backward' | 'forward';\n}\n\nexport type LokiLogQueryResponse = LokiQueryRangeStreamsResponse;\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oEAAoE;AACpE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,sEAAsE;AACtE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAWjC,WAAiE"}

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

@@ -1 +1 @@
-{"version":3,"file":"LokiTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EAEnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAExE,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAsFzE"}
+{"version":3,"file":"LokiTimeSeriesQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EAEnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAExE,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAiFzE"}

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

@@ -14,6 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
 import { InputLabel, Stack } from '@mui/material';
 import { useCallback } from 'react';
+import { createModEnterHandler } from '@perses-dev/dashboards';
 import { produce } from 'immer';
 import { LogQLEditor } from '../../components';
 import { LOKI_DATASOURCE_KIND } from '../../model';
@@ -82,12 +83,7 @@ export function LokiQueryEditor(props) {
                         value: query,
                         onChange: handleLogsQueryChange,
                         onBlur: handleQueryBlur,
-                        onKeyDown: (event)=>{
-                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-                                event.preventDefault();
-                                handleQueryExecute(query);
-                            }
-                        },
+                        onKeyDown: createModEnterHandler(()=>handleQueryExecute(query)),
                         placeholder: 'Enter LogQL query (e.g. {job="mysql"} |= "error")'
                     })
                 ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.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 {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack } from '@mui/material';\nimport { ReactElement, useCallback } from 'react';\nimport { produce } from 'immer';\nimport { LogQLEditor } from '../../components';\nimport { LOKI_DATASOURCE_KIND, LokiDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { useQueryState } from '../query-editor-model';\nimport { LokiTimeSeriesQuerySpec } from './loki-time-series-query-types';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiTimeSeriesQuerySpec>;\n\nexport function LokiQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    LOKI_DATASOURCE_KIND\n  ) as LokiDatasourceSelector;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non LokiQuery datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleLogsQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"Loki Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogQL Query\n        </InputLabel>\n        <LogQLEditor\n          value={query}\n          onChange={handleLogsQueryChange}\n          onBlur={handleQueryBlur}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              event.preventDefault();\n              handleQueryExecute(query);\n            }\n          }}\n          placeholder='Enter LogQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","InputLabel","Stack","useCallback","produce","LogQLEditor","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleLogsQueryChange","e","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","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,SACEA,gBAAgB,EAEhBC,oBAAoB,EAEpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAAuBC,WAAW,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAgC,cAAc;AAC3E,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,wBAAwB;AAKtD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcN;IAC5C,MAAMQ,qBAAqBhB,mCACzBe,uBACAT;IAEF,MAAM,EAAEW,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGV,cAAcE;IAEpE,MAAMS,yBAA4D,CAACC;QACjE,IAAI,CAACtB,qBAAqBsB,2BAA2BA,uBAAuBC,IAAI,KAAKf,iBAAiB;YACpGK,SACER,QAAQS,OAAO,CAACU;gBACdA,MAAMT,UAAU,GAAGO;YACrB;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BL,SACER,QAAQS,OAAO,CAACU;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,wBAAwBvB,YAC5B,CAACwB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,qBACE,MAAChB;QAAM0B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAC7B;wBACC8B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACpC;wBACCqC,sBAAsB5B;wBACtBM,OAAOG;wBACPJ,UAAUQ;wBACVgB,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAC7B;wBACC8B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC7B;wBACCQ,OAAOI;wBACPL,UAAUc;wBACVY,QAAQnB;wBACRoB,WAAW,CAACC;4BACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;gCAC7DH,MAAMI,cAAc;gCACpBnB,mBAAmBR;4BACrB;wBACF;wBACA4B,aAAY;;;;;;AAMtB"}
+{"version":3,"sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.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 {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack } from '@mui/material';\nimport { ReactElement, useCallback } from 'react';\nimport { createModEnterHandler } from '@perses-dev/dashboards';\nimport { produce } from 'immer';\nimport { LogQLEditor } from '../../components';\nimport { LOKI_DATASOURCE_KIND, LokiDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { useQueryState } from '../query-editor-model';\nimport { LokiTimeSeriesQuerySpec } from './loki-time-series-query-types';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiTimeSeriesQuerySpec>;\n\nexport function LokiQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;\n  const selectedDatasource = useDatasourceSelectValueToSelector(\n    datasourceSelectValue,\n    LOKI_DATASOURCE_KIND\n  ) as LokiDatasourceSelector;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non LokiQuery datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string): void => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleLogsQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  return (\n    <Stack spacing={1.5} paddingBottom={1}>\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          label=\"Loki Datasource\"\n          notched\n        />\n      </div>\n\n      <div>\n        <InputLabel\n          sx={{\n            display: 'block',\n            marginBottom: '4px',\n            fontWeight: 500,\n          }}\n        >\n          LogQL Query\n        </InputLabel>\n        <LogQLEditor\n          value={query}\n          onChange={handleLogsQueryChange}\n          onBlur={handleQueryBlur}\n          onKeyDown={createModEnterHandler(() => handleQueryExecute(query))}\n          placeholder='Enter LogQL query (e.g. {job=\"mysql\"} |= \"error\")'\n          // height=\"120px\"\n        />\n      </div>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useDatasourceSelectValueToSelector","InputLabel","Stack","useCallback","createModEnterHandler","produce","LogQLEditor","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleLogsQueryChange","e","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,SACEA,gBAAgB,EAEhBC,oBAAoB,EAEpBC,kCAAkC,QAC7B,4BAA4B;AACnC,SAASC,UAAU,EAAEC,KAAK,QAAQ,gBAAgB;AAClD,SAAuBC,WAAW,QAAQ,QAAQ;AAClD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,oBAAoB,QAAgC,cAAc;AAC3E,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,wBAAwB;AAKtD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,wBAAwBD,cAAcN;IAC5C,MAAMQ,qBAAqBjB,mCACzBgB,uBACAT;IAEF,MAAM,EAAEW,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGV,cAAcE;IAEpE,MAAMS,yBAA4D,CAACC;QACjE,IAAI,CAACvB,qBAAqBuB,2BAA2BA,uBAAuBC,IAAI,KAAKf,iBAAiB;YACpGK,SACER,QAAQS,OAAO,CAACU;gBACdA,MAAMT,UAAU,GAAGO;YACrB;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BL,SACER,QAAQS,OAAO,CAACU;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,wBAAwBxB,YAC5B,CAACyB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,qBACE,MAACjB;QAAM2B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAC9B;wBACC+B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACrC;wBACCsC,sBAAsB5B;wBACtBM,OAAOG;wBACPJ,UAAUQ;wBACVgB,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAC9B;wBACC+B,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAC7B;wBACCQ,OAAOI;wBACPL,UAAUc;wBACVY,QAAQnB;wBACRoB,WAAWpC,sBAAsB,IAAMsB,mBAAmBR;wBAC1DuB,aAAY;;;;;;AAMtB"}

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

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

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

@@ -10,9 +10,9 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { parseDurationString } from '@perses-dev/core';
 import { replaceVariables } from '@perses-dev/plugin-system';
 import { milliseconds } from 'date-fns';
+import { parseDurationString } from '@perses-dev/spec';
 import { DEFAULT_DATASOURCE } from '../constants';
 // Constants for Loki step calculation
 const MAX_LOKI_DATA_POINTS = 10000; // Similar to Prometheus

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

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

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

@@ -1,4 +1,4 @@
-import { DatasourceSelector } from '@perses-dev/core';
+import { DatasourceSelector } from '@perses-dev/spec';
 import { LokiQueryRangeMatrixResponse } from '../../model/loki-client-types';
 export interface LokiTimeSeriesQuerySpec {
     query: string;

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

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

package/lib/variables/LokiLabelNamesVariable.d.ts

@@ -0,0 +1,4 @@
+import { VariablePlugin } from '@perses-dev/plugin-system';
+import { LokiLabelNamesVariableOptions } from './types';
+export declare const LokiLabelNamesVariable: VariablePlugin<LokiLabelNamesVariableOptions>;
+//# sourceMappingURL=LokiLabelNamesVariable.d.ts.map

package/lib/variables/LokiLabelNamesVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LokiLabelNamesVariable.d.ts","sourceRoot":"","sources":["../../../src/variables/LokiLabelNamesVariable.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,cAAc,EAKf,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,6BAA6B,CAsBhF,CAAC"}

package/lib/variables/LokiLabelNamesVariable.js

@@ -0,0 +1,45 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { replaceVariables, parseVariables, datasourceSelectValueToSelector, isVariableDatasource } from '@perses-dev/plugin-system';
+import { DEFAULT_LOKI, getLokiTimeRange, LOKI_DATASOURCE_KIND } from '../model';
+import { stringArrayToVariableOptions, LokiLabelNamesVariableEditor } from './loki-variables';
+export const LokiLabelNamesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = datasourceSelectValueToSelector(spec.datasource ?? DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)) ?? DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = spec.matchers ? replaceVariables(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;
+        const timeRange = getLokiTimeRange(ctx.timeRange);
+        const { data: options } = await client.labels({
+            start: timeRange.start,
+            end: timeRange.end,
+            query
+        });
+        return {
+            data: stringArrayToVariableOptions(options)
+        };
+    },
+    dependsOn: (spec)=>{
+        const matcherVariables = spec.matchers?.map((m)=>parseVariables(m)).flat() || [];
+        const datasourceVariables = spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];
+        return {
+            variables: [
+                ...matcherVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: LokiLabelNamesVariableEditor,
+    createInitialOptions: ()=>({})
+};
+
+//# sourceMappingURL=LokiLabelNamesVariable.js.map

package/lib/variables/LokiLabelNamesVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/LokiLabelNamesVariable.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 {\n  VariablePlugin,\n  replaceVariables,\n  parseVariables,\n  datasourceSelectValueToSelector,\n  isVariableDatasource,\n} from '@perses-dev/plugin-system';\nimport { LokiClient, DEFAULT_LOKI, getLokiTimeRange, LOKI_DATASOURCE_KIND } from '../model';\nimport { stringArrayToVariableOptions, LokiLabelNamesVariableEditor } from './loki-variables';\nimport { LokiLabelNamesVariableOptions } from './types';\n\nexport const LokiLabelNamesVariable: VariablePlugin<LokiLabelNamesVariableOptions> = {\n  getVariableOptions: async (spec, ctx) => {\n    const datasourceSelector =\n      datasourceSelectValueToSelector(\n        spec.datasource ?? DEFAULT_LOKI,\n        ctx.variables,\n        await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)\n      ) ?? DEFAULT_LOKI;\n    const client: LokiClient = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);\n    const query = spec.matchers ? replaceVariables(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;\n    const timeRange = getLokiTimeRange(ctx.timeRange);\n    const { data: options } = await client.labels({ start: timeRange.start, end: timeRange.end, query });\n    return { data: stringArrayToVariableOptions(options) };\n  },\n  dependsOn: (spec) => {\n    const matcherVariables = spec.matchers?.map((m) => parseVariables(m)).flat() || [];\n    const datasourceVariables =\n      spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];\n    return { variables: [...matcherVariables, ...datasourceVariables] };\n  },\n  OptionsEditorComponent: LokiLabelNamesVariableEditor,\n  createInitialOptions: () => ({}),\n};\n"],"names":["replaceVariables","parseVariables","datasourceSelectValueToSelector","isVariableDatasource","DEFAULT_LOKI","getLokiTimeRange","LOKI_DATASOURCE_KIND","stringArrayToVariableOptions","LokiLabelNamesVariableEditor","LokiLabelNamesVariable","getVariableOptions","spec","ctx","datasourceSelector","datasource","variables","datasourceStore","listDatasourceSelectItems","client","getDatasourceClient","query","matchers","undefined","timeRange","data","options","labels","start","end","dependsOn","matcherVariables","map","m","flat","datasourceVariables","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;AAEjC,SAEEA,gBAAgB,EAChBC,cAAc,EACdC,+BAA+B,EAC/BC,oBAAoB,QACf,4BAA4B;AACnC,SAAqBC,YAAY,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,WAAW;AAC5F,SAASC,4BAA4B,EAAEC,4BAA4B,QAAQ,mBAAmB;AAG9F,OAAO,MAAMC,yBAAwE;IACnFC,oBAAoB,OAAOC,MAAMC;QAC/B,MAAMC,qBACJX,gCACES,KAAKG,UAAU,IAAIV,cACnBQ,IAAIG,SAAS,EACb,MAAMH,IAAII,eAAe,CAACC,yBAAyB,CAACX,0BACjDF;QACP,MAAMc,SAAqB,MAAMN,IAAII,eAAe,CAACG,mBAAmB,CAACN;QACzE,MAAMO,QAAQT,KAAKU,QAAQ,GAAGrB,iBAAiBW,KAAKU,QAAQ,CAAC,EAAE,IAAI,IAAIT,IAAIG,SAAS,KAAKO,YAAYA;QACrG,MAAMC,YAAYlB,iBAAiBO,IAAIW,SAAS;QAChD,MAAM,EAAEC,MAAMC,OAAO,EAAE,GAAG,MAAMP,OAAOQ,MAAM,CAAC;YAAEC,OAAOJ,UAAUI,KAAK;YAAEC,KAAKL,UAAUK,GAAG;YAAER;QAAM;QAClG,OAAO;YAAEI,MAAMjB,6BAA6BkB;QAAS;IACvD;IACAI,WAAW,CAAClB;QACV,MAAMmB,mBAAmBnB,KAAKU,QAAQ,EAAEU,IAAI,CAACC,IAAM/B,eAAe+B,IAAIC,UAAU,EAAE;QAClF,MAAMC,sBACJvB,KAAKG,UAAU,IAAIX,qBAAqBQ,KAAKG,UAAU,IAAIb,eAAeU,KAAKG,UAAU,IAAI,EAAE;QACjG,OAAO;YAAEC,WAAW;mBAAIe;mBAAqBI;aAAoB;QAAC;IACpE;IACAC,wBAAwB3B;IACxB4B,sBAAsB,IAAO,CAAA,CAAC,CAAA;AAChC,EAAE"}

package/lib/variables/LokiLabelValuesVariable.d.ts

@@ -0,0 +1,4 @@
+import { VariablePlugin } from '@perses-dev/plugin-system';
+import { LokiLabelValuesVariableOptions } from './types';
+export declare const LokiLabelValuesVariable: VariablePlugin<LokiLabelValuesVariableOptions>;
+//# sourceMappingURL=LokiLabelValuesVariable.d.ts.map

package/lib/variables/LokiLabelValuesVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LokiLabelValuesVariable.d.ts","sourceRoot":"","sources":["../../../src/variables/LokiLabelValuesVariable.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,cAAc,EAKf,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,8BAA8B,CA4BlF,CAAC"}

package/lib/variables/LokiLabelValuesVariable.js

@@ -0,0 +1,50 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { replaceVariables, parseVariables, datasourceSelectValueToSelector, isVariableDatasource } from '@perses-dev/plugin-system';
+import { DEFAULT_LOKI, getLokiTimeRange, LOKI_DATASOURCE_KIND } from '../model';
+import { stringArrayToVariableOptions, LokiLabelValuesVariableEditor } from './loki-variables';
+export const LokiLabelValuesVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = datasourceSelectValueToSelector(spec.datasource ?? DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)) ?? DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const query = spec.matchers ? replaceVariables(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;
+        const timeRange = getLokiTimeRange(ctx.timeRange);
+        const { data: options } = await client.labelValues({
+            labelName: replaceVariables(spec.labelName, ctx.variables),
+            start: timeRange.start,
+            end: timeRange.end,
+            query
+        });
+        return {
+            data: stringArrayToVariableOptions(options)
+        };
+    },
+    dependsOn: (spec)=>{
+        const matcherVariables = spec.matchers?.map((m)=>parseVariables(m)).flat() || [];
+        const labelVariables = parseVariables(spec.labelName);
+        const datasourceVariables = spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];
+        return {
+            variables: [
+                ...matcherVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: LokiLabelValuesVariableEditor,
+    createInitialOptions: ()=>({
+            labelName: ''
+        })
+};
+
+//# sourceMappingURL=LokiLabelValuesVariable.js.map

package/lib/variables/LokiLabelValuesVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/LokiLabelValuesVariable.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 {\n  VariablePlugin,\n  replaceVariables,\n  parseVariables,\n  datasourceSelectValueToSelector,\n  isVariableDatasource,\n} from '@perses-dev/plugin-system';\nimport { LokiClient, DEFAULT_LOKI, getLokiTimeRange, LOKI_DATASOURCE_KIND } from '../model';\nimport { stringArrayToVariableOptions, LokiLabelValuesVariableEditor } from './loki-variables';\nimport { LokiLabelValuesVariableOptions } from './types';\n\nexport const LokiLabelValuesVariable: VariablePlugin<LokiLabelValuesVariableOptions> = {\n  getVariableOptions: async (spec, ctx) => {\n    const datasourceSelector =\n      datasourceSelectValueToSelector(\n        spec.datasource ?? DEFAULT_LOKI,\n        ctx.variables,\n        await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)\n      ) ?? DEFAULT_LOKI;\n    const client: LokiClient = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);\n    const query = spec.matchers ? replaceVariables(spec.matchers[0] ?? '', ctx.variables) || undefined : undefined;\n    const timeRange = getLokiTimeRange(ctx.timeRange);\n    const { data: options } = await client.labelValues({\n      labelName: replaceVariables(spec.labelName, ctx.variables),\n      start: timeRange.start,\n      end: timeRange.end,\n      query,\n    });\n    return { data: stringArrayToVariableOptions(options) };\n  },\n  dependsOn: (spec) => {\n    const matcherVariables = spec.matchers?.map((m) => parseVariables(m)).flat() || [];\n    const labelVariables = parseVariables(spec.labelName);\n    const datasourceVariables =\n      spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];\n    return { variables: [...matcherVariables, ...labelVariables, ...datasourceVariables] };\n  },\n  OptionsEditorComponent: LokiLabelValuesVariableEditor,\n  createInitialOptions: () => ({ labelName: '' }),\n};\n"],"names":["replaceVariables","parseVariables","datasourceSelectValueToSelector","isVariableDatasource","DEFAULT_LOKI","getLokiTimeRange","LOKI_DATASOURCE_KIND","stringArrayToVariableOptions","LokiLabelValuesVariableEditor","LokiLabelValuesVariable","getVariableOptions","spec","ctx","datasourceSelector","datasource","variables","datasourceStore","listDatasourceSelectItems","client","getDatasourceClient","query","matchers","undefined","timeRange","data","options","labelValues","labelName","start","end","dependsOn","matcherVariables","map","m","flat","labelVariables","datasourceVariables","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;AAEjC,SAEEA,gBAAgB,EAChBC,cAAc,EACdC,+BAA+B,EAC/BC,oBAAoB,QACf,4BAA4B;AACnC,SAAqBC,YAAY,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,WAAW;AAC5F,SAASC,4BAA4B,EAAEC,6BAA6B,QAAQ,mBAAmB;AAG/F,OAAO,MAAMC,0BAA0E;IACrFC,oBAAoB,OAAOC,MAAMC;QAC/B,MAAMC,qBACJX,gCACES,KAAKG,UAAU,IAAIV,cACnBQ,IAAIG,SAAS,EACb,MAAMH,IAAII,eAAe,CAACC,yBAAyB,CAACX,0BACjDF;QACP,MAAMc,SAAqB,MAAMN,IAAII,eAAe,CAACG,mBAAmB,CAACN;QACzE,MAAMO,QAAQT,KAAKU,QAAQ,GAAGrB,iBAAiBW,KAAKU,QAAQ,CAAC,EAAE,IAAI,IAAIT,IAAIG,SAAS,KAAKO,YAAYA;QACrG,MAAMC,YAAYlB,iBAAiBO,IAAIW,SAAS;QAChD,MAAM,EAAEC,MAAMC,OAAO,EAAE,GAAG,MAAMP,OAAOQ,WAAW,CAAC;YACjDC,WAAW3B,iBAAiBW,KAAKgB,SAAS,EAAEf,IAAIG,SAAS;YACzDa,OAAOL,UAAUK,KAAK;YACtBC,KAAKN,UAAUM,GAAG;YAClBT;QACF;QACA,OAAO;YAAEI,MAAMjB,6BAA6BkB;QAAS;IACvD;IACAK,WAAW,CAACnB;QACV,MAAMoB,mBAAmBpB,KAAKU,QAAQ,EAAEW,IAAI,CAACC,IAAMhC,eAAegC,IAAIC,UAAU,EAAE;QAClF,MAAMC,iBAAiBlC,eAAeU,KAAKgB,SAAS;QACpD,MAAMS,sBACJzB,KAAKG,UAAU,IAAIX,qBAAqBQ,KAAKG,UAAU,IAAIb,eAAeU,KAAKG,UAAU,IAAI,EAAE;QACjG,OAAO;YAAEC,WAAW;mBAAIgB;mBAAqBI;mBAAmBC;aAAoB;QAAC;IACvF;IACAC,wBAAwB7B;IACxB8B,sBAAsB,IAAO,CAAA;YAAEX,WAAW;QAAG,CAAA;AAC/C,EAAE"}

package/lib/variables/LokiLogQLVariable.d.ts

@@ -0,0 +1,4 @@
+import { VariablePlugin } from '@perses-dev/plugin-system';
+import { LokiLogQLVariableOptions } from './types';
+export declare const LokiLogQLVariable: VariablePlugin<LokiLogQLVariableOptions>;
+//# sourceMappingURL=LokiLogQLVariable.d.ts.map

package/lib/variables/LokiLogQLVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LokiLogQLVariable.d.ts","sourceRoot":"","sources":["../../../src/variables/LokiLogQLVariable.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,cAAc,EAKf,MAAM,2BAA2B,CAAC;AAQnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,wBAAwB,CAiCtE,CAAC"}

package/lib/variables/LokiLogQLVariable.js

@@ -0,0 +1,56 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { replaceVariables, parseVariables, datasourceSelectValueToSelector, isVariableDatasource } from '@perses-dev/plugin-system';
+import { DEFAULT_LOKI, LOKI_DATASOURCE_KIND, getLokiTimeRange } from '../model';
+import { capturingMetric, capturingStreams, stringArrayToVariableOptions, LokiLogQLVariableEditor } from './loki-variables';
+export const LokiLogQLVariable = {
+    getVariableOptions: async (spec, ctx)=>{
+        const datasourceSelector = datasourceSelectValueToSelector(spec.datasource ?? DEFAULT_LOKI, ctx.variables, await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)) ?? DEFAULT_LOKI;
+        const client = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);
+        const timeRange = getLokiTimeRange(ctx.timeRange);
+        const response = await client.queryRange({
+            query: replaceVariables(spec.expr, ctx.variables),
+            start: timeRange.start,
+            end: timeRange.end
+        });
+        const labelName = replaceVariables(spec.labelName, ctx.variables);
+        let values = [];
+        if (response.data?.resultType === 'streams') {
+            values = capturingStreams(response.data.result, labelName);
+        } else if (response.data?.resultType === 'matrix') {
+            values = capturingMetric(response.data.result, labelName);
+        }
+        return {
+            data: stringArrayToVariableOptions(values)
+        };
+    },
+    dependsOn: (spec)=>{
+        const exprVariables = parseVariables(spec.expr);
+        const labelVariables = parseVariables(spec.labelName);
+        const datasourceVariables = spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];
+        return {
+            variables: [
+                ...exprVariables,
+                ...labelVariables,
+                ...datasourceVariables
+            ]
+        };
+    },
+    OptionsEditorComponent: LokiLogQLVariableEditor,
+    createInitialOptions: ()=>({
+            expr: '',
+            labelName: ''
+        })
+};
+
+//# sourceMappingURL=LokiLogQLVariable.js.map

package/lib/variables/LokiLogQLVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/variables/LokiLogQLVariable.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 {\n  VariablePlugin,\n  replaceVariables,\n  parseVariables,\n  datasourceSelectValueToSelector,\n  isVariableDatasource,\n} from '@perses-dev/plugin-system';\nimport { LokiClient, DEFAULT_LOKI, LOKI_DATASOURCE_KIND, getLokiTimeRange } from '../model';\nimport {\n  capturingMetric,\n  capturingStreams,\n  stringArrayToVariableOptions,\n  LokiLogQLVariableEditor,\n} from './loki-variables';\nimport { LokiLogQLVariableOptions } from './types';\n\nexport const LokiLogQLVariable: VariablePlugin<LokiLogQLVariableOptions> = {\n  getVariableOptions: async (spec, ctx) => {\n    const datasourceSelector =\n      datasourceSelectValueToSelector(\n        spec.datasource ?? DEFAULT_LOKI,\n        ctx.variables,\n        await ctx.datasourceStore.listDatasourceSelectItems(LOKI_DATASOURCE_KIND)\n      ) ?? DEFAULT_LOKI;\n    const client: LokiClient = await ctx.datasourceStore.getDatasourceClient(datasourceSelector);\n    const timeRange = getLokiTimeRange(ctx.timeRange);\n    const response = await client.queryRange({\n      query: replaceVariables(spec.expr, ctx.variables),\n      start: timeRange.start,\n      end: timeRange.end,\n    });\n    const labelName = replaceVariables(spec.labelName, ctx.variables);\n    let values: string[] = [];\n    if (response.data?.resultType === 'streams') {\n      values = capturingStreams(response.data.result, labelName);\n    } else if (response.data?.resultType === 'matrix') {\n      values = capturingMetric(response.data.result, labelName);\n    }\n    return { data: stringArrayToVariableOptions(values) };\n  },\n  dependsOn: (spec) => {\n    const exprVariables = parseVariables(spec.expr);\n    const labelVariables = parseVariables(spec.labelName);\n    const datasourceVariables =\n      spec.datasource && isVariableDatasource(spec.datasource) ? parseVariables(spec.datasource) : [];\n    return { variables: [...exprVariables, ...labelVariables, ...datasourceVariables] };\n  },\n  OptionsEditorComponent: LokiLogQLVariableEditor,\n  createInitialOptions: () => ({ expr: '', labelName: '' }),\n};\n"],"names":["replaceVariables","parseVariables","datasourceSelectValueToSelector","isVariableDatasource","DEFAULT_LOKI","LOKI_DATASOURCE_KIND","getLokiTimeRange","capturingMetric","capturingStreams","stringArrayToVariableOptions","LokiLogQLVariableEditor","LokiLogQLVariable","getVariableOptions","spec","ctx","datasourceSelector","datasource","variables","datasourceStore","listDatasourceSelectItems","client","getDatasourceClient","timeRange","response","queryRange","query","expr","start","end","labelName","values","data","resultType","result","dependsOn","exprVariables","labelVariables","datasourceVariables","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;AAEjC,SAEEA,gBAAgB,EAChBC,cAAc,EACdC,+BAA+B,EAC/BC,oBAAoB,QACf,4BAA4B;AACnC,SAAqBC,YAAY,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,WAAW;AAC5F,SACEC,eAAe,EACfC,gBAAgB,EAChBC,4BAA4B,EAC5BC,uBAAuB,QAClB,mBAAmB;AAG1B,OAAO,MAAMC,oBAA8D;IACzEC,oBAAoB,OAAOC,MAAMC;QAC/B,MAAMC,qBACJb,gCACEW,KAAKG,UAAU,IAAIZ,cACnBU,IAAIG,SAAS,EACb,MAAMH,IAAII,eAAe,CAACC,yBAAyB,CAACd,0BACjDD;QACP,MAAMgB,SAAqB,MAAMN,IAAII,eAAe,CAACG,mBAAmB,CAACN;QACzE,MAAMO,YAAYhB,iBAAiBQ,IAAIQ,SAAS;QAChD,MAAMC,WAAW,MAAMH,OAAOI,UAAU,CAAC;YACvCC,OAAOzB,iBAAiBa,KAAKa,IAAI,EAAEZ,IAAIG,SAAS;YAChDU,OAAOL,UAAUK,KAAK;YACtBC,KAAKN,UAAUM,GAAG;QACpB;QACA,MAAMC,YAAY7B,iBAAiBa,KAAKgB,SAAS,EAAEf,IAAIG,SAAS;QAChE,IAAIa,SAAmB,EAAE;QACzB,IAAIP,SAASQ,IAAI,EAAEC,eAAe,WAAW;YAC3CF,SAAStB,iBAAiBe,SAASQ,IAAI,CAACE,MAAM,EAAEJ;QAClD,OAAO,IAAIN,SAASQ,IAAI,EAAEC,eAAe,UAAU;YACjDF,SAASvB,gBAAgBgB,SAASQ,IAAI,CAACE,MAAM,EAAEJ;QACjD;QACA,OAAO;YAAEE,MAAMtB,6BAA6BqB;QAAQ;IACtD;IACAI,WAAW,CAACrB;QACV,MAAMsB,gBAAgBlC,eAAeY,KAAKa,IAAI;QAC9C,MAAMU,iBAAiBnC,eAAeY,KAAKgB,SAAS;QACpD,MAAMQ,sBACJxB,KAAKG,UAAU,IAAIb,qBAAqBU,KAAKG,UAAU,IAAIf,eAAeY,KAAKG,UAAU,IAAI,EAAE;QACjG,OAAO;YAAEC,WAAW;mBAAIkB;mBAAkBC;mBAAmBC;aAAoB;QAAC;IACpF;IACAC,wBAAwB5B;IACxB6B,sBAAsB,IAAO,CAAA;YAAEb,MAAM;YAAIG,WAAW;QAAG,CAAA;AACzD,EAAE"}

package/lib/variables/MatcherEditor.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+type MatcherEditorProps = {
+    matchers: string[];
+    onChange: (matchers: string[]) => void;
+    isReadonly?: boolean;
+};
+export declare function MatcherEditor({ matchers, onChange, isReadonly }: MatcherEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=MatcherEditor.d.ts.map

package/lib/variables/MatcherEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatcherEditor.d.ts","sourceRoot":"","sources":["../../../src/variables/MatcherEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAkDlG"}