@react-native/debugger-frontend

@react-native/debugger-frontend

Debugger frontend for React Native based on Chrome DevTools.

This package is internal to React Native and is intended to be used via @react-native/dev-middleware.

Usage

The package exports the absolute path to the directory containing the frontend assets.

const frontendPath = require('@react-native/debugger-frontend');

// Pass frontendPath to a static server, etc

Contributing

Source repo

Source code for this package lives in the facebookexperimental/rn-chrome-devtools-frontend repo. See below for how we build and check in changes.

Updating the frontend assets

The compiled assets for the debugger frontend are periodically checked into this package under the dist/ folder. To update these, run node scripts/debugger-frontend/sync-and-build from the root of your react-native checkout.

# For main
node scripts/debugger-frontend/sync-and-build --branch main

# For stable branches (e.g. '0.73-stable')
node scripts/debugger-frontend/sync-and-build --branch 0.73-stable

By default, this will clone and build from facebookexperimental/rn-chrome-devtools-frontend.

Changelog

v0.77.0-rc.3

Changed

Android specific

• Gradle to 8.11.1 (490db92562 by @cortinico)

Fixed

• Skip hidden folders when looking for third party components. (8ab524312a by @cipolleschi)

Android specific

• Handle removal of in-transition views. (f402ed17fa by @kkafar)

iOS specific

• Enable hermes debugger by configuration type instead of configuration name (eda4f185b3 by @benhandanyan)
• Workaround for Mac Catalyst TextInput crash due to serialization attempt of WeakEventEmitter (e04738b7ec by @rozele)