react/packages/react-devtools-shared
Ruslan Lesiutin d45db667d4
feat: static Components panel layout (#33696)
## Summary

Follow-up to https://github.com/facebook/react/pull/33517.

With https://github.com/facebook/react/pull/33517, we now preserve at
least some minimal indent. This actually doesn't work with the current
setup, because we don't allow the container to overflow, so basically
deeply nested elements will go off the screen.

With these changes, we completely change the approach:
- The layout will be static and it will have a constant indentation that
will always be preserved.
- The container will allow overflows, so users will be able to scroll
horizontally and vertically.
- We will implement automatic horizontal and vertical scrolls, if
selected element is not in a viewport.
- New: added vertical delimiter that can be used for simpler visual
navigation.

## Demo
### Current public release

https://github.com/user-attachments/assets/58645d42-c6b8-408b-b76f-95fb272f2e1e

### With https://github.com/facebook/react/pull/33517 

https://github.com/user-attachments/assets/845285c8-5a01-4739-bcd7-ffc089e771bf

### This PR

https://github.com/user-attachments/assets/72086b84-8d84-4626-94b3-e22e114e028e
2025-07-04 12:29:19 +01:00
..
src feat: static Components panel layout (#33696) 2025-07-04 12:29:19 +01:00
babel.config.js feat[react-devtools]: support Manifest v3 for Firefox extension (#30824) 2024-08-29 11:28:35 +01:00
buildUtils.js feat[devtools]: add package for fusebox integration (#28553) 2024-04-12 15:29:35 +01:00
package.json [devtools] upgrade json5 (#33358) 2025-05-28 10:31:09 -04:00
README.md Update DevTools READMEs (#24105) 2022-03-16 11:37:10 -04:00
SourceMapIgnoreListPlugin.js feat[devtools]: ship source maps for content scripts and ignore list installHook script (#28730) 2024-04-08 18:10:09 +01:00

This directory contains code shared between several DevTools packages:

  • /packages/react-devtools-core
  • /packages/react-devtools-extensions
  • /packages/react-devtools-inline

It is not published or released anywhere directly.