mirror of
https://github.com/grafana/grafana.git
synced 2025-09-28 03:23:46 +08: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
61 lines
2.0 KiB
TypeScript
61 lines
2.0 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
import Prism from 'prismjs';
|
|
import { AbsoluteTimeRange } from '@grafana/data';
|
|
import LokiLanguageProvider from 'app/plugins/datasource/loki/language_provider';
|
|
import { useLokiLabels } from 'app/plugins/datasource/loki/components/useLokiLabels';
|
|
import { CascaderOption } from 'app/plugins/datasource/loki/components/LokiQueryFieldForm';
|
|
import { useRefMounted } from 'app/core/hooks/useRefMounted';
|
|
|
|
const PRISM_SYNTAX = 'promql';
|
|
|
|
/**
|
|
*
|
|
* @param languageProvider
|
|
* @description Initializes given language provider, exposes Loki syntax and enables loading label option values
|
|
*/
|
|
export const useLokiSyntax = (languageProvider: LokiLanguageProvider, absoluteRange: AbsoluteTimeRange) => {
|
|
const mounted = useRefMounted();
|
|
// State
|
|
const [languageProviderInitialized, setLanguageProviderInitilized] = useState(false);
|
|
const [syntax, setSyntax] = useState(null);
|
|
|
|
/**
|
|
* Holds information about currently selected option from rc-cascader to perform effect
|
|
* that loads option values not fetched yet. Based on that useLokiLabels hook decides whether or not
|
|
* the option requires additional data fetching
|
|
*/
|
|
const [activeOption, setActiveOption] = useState<CascaderOption[]>();
|
|
|
|
const { logLabelOptions, setLogLabelOptions, refreshLabels } = useLokiLabels(
|
|
languageProvider,
|
|
languageProviderInitialized,
|
|
activeOption,
|
|
absoluteRange
|
|
);
|
|
|
|
// Async
|
|
const initializeLanguageProvider = async () => {
|
|
languageProvider.initialRange = absoluteRange;
|
|
await languageProvider.start();
|
|
Prism.languages[PRISM_SYNTAX] = languageProvider.getSyntax();
|
|
if (mounted.current) {
|
|
setLogLabelOptions(languageProvider.logLabelOptions);
|
|
setSyntax(languageProvider.getSyntax());
|
|
setLanguageProviderInitilized(true);
|
|
}
|
|
};
|
|
|
|
// Effects
|
|
useEffect(() => {
|
|
initializeLanguageProvider();
|
|
}, []);
|
|
|
|
return {
|
|
isSyntaxReady: languageProviderInitialized,
|
|
syntax,
|
|
logLabelOptions,
|
|
setActiveOption,
|
|
refreshLabels,
|
|
};
|
|
};
|