Merged PR 45442: Add platform for trackEvents to playground

Add platform for trackEvents to playground

For each session ID, tracking the activity on playground by sending data to the telemetry

Author: elaco

demo/v2-demo/index.html

@@ -59,10 +59,14 @@
 
     <script src="scripts/codesamples.js"></script>
 
+    <script src="scripts/aisdk.js"></script>
     <script src="scripts/index.js"></script>
     <script src="scripts/utils.js"></script>
+    <script src="scripts/assert.js"></script>
     <script src="scripts/logger.js"></script>
+    <script src="scripts/guid.js"></script>
     <script src="scripts/session_utils.js"></script>
+    <script src="scripts/telemetry.js"></script>
     <script src="scripts/function_mapping.js"></script>
 
     <script src="scripts/report.js"></script>

demo/v2-demo/scripts/aisdk.js

@@ -0,0 +1,5 @@
+function assert(exp){
+  if(console["assert"]){
+      console.assert(exp);
+  }
+}

demo/v2-demo/scripts/assert.js

@@ -0,0 +1,18 @@
+/**
+ * Generates a 20 character uuid.
+ */
+function generateNewGuid() {
+  let d = new Date().getTime();
+  if (typeof performance !== 'undefined' && typeof performance.now === 'function') {
+    d += performance.now();
+  }
+  return 'xxxxxxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    // Generate a random number, scaled from 0 to 16.
+    // Bitwise-and by 15 since we only care about the last 4 bits.
+    const r = (d + Math.random() * 16) & 15 | 0;
+
+    // Shift 4 times to divide by 16
+    d >>= 4;
+    return r.toString(16);
+  });
+}

demo/v2-demo/scripts/guid.js

@@ -22,28 +22,39 @@ const EntityType = {
     Qna: "Qna"
 };
 
-var _session = {};
-
 const SessionKeys = {
     AccessToken : "accessToken",
+    DashboardId : "dashboardId",
     EmbedUrl : "embedUrl",
     EmbedId : "embedId",
-    DashboardId : "dashboardId",
     EmbedMode: "embedMode",
     EntityType: "entityType",
     GroupId : "groupId",
     IsSampleReport: "isSampleReport",
     IsSampleDashboard: "IsSampleDashboard",
     IsSampleTile: "IsSampleTile",
     IsSampleQna: "IsSampleQna",
+    IsTelemetryEnabled: "isTelemetryEnabled",
     PageName: "PageName",
     QnaQuestion: "QnaQuestion",
     QnaMode: "QnaMode",
     SampleId: "SampleId",
+    SessionId: "SessionId",
     TokenType: "tokenType",
     VisualName: "VisualName"
 };
 
+var _session = {};
+
+function initSession() {
+    SetSession(SessionKeys.SessionId, generateNewGuid());
+    if (GetParameterByName(SessionKeys.IsTelemetryEnabled) === "false") {
+        SetSession(SessionKeys.IsTelemetryEnabled, false);
+    } else {
+        SetSession(SessionKeys.IsTelemetryEnabled, true);
+    }
+}
+
 function GetParameterByName(name, url) {
     if (!url) {
       url = window.location.href;
@@ -317,3 +328,5 @@ function setSession(accessToken, embedUrl, embedId, dashboardId)
     SetSession(SessionKeys.EmbedId, embedId);
     SetSession(SessionKeys.DashboardId, dashboardId);
 }
+
+initSession();

demo/v2-demo/scripts/session_utils.js

@@ -0,0 +1,20 @@
+const TelemetryEventName = {
+    Homepage : "Homepage",
+};
+
+function trackEvent(name, properties, flush = false) {
+    if (!_session[SessionKeys.IsTelemetryEnabled]) {
+        return;
+    }
+    assert(name && properties);
+    properties.sessionId = GetSession(SessionKeys.SessionId);
+
+    // Normally, the SDK sends data at fixed intervals (typically 30 secs) or whenever buffer is full (typically 500 items).
+    // https://docs.microsoft.com/en-us/azure/azure-monitor/app/api-custom-events-metrics#flushing-data
+    appInsights.trackEvent({ name, properties });
+    if (flush) {
+        appInsights.flush();
+    }
+}
+
+trackEvent(TelemetryEventName.Homepage, {}, true);