renderTree() — react Function Reference

Source Code

compiler/packages/babel-plugin-react-compiler/src/Validation/ValidateNoDerivedComputationsInEffects_exp.ts lines 569–609

function renderTree(
  node: TreeNode,
  indent: string = '',
  isLast: boolean = true,
  propsSet: Set<string>,
  stateSet: Set<string>,
): string {
  const prefix = indent + (isLast ? '└── ' : '├── ');
  const childIndent = indent + (isLast ? '    ' : '│   ');

  let result = `${prefix}${node.name}`;

  if (node.isSource) {
    let typeLabel: string;
    if (node.typeOfValue === 'fromProps') {
      propsSet.add(node.name);
      typeLabel = 'Prop';
    } else if (node.typeOfValue === 'fromState') {
      stateSet.add(node.name);
      typeLabel = 'State';
    } else {
      propsSet.add(node.name);
      stateSet.add(node.name);
      typeLabel = 'Prop and State';
    }
    result += ` (${typeLabel})`;
  }

  if (node.children.length > 0) {
    result += '\n';
    node.children.forEach((child, index) => {
      const isLastChild = index === node.children.length - 1;
      result += renderTree(child, childIndent, isLastChild, propsSet, stateSet);
      if (index < node.children.length - 1) {
        result += '\n';
      }
    });
  }

  return result;
}