dillon1000/react

Commit

chore[react-devtools]: unify console patching and default to ansi escape symbols (#29869)

Stacked on https://github.com/facebook/react/pull/29856.

## Summary

By default, React DevTools will apply dimming with ANSI escape symbols,
so it works for both terminals and browser consoles.

For Firefox, which doesn't support ANSI escape symbols console stylings,
we fallback to css properties, like we used to do before.

## How did you test this change?

| Environment | Dark mode | Light mode |
|--------|--------|--------|
| Terminal | ![Screenshot 2024-06-12 at 19 39
46](https://github.com/facebook/react/assets/28902667/2d470eee-ec5f-4362-be7d-8d80c6c72d09)
| ![Screenshot 2024-06-12 at 19 39
09](https://github.com/facebook/react/assets/28902667/616f2c58-a251-406b-aee6-841e07d652ba)
|
| Fusebox console | ![Screenshot 2024-06-12 at 21 03
14](https://github.com/facebook/react/assets/28902667/6050f730-8e82-4aa1-acbc-7179aac3a8aa)
| ![Screenshot 2024-06-12 at 21 02
48](https://github.com/facebook/react/assets/28902667/6708b938-8a90-476f-a057-427963d58caa)
|
| Firefox console | ![Screenshot 2024-06-12 at 21 40
29](https://github.com/facebook/react/assets/28902667/4721084f-bbfa-438c-b61b-395da8ded590)
| ![Screenshot 2024-06-12 at 21 40
42](https://github.com/facebook/react/assets/28902667/72bbf001-2d3d-49e7-91c9-20a4f0914d4d)
|
| Chrome console | ![Screenshot 2024-06-12 at 21 43
09](https://github.com/facebook/react/assets/28902667/93c47881-a0dd-44f8-8dc2-8710149774e5)
| ![Screenshot 2024-06-12 at 21 43
00](https://github.com/facebook/react/assets/28902667/07ea4ff5-4322-4db9-9c12-4321d9577c9d)
|
Browse files
Ruslan Lesiutin authored ff6e05a7055665776fe607bdc69aa8f4a285f995 Parent dbc5f36
Changed paths15 files
First-parent comparison
M .eslintrc.js ModifiedM packages/react-devtools-core/webpack.backend.js ModifiedM packages/react-devtools-core/webpack.standalone.js ModifiedM packages/react-devtools-extensions/utils.js ModifiedM packages/react-devtools-extensions/webpack.backend.js ModifiedM packages/react-devtools-extensions/webpack.config.js ModifiedM packages/react-devtools-fusebox/webpack.config.frontend.js ModifiedM packages/react-devtools-inline/webpack.config.js ModifiedM packages/react-devtools-shared/src/__tests__/console-test.js ModifiedM packages/react-devtools-shared/src/backend/console.js ModifiedM packages/react-devtools-shared/src/constants.js ModifiedM packages/react-devtools-shared/src/hook.js ModifiedM packages/react-devtools-shell/webpack-server.js ModifiedM scripts/flow/react-devtools.js ModifiedM scripts/jest/devtools/setupEnv.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…