Support booleans (#3230)

* fix immer not finding process

* Support booleans as always, sometimes, never

* fix eslint errors

Author: edugfilho

rollup.config.js

@@ -25,6 +25,9 @@ export default {
       __BASE_DOMAIN__: production ? '' : 'http://localhost:8000',
       __GA_TRACKING_ID__: process.env.GA_TRACKING_ID,
       __GLEAN_DICTIONARY_DOMAIN__: 'https://dictionary.telemetry.mozilla.org',
+      'process.env.NODE_ENV': JSON.stringify(
+        production ? 'production' : 'development'
+      ),
     }),
     string({ include: 'src/**/*.tpl' }),
     svelte({

src/config/glean-base.js

@@ -1,5 +1,6 @@
 import { produce } from 'immer';
 import {
+  transformBooleanHistogramToCategoricalHistogram,
   transformAPIResponse,
   transformLabeledCounterToCategoricalHistogramSampleCount,
 } from '../utils/transform-data';
@@ -26,6 +27,7 @@ export const SUPPORTED_METRICS = [
   'timing_distribution',
   'labeled_custom_distribution',
   'labeled_timing_distribution',
+  'boolean',
 ];
 
 export default {
@@ -185,9 +187,15 @@ export default {
 
       // Attach labels to histogram if appropriate type.
       if (probeView === 'categorical') {
-        const labels = {
+        let labels = {
           ...appStore.getState().probe.labels,
         };
+        if (metricType === 'boolean') {
+          const dataAndLabels =
+            transformBooleanHistogramToCategoricalHistogram(data);
+          data = dataAndLabels.data;
+          labels = dataAndLabels.labels;
+        }
         if (metricType === 'labeled_counter') {
           data = transformLabeledCounterToCategoricalHistogramSampleCount(
             data,

src/utils/transform-data.js

@@ -349,3 +349,35 @@ export const transformLabeledCounterToCategoricalHistogramSampleCount = (
 
   return uniqueTransformed;
 };
+
+export const transformBooleanHistogramToCategoricalHistogram = (data) => {
+  // Boolean histograms have "always", "never", and "sometimes" values. We need to replace these with numeric values and
+  // create a map of the labels to the numeric values into the labels object.
+  const numericLabels = {
+    0: 'always',
+    1: 'never',
+    2: 'sometimes',
+  };
+
+  const transformedData = produce(data, (draft) => {
+    draft.forEach((point) => {
+      // eslint-disable-next-line no-param-reassign
+      point.histogram = {
+        0: point.histogram.always,
+        1: point.histogram.never,
+        2: point.histogram.sometimes,
+      };
+      // eslint-disable-next-line no-param-reassign
+      point.non_norm_histogram = {
+        0: point.non_norm_histogram.always,
+        1: point.non_norm_histogram.never,
+        2: point.non_norm_histogram.sometimes,
+      };
+    });
+  });
+
+  return {
+    data: transformedData,
+    labels: numericLabels,
+  };
+};