Enable performance telemetry tracking for production deployments

actions/telemetry_actions.jsx

@@ -2,6 +2,9 @@
 // See LICENSE.txt for license information.
 
 import {Client4} from 'mattermost-redux/client';
+import {getConfig} from 'mattermost-redux/selectors/entities/general';
+
+import reduxStore from 'stores/redux_store.jsx';
 
 import {isDevMode} from 'utils/utils';
 
@@ -14,6 +17,15 @@ const SUPPORTS_MEASURE_METHODS = isSupported([
  performance.clearMeasures,
 ]);
 
+export function isTelemetryEnabled(store = reduxStore) {
+ const config = getConfig(store.getState());
+ return config.DiagnosticsEnabled === 'true';
+}
+
+export function shouldTrackPerformance(store = reduxStore) {
+ return isDevMode(store) || isTelemetryEnabled(store);
+}
+
 export function trackEvent(category, event, props) {
  Client4.trackEvent(category, event, props);
  if (isDevMode() && category === 'performance' && props) {
@@ -33,14 +45,14 @@ export function pageVisited(category, name) {
  *
  */
 export function clearMarks(names) {
- if (!isDevMode() || !SUPPORTS_CLEAR_MARKS) {
+ if (!shouldTrackPerformance() || !SUPPORTS_CLEAR_MARKS) {
  return;
  }
  names.forEach((name) => performance.clearMarks(name));
 }
 
 export function mark(name) {
- if (!isDevMode() || !SUPPORTS_MARK) {
+ if (!shouldTrackPerformance() || !SUPPORTS_MARK) {
  return;
  }
  performance.mark(name);
@@ -60,7 +72,7 @@ export function mark(name) {
  *
  */
 export function measure(name1, name2) {
- if (!isDevMode() || !SUPPORTS_MEASURE_METHODS) {
+ if (!shouldTrackPerformance() || !SUPPORTS_MEASURE_METHODS) {
  return [-1, ''];
  }
 

actions/telemetry_actions.test.js

@@ -0,0 +1,57 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import thunk from 'redux-thunk';
+import configureStore from 'redux-mock-store';
+
+import {isTelemetryEnabled, shouldTrackPerformance} from 'actions/telemetry_actions';
+
+const mockStore = configureStore([thunk]);
+
+describe('Actions.Telemetry', () => {
+ test('isTelemetryEnabled', async () => {
+ const state = {
+ entities: {
+ general: {
+ config: {
+ DiagnosticsEnabled: 'false',
+ },
+ },
+ },
+ };
+
+ const store = mockStore(state);
+
+ expect(isTelemetryEnabled(store)).toBeFalsy();
+
+ state.entities.general.config.DiagnosticsEnabled = 'true';
+
+ expect(isTelemetryEnabled(store)).toBeTruthy();
+ });
+
+ test('shouldTrackPerformance', async () => {
+ const state = {
+ entities: {
+ general: {
+ config: {
+ DiagnosticsEnabled: 'false',
+ EnableDeveloper: 'false',
+ },
+ },
+ },
+ };
+
+ const store = mockStore(state);
+
+ expect(shouldTrackPerformance(store)).toBeFalsy();
+
+ state.entities.general.config.DiagnosticsEnabled = 'true';
+
+ expect(shouldTrackPerformance(store)).toBeTruthy();
+
+ state.entities.general.config.DiagnosticsEnabled = 'false';
+ state.entities.general.config.EnableDeveloper = 'true';
+
+ expect(shouldTrackPerformance(store)).toBeTruthy();
+ });
+});

utils/utils.jsx

@@ -1669,8 +1669,8 @@ export function setCSRFFromCookie() {
 /**
  * Returns true if in dev mode, false otherwise.
  */
-export function isDevMode() {
- const config = getConfig(store.getState());
+export function isDevMode(str = store) {
+ const config = getConfig(str.getState());
  return config.EnableDeveloper === 'true';
 }