mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
246358344c
* Explore: Adds support for new loki 'start' and 'end' params for labels endpoint Also initializes absoluteRange when explore is initialized Closes #16788 * Explore: Dispatches updateTimeRangeAction instead of passing absoluteRange when initializing Also removes dependency on sinon from loki language provider test * Loki: Refactors transformation of absolute time range to URL params into small utility function * Makes use of rangeToParams() util function in loki language provider test Also updates LanguageProvider.request() interface so that url should be type string, and adds optional params argument
68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
// @ts-ignore
|
|
import Prism from 'prismjs';
|
|
import { DataSourceStatus } from '@grafana/ui/src/types/datasource';
|
|
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,
|
|
datasourceStatus: DataSourceStatus,
|
|
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,
|
|
datasourceStatus
|
|
);
|
|
|
|
// 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,
|
|
};
|
|
};
|