mirror of
https://github.com/hanzoai/react.git
synced 2026-09-24 17:02:27 +00:00
64cc858d3b
* Add named hooks test case built with Rollup * Fix prepareStackTrace unpatching, remove sourceURL * Prettier * Resolve source map URL/path relative to the script * Add failing tests for multi-module bundle * Parse hook names from multiple modules in a bundle * Create a HookSourceData per location key (file, line, column). * Cache the source map per runtime URL ( = file part of location key). * Don't store sourceMapContents - only store a consumer instance. * Look up original source URLs in the source map correctly. * Cache the code + AST per original URL. * Fix off-by-one column number lookup. * Some naming and typing tweaks related to the above. * Stop storing the consumer outside the with() callback, which is a bug. * Lint fix for 8d8dd25 * Added devDependencies to react-devtools-extensions package.json * Added some debug logging and TODO comments * Added additional DEBUG logging to hook names cache Co-authored-by: Brian Vaughn <[email protected]>
This is the source code for the React DevTools browser extension.
Installation
The easiest way to install this extension is as a browser add-on:
Local development
You can also build and install this extension from source.
Prerequisite steps
DevTools depends on local versions of several NPM packages1 also in this workspace. You'll need to either build or download those packages first.
1 Note that at this time, an experimental build is required because DevTools depends on the createRoot API.
Build from source
To build dependencies from source, run the following command from the root of the repository:
yarn build-for-devtools
Download from CI
To use the latest build from CI, run the following commands starting from the root of the repository:
cd scripts/release
yarn install
./download-experimental-build.js
Build steps
Once the above packages have been built or downloaded, you can build the extension by running:
cd packages/react-devtools-extensions/
yarn build:chrome # => packages/react-devtools-extensions/chrome/build
yarn run test:chrome # Test Chrome extension
yarn build:firefox # => packages/react-devtools-extensions/firefox/build
yarn run test:firefox # Test Firefox extension