Skip to content

[DevTools] Add fb local build command #32644

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Mar 25, 2025
Merged

Conversation

aohua
Copy link
Contributor

@aohua aohua commented Mar 17, 2025

Summary

  1. Having a development build for FB will be convenient for fb internal feature development
  2. Add a new checkbox to toggle new internal features added to React Devtools.

How did you test this change?

  1. yarn test
  2. set extra env variables in bash profile and build an internal version with the new script.
  3. toggle on/off the new checkbox, the value is stored in local storage correctly.

Comment on lines 92 to 105
{isInternalFacebookBuild && (
<div className={styles.Setting}>
<label>
<input
type="checkbox"
checked={fbInternalFeaturesEnabled}
onChange={({currentTarget}) =>
setFbInternalFeaturesEnabled(currentTarget.checked)
}
/>{' '}
Enable fb internal features
</label>
</div>
)}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of having a checkbox for everything, can we do this instead:

  1. Make this PR contain only change to extension build script. Looks good, I think we can merge it
  2. Based on isInternalFacebookBuild, display a text inside the settings panel, saying like "This is an internal build of React DevTools for Meta".

Then, for all upcoming features we will only add a checkbox if this is an internal feature that can't be generalized or if this feature is optional / expensive to use.

@hoxyq hoxyq changed the title Add fb local build command and checkbox to toggle fb internal features [DevTools] Add fb local build command Mar 25, 2025
@hoxyq hoxyq merged commit dc9b746 into facebook:main Mar 25, 2025
240 of 241 checks passed
github-actions bot pushed a commit that referenced this pull request Mar 25, 2025
<!--
  Thanks for submitting a pull request!
We appreciate you spending the time to work on these changes. Please
provide enough information so that others can review your pull request.
The three fields below are mandatory.

Before submitting a pull request, please make sure the following is
done:

1. Fork [the repository](https://github.com/facebook/react) and create
your branch from `main`.
  2. Run `yarn` in the repository root.
3. If you've fixed a bug or added code that should be tested, add tests!
4. Ensure the test suite passes (`yarn test`). Tip: `yarn test --watch
TestName` is helpful in development.
5. Run `yarn test --prod` to test in the production environment. It
supports the same options as `yarn test`.
6. If you need a debugger, run `yarn test --debug --watch TestName`,
open `chrome://inspect`, and press "Inspect".
7. Format your code with
[prettier](https://github.com/prettier/prettier) (`yarn prettier`).
8. Make sure your code lints (`yarn lint`). Tip: `yarn linc` to only
check changed files.
  9. Run the [Flow](https://flowtype.org/) type checks (`yarn flow`).
  10. If you haven't already, complete the CLA.

Learn more about contributing:
https://reactjs.org/docs/how-to-contribute.html
-->

## Summary
1. Having a development build for FB will be convenient for fb internal
feature development
2. Add a new checkbox to toggle new internal features added to React
Devtools.

## How did you test this change?
1. yarn test
2. set extra env variables in bash profile and build an internal version
with the new script.
3. toggle on/off the new checkbox, the value is stored in local storage
correctly.

---------

Co-authored-by: Aohua Mu <[email protected]>

DiffTrain build for [dc9b746](dc9b746)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants