@perses-dev/loki-plugin 0.2.0 → 0.4.0

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

@@ -25,12 +25,12 @@ const _pluginsystem = require("@perses-dev/plugin-system");
 const _material = require("@mui/material");
 const _react = require("react");
 const _immer = require("immer");
-const _logqleditor = require("../../components/logql-editor");
+const _components = require("../../components");
 const _model = require("../../model");
 const _constants = require("../constants");
 const _queryeditormodel = require("../query-editor-model");
 function LokiQueryEditor(props) {
-    const { onChange, value, queryHandlerSettings } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const datasourceSelectValue = datasource ?? _constants.DEFAULT_DATASOURCE;
     const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.LOKI_DATASOURCE_KIND);
@@ -40,31 +40,20 @@ function LokiQueryEditor(props) {
             onChange((0, _immer.produce)(value, (draft)=>{
                 draft.datasource = newDatasourceSelection;
             }));
-            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
-                ...value,
-                datasource: newDatasourceSelection
-            });
             return;
         }
         throw new Error('Got unexpected non LokiQuery datasource selection');
     };
     // Immediate query execution on Enter or blur
     const handleQueryExecute = (query)=>{
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(query);
-        }
         onChange((0, _immer.produce)(value, (draft)=>{
             draft.query = query;
         }));
     };
     const handleLogsQueryChange = (0, _react.useCallback)((e)=>{
         handleQueryChange(e);
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(e);
-        }
     }, [
-        handleQueryChange,
-        queryHandlerSettings
+        handleQueryChange
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         spacing: 1.5,
@@ -99,10 +88,10 @@ function LokiQueryEditor(props) {
                         },
                         children: "LogQL Query"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_logqleditor.LogQLEditor, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.LogQLEditor, {
                         value: query,
                         onChange: handleLogsQueryChange,
-                        onBlur: queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined,
+                        onBlur: handleQueryBlur,
                         onKeyDown: (event)=>{
                             if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
                                 event.preventDefault();

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 export { getPluginModule } from './getPluginModule';
 export * from './model';
-export * from './panels';
 export * from './queries';
 export * from './datasources';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/lib/index.js

@@ -1,6 +1,5 @@
 export { getPluginModule } from './getPluginModule';
 export * from './model';
-export * from './panels';
 export * from './queries';
 export * from './datasources';
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './model';\nexport * from './panels';\nexport * from './queries';\nexport * from './datasources';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,gBAAgB"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './model';\nexport * from './queries';\nexport * from './datasources';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,gBAAgB"}

package/lib/model/loki-data-types.d.ts

@@ -1,23 +1,13 @@
-import { AbsoluteTimeRange, TimeSeries, TimeSeriesData, TimeSeriesMetadata } from '@perses-dev/core';
-export interface LogEntry {
-    timestamp: number;
-    line: string;
-    labels: Record<string, string>;
-}
-export interface LogsData {
-    entries: LogEntry[];
-    totalCount: number;
-    hasMore?: boolean;
-}
+import { LogData, AbsoluteTimeRange, TimeSeries, TimeSeriesData, TimeSeriesMetadata } from '@perses-dev/core';
 export interface LokiTimeSeriesData extends TimeSeriesData {
-    logs?: LogsData;
+    logs?: LogData;
     resultType?: 'matrix' | 'streams';
 }
 export interface LokiQueryResult {
     timeRange?: AbsoluteTimeRange;
     stepMs?: number;
     series: TimeSeries[];
-    logs?: LogsData;
+    logs?: LogData;
     resultType: 'matrix' | 'streams';
     metadata?: TimeSeriesMetadata;
 }

package/lib/model/loki-data-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loki-data-types.d.ts","sourceRoot":"","sources":["../../../src/model/loki-data-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAErG,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,UAAU,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B"}
+{"version":3,"file":"loki-data-types.d.ts","sourceRoot":"","sources":["../../../src/model/loki-data-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE9G,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B"}

package/lib/model/loki-data-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/loki-data-types.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { AbsoluteTimeRange, TimeSeries, TimeSeriesData, TimeSeriesMetadata } from '@perses-dev/core';\n\nexport interface LogEntry {\n  timestamp: number;\n  line: string;\n  labels: Record<string, string>;\n}\n\nexport interface LogsData {\n  entries: LogEntry[];\n  totalCount: number;\n  hasMore?: boolean;\n}\n\nexport interface LokiTimeSeriesData extends TimeSeriesData {\n  logs?: LogsData;\n  resultType?: 'matrix' | 'streams';\n}\n\nexport interface LokiQueryResult {\n  timeRange?: AbsoluteTimeRange;\n  stepMs?: number;\n  series: TimeSeries[];\n  logs?: LogsData;\n  resultType: 'matrix' | 'streams';\n  metadata?: TimeSeriesMetadata;\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAqBjC,WAOC"}
+{"version":3,"sources":["../../../src/model/loki-data-types.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { LogData, AbsoluteTimeRange, TimeSeries, TimeSeriesData, TimeSeriesMetadata } from '@perses-dev/core';\n\nexport interface LokiTimeSeriesData extends TimeSeriesData {\n  logs?: LogData;\n  resultType?: 'matrix' | 'streams';\n}\n\nexport interface LokiQueryResult {\n  timeRange?: AbsoluteTimeRange;\n  stepMs?: number;\n  series: TimeSeries[];\n  logs?: LogData;\n  resultType: 'matrix' | 'streams';\n  metadata?: TimeSeriesMetadata;\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AASjC,WAOC"}

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,EAEnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAoC,MAAM,OAAO,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA6H5E"}
+{"version":3,"file":"LokiLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EAEnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAOlD,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,CAoH5E"}

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

@@ -16,12 +16,12 @@ import { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/materia
 import { useCallback } from 'react';
 import { produce } from 'immer';
 import { OptionsEditorControl } from '@perses-dev/components';
-import { LogQLEditor } from '../../components/logql-editor';
+import { LogQLEditor } from '../../components';
 import { isDefaultLokiSelector, LOKI_DATASOURCE_KIND } from '../../model';
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
 import { useQueryState } from '../query-editor-model';
 export function LokiLogQueryEditor(props) {
-    const { onChange, value, queryHandlerSettings } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, LOKI_DATASOURCE_KIND);
@@ -33,10 +33,6 @@ export function LokiLogQueryEditor(props) {
                 const nextDatasource = isDefaultLokiSelector(newDatasourceSelection) ? undefined : newDatasourceSelection;
                 draft.datasource = nextDatasource;
             }));
-            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
-                ...value,
-                datasource: newDatasourceSelection
-            });
             return;
         }
         throw new Error('Got unexpected non LokiQuery datasource selection');
@@ -46,21 +42,14 @@ export function LokiLogQueryEditor(props) {
         }));
     // Immediate query execution on Enter or blur
     const handleQueryExecute = (query)=>{
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(query);
-        }
         onChange(produce(value, (draft)=>{
             draft.query = query;
         }));
     };
     const handleLogsQueryChange = useCallback((e)=>{
         handleQueryChange(e);
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(e);
-        }
     }, [
-        handleQueryChange,
-        queryHandlerSettings
+        handleQueryChange
     ]);
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 1.5,
@@ -98,7 +87,7 @@ export function LokiLogQueryEditor(props) {
                     /*#__PURE__*/ _jsx(LogQLEditor, {
                         value: query,
                         onChange: handleLogsQueryChange,
-                        onBlur: queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined,
+                        onBlur: handleQueryBlur,
                         onKeyDown: (event)=>{
                             if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
                                 event.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/loki-log-query/LokiLogQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { ReactElement, useCallback, useState, useEffect } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorControl } from '@perses-dev/components';\nimport { LogQLEditor } from '../../components/logql-editor';\nimport { isDefaultLokiSelector, LOKI_DATASOURCE_KIND, LokiDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { LokiLogQuerySpec } from './loki-log-query-types';\nimport { useQueryState } from '../query-editor-model';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiLogQuerySpec>;\n\nexport function LokiLogQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value, queryHandlerSettings } = 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          // 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\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n\n    throw new Error('Got unexpected non LokiQuery datasource selection');\n  };\n\n  const handleLogsDirection = (_: React.MouseEvent, v: 'backward' | 'forward') =>\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) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(query);\n    }\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      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\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={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\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      <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","InputLabel","Stack","ToggleButton","ToggleButtonGroup","useCallback","produce","OptionsEditorControl","LogQLEditor","isDefaultLokiSelector","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiLogQueryEditor","props","onChange","value","queryHandlerSettings","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","nextDatasource","undefined","setWatchOtherSpecs","Error","handleLogsDirection","_","v","direction","handleQueryExecute","watchQueryChanges","handleLogsQueryChange","e","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","runWithOnBlur","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 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { InputLabel, Stack, ToggleButton, ToggleButtonGroup } from '@mui/material';\nimport { ReactElement, useCallback } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorControl } from '@perses-dev/components';\nimport { LogQLEditor } from '../../components';\nimport { isDefaultLokiSelector, LOKI_DATASOURCE_KIND, LokiDatasourceSelector } 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  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') =>\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) => {\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      <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","InputLabel","Stack","ToggleButton","ToggleButtonGroup","useCallback","produce","OptionsEditorControl","LogQLEditor","isDefaultLokiSelector","LOKI_DATASOURCE_KIND","DATASOURCE_KIND","DEFAULT_DATASOURCE","useQueryState","LokiLogQueryEditor","props","onChange","value","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","nextDatasource","undefined","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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"}

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":["import { replaceVariables } from '@perses-dev/plugin-system';\nimport { LokiStreamResult } from '../../model/loki-client-types';\nimport { LokiClient } from '../../model/loki-client';\nimport { LogEntry, LogsData } from '../../model/loki-data-types';\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[]): LogsData {\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,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":["import { replaceVariables } from '@perses-dev/plugin-system';\nimport { LokiStreamResult } from '../../model/loki-client-types';\nimport { LokiClient } from '../../model/loki-client';\nimport { LogEntry, LogData } from '@perses-dev/core';\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,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"}

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

@@ -1,8 +1,7 @@
-import { AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';
+import { LogData, AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';
 import { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';
-import { LogsData } from '../../model/loki-data-types';
 export interface LogQueryResult {
-    logs: LogsData;
+    logs: LogData;
     timeRange: AbsoluteTimeRange;
     metadata?: {
         executedQueryString: string;
@@ -12,7 +11,6 @@ export interface LogQueryContext {
     timeRange: AbsoluteTimeRange;
     variableState: VariableStateMap;
     datasourceStore: DatasourceStore;
-    refreshKey: string;
 }
 type LogQueryPluginDependencies = {
     variables?: string[];

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,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,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;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB;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,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"}

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":["import { AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';\nimport { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\nimport { LogsData } from '../../model/loki-data-types';\n\nexport interface LogQueryResult {\n  logs: LogsData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface LogQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n  refreshKey: string;\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":"AAuBA,WAGC"}
+{"version":3,"sources":["../../../../src/queries/loki-log-query/log-query-plugin-interface.ts"],"sourcesContent":["import { 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":"AAqBA,WAGC"}

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;AAKlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAGzE,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAExE,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA+FzE"}
+{"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"}

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

@@ -15,12 +15,12 @@ import { DatasourceSelect, isVariableDatasource, useDatasourceSelectValueToSelec
 import { InputLabel, Stack } from '@mui/material';
 import { useCallback } from 'react';
 import { produce } from 'immer';
-import { LogQLEditor } from '../../components/logql-editor';
+import { LogQLEditor } from '../../components';
 import { LOKI_DATASOURCE_KIND } from '../../model';
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
 import { useQueryState } from '../query-editor-model';
 export function LokiQueryEditor(props) {
-    const { onChange, value, queryHandlerSettings } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const datasourceSelectValue = datasource ?? DEFAULT_DATASOURCE;
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, LOKI_DATASOURCE_KIND);
@@ -30,31 +30,20 @@ export function LokiQueryEditor(props) {
             onChange(produce(value, (draft)=>{
                 draft.datasource = newDatasourceSelection;
             }));
-            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
-                ...value,
-                datasource: newDatasourceSelection
-            });
             return;
         }
         throw new Error('Got unexpected non LokiQuery datasource selection');
     };
     // Immediate query execution on Enter or blur
     const handleQueryExecute = (query)=>{
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(query);
-        }
         onChange(produce(value, (draft)=>{
             draft.query = query;
         }));
     };
     const handleLogsQueryChange = useCallback((e)=>{
         handleQueryChange(e);
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(e);
-        }
     }, [
-        handleQueryChange,
-        queryHandlerSettings
+        handleQueryChange
     ]);
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 1.5,
@@ -92,7 +81,7 @@ export function LokiQueryEditor(props) {
                     /*#__PURE__*/ _jsx(LogQLEditor, {
                         value: query,
                         onChange: handleLogsQueryChange,
-                        onBlur: queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined,
+                        onBlur: handleQueryBlur,
                         onKeyDown: (event)=>{
                             if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
                                 event.preventDefault();

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 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\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/logql-editor';\nimport { LOKI_DATASOURCE_KIND, LokiDatasourceSelector } from '../../model';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { LokiTimeSeriesQuerySpec } from './loki-time-series-query-types';\nimport { useQueryState } from '../query-editor-model';\n\ntype LokiQueryEditorProps = OptionsEditorProps<LokiTimeSeriesQuerySpec>;\n\nexport function LokiQueryEditor(props: LokiQueryEditorProps): ReactElement {\n  const { onChange, value, queryHandlerSettings } = 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\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: newDatasourceSelection });\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) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(query);\n    }\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      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\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={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\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","queryHandlerSettings","datasource","datasourceSelectValue","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","setWatchOtherSpecs","Error","handleQueryExecute","watchQueryChanges","handleLogsQueryChange","e","spacing","paddingBottom","div","sx","display","marginBottom","fontWeight","datasourcePluginKind","label","notched","onBlur","runWithOnBlur","undefined","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,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,gCAAgC;AAC5D,SAASC,oBAAoB,QAAgC,cAAc;AAC3E,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AAEnE,SAASC,aAAa,QAAQ,wBAAwB;AAItD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,oBAAoB,EAAE,GAAGH;IAClD,MAAM,EAAEI,UAAU,EAAE,GAAGF;IACvB,MAAMG,wBAAwBD,cAAcP;IAC5C,MAAMS,qBAAqBjB,mCACzBgB,uBACAV;IAEF,MAAM,EAAEY,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGX,cAAcE;IAEpE,MAAMU,yBAA4D,CAACC;QACjE,IAAI,CAACvB,qBAAqBuB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGK,SACER,QAAQS,OAAO,CAACW;gBACdA,MAAMT,UAAU,GAAGO;YACrB;YAGF,IAAIR,sBAAsBW,oBACxBX,qBAAqBW,kBAAkB,CAAC;gBAAE,GAAGZ,KAAK;gBAAEE,YAAYO;YAAuB;YACzF;QACF;QAEA,MAAM,IAAII,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACT;QAC1B,IAAIJ,sBAAsBc,mBAAmB;YAC3Cd,qBAAqBc,iBAAiB,CAACV;QACzC;QACAN,SACER,QAAQS,OAAO,CAACW;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMW,wBAAwB1B,YAC5B,CAAC2B;QACCX,kBAAkBW;QAClB,IAAIhB,sBAAsBc,mBAAmB;YAC3Cd,qBAAqBc,iBAAiB,CAACE;QACzC;IACF,GACA;QAACX;QAAmBL;KAAqB;IAG3C,qBACE,MAACZ;QAAM6B,SAAS;QAAKC,eAAe;;0BAClC,MAACC;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAACvC;wBACCwC,sBAAsB/B;wBACtBM,OAAOI;wBACPL,UAAUS;wBACVkB,OAAM;wBACNC,OAAO;;;;0BAIX,MAACP;;kCACC,KAAChC;wBACCiC,IAAI;4BACFC,SAAS;4BACTC,cAAc;4BACdC,YAAY;wBACd;kCACD;;kCAGD,KAAChC;wBACCQ,OAAOK;wBACPN,UAAUiB;wBACVY,QAAQ3B,sBAAsB4B,gBAAgBtB,kBAAkBuB;wBAChEC,WAAW,CAACC;4BACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;gCAC7DH,MAAMI,cAAc;gCACpBtB,mBAAmBT;4BACrB;wBACF;wBACAgC,aAAY;;;;;;AAMtB"}
+{"version":3,"sources":["../../../../src/queries/loki-time-series-query/LokiTimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\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) => {\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,oCAAoC;AACpC,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"}