2 |
25 |
26 |
91 |
92 |
--------------------------------------------------------------------------------
/dist/plugin.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "CompareQueries",
3 | "id": "autohome-comparequeries-datasource",
4 | "type": "datasource",
5 |
6 | "metrics": true,
7 | "mixed": true,
8 | "hiddenQueries": true,
9 | "annotations": false,
10 |
11 | "queryOptions": {
12 | "minInterval": true
13 | },
14 |
15 | "info": {
16 | "description": "This plugin is built as a datasource plugin that combines and contrasts different time shifts data.",
17 | "version": "1.0.1",
18 | "updated": "2021-12-10",
19 | "keywords": [
20 | "datasource",
21 | "compare",
22 | "time shift"
23 | ],
24 | "author": {
25 | "name": "AutohomeCorp",
26 | "url": "https://github.com/AutohomeCorp/autohome-compareQueries-datasource"
27 | },
28 | "links": [
29 | {
30 | "name": "GitHub",
31 | "url": "https://github.com/AutohomeCorp/autohome-compareQueries-datasource#readme"
32 | }
33 | ],
34 | "logos": {
35 | "small": "img/logo.png",
36 | "large": "img/logo.png"
37 | }
38 | },
39 | "dependencies": {
40 | "grafanaDependency": ">=6.3.0",
41 | "plugins": []
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/img/step-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AutohomeCorp/autohome-compareQueries-datasource/6cc213a7c26d6119e12fc989e554c0f86c8cac7c/img/step-1.png
--------------------------------------------------------------------------------
/img/step-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AutohomeCorp/autohome-compareQueries-datasource/6cc213a7c26d6119e12fc989e554c0f86c8cac7c/img/step-2.png
--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | // This file is needed because it is used by vscode and other tools that
2 | // call `jest` directly. However, unless you are doing anything special
3 | // do not edit this file
4 |
5 | const standard = require('@grafana/toolkit/src/config/jest.plugin.config');
6 |
7 | // This process will use the same config that `yarn test` is using
8 | module.exports = standard.jestConfig();
9 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "autohome-comparequeries-datasource",
3 | "version": "0.0.2",
4 | "description": "Grafana plugin for Compare Queries",
5 | "main": "index.js",
6 | "scripts": {
7 | "build": "grafana-toolkit plugin:build",
8 | "test": "grafana-toolkit plugin:test",
9 | "dev": "grafana-toolkit plugin:dev",
10 | "watch": "grafana-toolkit plugin:dev --watch"
11 | },
12 | "repository": {
13 | "type": "git",
14 | "url": "https://github.com/AutohomeCorp/autohome-comparequeries-datasource"
15 | },
16 | "keywords": [
17 | "Compare Queries"
18 | ],
19 | "author": "nfw",
20 | "license": "MIT",
21 | "bugs": {
22 | "url": "https://github.com/AutohomeCorp/grafana-compare-queries/issues"
23 | },
24 | "devDependencies": {
25 | "@grafana/data": "next",
26 | "@grafana/ui": "next",
27 | "@grafana/toolkit": "next",
28 | "@types/grafana": "github:CorpGlory/types-grafana.git",
29 | "lodash": ">=4.17.19"
30 | },
31 | "homepage": ""
32 | }
33 |
--------------------------------------------------------------------------------
/src/config_ctrl.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 |
3 | export class CompareQueriesConfigCtrl {
4 | static templateUrl = 'partials/config.html';
5 | current: any;
6 | }
7 |
--------------------------------------------------------------------------------
/src/datasource.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import moment from 'moment'; // eslint-disable-line no-restricted-imports
3 |
4 | import { ArrayVector, MutableField } from '@grafana/data';
5 |
6 | export class CompareQueriesDatasource {
7 | datasourceSrv: any;
8 | $q: any;
9 | templateSrv: any;
10 | meta: any;
11 | units = ['y', 'M', 'w', 'd', 'h', 'm', 's'];
12 |
13 | /** @ngInject */
14 | constructor($q, datasourceSrv, templateSrv) {
15 | this.datasourceSrv = datasourceSrv;
16 | this.$q = $q;
17 | this.templateSrv = templateSrv;
18 | }
19 |
20 | testDatasource() {
21 | return new Promise(function(resolve, reject) {
22 | resolve({
23 | status: 'success',
24 | message: 'Compare Query Source is working correctly',
25 | title: 'Success',
26 | });
27 | });
28 | }
29 |
30 | // Called once per panel (graph)
31 | query(options) {
32 | var _this = this;
33 | var sets = _.groupBy(options.targets, function(ds) {
34 | // Trying to maintain compatibility with grafana lower then 8.3.x
35 | if (ds.datasource.uid === undefined) {
36 | return ds.datasource;
37 | }
38 | return ds.datasource.uid;
39 | });
40 | var querys = _.groupBy(options.targets, 'refId');
41 | var promises: any[] = [];
42 | _.forEach(sets, function(targets, dsName) {
43 | var opt = _.cloneDeep(options);
44 |
45 | var promise = _this.datasourceSrv.get(dsName).then(function(ds) {
46 | if (ds.meta.id === _this.meta.id) {
47 | return _this._compareQuery(options, targets, querys, _this);
48 | } else {
49 | opt.targets = targets;
50 | let result = ds.query(opt);
51 | return typeof result.toPromise === 'function' ? result.toPromise() : result;
52 | }
53 | });
54 | promises.push(promise);
55 | });
56 | let result = this.$q.all(promises).then(function(results) {
57 | return {
58 | data: _.flatten(
59 | _.filter(
60 | _.map(results, function(result) {
61 | var data = result.data;
62 | if (data) {
63 | data = _.filter(result.data, function(datum) {
64 | return datum.hide !== true;
65 | });
66 | }
67 | return data;
68 | }),
69 | function(result) {
70 | return result !== undefined && result !== null;
71 | }
72 | )
73 | ),
74 | };
75 | });
76 | return result;
77 | }
78 |
79 | _compareQuery(options, targets, querys, _this) {
80 | var comparePromises: any[] = [];
81 | //console.log('_compareQuery targets', targets)
82 | _.forEach(targets, function(target) {
83 | var query = target.query;
84 | if (query === null || query === '' || querys[query] === null) {
85 | return;
86 | }
87 | var queryObj = _.cloneDeep(querys[query][0]);
88 | queryObj.hide = false;
89 | if (queryObj) {
90 | var compareDsName = queryObj.datasource;
91 | if (target.timeShifts && target.timeShifts.length > 0) {
92 | _.forEach(target.timeShifts, function(timeShift) {
93 | var timeShiftValue;
94 | var timeShiftAlias;
95 | var aliasType = timeShift.aliasType || 'suffix';
96 | var delimiter = timeShift.delimiter || '_';
97 |
98 | var comparePromise = _this.datasourceSrv
99 | .get(compareDsName)
100 | .then(function(compareDs) {
101 | if (compareDs.meta.id === _this.meta.id) {
102 | return { data: [] };
103 | }
104 | timeShiftValue = _this.templateSrv.replace(timeShift.value, options.scopedVars);
105 | timeShiftAlias = _this.templateSrv.replace(timeShift.alias, options.scopedVars) || timeShiftValue;
106 |
107 | if (timeShiftValue === null || timeShiftValue === '' || typeof timeShiftValue === 'undefined') {
108 | return { data: [] };
109 | }
110 | let compareOptions = _.cloneDeep(options);
111 | compareOptions.range.from = _this.addTimeShift(compareOptions.range.from, timeShiftValue);
112 | compareOptions.range.to = _this.addTimeShift(compareOptions.range.to, timeShiftValue);
113 | compareOptions.range.raw = {
114 | from: compareOptions.range.from,
115 | to: compareOptions.range.to,
116 | };
117 | compareOptions.rangeRaw = compareOptions.range.raw;
118 |
119 | queryObj.refId = queryObj.refId + '_' + timeShiftValue;
120 | compareOptions.targets = [queryObj];
121 | compareOptions.requestId = compareOptions.requestId + '_' + timeShiftValue;
122 |
123 | var compareResult = compareDs.query(compareOptions);
124 | return typeof compareResult.toPromise === 'function' ? compareResult.toPromise() : compareResult;
125 | })
126 | .then(function(compareResult) {
127 | var data = compareResult.data;
128 | data.forEach(function(line) {
129 | if (line.target) {
130 | // if old time series format
131 | line.target = _this.generalAlias(line.target, timeShiftAlias, aliasType, delimiter);
132 | typeof line.title !== 'undefined' &&
133 | line.title !== null &&
134 | (line.title = _this.generalAlias(line.title, timeShiftAlias, aliasType, delimiter));
135 | } else if (line.fields) {
136 | //else if new data frames format with multiple series
137 | line.fields.forEach(function(field) {
138 | if (field.name) {
139 | field.name = _this.generalAlias(field.name, timeShiftAlias, aliasType, delimiter);
140 | }
141 |
142 | if (field.config && field.config.displayName) {
143 | field.config.displayName = _this.generalAlias(
144 | field.config.displayName,
145 | timeShiftAlias,
146 | aliasType,
147 | delimiter
148 | );
149 | }
150 |
151 | if (field.config && field.config.displayNameFromDS) {
152 | field.config.displayNameFromDS = _this.generalAlias(
153 | field.config.displayNameFromDS,
154 | timeShiftAlias,
155 | aliasType,
156 | delimiter
157 | );
158 | }
159 | });
160 | } else if (line.columns) {
161 | // else if table. always skip first column for joins
162 | for (let i = 1; i < line.columns.length; i++) {
163 | let column = line.columns[i];
164 | if (column.text) {
165 | column.text = _this.generalAlias(column.text, timeShiftAlias, aliasType, delimiter);
166 | }
167 | }
168 | }
169 |
170 | if (target.process) {
171 | let timeShift_ms = _this.parseShiftToMs(timeShiftValue);
172 |
173 | if (line.type === 'table') {
174 | if (line.rows) {
175 | line.rows.forEach(function(row) {
176 | row[0] = row[0] + timeShift_ms;
177 | });
178 | }
179 | } else {
180 | if (line.datapoints) {
181 | // if old time series format
182 | line.datapoints.forEach(function(datapoint) {
183 | datapoint[1] = datapoint[1] + timeShift_ms;
184 | });
185 | } else if (line.fields && line.fields.length > 0) {
186 | //else if new data frames format
187 | const unshiftedTimeField = line.fields.find(field => field.type === 'time');
188 |
189 | if (unshiftedTimeField) {
190 | const timeField: MutableField = {
191 | name: unshiftedTimeField.name,
192 | type: unshiftedTimeField.type,
193 | config: unshiftedTimeField.config || {},
194 | labels: unshiftedTimeField.labels,
195 | values: new ArrayVector(),
196 | };
197 |
198 | for (let i = 0; i < line.length; i++) {
199 | timeField.values.set(i, unshiftedTimeField.values.get(i) + timeShift_ms);
200 | }
201 | line.fields[0] = timeField;
202 | }
203 | }
204 | }
205 | }
206 |
207 | line.hide = target.hide;
208 | });
209 | return {
210 | data: data,
211 | };
212 | });
213 |
214 | comparePromises.push(comparePromise);
215 | });
216 | }
217 | }
218 | });
219 |
220 | return this.$q.all(comparePromises).then(function(results) {
221 | return {
222 | data: _.flatten(
223 | _.filter(
224 | _.map(results, function(result) {
225 | var data = result.data;
226 | if (data) {
227 | data = _.filter(result.data, function(datum) {
228 | return datum.hide !== true;
229 | });
230 | }
231 | return data;
232 | }),
233 | function(result) {
234 | return result !== undefined && result !== null;
235 | }
236 | )
237 | ),
238 | };
239 | });
240 | }
241 |
242 | generalAlias(original, alias, aliasType, delimiter) {
243 | switch (aliasType) {
244 | case 'prefix':
245 | return alias + delimiter + original;
246 | case 'absolute':
247 | return alias;
248 | case 'suffix':
249 | default:
250 | return original + delimiter + alias;
251 | }
252 | }
253 |
254 | parseShiftToMs(timeShift) {
255 | let timeShiftObj = this.parseTimeShift(timeShift);
256 | if (!timeShiftObj) {
257 | return;
258 | }
259 | var num = 0 - timeShiftObj.num;
260 | var unit = timeShiftObj.unit;
261 | if (!_.includes(this.units, unit)) {
262 | return undefined;
263 | } else {
264 | let curTime = moment();
265 | let shiftTime = curTime.clone().add(num, unit);
266 | return curTime.valueOf() - shiftTime.valueOf();
267 | }
268 | }
269 | parseTimeShift(timeShift) {
270 | var dateTime = timeShift;
271 | var len = timeShift.length;
272 | var i = 0;
273 |
274 | while (i < len && !isNaN(dateTime.charAt(i))) {
275 | i++;
276 | if (i > 10) {
277 | return undefined;
278 | }
279 | }
280 | var num = parseInt(dateTime.substring(0, i), 10);
281 | var unit = dateTime.charAt(i);
282 | return {
283 | num: num,
284 | unit: unit,
285 | };
286 | }
287 |
288 | addTimeShift(time, timeShift) {
289 | let timeShiftObj = this.parseTimeShift(timeShift);
290 | if (!timeShiftObj) {
291 | return;
292 | }
293 | var num = 0 - timeShiftObj.num;
294 | var unit = timeShiftObj.unit;
295 |
296 | if (!_.includes(this.units, unit)) {
297 | return undefined;
298 | } else {
299 | let curTime = time;
300 | let shiftTime = curTime.clone().add(num, unit);
301 | return shiftTime;
302 | }
303 | }
304 | }
305 |
--------------------------------------------------------------------------------
/src/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AutohomeCorp/autohome-compareQueries-datasource/6cc213a7c26d6119e12fc989e554c0f86c8cac7c/src/img/logo.png
--------------------------------------------------------------------------------
/src/module.ts:
--------------------------------------------------------------------------------
1 | import { CompareQueriesDatasource } from './datasource';
2 | import { CompareQueriesQueryCtrl } from './query_ctrl';
3 | import { CompareQueriesConfigCtrl } from './config_ctrl';
4 | export {
5 | CompareQueriesDatasource as Datasource,
6 | CompareQueriesQueryCtrl as QueryCtrl,
7 | CompareQueriesConfigCtrl as ConfigCtrl,
8 | };
9 |
--------------------------------------------------------------------------------
/src/partials/config.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/partials/query.editor.html:
--------------------------------------------------------------------------------
1 |