← facebook/react

CODEFOSSIL · react

Tree

function in packages/react-devtools-shared/src/devtools/views/Components/Tree.js:76 · Born 2019-01-22 (DERIVED, confidence 0.80)

7years old
94changes
14fixes
15authors
0callers
20202021202220232024202520262019-01-23 f881c32 Added Prettier (and formatted code)2019-01-28 c9a5f8c Stashing partial windowing implementation2019-02-02 406df2a Added properties panel and selected element context2019-02-04 b56bc1a Initial pass at properties panel. Lots of TODOs remaining.2019-02-05 998e69a Added search support2019-02-07 fc924d1 Combined search and selection contexts to avoid complicated dependencies2019-02-07 45641e9 Added owner tree exploration view2019-02-08 0380186 Refactored tree, search, selection, and owners contexts2019-02-09 f3f497f Cleaned up CSS vars and reduced font size a bit2019-02-12 8e5a35b Misc cleanup and prep for dark mode CSS2019-02-13 95b8592 Fixed NaN warning for pre-mount CSS prop read2019-02-14 a07d986 Fixed edge-case display density bug2019-02-14 b167dd3 Style, theme, and button CSS cleanup2019-02-14 bf2f13d Removed some stale TODO comments2019-02-16 1d95098 Implemented select-DOM-element button2019-02-19 bec0733 Fix hooks warnings identified by prerelease version of react-hooks ESLint plugin2019-02-21 df4a09d Updated flow-bin from 91 -> 93 and removed unnecessary fixmes2019-02-27 0153eae Left arrow selects parent in tree2019-03-01 8aa6f96 Fixed selecterd element background color being cut-off when tree scrolls2019-03-18 2fc03eb Fixed keyboard/mouse events inside of extension by using ref.ownerDocument2019-03-25 5718eaf Added arrow key navigation for commits and interactions2019-04-03 6493db4 Fixed an arrow navigation bug2019-04-03 c60f991 Make tree reachable by focus2019-04-04 ded2ce0 Renamed TreeWrapper to innerElementType2019-04-04 6c5c2cd Renamed innerElementType -> InnerElementType to avoid confusing hooks lint rule2019-04-07 a42a3a2 Bump overscan2019-04-07 0a6d637 Fix spurious autoscroll2019-04-08 3922323 Select DOM nodes on hover2019-04-08 7115408 Added for itemData2019-04-09 a29ab9a Tree arrow navigation respects event.defaultPrevented This prevents Reach MenuButton operations from also changing the tree selection in the background2019-04-09 1c57ca0 Use focus state from elements tree instead of ownerDocument2019-04-10 55b3635 Left/right arrow toggles node collapsed state as well2019-04-10 5b480a8 Prevent default on all key navigations2019-04-10 268a7cb Moved blur/focus up to the AutoSizer wrapper and removed an effect+ref2019-04-10 1c381c5 Picking a DOM node focuses the tree2019-04-10 6420f11 Left and right arrows only traverse parents2019-04-11 0281a0d Add a missing dep2019-04-11 38b7cf5 Ignore hover when navigating with keyboard2019-04-12 403f150 Use smart scrolling2019-04-13 097d038 Track search navigation in DOM2019-04-13 ca7eb3c Changed highlight-on-search behavior to use TreeContext2019-04-13 6d70028 Bump React Hooks plugin2019-04-13 ce335b8 View DOM button opens Elements tab2019-04-20 4b9082e Changed style and position of search-for-element button to more closely matchin Chrome ( based on user testing)2019-04-22 d53ae2e Refactored TreeContext to use less memoization (based on feedback from Sebastian)2019-04-22 433934f Refactored TreeContext to use less memoization (based on feedback from Sebastian)2019-04-25 15eacae Moved owners list calculations into the store and added tests2019-05-01 8429220 Added filter UI (but with a lot of $FlowFixMe comments)2019-05-09 564a223 Fetch owners list from renderer (using suspense)2019-05-30 ec42135 Added selected and hovered guidelines to Components tree2019-05-30 c0f686e Show indent lines preference2019-05-31 5a269e7 Initial POC for compressing horizontal offset for wide/deep trees2019-05-31 33432b0 Re-added indent lines2019-05-31 19d95a1 Revert "Re-added indent lines"2019-06-03 dc08e80 Cache list rows by Element ID rather than index2019-06-10 19ed98d Removed Settings panel in favor of new shared Settings modal2019-07-13 0f2fb5b Standalone NPM packages and React Native support (#335)2019-07-20 4b34a77 Improve Bridge Flow types (#352)2019-08-12 b5195a5 Fixed a couple of edge case styling and layout issues I noticed while testing the inline target2019-08-12 8fa608d Fixed a selection-sync edge case for Elements/Components tabs2019-08-14 183f96f Prettier2019-08-28 b438699 Import React DevTools v42020-01-09 b979db4 Bump Prettier (#17811)2020-04-03 7785a52 [DevTools] - Highlight rendered by elements on hover. (#18479)2020-09-02 98dba66 Add ⎇ + arrow key navigation to DevTools (#19741)2020-12-22 09a2c36 Expose DEV-mode warnings in devtools UI (#20463)2021-01-19 af16f75 Update DevTools to use getCacheForType API (#20548)2021-08-20 83205c0 [DevTools] Add options for disabling some features (#22136)2021-12-03 8b88178 Timeline search (#22799)2022-03-25 a6bdb88 Attach DevTools Tree keyboard events to the Tree container (not the document) (#24164)2022-07-18 9929119 [DevTools] add simple usage events for internal logging (#24888)2022-07-19 3ddbedd [devtools] log more events + metadata (#24951)2022-07-25 5f34b05 [Devtools] add logs for profiler tab switch & settings change (#24966)2022-09-13 e6a062b Flow: add simple explicit export types to Devtools (#25251)2022-10-04 ea04a48 Flow: remove unused suppressions (#25424)2022-10-22 6dbccb9 [DevTools] upgrade to Manifest V3 (#25145)2023-01-09 0b4f443 [flow] enable enforce_local_inference_annotations (#25921)2023-01-31 6b30832 Upgrade prettier (#26081)2023-02-09 6ddcbd4 [flow] enable LTI inference mode (#26104)2023-03-03 b073104 [DevTools] improve troubleshooting in README (#26235)2024-06-13 d9a5b63 fix[react-devtools] divided inspecting elements between inspecting do… (#29885)2024-07-30 33e54fa [DevTools] Rename NativeElement to HostInstance in the Bridge (#30491)2024-09-24 a15bbe1 refactor: data source for errors and warnings tracking is now in Store (#31010)2025-01-09 d5f3c50 chore[DevTools/Tree]: don't pre-select root element and remove unused code (#32015)2025-01-09 d634548 DevTools: merge element fields in TreeStateContext (#31956)2025-01-09 f2813ee [DevTools] feat[Tree]: set initial scroll offset when inspected element index is set (#31968)2025-01-09 d2a1b88 fix[DevTools/Tree]: only scroll to item when panel is visible (#32018)2025-04-30 fa8e3a2 [devtools] Restore all Transitions for Tree updates (#33042)2025-07-04 d45db66 feat: static Components panel layout (#33696)2025-08-04 30fca45 fix: apply initial horizontal offset on tree mount (#34088)2025-11-08 5a9921b [DevTools] Apply Activity slice filter when double clicking Activity (#34908)2026-05-02 4f273bd fix(devtools): clear highlight when mouse leaves DevTools panel (#36177)2026-06-05 fbb1370 [flow] Bump flow to v0.307.1 (#36199)2026-06-05 900ae09 [flow] Bump flow to v0.317.0 (#36701)2019-01-22 5e0dfda Initial commit
Every commit that changed it, 2019-01-22 – 2026-06-05. Raised orange dots are fixes.

  1. Changed [flow] Bump flow to v0.317.0 (#36701)

    900ae09 · Sam Zhou

  2. Changed [flow] Bump flow to v0.307.1 (#36199)

    fbb1370 · Sam Zhou

  3. Changed fix(devtools): clear highlight when mouse leaves DevTools panel (#36177)

    4f273bd · petertdinh fix · INFERRED

  4. Changed [DevTools] Apply Activity slice filter when double clicking Activity (#34908)

    5a9921b · Sebastian "Sebbie" Silbermann

  5. Changed fix: apply initial horizontal offset on tree mount (#34088)

    30fca45 · Ruslan Lesiutin fix · INFERRED

  6. Changed feat: static Components panel layout (#33696)

    d45db66 · Ruslan Lesiutin

  7. Changed [devtools] Restore all Transitions for Tree updates (#33042)

    fa8e3a2 · Sebastian "Sebbie" Silbermann

  8. Changed fix[DevTools/Tree]: only scroll to item when panel is visible (#32018)

    d2a1b88 · Ruslan Lesiutin fix · INFERRED

  9. Changed [DevTools] feat[Tree]: set initial scroll offset when inspected element index is set (#31968)

    f2813ee · Ruslan Lesiutin

  10. Changed DevTools: merge element fields in TreeStateContext (#31956)

    d634548 · Ruslan Lesiutin

  11. Changed chore[DevTools/Tree]: don't pre-select root element and remove unused code (#32015)

    d5f3c50 · Ruslan Lesiutin

  12. Changed refactor: data source for errors and warnings tracking is now in Store (#31010)

    a15bbe1 · Ruslan Lesiutin

  13. Changed [DevTools] Rename NativeElement to HostInstance in the Bridge (#30491)

    33e54fa · Sebastian Markbåge

  14. Changed fix[react-devtools] divided inspecting elements between inspecting do… (#29885)

    d9a5b63 · Vitali Zaidman fix · INFERRED

  15. Changed [DevTools] improve troubleshooting in README (#26235)

    b073104 · Mengdi Chen

  16. Changed [flow] enable LTI inference mode (#26104)

    6ddcbd4 · Jan Kassens

  17. Changed Upgrade prettier (#26081)

    6b30832 · Jan Kassens

  18. Changed [flow] enable enforce_local_inference_annotations (#25921)

    0b4f443 · Jan Kassens

  19. Changed [DevTools] upgrade to Manifest V3 (#25145)

    6dbccb9 · Mengdi Chen

  20. Changed Flow: remove unused suppressions (#25424)

    ea04a48 · Jan Kassens

  21. Changed Flow: add simple explicit export types to Devtools (#25251)

    e6a062b · Jan Kassens

  22. Changed [Devtools] add logs for profiler tab switch & settings change (#24966)

    5f34b05 · Mengdi Chen

  23. Changed [devtools] log more events + metadata (#24951)

    3ddbedd · Mengdi Chen

  24. Changed [DevTools] add simple usage events for internal logging (#24888)

    9929119 · Mengdi Chen

  25. Changed Attach DevTools Tree keyboard events to the Tree container (not the document) (#24164)

    a6bdb88 · Brian Vaughn

  26. Changed Timeline search (#22799)

    8b88178 · Brian Vaughn

  27. Changed [DevTools] Add options for disabling some features (#22136)

    83205c0 · Holger Benl

  28. Changed Update DevTools to use getCacheForType API (#20548)

    af16f75 · Brian Vaughn

  29. Changed Expose DEV-mode warnings in devtools UI (#20463)

    09a2c36 · Sebastian Silbermann

  30. Changed Add ⎇ + arrow key navigation to DevTools (#19741)

    98dba66 · Brian Vaughn

  31. Changed [DevTools] - Highlight rendered by elements on hover. (#18479)

    7785a52 · Hristo Kanchev

  32. Changed Bump Prettier (#17811)

    b979db4 · Dan Abramov

  33. Changed Import React DevTools v4

    b438699 · Brian Vaughn

  34. Changed Prettier

    183f96f · Brian Vaughn

  35. Changed Fixed a selection-sync edge case for Elements/Components tabs

    8fa608d · Brian Vaughn fix · INFERRED

  36. Changed Fixed a couple of edge case styling and layout issues I noticed while testing the inline target

    b5195a5 · Brian Vaughn fix · INFERRED

  37. Changed Improve Bridge Flow types (#352)

    4b34a77 · Brian Vaughn

  38. Changed Standalone NPM packages and React Native support (#335)

    0f2fb5b · Brian Vaughn

  39. Changed Removed Settings panel in favor of new shared Settings modal

    19ed98d · Brian Vaughn

  40. Changed Cache list rows by Element ID rather than index

    dc08e80 · Brian Vaughn

  41. Changed Revert "Re-added indent lines"

    19d95a1 · Brian Vaughn fix · INFERRED

  42. Changed Re-added indent lines

    33432b0 · Brian Vaughn

  43. Changed Initial POC for compressing horizontal offset for wide/deep trees

    5a269e7 · Brian Vaughn

  44. Changed Show indent lines preference

    c0f686e · Brian Vaughn

  45. Changed Added selected and hovered guidelines to Components tree

    ec42135 · Brian Vaughn

  46. Changed Fetch owners list from renderer (using suspense)

    564a223 · Brian Vaughn

  47. Changed Added filter UI (but with a lot of $FlowFixMe comments)

    8429220 · Brian Vaughn

  48. Changed Moved owners list calculations into the store and added tests

    15eacae · Brian Vaughn

  49. Changed Refactored TreeContext to use less memoization (based on feedback from Sebastian)

    433934f · Brian Vaughn

  50. Changed Refactored TreeContext to use less memoization (based on feedback from Sebastian)

    d53ae2e · Brian Vaughn

  51. Changed Changed style and position of search-for-element button to more closely matchin Chrome ( based on user testing)

    4b9082e · Brian Vaughn

  52. Changed View DOM button opens Elements tab

    ce335b8 · Dan

  53. Changed Bump React Hooks plugin

    6d70028 · Dan

  54. Changed Changed highlight-on-search behavior to use TreeContext

    ca7eb3c · Brian Vaughn

  55. Changed Track search navigation in DOM

    097d038 · Dan Abramov

  56. Changed Use smart scrolling

    403f150 · Dan Abramov

  57. Changed Ignore hover when navigating with keyboard

    38b7cf5 · Dan Abramov

  58. Changed Add a missing dep

    0281a0d · Dan Abramov

  59. Changed Left and right arrows only traverse parents

    6420f11 · Dan Abramov

  60. Changed Picking a DOM node focuses the tree

    1c381c5 · Dan Abramov

  61. Changed Moved blur/focus up to the AutoSizer wrapper and removed an effect+ref

    268a7cb · Brian Vaughn

  62. Changed Prevent default on all key navigations

    5b480a8 · Dan Abramov

  63. Changed Left/right arrow toggles node collapsed state as well

    55b3635 · Brian Vaughn

  64. Changed Use focus state from elements tree instead of ownerDocument

    1c57ca0 · Lucas Cordeiro

  65. Changed Tree arrow navigation respects event.defaultPrevented This prevents Reach MenuButton operations from also changing the tree selection in the background

    a29ab9a · Brian Vaughn

  66. Changed Added for itemData

    7115408 · Brian Vaughn

  67. Changed Select DOM nodes on hover

    3922323 · Dan Abramov

  68. Changed Fix spurious autoscroll

    0a6d637 · Dan fix · INFERRED

  69. Changed Bump overscan

    a42a3a2 · Dan

  70. Changed Renamed innerElementType -> InnerElementType to avoid confusing hooks lint rule

    6c5c2cd · Brian Vaughn

  71. Changed Renamed TreeWrapper to innerElementType

    ded2ce0 · Brian Vaughn

  72. Changed Make tree reachable by focus

    c60f991 · Dan Abramov

  73. Changed Fixed an arrow navigation bug

    6493db4 · Brian Vaughn fix · INFERRED

  74. Changed Added arrow key navigation for commits and interactions

    5718eaf · Brian Vaughn

  75. Changed Fixed keyboard/mouse events inside of extension by using ref.ownerDocument

    2fc03eb · Brian Vaughn fix · INFERRED

  76. Changed Fixed selecterd element background color being cut-off when tree scrolls

    8aa6f96 · Brian Vaughn fix · INFERRED

  77. Changed Left arrow selects parent in tree

    0153eae · Brian Vaughn

  78. Changed Updated flow-bin from 91 -> 93 and removed unnecessary fixmes

    df4a09d · Brian Vaughn

  79. Changed Fix hooks warnings identified by prerelease version of react-hooks ESLint plugin

    bec0733 · Brian Vaughn fix · INFERRED

  80. Changed Implemented select-DOM-element button

    1d95098 · Brian Vaughn

  81. Changed Removed some stale TODO comments

    bf2f13d · Brian Vaughn

  82. Changed Style, theme, and button CSS cleanup

    b167dd3 · Brian Vaughn

  83. Changed Fixed edge-case display density bug

    a07d986 · Brian Vaughn fix · INFERRED

  84. Changed Fixed NaN warning for pre-mount CSS prop read

    95b8592 · Brian Vaughn fix · INFERRED

  85. Changed Misc cleanup and prep for dark mode CSS

    8e5a35b · Brian Vaughn

  86. Changed Cleaned up CSS vars and reduced font size a bit

    f3f497f · Brian Vaughn

  87. Changed Refactored tree, search, selection, and owners contexts

    0380186 · Brian Vaughn

  88. Changed Added owner tree exploration view

    45641e9 · Brian Vaughn

  89. Changed Combined search and selection contexts to avoid complicated dependencies

    fc924d1 · Brian Vaughn

  90. Changed Added search support

    998e69a · Brian Vaughn

  91. Changed Initial pass at properties panel. Lots of TODOs remaining.

    b56bc1a · Brian Vaughn

  92. Changed Added properties panel and selected element context

    406df2a · Brian Vaughn

  93. Changed Stashing partial windowing implementation

    c9a5f8c · Brian Vaughn

  94. Changed Added Prettier (and formatted code)

    f881c32 · Brian Vaughn

  95. Born Initial commit

    5e0dfda · Brian Vaughn