message: feat(devtools): adding parent hierarchy to bar graph formater
diff: @@ -2,6 +2,7 @@ import { AppEntry, RecordFormatter, TimelineView } from '../record-formatter';
  import { ElementProfile, ProfilerFrame } from 'protocol';
  export interface BargraphNode {
  + parents: ElementProfile[];
  value: number;
  name: string;
  original: ElementProfile;
  @@ -21,6 +22,7 @@ export class BarGraphFormatter extends RecordFormatter<BargraphNode> {
  entry.app = entry.app.filter((element) => element.value > 0).sort((a, b) => b.value - a.value);
  return entry;
  });
  + console.log(result);
  return result;
  }
  @@ -30,11 +32,15 @@ export class BarGraphFormatter extends RecordFormatter<BargraphNode> {
  timeSpent: 0,
  source: record.source,
  };
  - entry.timeSpent = this.addFrame(entry.app, record.directives);
  + entry.timeSpent = this.addFrames(entry.app, record.directives, []);
  result.push(entry);
  }
  addFrame(nodes: BargraphNode[], elements: ElementProfile[]): number {
  + return -1;
  + }
  +
  + addFrames(nodes: BargraphNode[], elements: ElementProfile[], parents: ElementProfile[]): number {
  let timeSpent = 0;
  const suffix = addSpaces(nodes.length);
  elements.forEach((element) => {
  @@ -45,11 +51,12 @@ export class BarGraphFormatter extends RecordFormatter<BargraphNode> {
  return;
  }
  - timeSpent += this.addFrame(nodes, element.children);
  + timeSpent += this.addFrames(nodes, element.children, parents.concat(element));
  timeSpent += super.getValue(element);
  element.directives.forEach((dir) => {
  const innerNode: BargraphNode = {
  + parents,
  value: super.getDirectiveValue(dir),
  name: dir.name + suffix,
  original: element,
  