mirror of
https://github.com/grafana/grafana.git
synced 2025-08-06 20:59:35 +08:00

* wip: add slo support * Export DataSourcePlugin * wip: break out metric query editor into its own component * wip: refactor frontend - keep SLO and Metric query in differnt objects * wip - load services and slos * Fix broken test * Add interactive slo expression builder * Change order of dropdowns * Refactoring backend model. slo unit testing in progress * Unit test migration and SLOs * Cleanup SLO editor * Simplify alias by component * Support alias by for slos * Support slos in variable queries * Fix broken last query error * Update Help section to include SLO aliases * streamline datasource resource cache * Break out api specific stuff in datasource to its own file * Move get projects call to frontend * Refactor api caching * Unit test api service * Fix lint go issue * Fix typescript strict errors * Fix test datasource * Use budget fraction selector instead of budget * Reset SLO when service is changed * Handle error in case resource call returned no data * Show real SLI display name * Use unsafe prefix on will mount hook * Store goal in query model since it will be used as soon as graph panel supports adding a threshold * Add comment to describe why componentWillMount is used * Interpolate sloid * Break out SLO aggregation into its own func * Also test group bys for metricquery test * Remove not used type fields * Remove annoying stackdriver prefix from error message * Default view param to FULL * Add part about SLO query builder in docs * Use new images * Fixes after feedback * Add one more group by test * Make stackdriver types internal * Update docs/sources/features/datasources/stackdriver.md Co-Authored-By: Diana Payton <52059945+oddlittlebird@users.noreply.github.com> * Update docs/sources/features/datasources/stackdriver.md Co-Authored-By: Diana Payton <52059945+oddlittlebird@users.noreply.github.com> * Update docs/sources/features/datasources/stackdriver.md Co-Authored-By: Diana Payton <52059945+oddlittlebird@users.noreply.github.com> * Updates after PR feedback * add test for when no alias by defined * fix infinite loop when newVariables feature flag is on onChange being called in componentDidUpdate produces an infinite loop when using the new React template variable implementation. Also fixes a spelling mistake * implements feedback for documentation changes * more doc changes Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com> Co-authored-by: Daniel Lee <dan.limerick@gmail.com>
381 lines
12 KiB
TypeScript
381 lines
12 KiB
TypeScript
import _ from 'lodash';
|
|
|
|
import {
|
|
DataQueryRequest,
|
|
DataQueryResponse,
|
|
DataSourceApi,
|
|
DataSourceInstanceSettings,
|
|
ScopedVars,
|
|
SelectableValue,
|
|
} from '@grafana/data';
|
|
import { TemplateSrv } from 'app/features/templating/template_srv';
|
|
import { TimeSrv } from 'app/features/dashboard/services/TimeSrv';
|
|
|
|
import { StackdriverQuery, MetricDescriptor, StackdriverOptions, Filter, VariableQueryData, QueryType } from './types';
|
|
import { stackdriverUnitMappings } from './constants';
|
|
import API from './api';
|
|
import StackdriverMetricFindQuery from './StackdriverMetricFindQuery';
|
|
|
|
export default class StackdriverDatasource extends DataSourceApi<StackdriverQuery, StackdriverOptions> {
|
|
api: API;
|
|
authenticationType: string;
|
|
|
|
/** @ngInject */
|
|
constructor(
|
|
private instanceSettings: DataSourceInstanceSettings<StackdriverOptions>,
|
|
public templateSrv: TemplateSrv,
|
|
private timeSrv: TimeSrv
|
|
) {
|
|
super(instanceSettings);
|
|
this.authenticationType = instanceSettings.jsonData.authenticationType || 'jwt';
|
|
this.api = new API(`${instanceSettings.url!}/stackdriver/v3/projects/`);
|
|
}
|
|
|
|
get variables() {
|
|
return this.templateSrv.getVariables().map(v => `$${v.name}`);
|
|
}
|
|
|
|
async query(options: DataQueryRequest<StackdriverQuery>): Promise<DataQueryResponse> {
|
|
const result: DataQueryResponse[] = [];
|
|
const data = await this.getTimeSeries(options);
|
|
if (data.results) {
|
|
Object.values(data.results).forEach((queryRes: any) => {
|
|
if (!queryRes.series) {
|
|
return;
|
|
}
|
|
const unit = this.resolvePanelUnitFromTargets(options.targets);
|
|
queryRes.series.forEach((series: any) => {
|
|
let timeSerie: any = {
|
|
target: series.name,
|
|
datapoints: series.points,
|
|
refId: queryRes.refId,
|
|
meta: queryRes.meta,
|
|
};
|
|
if (unit) {
|
|
timeSerie = { ...timeSerie, unit };
|
|
}
|
|
result.push(timeSerie);
|
|
});
|
|
});
|
|
return { data: result };
|
|
} else {
|
|
return { data: [] };
|
|
}
|
|
}
|
|
|
|
async annotationQuery(options: any) {
|
|
await this.ensureGCEDefaultProject();
|
|
const annotation = options.annotation;
|
|
const queries = [
|
|
{
|
|
refId: 'annotationQuery',
|
|
type: 'annotationQuery',
|
|
datasourceId: this.id,
|
|
view: 'FULL',
|
|
crossSeriesReducer: 'REDUCE_NONE',
|
|
perSeriesAligner: 'ALIGN_NONE',
|
|
metricType: this.templateSrv.replace(annotation.target.metricType, options.scopedVars || {}),
|
|
title: this.templateSrv.replace(annotation.target.title, options.scopedVars || {}),
|
|
text: this.templateSrv.replace(annotation.target.text, options.scopedVars || {}),
|
|
tags: this.templateSrv.replace(annotation.target.tags, options.scopedVars || {}),
|
|
projectName: this.templateSrv.replace(
|
|
annotation.target.projectName ? annotation.target.projectName : this.getDefaultProject(),
|
|
options.scopedVars || {}
|
|
),
|
|
filters: this.interpolateFilters(annotation.target.filters || [], options.scopedVars),
|
|
},
|
|
];
|
|
|
|
const { data } = await this.api.post({
|
|
from: options.range.from.valueOf().toString(),
|
|
to: options.range.to.valueOf().toString(),
|
|
queries,
|
|
});
|
|
|
|
const results = data.results['annotationQuery'].tables[0].rows.map((v: any) => {
|
|
return {
|
|
annotation: annotation,
|
|
time: Date.parse(v[0]),
|
|
title: v[1],
|
|
tags: [],
|
|
text: v[3],
|
|
} as any;
|
|
});
|
|
|
|
return results;
|
|
}
|
|
|
|
async metricFindQuery(query: VariableQueryData) {
|
|
await this.ensureGCEDefaultProject();
|
|
const stackdriverMetricFindQuery = new StackdriverMetricFindQuery(this);
|
|
return stackdriverMetricFindQuery.execute(query);
|
|
}
|
|
|
|
async getTimeSeries(options: DataQueryRequest<StackdriverQuery>) {
|
|
await this.ensureGCEDefaultProject();
|
|
const queries = options.targets
|
|
.map(this.migrateQuery)
|
|
.filter(this.shouldRunQuery)
|
|
.map(q => this.prepareTimeSeriesQuery(q, options));
|
|
|
|
if (queries.length > 0) {
|
|
const { data } = await this.api.post({
|
|
from: options.range.from.valueOf().toString(),
|
|
to: options.range.to.valueOf().toString(),
|
|
queries,
|
|
});
|
|
return data;
|
|
} else {
|
|
return { results: [] };
|
|
}
|
|
}
|
|
|
|
async getLabels(metricType: string, refId: string, projectName: string, groupBys?: string[]) {
|
|
const response = await this.getTimeSeries({
|
|
targets: [
|
|
{
|
|
refId,
|
|
datasourceId: this.id,
|
|
queryType: QueryType.METRICS,
|
|
metricQuery: {
|
|
projectName: this.templateSrv.replace(projectName),
|
|
metricType: this.templateSrv.replace(metricType),
|
|
groupBys: this.interpolateGroupBys(groupBys || [], {}),
|
|
crossSeriesReducer: 'REDUCE_NONE',
|
|
view: 'HEADERS',
|
|
},
|
|
},
|
|
],
|
|
range: this.timeSrv.timeRange(),
|
|
} as DataQueryRequest<StackdriverQuery>);
|
|
const result = response.results[refId];
|
|
return result && result.meta ? result.meta.labels : {};
|
|
}
|
|
|
|
async testDatasource() {
|
|
let status, message;
|
|
const defaultErrorMessage = 'Cannot connect to Stackdriver API';
|
|
try {
|
|
await this.ensureGCEDefaultProject();
|
|
const response = await this.api.test(this.getDefaultProject());
|
|
if (response.status === 200) {
|
|
status = 'success';
|
|
message = 'Successfully queried the Stackdriver API.';
|
|
} else {
|
|
status = 'error';
|
|
message = response.statusText ? response.statusText : defaultErrorMessage;
|
|
}
|
|
} catch (error) {
|
|
status = 'error';
|
|
if (_.isString(error)) {
|
|
message = error;
|
|
} else {
|
|
message = 'Stackdriver: ';
|
|
message += error.statusText ? error.statusText : defaultErrorMessage;
|
|
if (error.data && error.data.error && error.data.error.code) {
|
|
message += ': ' + error.data.error.code + '. ' + error.data.error.message;
|
|
}
|
|
}
|
|
} finally {
|
|
return {
|
|
status,
|
|
message,
|
|
};
|
|
}
|
|
}
|
|
|
|
async getGCEDefaultProject() {
|
|
return this.api
|
|
.post({
|
|
queries: [
|
|
{
|
|
refId: 'getGCEDefaultProject',
|
|
type: 'getGCEDefaultProject',
|
|
datasourceId: this.id,
|
|
},
|
|
],
|
|
})
|
|
.then(({ data }) => {
|
|
return data && data.results && data.results.getGCEDefaultProject && data.results.getGCEDefaultProject.meta
|
|
? data.results.getGCEDefaultProject.meta.defaultProject
|
|
: '';
|
|
})
|
|
.catch(err => {
|
|
throw err.data.error;
|
|
});
|
|
}
|
|
|
|
getDefaultProject(): string {
|
|
const { defaultProject, authenticationType, gceDefaultProject } = this.instanceSettings.jsonData;
|
|
if (authenticationType === 'gce') {
|
|
return gceDefaultProject || '';
|
|
}
|
|
|
|
return defaultProject || '';
|
|
}
|
|
|
|
async ensureGCEDefaultProject() {
|
|
const { authenticationType, gceDefaultProject } = this.instanceSettings.jsonData;
|
|
if (authenticationType === 'gce' && !gceDefaultProject) {
|
|
this.instanceSettings.jsonData.gceDefaultProject = await this.getGCEDefaultProject();
|
|
}
|
|
}
|
|
|
|
async getMetricTypes(projectName: string): Promise<MetricDescriptor[]> {
|
|
if (!projectName) {
|
|
return [];
|
|
}
|
|
|
|
return this.api.get(`${this.templateSrv.replace(projectName)}/metricDescriptors`, {
|
|
responseMap: (m: any) => {
|
|
const [service] = m.type.split('/');
|
|
const [serviceShortName] = service.split('.');
|
|
m.service = service;
|
|
m.serviceShortName = serviceShortName;
|
|
m.displayName = m.displayName || m.type;
|
|
|
|
return m;
|
|
},
|
|
}) as Promise<MetricDescriptor[]>;
|
|
}
|
|
|
|
async getSLOServices(projectName: string): Promise<Array<SelectableValue<string>>> {
|
|
return this.api.get(`${this.templateSrv.replace(projectName)}/services`, {
|
|
responseMap: ({ name }: { name: string }) => ({
|
|
value: name.match(/([^\/]*)\/*$/)[1],
|
|
label: name.match(/([^\/]*)\/*$/)[1],
|
|
}),
|
|
});
|
|
}
|
|
|
|
async getServiceLevelObjectives(projectName: string, serviceId: string): Promise<Array<SelectableValue<string>>> {
|
|
let { projectName: p, serviceId: s } = this.interpolateProps({ projectName, serviceId });
|
|
return this.api.get(`${p}/services/${s}/serviceLevelObjectives`, {
|
|
responseMap: ({ name, displayName, goal }: { name: string; displayName: string; goal: number }) => ({
|
|
value: name.match(/([^\/]*)\/*$/)[1],
|
|
label: displayName,
|
|
goal,
|
|
}),
|
|
});
|
|
}
|
|
|
|
async getProjects() {
|
|
return this.api.get(`projects`, {
|
|
responseMap: ({ projectId, name }: { projectId: string; name: string }) => ({
|
|
value: projectId,
|
|
label: name,
|
|
}),
|
|
baseUrl: `${this.instanceSettings.url!}/cloudresourcemanager/v1/`,
|
|
});
|
|
}
|
|
|
|
migrateQuery(query: StackdriverQuery): StackdriverQuery {
|
|
if (!query.hasOwnProperty('metricQuery')) {
|
|
const { hide, refId, datasource, key, queryType, maxLines, metric, ...rest } = query as any;
|
|
return {
|
|
refId,
|
|
hide,
|
|
queryType: QueryType.METRICS,
|
|
metricQuery: {
|
|
...rest,
|
|
view: rest.view || 'FULL',
|
|
},
|
|
};
|
|
}
|
|
return query;
|
|
}
|
|
|
|
interpolateProps(object: { [key: string]: any } = {}, scopedVars: ScopedVars = {}): { [key: string]: any } {
|
|
return Object.entries(object).reduce((acc, [key, value]) => {
|
|
return {
|
|
...acc,
|
|
[key]: value && _.isString(value) ? this.templateSrv.replace(value, scopedVars) : value,
|
|
};
|
|
}, {});
|
|
}
|
|
|
|
shouldRunQuery(query: StackdriverQuery): boolean {
|
|
if (query.hide) {
|
|
return false;
|
|
}
|
|
|
|
if (query.queryType && query.queryType === QueryType.SLO) {
|
|
const { selectorName, serviceId, sloId, projectName } = query.sloQuery;
|
|
return !!selectorName && !!serviceId && !!sloId && !!projectName;
|
|
}
|
|
|
|
const { metricType } = query.metricQuery;
|
|
|
|
return !!metricType;
|
|
}
|
|
|
|
prepareTimeSeriesQuery(
|
|
{ metricQuery, refId, queryType, sloQuery }: StackdriverQuery,
|
|
{ scopedVars, intervalMs }: DataQueryRequest<StackdriverQuery>
|
|
) {
|
|
return {
|
|
datasourceId: this.id,
|
|
refId,
|
|
queryType,
|
|
intervalMs: intervalMs,
|
|
type: 'timeSeriesQuery',
|
|
metricQuery: {
|
|
...this.interpolateProps(metricQuery, scopedVars),
|
|
projectName: this.templateSrv.replace(
|
|
metricQuery.projectName ? metricQuery.projectName : this.getDefaultProject()
|
|
),
|
|
filters: this.interpolateFilters(metricQuery.filters || [], scopedVars),
|
|
groupBys: this.interpolateGroupBys(metricQuery.groupBys || [], scopedVars),
|
|
view: metricQuery.view || 'FULL',
|
|
},
|
|
sloQuery: this.interpolateProps(sloQuery, scopedVars),
|
|
};
|
|
}
|
|
|
|
interpolateFilters(filters: string[], scopedVars: ScopedVars) {
|
|
const completeFilter = _.chunk(filters, 4)
|
|
.map(([key, operator, value, condition]) => ({
|
|
key,
|
|
operator,
|
|
value,
|
|
...(condition && { condition }),
|
|
}))
|
|
.reduce((res, filter) => (filter.value ? [...res, filter] : res), []);
|
|
|
|
const filterArray = _.flatten(
|
|
completeFilter.map(({ key, operator, value, condition }: Filter) => [
|
|
this.templateSrv.replace(key, scopedVars || {}),
|
|
operator,
|
|
this.templateSrv.replace(value, scopedVars || {}, 'regex'),
|
|
...(condition ? [condition] : []),
|
|
])
|
|
);
|
|
|
|
return filterArray || [];
|
|
}
|
|
|
|
interpolateGroupBys(groupBys: string[], scopedVars: {}): string[] {
|
|
let interpolatedGroupBys: string[] = [];
|
|
(groupBys || []).forEach(gb => {
|
|
const interpolated = this.templateSrv.replace(gb, scopedVars || {}, 'csv').split(',');
|
|
if (Array.isArray(interpolated)) {
|
|
interpolatedGroupBys = interpolatedGroupBys.concat(interpolated);
|
|
} else {
|
|
interpolatedGroupBys.push(interpolated);
|
|
}
|
|
});
|
|
return interpolatedGroupBys;
|
|
}
|
|
|
|
resolvePanelUnitFromTargets(targets: any) {
|
|
let unit;
|
|
if (targets.length > 0 && targets.every((t: any) => t.unit === targets[0].unit)) {
|
|
if (stackdriverUnitMappings.hasOwnProperty(targets[0].unit!)) {
|
|
// @ts-ignore
|
|
unit = stackdriverUnitMappings[targets[0].unit];
|
|
}
|
|
}
|
|
return unit;
|
|
}
|
|
}
|