UI actions diagnostics

Summary:
Track:
- Element selected. Include name and tags. Useful to understand what type of elements engineers are selecting in a hierarchy i.e. ui framework, element type, etc.
- Element focused. Same as above.
- Context menu usage

Reviewed By: LukeDefeo

Differential Revision: D44294618

fbshipit-source-id: f2b9642e70818e8a382bbbddc28115a40734dfe8

desktop/plugins/public/ui-debugger/tracker.tsx

@@ -8,12 +8,18 @@
  */
 
 import {getFlipperLib} from 'flipper-plugin';
-import {FrameworkEventType} from './types';
+import {FrameworkEventType, Tag} from './types';
 
 const UI_DEBUGGER_IDENTIFIER = 'ui-debugger';
 
+type NodeEventPayload = {
+  name: string;
+  tags: Tag[];
+};
+
 type TrackerEvents = {
   'more-options-opened': {};
+  'context-menu-opened': {};
   'play-pause-toggled': {
     paused: boolean;
   };
@@ -24,6 +30,8 @@ type TrackerEvents = {
   'search-term-updated': {
     searchTerm: string;
   };
+  'node-selected': NodeEventPayload;
+  'node-focused': NodeEventPayload;
 };
 
 export interface Tracker {