crawlObjectProperties() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ crawlObjectProperties() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/StyleX/utils.js lines 57–81

function crawlObjectProperties(
  entry: Object,
  sources: Set<string>,
  resolvedStyles: Object,
): void {
  const keys = Object.keys(entry);
  keys.forEach(key => {
    const value = entry[key];
    if (typeof value === 'string') {
      if (key === value) {
        // Special case; this key is the name of the style's source/file/module.
        sources.add(key);
      } else {
        const propertyValue = getPropertyValueForStyleName(value);
        if (propertyValue != null) {
          resolvedStyles[key] = propertyValue;
        }
      }
    } else {
      const nestedStyle = {};
      resolvedStyles[key] = nestedStyle;
      crawlData([value], sources, nestedStyle);
    }
  });
}