hoverColorForStackFrame() — react Function Reference

Architecture documentation for the hoverColorForStackFrame() function in FlamechartView.js from the react codebase.

Function javascript BabelCompiler Validation calls 3 called by 1

Entity Profile

BabelCompiler→ Validation→ hoverColorForStackFrame() — react Function Reference

Dependency Diagram

graph TD
  6b09eb7a_abf1_f1ac_4ba4_390e5df5a286["hoverColorForStackFrame()"]
  d08702f1_e022_2394_00ee_ac0a9c33e2de["FlamechartView.js"]
  6b09eb7a_abf1_f1ac_4ba4_390e5df5a286 -->|defined in| d08702f1_e022_2394_00ee_ac0a9c33e2de
  a2777e3e_5de8_64fd_2831_e7d1431e9806["draw()"]
  a2777e3e_5de8_64fd_2831_e7d1431e9806 -->|calls| 6b09eb7a_abf1_f1ac_4ba4_390e5df5a286
  9d0a0842_1d90_d4fe_53ab_4de526a1dc17["dimmedColor()"]
  6b09eb7a_abf1_f1ac_4ba4_390e5df5a286 -->|calls| 9d0a0842_1d90_d4fe_53ab_4de526a1dc17
  1b5a38e9_66bb_f04f_8934_6c7314b4cede["defaultHslaColorForStackFrame()"]
  6b09eb7a_abf1_f1ac_4ba4_390e5df5a286 -->|calls| 1b5a38e9_66bb_f04f_8934_6c7314b4cede
  90ccfbcc_a5d2_19f7_e6e6_57b8c9f13294["hslaColorToString()"]
  6b09eb7a_abf1_f1ac_4ba4_390e5df5a286 -->|calls| 90ccfbcc_a5d2_19f7_e6e6_57b8c9f13294
  style 6b09eb7a_abf1_f1ac_4ba4_390e5df5a286 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/content-views/FlamechartView.js lines 66–72

function hoverColorForStackFrame(stackFrame: FlamechartStackFrame): string {
  const color = dimmedColor(
    defaultHslaColorForStackFrame(stackFrame),
    COLOR_HOVER_DIM_DELTA,
  );
  return hslaColorToString(color);
}