Skip to content

[DevTools] Add fb local build command#32644

Merged
hoxyq merged 8 commits intofacebook:mainfrom
aohua:add-fb-local-build
Mar 25, 2025
Merged

[DevTools] Add fb local build command#32644
hoxyq merged 8 commits intofacebook:mainfrom
aohua:add-fb-local-build

Conversation

@aohua
Copy link
Copy Markdown
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
Copy Markdown
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 <muaohua@fb.com>

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