applications/calendar/src/app/metrics/useCalendarNESTMetric.tsx

   1 import { useRef } from 'react';
   2
   3 import metrics from '@proton/metrics';
   4 import useFlag from '@proton/unleash/useFlag';
   5
   6 import type { CalendarViewEventTemporaryEvent } from '../containers/calendar/interface';
   7 import { getNESTData } from './calendarMetricsHelper';
   8
   9 interface NESTMetric {
  10     startTime: DOMHighResTimeStamp;
  11     isRecurring: boolean;
  12     hasInvitees: boolean;
  13     hasConferenceData: boolean;
  14 }
  15
  16 export const useCalendarNESTMetric = () => {
  17     const metricRef = useRef<NESTMetric | undefined>(undefined);
  18     const calendarMetricsEnabled = useFlag('CalendarMetrics');
  19
  20     const startNESTMetric = (event: CalendarViewEventTemporaryEvent, isCreatingEvent: boolean) => {
  21         if (!calendarMetricsEnabled || !isCreatingEvent) {
  22             return;
  23         }
  24
  25         const startTime = performance.now();
  26
  27         metricRef.current = {
  28             startTime: startTime,
  29             ...getNESTData(event),
  30         };
  31     };
  32
  33     const stopNESTMetric = (isCreatingEvent: boolean) => {
  34         if (!calendarMetricsEnabled || !isCreatingEvent || !metricRef.current) {
  35             return;
  36         }
  37
  38         const endTime = performance.now();
  39         const duration = (endTime - metricRef.current.startTime) / 1000;
  40
  41         void metrics.calendar_new_event_setup_time_histogram.observe({
  42             Value: duration,
  43             Labels: {
  44                 recurring: metricRef.current.isRecurring ? 'true' : 'false',
  45                 has_conference_data: metricRef.current.hasConferenceData ? 'true' : 'false',
  46                 has_invitees: metricRef.current.hasInvitees ? 'true' : 'false',
  47             },
  48         });
  49
  50         metricRef.current = undefined;
  51     };
  52
  53     return {
  54         startNESTMetric,
  55         stopNESTMetric,
  56     };
  57 };