mirror of
https://github.com/zebrajr/react.git
synced 2026-01-15 12:15:22 +00:00
e5287287aa
Stacked on https://github.com/facebook/react/pull/28351, please review only the last commit. Top-level description of the approach: 1. Once user selects an element from the tree, frontend asks backend to return the inspected element, this is where we simulate an error happening in `render` function of the component and then we parse the error stack. As an improvement, we should probably migrate from custom implementation of error stack parser to `error-stack-parser` from npm. 2. When frontend receives the inspected element and this object is being propagated, we create a Promise for symbolicated source, which is then passed down to all components, which are using `source`. 3. These components use `use` hook for this promise and are wrapped in Suspense. Caching: 1. For browser extension, we cache Promises based on requested resource + key + column, also added use of `chrome.devtools.inspectedWindow.getResource` API. 2. For standalone case (RN), we cache based on requested resource url, we cache the content of it.
34 lines
676 B
JSON
34 lines
676 B
JSON
{
|
|
"private": true,
|
|
"name": "react-debug-tools",
|
|
"description": "React package for debugging React trees.",
|
|
"version": "0.16.0",
|
|
"keywords": [
|
|
"react"
|
|
],
|
|
"homepage": "https://react.dev/",
|
|
"bugs": "https://github.com/facebook/react/issues",
|
|
"license": "MIT",
|
|
"files": [
|
|
"LICENSE",
|
|
"README.md",
|
|
"index.js",
|
|
"cjs/"
|
|
],
|
|
"main": "index.js",
|
|
"repository": {
|
|
"type" : "git",
|
|
"url" : "https://github.com/facebook/react.git",
|
|
"directory": "packages/react-debug-tools"
|
|
},
|
|
"engines": {
|
|
"node": ">=0.10.0"
|
|
},
|
|
"peerDependencies": {
|
|
"react": "^17.0.0"
|
|
},
|
|
"dependencies": {
|
|
"error-stack-parser": "^2.1.4"
|
|
}
|
|
}
|