feat: OPTIC-9: Event logging prework

src/components/Timeline/Controls.tsx

@@ -94,6 +94,7 @@ export const Controls: FC<TimelineControlsProps> = memo(({
 
   const handlePlay = useCallback(() => {
     playing ? onPause?.() : onPlay?.();
+    //fb-optic-9: event logging: Play/Pause video
   }, [playing, onPlay, onPause]);
 
   const onSetVolumeModal = (e: MouseEvent<HTMLButtonElement>) => {

src/components/Timeline/Seeker.tsx

@@ -87,6 +87,7 @@ export const Seeker: FC<SeekerProps> = ({
       const percent = newOffset / parentWidth;
       const newPosition = Math.ceil(length * percent);
 
+      //fb-optic-9: event logging: onSeekerDrag
       onSeek?.(newPosition);
     };
 

src/core/Hotkey.ts

@@ -195,7 +195,7 @@ export const Hotkey = (
 
             e.stopPropagation();
             e.preventDefault();
-
+            //fb-optic-9: event logging: on hotkey press
             func(...args);
           };
 

src/mixins/Regions.js

@@ -270,6 +270,7 @@ const RegionsMixin = types
             const connectedRegions = self.getConnectedDynamicRegions(destroy);
 
             env.events.invoke('regionFinishedDrawing', self, connectedRegions);
+            //fb-optic-9: event logging: onRegionFinishedDrawing
           }, timeout);
         }
       },

src/regions/PolygonRegion.js

@@ -179,6 +179,7 @@ const Model = types
       },
 
       addPoint(x, y) {
+        //fb-optic-9: event logging: polygon draw events addPoint
         if (self.closed) return;
 
         const point = self.control?.getSnappedPoint({ x, y });

src/stores/Annotation/Annotation.js

@@ -514,7 +514,7 @@ export const Annotation = types
       if (region.type === 'polygonregion') {
         detach(region);
       }
-
+      //fb-optic-9: event logging: mouse deleteArea'
       destroy(region);
 
       // If the annotation was in a drawing state and the user deletes it, we need to reset the drawing state
@@ -775,6 +775,7 @@ export const Annotation = types
       }
 
       if (self.userGenerate && !self.sentUserGenerate) {
+        //fb-optic-9: event logging: annotation loaded
         self.loadedDate = new Date();
       }
     },

src/tags/object/AudioNext/view.tsx

@@ -53,6 +53,7 @@ const AudioNextView: FC<AudioNextProps> = ({ item }) => {
   }, []);
 
   const handlePlay = useCallback(() => {
+    //fb-optic-9: event logging: start playing audio
     setPlaying((playing) => {
       if (!item._ws) return false;
 
@@ -69,6 +70,7 @@ const AudioNextView: FC<AudioNextProps> = ({ item }) => {
   }, [item, playing]);
 
   const handlePause = useCallback(() => {
+    //fb-optic-9: event logging: stop playing audio
     setPlaying((playing) => {
       if (!item._ws) return false;
 

src/tags/object/Video/Video.js

@@ -129,10 +129,12 @@ const Model = types
     },
 
     triggerSyncPlay() {
+      //fb-optic-9: event logging: start playing video
       self.triggerSync('play', { playing: true });
     },
 
     triggerSyncPause() {
+      //fb-optic-9: event logging: start playing audio
       self.triggerSync('pause', { playing: false });
     },
 

src/tools/Polygon.js

@@ -113,6 +113,7 @@ const _Tool = types
       },
 
       startDrawing(x, y) {
+        //fb-optic-9: event logging: polygon draw events startDrawing
         const point = self.control?.getSnappedPoint({ x, y });
 
         if (isFF(FF_DEV_2432)) {
@@ -126,6 +127,7 @@ const _Tool = types
       },
 
       _finishDrawing() {
+        //fb-optic-9: event logging: polygon draw events _finishDrawing
         if (isFF(FF_DEV_2432)) {
           const { currentArea, control } = self;