react/packages/react-devtools-fusebox
Alex Hunt 984ea11d14
[DevTools] Separate RDT Fusebox into single-panel entry points (#30708)
## Summary

Separate function entry points for `react-devtools-fusebox` into
`initializeComponents` and `initializeProfiler`. The motivation behind
this change is to separate these tabs into top-level Chrome DevTools
panels (aligned with web) in React Native.

## How did you test this change?

- Build `react-devtools-fusebox` and load into local
[rn-chrome-devtools-frontend](https://github.com/facebookexperimental/rn-chrome-devtools-frontend)
project with updated call sites.

<img width="1933" alt="image"
src="https://github.com/user-attachments/assets/202d32a1-b8da-4936-b0e1-04875a30f256">

<img width="1949" alt="image"
src="https://github.com/user-attachments/assets/39dbe154-989c-4f76-b103-aa19f07a3b9c">

 Tabs can be separately initialised in individual Chrome DevTools
panels
2024-09-09 08:12:49 -04:00
..
src [DevTools] Separate RDT Fusebox into single-panel entry points (#30708) 2024-09-09 08:12:49 -04:00
package.json [DevTools] Check in frontend.d.ts for react-devtools-fusebox, include in build output (#28970) 2024-05-03 17:32:41 +01:00
README.md feat[devtools]: add package for fusebox integration (#28553) 2024-04-12 15:29:35 +01:00
webpack.config.frontend.js chore[react-devtools]: unify console patching and default to ansi escape symbols (#29869) 2024-06-17 16:31:36 +01:00

react-native-fusebox

This package is private and not expected to become public anytime soon. Consider using react-devtools-inline or react-devtools-core.

What is Fusebox?

"Fusebox" is the internal codename for the new React Native debugger stack based on Chrome DevTools.