crawlData() — react Function Reference

Architecture documentation for the crawlData() function in utils.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ crawlData() — react Function Reference

Dependency Diagram

graph TD
  e54a31fa_32d4_c3ab_5fba_88e1855ea39b["crawlData()"]
  19f40fb1_960e_960b_4570_41c17da62024["utils.js"]
  e54a31fa_32d4_c3ab_5fba_88e1855ea39b -->|defined in| 19f40fb1_960e_960b_4570_41c17da62024
  8700af4a_dbd5_9238_ffd7_b74781f36e27["getStyleXData()"]
  8700af4a_dbd5_9238_ffd7_b74781f36e27 -->|calls| e54a31fa_32d4_c3ab_5fba_88e1855ea39b
  9b921ff1_2315_6e2b_a7c8_e34fae825797["crawlObjectProperties()"]
  9b921ff1_2315_6e2b_a7c8_e34fae825797 -->|calls| e54a31fa_32d4_c3ab_5fba_88e1855ea39b
  9b921ff1_2315_6e2b_a7c8_e34fae825797["crawlObjectProperties()"]
  e54a31fa_32d4_c3ab_5fba_88e1855ea39b -->|calls| 9b921ff1_2315_6e2b_a7c8_e34fae825797
  style e54a31fa_32d4_c3ab_5fba_88e1855ea39b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/StyleX/utils.js lines 27–55

export function crawlData(
  data: any,
  sources: Set<string>,
  resolvedStyles: Object,
): void {
  if (data == null) {
    return;
  }

  if (isArray(data)) {
    data.forEach(entry => {
      if (entry == null) {
        return;
      }

      if (isArray(entry)) {
        crawlData(entry, sources, resolvedStyles);
      } else {
        crawlObjectProperties(entry, sources, resolvedStyles);
      }
    });
  } else {
    crawlObjectProperties(data, sources, resolvedStyles);
  }

  resolvedStyles = Object.fromEntries<string, any>(
    Object.entries(resolvedStyles).sort(),
  );
}