Send anonymous usage data to mixpanel

Fixes #124

Author: avivl

dist/module.js

@@ -89,7 +89,9 @@ <h6>Uploaded Key Details</h6>
 		<input type="text" class="gf-form-input max-width-12" disabled="disabled" value="configured">
 	</div>
 
-	<div class="gf-form width-18">
+
+
+  <div class="gf-form width-18">
 		<a class="btn btn-secondary gf-form-btn" href="#" ng-click="ctrl.resetValidationMessages()">Reset Service
 			Account Key </a>
 		<info-popover mode="right-normal">
@@ -101,5 +103,12 @@ <h6>Uploaded Key Details</h6>
 <p class="gf-form-label" ng-hide="ctrl.current.secureJsonFields.privateKey || ctrl.current.jsonData.authenticationType !== ctrl.defaultAuthenticationType"><i
 		class="fa fa-save"></i> Do not forget to save your changes after uploading a file.</p>
 
+
+<gf-form-switch class="gf-form" label="Send anonymous usage data" label-class="width-9" checked="ctrl.current.jsonData.sendUsageData" switch-class="max-width-6"></gf-form-switch>
+<label class="gf-form-label query-keyword pointer">
+</label>
+
+
+
 <p class="gf-form-label" ng-show="ctrl.current.jsonData.authenticationType !== ctrl.defaultAuthenticationType"><i class="fa fa-save"></i>
 	Verify GCE default service account by clicking Save & Test</p>

dist/module.js.map

@@ -19,7 +19,8 @@
         "lodash-es": "^4.17.11",
         "moment": "^2.18.1",
         "q": "^1.5.1",
-        "systemjs": "^2.1.1"
+        "systemjs": "^2.1.1",
+        "mixpanel-browser": "^2.29.0"
     },
     "devDependencies": {
         "@babel/core": "^7.4.0",

dist/partials/config.html

@@ -1,4 +1,5 @@
 import { IJwt } from "./types";
+import {isCombinedModifierFlagSet} from "tslint";
 
 export class BigQueryConfigCtrl {
   private static templateUrl = "partials/config.html";
@@ -9,16 +10,21 @@ export class BigQueryConfigCtrl {
   private datasourceSrv: any;
   private current: any;
   private readonly defaultAuthenticationType: string;
+  private readonly defaultSendUsageData: boolean;
 
   /** @ngInject */
   constructor(datasourceSrv) {
     this.defaultAuthenticationType = "jwt";
+    this.defaultSendUsageData = true;
     this.datasourceSrv = datasourceSrv;
     this.current.jsonData = this.current.jsonData || {};
     this.current.jsonData.authenticationType = this.current.jsonData
       .authenticationType
       ? this.current.jsonData.authenticationType
       : this.defaultAuthenticationType;
+    if (this.current.jsonData.sendUsageData === undefined) {
+      this.current.jsonData.sendUsageData = this.defaultSendUsageData;
+    }
     this.current.secureJsonData = this.current.secureJsonData || {};
     this.current.secureJsonFields = this.current.secureJsonFields || {};
     this.authenticationTypes = [

package.json

@@ -144,6 +144,7 @@ export class BigQueryDatasource {
   private interval: string;
   private readonly baseUrl: string;
   private readonly url: string;
+  private mixpanel;
 
   /** @ngInject */
   constructor(
@@ -168,6 +169,11 @@ export class BigQueryDatasource {
         instanceSettings.jsonData.defaultProject ||
         (await this.getDefaultProject());
     })();
+    this.mixpanel = require("mixpanel-browser");
+    this.mixpanel.init("86fa5c838013959cc6867dc884958f7e");
+    if (this.jsonData.sendUsageData !== false) {
+      this.mixpanel.track("datasource.create");
+    }
   }
 
   public async query(options) {
@@ -234,7 +240,7 @@ export class BigQueryDatasource {
     });
     return this.$q.all(allQueryPromise).then(
       (responses): any => {
-        const data = [];
+      const data = [];
         for (const response of responses) {
           if (response.type && response.type === "table") {
             data.push(response);
@@ -321,6 +327,9 @@ export class BigQueryDatasource {
         message = error.statusText ? error.statusText : defaultErrorMessage;
       }
     }
+    if (this.jsonData.sendUsageData !== false) {
+      this.mixpanel.track("datasource.save");
+    }
     return {
       message,
       status

src/config_ctrl.ts

@@ -89,7 +89,9 @@ <h6>Uploaded Key Details</h6>
 		<input type="text" class="gf-form-input max-width-12" disabled="disabled" value="configured">
 	</div>
 
-	<div class="gf-form width-18">
+
+
+  <div class="gf-form width-18">
 		<a class="btn btn-secondary gf-form-btn" href="#" ng-click="ctrl.resetValidationMessages()">Reset Service
 			Account Key </a>
 		<info-popover mode="right-normal">
@@ -101,5 +103,12 @@ <h6>Uploaded Key Details</h6>
 <p class="gf-form-label" ng-hide="ctrl.current.secureJsonFields.privateKey || ctrl.current.jsonData.authenticationType !== ctrl.defaultAuthenticationType"><i
 		class="fa fa-save"></i> Do not forget to save your changes after uploading a file.</p>
 
+
+<gf-form-switch class="gf-form" label="Send anonymous usage data" label-class="width-9" checked="ctrl.current.jsonData.sendUsageData" switch-class="max-width-6"></gf-form-switch>
+<label class="gf-form-label query-keyword pointer">
+</label>
+
+
+
 <p class="gf-form-label" ng-show="ctrl.current.jsonData.authenticationType !== ctrl.defaultAuthenticationType"><i class="fa fa-save"></i>
 	Verify GCE default service account by clicking Save & Test</p>

src/datasource.ts

@@ -156,12 +156,6 @@ export class BigQueryQueryCtrl extends QueryCtrl {
       value: "aggregate"
     };
 
-    // first and last aggregate are timescaledb specific
-    if (this.datasource.jsonData.timescaledb === true) {
-      aggregates.submenu.push({ text: "First", value: "first" });
-      aggregates.submenu.push({ text: "Last", value: "last" });
-    }
-
     this.selectMenu.push(aggregates);
 
     const windows = {

src/partials/config.html

@@ -6,7 +6,7 @@ import ResponseParser, { IResultFormat } from "../response_parser";
 describe("BigQueryDatasource", () => {
   const instanceSettings = {
     name: "bigquery",
-    jsonData: { authenticationType: "jwt" }
+    jsonData: { authenticationType: "jwt", sendUsageData: false }
   };
   const backendSrv = {};
   const templateSrv = {