mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
781cff07af
* Explore: Remove datasource testing on selector - datasource testing gets in the way of fast query iteration: switching between datasources can take seconds - it should not be explore's duty to test datasources in the first place - removed the concept of datasourceError in Explore, should not be its concern - datasource erorrs will express themselves in query errors just fine - connection errors are still bubbled up - removed reconnection logic from explore, should not be its concern - missing labels in loki are still "visible" via an empty label selector - Loki and Prometheus treated connection errors differently than other datasources, making sure to pass through the original error message * Show datasource error in query field for prom/loki/influx * Removed connection test case, fixed disabled state
86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
import { AbsoluteTimeRange } from '@grafana/data';
|
|
|
|
import LokiLanguageProvider from 'app/plugins/datasource/loki/language_provider';
|
|
import { CascaderOption } from 'app/plugins/datasource/loki/components/LokiQueryFieldForm';
|
|
import { useRefMounted } from 'app/core/hooks/useRefMounted';
|
|
|
|
/**
|
|
*
|
|
* @param languageProvider
|
|
* @param languageProviderInitialised
|
|
* @param activeOption rc-cascader provided option used to fetch option's values that hasn't been loaded yet
|
|
*
|
|
* @description Fetches missing labels and enables labels refresh
|
|
*/
|
|
export const useLokiLabels = (
|
|
languageProvider: LokiLanguageProvider,
|
|
languageProviderInitialised: boolean,
|
|
activeOption: CascaderOption[],
|
|
absoluteRange: AbsoluteTimeRange
|
|
) => {
|
|
const mounted = useRefMounted();
|
|
|
|
// State
|
|
const [logLabelOptions, setLogLabelOptions] = useState([]);
|
|
const [shouldTryRefreshLabels, setRefreshLabels] = useState(false);
|
|
const [shouldForceRefreshLabels, setForceRefreshLabels] = useState(false);
|
|
|
|
// Async
|
|
const fetchOptionValues = async (option: string) => {
|
|
await languageProvider.fetchLabelValues(option, absoluteRange);
|
|
if (mounted.current) {
|
|
setLogLabelOptions(languageProvider.logLabelOptions);
|
|
}
|
|
};
|
|
|
|
const tryLabelsRefresh = async () => {
|
|
await languageProvider.refreshLogLabels(absoluteRange, shouldForceRefreshLabels);
|
|
|
|
if (mounted.current) {
|
|
setRefreshLabels(false);
|
|
setForceRefreshLabels(false);
|
|
setLogLabelOptions(languageProvider.logLabelOptions);
|
|
}
|
|
};
|
|
|
|
// Effects
|
|
|
|
// This effect performs loading of options that hasn't been loaded yet
|
|
// It's a subject of activeOption state change only. This is because of specific behavior or rc-cascader
|
|
// https://github.com/react-component/cascader/blob/master/src/Cascader.jsx#L165
|
|
useEffect(() => {
|
|
if (languageProviderInitialised) {
|
|
const targetOption = activeOption[activeOption.length - 1];
|
|
if (targetOption) {
|
|
const nextOptions = logLabelOptions.map(option => {
|
|
if (option.value === targetOption.value) {
|
|
return {
|
|
...option,
|
|
loading: true,
|
|
};
|
|
}
|
|
return option;
|
|
});
|
|
setLogLabelOptions(nextOptions); // to set loading
|
|
fetchOptionValues(targetOption.value);
|
|
}
|
|
}
|
|
}, [activeOption]);
|
|
|
|
// This effect is performed on shouldTryRefreshLabels or shouldForceRefreshLabels state change only.
|
|
// Since shouldTryRefreshLabels is reset AFTER the labels are refreshed we are secured in case of trying to refresh
|
|
// when previous refresh hasn't finished yet
|
|
useEffect(() => {
|
|
if (shouldTryRefreshLabels || shouldForceRefreshLabels) {
|
|
tryLabelsRefresh();
|
|
}
|
|
}, [shouldTryRefreshLabels, shouldForceRefreshLabels]);
|
|
|
|
return {
|
|
logLabelOptions,
|
|
setLogLabelOptions,
|
|
refreshLabels: () => setRefreshLabels(true),
|
|
};
|
|
};
|