Refactor UI

Summary: Split our the mega component into separate parts in preparation for the visualizer

Reviewed By: lblasa

Differential Revision: D39509406

fbshipit-source-id: 0f867c1f8a91b7592673ae47ba2b5db4f3500732

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

@@ -8,25 +8,7 @@
  */
 
 import {PluginClient, createState, createDataSource} from 'flipper-plugin';
-import {Id, UINode} from './types';
-
-export type PerfStatsEvent = {
-  txId: number;
-  observerType: string;
-  start: number;
-  traversalComplete: number;
-  serializationComplete: number;
-  queuingComplete: number;
-  socketComplete: number;
-  nodesCount: number;
-};
-
-type Events = {
-  init: {rootId: string};
-  nativeScan: {txId: number; nodes: UINode[]};
-  subtreeUpdate: {txId: number; nodes: UINode[]};
-  perfStats: PerfStatsEvent;
-};
+import {Events, Id, PerfStatsEvent, UINode} from './types';
 
 export function plugin(client: PluginClient<Events>) {
   const rootId = createState<Id | undefined>(undefined);