mirror of https://github.com/facebook/react.git synced 2026-02-23 20:23:02 +00:00

Files

Ruslan Lesiutin 8fbd307942 refactor: refactored devtools browser extension scripts to improve port management and service worker lifetime (#27215 )

Fixes https://github.com/facebook/react/issues/27119,
https://github.com/facebook/react/issues/27185.

Fixed:
- React DevTools now works as expected when user performs in-tab
navigation, previously it was just stuck.


https://github.com/facebook/react/assets/28902667/b11c5f84-7155-47a5-8b5a-7e90baca5347

- When user closes browser DevTools panel, we now do some cleanup to
disconnect ports and emit shutdown event for bridge. This should fix the
issue with registering duplicated fibers with the same id in Store.

Changed:
- We reconnect proxy port once in 25 seconds, in order to [keep service
worker
alive](https://developer.chrome.com/docs/extensions/whatsnew/#m110-sw-idle).
- Instead of unregistering dynamically injected content scripts, wen now
get list of already registered scripts and filter them out from scripts
that we want to inject again, see dynamicallyInjectContentScripts.js.
- Split `main.js` and `background.js` into multiple files.

Tested on Chromium and Firefox browsers.

2023-08-29 12:09:26 +01:00

build.js

Re-enabled DevTools context menu option in Firefox to inspect function prop source (#17838 )

2020-01-14 14:00:28 -08:00

deploy.js

Cleaned up some extnesions build script stuff

2019-08-13 22:15:38 -07:00

manifest.json

refactor: refactored devtools browser extension scripts to improve port management and service worker lifetime (#27215 )

2023-08-29 12:09:26 +01:00

now.json

Reorganized folders into packages/*

2019-08-13 15:59:43 -07:00

README.md

Update devtools-extensions build script to reflect changes in local b… (#21004 )

2021-03-15 09:46:46 -04:00

test.js

chore[devtools/release-scripts]: update messages / fixed npm view com… (#26660 )

2023-04-19 10:05:16 +01:00

README.md

The Firefox extension

The source code for this extension has moved to shells/webextension.

Modify the source code there and then rebuild this extension by running node build from this directory or yarn run build:firefox from the root directory.

Testing in Firefox

Build the extension: node build
Follow the on-screen instructions.

You can test upcoming releases of Firefox by downloading the Beta or Nightly build from the Firefox releases page and then following the on-screen instructions after building.