Detect if given Component is LithoComponent

Summary: Useful for next diffs: enables to detect whether we have LithoComponent or CKComponent

Reviewed By: adityasharat

Differential Revision: D23128972

fbshipit-source-id: b9aef358c1426df4f05213c42e43402e8cae984f

android/plugins/litho/src/main/java/com/facebook/flipper/plugins/litho/DebugComponentDescriptor.java

@@ -332,7 +332,12 @@ public class DebugComponentDescriptor extends NodeDescriptor<DebugComponent> {
         // doesn't add linked node descriptor
       }
     }
-    extraInfo.put("className", node.getComponent().getClass().getName());
+    final FlipperObject.Builder metaData = new FlipperObject.Builder();
+    metaData.put("className", node.getComponent().getClass().getName());
+    metaData.put("framework", "LITHO");
+
+    extraInfo.put("metaData", metaData);
+
     return extraInfo.build();
   }
 

android/plugins/litho/src/main/java/com/facebook/flipper/plugins/litho/DebugSectionDescriptor.java

@@ -110,7 +110,13 @@ public class DebugSectionDescriptor extends NodeDescriptor<DebugSection> {
   @Override
   public FlipperObject getExtraInfo(DebugSection node) {
     FlipperObject.Builder extraInfo = new FlipperObject.Builder();
-    extraInfo.put("className", node.getSection().getClass().getName());
+
+    final FlipperObject.Builder metaData = new FlipperObject.Builder();
+    metaData.put("className", node.getSection().getClass().getName());
+    metaData.put("framework", "LITHO");
+
+    extraInfo.put("metaData", metaData);
+
     return extraInfo.build();
   }
 

desktop/app/src/index.tsx

@@ -171,6 +171,7 @@ export {default as SearchableTable_immutable} from './ui/components/searchable/S
 export {
   ElementID,
   ElementData,
+  ElementFramework,
   ElementAttribute,
   Element,
   ElementSearchResultSet,

desktop/app/src/ui/components/elements-inspector/ElementsInspector.tsx

@@ -32,6 +32,11 @@ export type ElementData = {
   };
 };
 
+export enum ElementFramework {
+  'LITHO',
+  'CK',
+}
+
 export type ElementAttribute = {
   name: string;
   value: string;
@@ -41,7 +46,9 @@ export type ElementExtraInfo = {
   linkedNode?: string; // id of linked node in opposite tree
   expandWithParent?: boolean;
   linkedTree?: string;
-  className?: string;
+  metaData?: {
+    [key: string]: any;
+  };
 };
 
 export type Element = {