Simplify FuseboxReactDevToolsDispatcher diagram and document inline (#46737)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/46737

Changelog: [Internal]

Reviewed By: hoxyq

Differential Revision: D63637626

fbshipit-source-id: 314ec6dc6eff8d458beba84e49d5aaca3d192087
This commit is contained in:
Alex Hunt
2024-10-01 06:50:49 -07:00
committed by Facebook GitHub Bot
parent 82f4e1714d
commit 80122678e0
6 changed files with 7 additions and 13 deletions
@@ -1 +1 @@
assets
__docs__
@@ -1,12 +0,0 @@
# Fusebox Runtime
## What is Fusebox?
"Fusebox" is the internal codename for the new React Native debugger stack based on Chrome DevTools.
## Architecture for React DevTools communication
### Frontend to Backend communication
![Frontend to backend communication diagram](./assets/frontend-to-backend.excalidraw-embedded.png)
### Backend to Frontend communication
![Backend to frontend communication diagram](./assets/backend-to-frontend.excalidraw-embedded.png)
Binary file not shown.

After

Width:  |  Height:  |  Size: 404 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 540 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 409 KiB

@@ -62,6 +62,12 @@ export class Domain {
}
}
/**
* Globally bound object providing a hook for React DevTools runtime API calls
* over CDP.
*
* @see {@link ./__docs__/FuseboxReactDevToolsDispatcher.excalidraw-embedded.png}
*/
class FuseboxReactDevToolsDispatcher {
static #domainNameToDomainMap: Map<DomainName, Domain> = new Map();