dillon1000/react

Commit

[Flight] Inject Client Into DevTools (#30910)

Stacked on #30906.

Injects the Flight Client into the DevTools hook if it `supportsFlight`.
This only injects in DEV. We could inject it in prod too but so far the
only feature this exposes is only available in DEV anyway. I also only
call `injectIntoDevTools` in the browser builds since we don't really
support DevTools on the server anyway.

The main purpose of this for now is so that DevTools can track the
Server Component owner of replayed logs. This lets us add owner stacks
where `console.createTask` is not natively supported (like Firefox). It
also lets us associate the log with the Server Component in the
Component tree #30905.
Browse files
Changed paths18 files
First-parent comparison
M packages/react-client/src/ReactFlightClient.js ModifiedA packages/react-client/src/ReactFlightClientDevToolsHook.js AddedM packages/react-client/src/forks/ReactFlightClientConfig.custom.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-esm.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-browser-turbopack.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-browser.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-bun.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-turbopack.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-edge-webpack.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-legacy.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-node-esm.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-node-turbopack.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-node-webpack.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.dom-node.js ModifiedM packages/react-client/src/forks/ReactFlightClientConfig.markup.js ModifiedM packages/react-server-dom-esm/src/client/ReactFlightDOMClientBrowser.js ModifiedM packages/react-server-dom-turbopack/src/client/ReactFlightDOMClientBrowser.js ModifiedM packages/react-server-dom-webpack/src/client/ReactFlightDOMClientBrowser.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…