Open in IDE for bloks derived components

Summary:
* Added line number as an attribute to node, in theory we could get it from the device in the case of compose
* dont need to use miles as have the file already
* cleaned up naming in ide file resolver so its clear its the qualified name we are talking about

Reviewed By: lblasa

Differential Revision: D45079135

fbshipit-source-id: 24f2d5814800a4a404b680599d307cc750758fcd

desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx

@@ -42,9 +42,10 @@ export const IdentityInspector: React.FC<Props> = ({node}) => {
       </Row>
 
       <CodeInspector
-        name={node.qualifiedName}
+        qualifiedName={node.qualifiedName}
         tags={node.tags}
         androidId={node.inlineAttributes['id']}
+        lineNumber={node.lineNumber}
       />
     </IdentityContainer>
   );

desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx

@@ -12,7 +12,8 @@ import {Tag} from '../../../../types';
 
 type CodeInspectorProps = {
   tags: Tag[];
-  name: string;
+  qualifiedName: string;
+  lineNumber?: number;
   androidId?: string;
 };
 export const CodeInspector: React.FC<CodeInspectorProps> = () => {

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

@@ -115,8 +115,9 @@ export type NestedNode = {
 
 export type UINode = {
   id: Id;
-  parent?: Id; //this attribute doesn't come from the client and is set by the desktop
-  qualifiedName: string;
+  parent?: Id;
+  qualifiedName: string; //this is the name of the component plus qualification so myles has a chance of finding it. E.g com.facebook.MyView
+  lineNumber?: number;
   name: string;
   attributes: Record<MetadataId, Inspectable>;
   inlineAttributes: Record<string, string>;