Commit Graph

27363 Commits

Author SHA1 Message Date
Alex Danoff 679c5b38f7 W3CPointerEvents: fix pointercancel test scrollview on Android (#36959)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/36959

Changelog: [Internal] - W3CPointerEvents: fix pointercancel test scrollview on Android

On Android the contents of the scrollview were not large enough to allow for scrolling (i.e. they didn't overflow the scroll container). This change sets the height of the content and container explicitly to ensure that the view can be scrolled.

Reviewed By: vincentriemer

Differential Revision: D45064333

fbshipit-source-id: 6aa264d569639bb7d906a3afd887985caa563070
2023-04-28 09:28:55 -07:00
Pieter De Baets daa12dc6d2 Remove cppViewMutation support from FabricMountingManager (#37122)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37122

These are not used anymore.

Changelog: [Internal]

Reviewed By: sammy-SC

Differential Revision: D45314294

fbshipit-source-id: e4b93e0ebc9ed824ed975ad8486f8f0395605275
2023-04-28 05:30:16 -07:00
Nicola Corti 1d75cb6600 Remove the BUCK file from rn-tester. (#37140)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37140

This is effectively unused so I'm removing it entirely.

Changelog:
[Internal] [Changed] - Remove the BUCK file from rn-tester

Reviewed By: cipolleschi

Differential Revision: D45390818

fbshipit-source-id: 791b6a589d5ca1b56fa720e232efb0c7fab0d9c3
2023-04-28 04:28:57 -07:00
Nicola Corti 179d5ab8ee Do not explicitely depend on androidx.swiperefreshlayout:swiperefreshlayout (#37139)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37139

This dependency is unnecessary. React Native already exposes a `api` dependency on
`androidx.swiperefreshlayout:swiperefreshlayout` so every consumer will also get it.

This is just another line in the template we can effectively remove.

Changelog:
[Android] [Changed] - Do not explicitely depend on androidx.swiperefreshlayout:swiperefreshlayout

Reviewed By: cipolleschi

Differential Revision: D45390819

fbshipit-source-id: cce34c6a09100d36ee5eb003bb30323f64f0bb9c
2023-04-28 04:28:57 -07:00
Pranav Yadav 14316bd635 Add missing READMEs & Update package.json in all RN packages (#37090)
Summary:
This diff adds _missing_ README files for all public RN packages.

#### Changes:
For all public RN packages:
- Add _Missing_ READMEs

Update package.json in all RN packages to add:
- Issues, Bugs urls
- Keywords and Homepage urls to respective pkgs

## Changelog:

[GENERAL][ADDED] - Add missing README files for all public RN packages.
[GENERAL][CHANGED] - Update package.json in all RN packages to add required fields.

Pull Request resolved: https://github.com/facebook/react-native/pull/37090

Test Plan: - `yarn lint && yarn flow && yarn test-ci` --> _should be green_

Reviewed By: cortinico

Differential Revision: D45390861

Pulled By: hoxyq

fbshipit-source-id: 524a92de56a7cb553573d9f54ccf40a998dfd35f
2023-04-28 04:26:20 -07:00
Phillip Pan 30da587336 get rid of unused bridge selectors (#37092)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37092

changelog: [internal]

these are not used, delete

Reviewed By: christophpurrer, RSNara

Differential Revision: D45072764

fbshipit-source-id: 42961eef1d9ae1f648d9a00041c6f3cdfb55f263
2023-04-27 21:52:27 -07:00
Stas Veretennikov 291f79948e Make createConstantsForViewManager work correctly with read-only maps (#37132)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37132

Changelog: [Internal]

The root cause was that one of the custom view managers was returning a read-only map for getExportedCustomDirectEventTypeConstants. React Native merges these maps between view managers, so if the view managers were initialized in a particular order, it will try to merge events into the read-only map and silently crashes.

Reviewed By: rshest

Differential Revision: D45370622

fbshipit-source-id: 7b4b4de372844835d60f81b6700438f56a6b9302
2023-04-27 17:13:05 -07:00
Janic Duplessis 69b22c9799 Fix VirtualizedList with maintainVisibleContentPosition (#35993)
Summary:
`maintainVisibleContentPosition` is broken when using virtualization and the new content pushes visible content outside its "window". This can be reproduced in the example from this diff. When using a large page size it will always push visible content outside of the list "window" which will cause currently visible views to be unmounted so the implementation of `maintainVisibleContentPosition` can't adjust the content inset since the visible views no longer exist.

The first illustration shows the working case, when the new content doesn't push visible content outside the window. The red box represents the window, all views outside the box are not mounted, which means the native implementation of `maintainVisibleContentPosition`  has no way to know it exists. In that case the first visible view is https://github.com/facebook/react-native/issues/2, after new content is added https://github.com/facebook/react-native/issues/2 is still inside the window so there's not problem adjusting content offset to maintain position. As you can see Step 1 and 3 result in the same position for all initial views.

The second illustation shows the broken case, when new content is added and pushes the first visible view outside the window. As you can see in step 2 the view https://github.com/facebook/react-native/issues/2 is no longer rendered so there's no way to maintain its position.

#### Illustration 1

![image](https://user-images.githubusercontent.com/2677334/163263472-eaf7342a-9b94-4c49-9a34-17bf8ef4ffb9.png)

#### Illustration 2

![image](https://user-images.githubusercontent.com/2677334/163263528-a8172341-137e-417e-a0c7-929d1e4e6791.png)

To fix `maintainVisibleContentPosition` when using `VirtualizedList` we need to make sure the visible items stay rendered when new items are added at the start of the list.

In order to do that we need to do the following:

- Detect new items that will cause content to be adjusted
- Add cells to render mask so that previously visible cells stay rendered
- Ignore certain updates while scroll metrics are invalid

### Detect new items that will cause content to be adjusted

The goal here is to know that scroll position will be updated natively by the `maintainVisibleContentPosition` implementation. The problem is that the native code uses layout heuristics which are not easily available to JS to do so. In order to approximate the native heuristic we can assume that if new items are added at the start of the list, it will cause `maintainVisibleContentPosition` to be triggered. This simplifies JS logic a lot as we don't have to track visible items. In the worst case if for some reason our JS heuristic is wrong, it will cause extra cells to be rendered until the next scroll event, or content position will not be maintained (what happens all the time currently). I think this is a good compromise between complexity and accuracy.

We need to find how many items have been added before the first one. To do that we save the key of the first item in state `firstItemKey`. When data changes we can find the index of `firstItemKey` in the new data and that will be the amount we need to adjust the window state by.

Note that this means that keys need to be stable, and using index won't work.

### Add cells to render mask so that previously visible cells stay rendered

Once we have the adjusted number we can save this in a new state value `maintainVisibleContentPositionAdjustment` and add the adjusted cells to the render mask.

This state is then cleared when we receive updated scroll metrics, once the native implementation is done adding the new items and adjusting the content offset.

This value is also only set when `maintainVisibleContentPosition` is set so this makes sure this maintains the currently behavior when that prop is not set.

### Ignore certain updates while scroll metrics are invalid

While the `maintainVisibleContentPositionAdjustment` state is set we know that the current scroll metrics are invalid since they will be updated in the native `ScrollView` implementation. In that case we want to prevent certain code from running.

One example is `onStartReached` that will be called incorrectly while we are waiting for updated scroll metrics.

## Changelog

[General] [Fixed] - Fix VirtualizedList with maintainVisibleContentPosition

Pull Request resolved: https://github.com/facebook/react-native/pull/35993

Test Plan:
Added bidirectional paging to RN tester FlatList example. Note that for this to work RN tester need to be run using old architecture on iOS, to use new architecture it requires https://github.com/facebook/react-native/pull/35319

Using debug mode we can see that virtualization is still working properly, and content position is being maintained.

https://user-images.githubusercontent.com/2677334/163294404-e2eeae5b-e079-4dba-8664-ad280c171ae6.mov

Reviewed By: yungsters

Differential Revision: D45294060

Pulled By: NickGerleman

fbshipit-source-id: 8e5228318886aa75da6ae397f74d1801d40295e8
2023-04-27 15:31:35 -07:00
Nick Gerleman b0cf746c1f Replace usages of YGConfigSetUseLegacyStretchBehaviour (#37093)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37093

This replaces product usages of `YGConfigSetUseLegacyStretchBehaviour` with instead setting `YGErrataAll`, to opt out of future conformance fixes which may impact compatibility.

We need to still audit C/C++ usage for where we should be applying `YGErrataClassic`, port this change to the RN desktop fork, then mark the function as deprecated (taking care to allow deprecated functions in the Yoga bindings to call deprecated C ABI functions without warning).

Changelog: [Internal]

Reviewed By: yungsters

Differential Revision: D45300631

fbshipit-source-id: 9f94bdbbe7eda091adac016231083b2486c583d9
2023-04-27 12:32:28 -07:00
Nick Gerleman f635341461 Deprecate Java YogaConfig.setUseLegacyStretchBehaviour() (#37095)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37095

X-link: https://github.com/facebook/yoga/pull/1262

X-link: https://github.com/facebook/litho/pull/942

Now that our own usages are removed, mark this as deprecated to encourage users to move to the errata API. The same will be done to variants of this function on other platforms before releasing, and the functions will be removed after releasing.

Reviewed By: yungsters

Differential Revision: D45300343

fbshipit-source-id: 1ecb2b25021f43a0c97ae6e7976317d28551abea
2023-04-27 12:32:28 -07:00
Nick Gerleman 1748323250 Set errata level in RN Paper, Litho, and Native Templates (#37094)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37094

This searches fbsource for the following strings corresponding to node or config creation using Yoga Java bindings.
1. `YogaNodeFactory.create`
2. `YogaConfigFactory.create`

Apart from benchmarks/tests, this leaves RN Paper, Litho and Native Templates. These are opted into compatibility with current Yoga behavior, using either `YogaErrata.CLASSIC`, or `YogaErrata.ALL` where `UseLegacyStretchBehaviour` is currently set.

Changelog:
[Internal]

Reviewed By: yungsters

Differential Revision: D45299721

fbshipit-source-id: 74da3dfdb8e5d703feeb44cf73bd18a40e2e936f
2023-04-27 12:32:28 -07:00
Pieter De Baets b3478cb96d Unbreak RNTester build (#37128)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37128

CircleCI signal was missed in D45310066

Changelog: [Internal]

Reviewed By: fabriziocucci

Differential Revision: D45355691

fbshipit-source-id: 152daf51d0a15733e47bba1df575e3d60f621cb0
2023-04-27 08:07:48 -07:00
Pieter De Baets 749a54b4b3 Pass MountingTransaction to FabricMountingManager (#37108)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37108

Move the pulling of transactions to the FabricUIManagerBinding, so we have more flexibility in re-using FabricMountingManager for arbitrary MountingTransaction payloads.

Changelog: [Internal]

Reviewed By: genkikondo

Differential Revision: D45312523

fbshipit-source-id: 0aa4edf1ee98bcfc8c7942e9fb8a81ab87842a4c
2023-04-27 07:12:51 -07:00
Nick Gerleman f5a1ad987b Add Java bindings for Errata API (#37096)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37096

X-link: https://github.com/facebook/yoga/pull/1263

JNI glue to expose `YogaConfig.setErrata()` and `YogaConfig.getErrata()`.

Reviewed By: yungsters

Differential Revision: D45296538

fbshipit-source-id: 8d743d278b7df43f7843a79d8f4542bfb03fc08d
2023-04-27 06:48:04 -07:00
Nick Gerleman 0fd0f56f20 Add YGErrata integration within C ABI (#37075)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37075

X-link: https://github.com/facebook/yoga/pull/1255

This diff wires up YGErrata to a public API, along with existing functions to set UseLegacyStretchBehaviour.

The `UseLegacyStretchBehaviour` functions will be removed after the world internally is transitioned to `YGConfigSetErrata`. This is intentionally breaking, since most users previously enabling `UseLegacyStretchBehaviour` will want to pick a new appropriate errata setting. Internally, users of the API will be moved to`YGErrataAll`.

The overall change looks like:
1. Clean up YGConfig to use accessors/setters
2. Change up YGconfig internal storage
    1. Fabric has a config per ShadowNode, so it makes sense to do some size optimization before adding more (free-form bools to bitfield, `std::array<bool,>` to `std::bitset` since not specialized)
3. Wire accessor/setter of UseLegacyStretchBehaviour to errata while both APIs exist
4. Add errata APIs to C ABI

After this we will need to expose the ABI to more language projections, and (more involved), add usages of the API to internal consumption of Yoga before adding more errata and removing `UseLegacyStretchBehaviour`.

Note that this API representation is similar, but distinct to `YGExperimentalFeature`. I think that API may also have made sense as an enum bitset, like we explicitly want for the new API, but it's not really worth changing the existing API to make that happen.

Reviewed By: rshest

Differential Revision: D45254097

fbshipit-source-id: 5c725ce5a77b25c1356f753d11c468587dbd8ded
2023-04-27 06:48:04 -07:00
Nick Gerleman 72fb75d4d4 Remove config variant copy ctor from YGNode (#37091)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37091

X-link: https://github.com/facebook/yoga/pull/1258

This private constructor was added specifically for Fabric when config setting was deprecated, but that is undeprecated now. Fbsource fabric was moved off of it, and the RN desktop for was in the last diff in the stack, so we can remove it now.

Reviewed By: yungsters

Differential Revision: D45292729

fbshipit-source-id: 87b2a1adaafaf817befe44dbc3ac178af59a6e68
2023-04-27 06:48:04 -07:00
Nick Gerleman 7e0ea15cca Use public APIs in YogaLayoutableShadowNode::initializeYogaConfig (#37077)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37077

Converts a couple of Yoga config usages in Fabric to public APIs, in preparation for changing the private API.

Changelog: [Internal]

Reviewed By: rshest

Differential Revision: D45254099

fbshipit-source-id: 0d4511fc31b876bfa12f215b72c7c82c940bf342
2023-04-27 06:48:04 -07:00
Nicola Corti 6f2f1d64b1 Add support for Events on the Fabric Interop Layer (#37059)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37059

This diff introduces InteropEventEmitter, a re-implementation of RCTEventEmitter that works with Fabric and allows to support events on the Fabric Interop for Android.
Thanks to this, users can keep on calling `getJSModule(RCTEventEmitter.class).receiveEvent(...)` in their legacy ViewManagers and they will be using the EventDispatcher
under the hood to dispatch events.

The logic is enabled only if the `unstable_useFabricInterop` flag is turned on. I've turned this on for the template setup and for RN Tester.

On top of this, this diff takes care also of event name "normalization".
On Fabric, all the events needs to be registered with a "top" prefix. With this diff, we'll be adding the "top" prefix at registration time, if the user hasn't added them.
This allows to use legacy ViewManagers on Fabric without having to ask users to change their event name.

Changelog:
[Android] [Added] - Add support for Events on the Fabric Interop Layer

Reviewed By: mdvacca

Differential Revision: D45144246

fbshipit-source-id: 63d4060153907c05977c976379b90574d1f69866
2023-04-27 05:35:52 -07:00
Samuel Susla 6c385c6433 Fix race condition in SurfaceHandler (#37088)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37088

changelog: [internal]

This is a race condition. parameters need to be copied out, otherwise they might be changed during read.

Reviewed By: luluwu2032

Differential Revision: D45272086

fbshipit-source-id: 9043762dfaaf61d08e187c0d83f743e991a94ed1
2023-04-27 04:23:57 -07:00
Pieter De Baets ec1ab73674 Avoid retaining TurboModuleManager in AppDelegate (#37104)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37104

The AppDelegate (and other similar classes) only need to construct the TurboModuleManager for intialization purposes, and should not retain it beyond that. TurboModuleManager retains each of the TurboModule instances and through the new binding mechanism, also JSI pointers, which are invalid beyond the lifetime of the JS context.

Changelog: [iOS] Changed AppDelegate template to avoid retaining TurboModuleManager.

Reviewed By: sammy-SC, cipolleschi

Differential Revision: D45310066

fbshipit-source-id: 4199c9973d832cc07fd32b94f2dcbaa72f4d3920
2023-04-27 04:14:29 -07:00
Nick Gerleman fe6f70b913 Define Flag operators for YGPrintOptions (#37115)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37115

X-link: https://github.com/facebook/yoga/pull/1267

This is an existing bitset enum in the API. Use the facility added in the last diff to add flag operators to it, to avoid the need for casting, and to make it clearer in the generated YGEnums.h that it is a bitset.

Reviewed By: rshest

Differential Revision: D45341504

fbshipit-source-id: 0b80588f3e2e167d4c1c722c6d6608408dd617ba
2023-04-27 03:15:14 -07:00
Nick Gerleman c7dcb42b8a Add YGErrata Enum (#1256)
Summary:
X-link: https://github.com/facebook/yoga/pull/1256

Pull Request resolved: https://github.com/facebook/react-native/pull/37076

This adds a `YGErrata` bitset enum matching the API and guarantees described in https://github.com/facebook/yoga/issues/1247.

It is hooked up in later diffs. There are a couple of `YGExperimentalFeature` values that belong here, but keeping the current options means that the default `YGErrataNone` corresponds to existing default behavior, letting us stage the series of changes as:
1. Implement errata API
2. Update internal Yoga users we want to de-risk to `YGErrataClassic` or `YGErrataAll` (if setting `UseLegacyStretchBehaviour`)
3. Add new errata, changing Yoga defaults to be conformant, while letting internal apps opt into compatibility modes pending experimentation.

I also added a macro to let C++ users of Yoga perform bitwise operations on the enum without casting (already available for C users).

Reviewed By: rshest

Differential Revision: D45254098

fbshipit-source-id: d4b61271a8018f548f2d9d8c953db4b121a502d1
2023-04-27 03:15:14 -07:00
Lulu Wu 0dcf81b4f1 Move Bridgeless files to OSS folders (#37066)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37066

Move Bridgeless ObjC files from
> fbobjc/Apps/Wilde/Internal/venice

to
> xplat/js/react-native-github/packages/react-native/ReactCommon/react/bridgeless/platform/ios

Changelog:
[iOS][Changed] - Move Bridgeless files to OSS folders

Reviewed By: fkgozali

Differential Revision: D45120773

fbshipit-source-id: 2aa03238ae5c33dc8a3bf8004c51e9b6e0ca14b6
2023-04-27 02:11:07 -07:00
Nick Gerleman 33ebb5d636 Remove private headers exposed by podspecs (#940)
Summary:
X-link: https://github.com/facebook/litho/pull/940

X-link: https://github.com/facebook/yoga/pull/1252

Pull Request resolved: https://github.com/facebook/react-native/pull/36993

Fabric relies on the private C++ internals of Yoga. This creates a conundrum in the open source build due to how header creation in Cocoapods works.

1. The default mechanism of specifying public headers needs to include the private headers for them to be made usable by fabric (by default)
2. Cocoapods will roll up all of the public headers when importing a module

https://github.com/facebook/react-native/pull/33381 fixed the Fabric Cocoapods build which ran into this. React Native relies on FlipperKit which relies on YogaKit, which in turn finally imports the Yoga podspec. Because YogaKit may use Swift, we can only expose the public Yoga C ABI.

The first solution in that PR was to allow RN to access Yoga private headers, but this was changed to instead make all Yoga headers public, and to add ifdefs to all of them to no-op when included outside of a C++ environment.

Talking to Kudo, we should be able to change back to the earlier approach in the PR, to instead expose the private headers to only RN. This lets us avoid exposing headers that we ideally wouldn't be, and lets us avoid the messy ifdefs in every Yoga header.

Changelog: [Internal]

Reviewed By: rshest

Differential Revision: D45139075

fbshipit-source-id: 99152986a578f7aac8324dffe0e18c42a38cc6a5
2023-04-26 17:27:29 -07:00
gnoff c1dea41cf2 Fix double preload (#26729)
Summary:
I found a couple scenarios where preloads were issued too aggressively

1. During SSR, if you render a new stylesheet after the preamble flushed
it will flush a preload even if the resource was already preloaded
2. During Client render, if you call `ReactDOM.preload()` it will only
check if a preload exists in the Document before inserting a new one. It
should check for an underlying resource such as a stylesheet link or
script if the preload is for a recognized asset type

DiffTrain build for commit https://github.com/facebook/react/commit/ec5e9c2a75749b0a470b7148738cb85bbb035958.

Reviewed By: kassens

Differential Revision: D45295400

fbshipit-source-id: 6255a2c72d321fdef508d8805b3a5cb807c5c384
2023-04-26 12:43:15 -07:00
rubennorte (Meta Employee) 0f65b04798 Handle line endings correctly on Windows in build script for RN (#26727)
Summary:
## Summary

We added some post-processing in the build for RN in #26616 that broke
for users on Windows due to how line endings were handled to the regular
expression to insert some directives in the docblock. This fixes that
problem, reported in #26697 as well.

## How did you test this change?

Verified files are still built correctly on Mac/Linux. Will ask for help
to test on Windows.

DiffTrain build for commit https://github.com/facebook/react/commit/f87e97a0a67fa7cfd7e6f2ec985621c0e825cb23.

Changelog: [Internal]

Reviewed By: kassens

Differential Revision: D45279164

Pulled By: rubennorte

fbshipit-source-id: 5372e8357c99bb09704715b155cb85422ec7886a
2023-04-26 12:43:15 -07:00
poteto (Meta Employee) 869e32aa02 Add support for useMemoCache (#26696)
Summary:
useMemoCache wasn't previously supported in the DevTools, so any attempt
to inspect a component using the hook would result in a
`dispatcher.useMemoCache is not a function (it is undefined)` error.

DiffTrain build for commit https://github.com/facebook/react/commit/25b99efe0c9c9d593c86829386c86740d409fa8c.

Changelog: [Internal]

Reviewed By: kassens

Differential Revision: D45278799

Pulled By: poteto

fbshipit-source-id: 613b28f9793574cef6fed04211f1fc2d0e600119
2023-04-26 12:43:15 -07:00
Lorenzo Sciandra 49518214da add 0.68.7 changelog (#37106)
Summary:
Adds changelog for new patch.

## Changelog:

<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://reactnative.dev/contributing/changelogs-in-pull-requests
-->

[Internal] [Changed] - add changelog entry for 0.68.7

Pull Request resolved: https://github.com/facebook/react-native/pull/37106

Test Plan: N/A

Reviewed By: dmytrorykun

Differential Revision: D45313093

Pulled By: cipolleschi

fbshipit-source-id: d84e8d61626181b2ebfad9304c5c9be4b0123015
2023-04-26 12:14:18 -07:00
acdlite aab11c2743 Turn off enableFormActions in Meta build (#26721)
Summary:
This is enabled in the canary channels, but because it's relatively
untested, we'll disable it at Meta until they're ready to start trying
it out. It can change some behavior even if you don't intentionally
start using the API.

The reason it's not a dynamic flag is that it affects the external Fizz
runtime, which currently can't read flags at runtime.

DiffTrain build for commit https://github.com/facebook/react/commit/ed545ae3d3478cd82aa498494025cb3a15188e4c.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45278076

Pulled By: kassens

fbshipit-source-id: e9d56912b339384990edd31c4eba5f784fcef932
2023-04-26 09:55:48 -07:00
sebmarkbage 74754fceaf Replay Client Actions After Hydration (#26716)
Summary:
We used to have Event Replaying for any kind of Discrete event where
we'd track any event after hydrateRoot and before the async code/data
has loaded in to hydrate the target. However, this didn't really work
out because code inside event handlers are expected to be able to
synchronously read the state of the world at the time they're invoked.
If we replay discrete events later, the mutable state around them like
selection or form state etc. may have changed.

This limitation doesn't apply to Client Actions:

- They're expected to be async functions that themselves work
asynchronously. They're conceptually also in the "navigation" events
that happen after the "submit" events so they're already not
synchronously even before the first `await`.
- They're expected to operate mostly on the FormData as input which we
can snapshot at the time of the event.

This PR adds a bit of inline script to the Fizz runtime (or external
runtime) to track any early submit events on the page - but only if the
action URL is our placeholder `javascript:` URL. We track a queue of
these on `document.$$reactFormReplay`. Then we replay them in order as
they get hydrated and we get a handle on the Client Action function.

I add the runtime to the `bootstrapScripts` phase in Fizz which is
really technically a little too late, because on a large page, it might
take a while to get to that script even if you have displayed the form.
However, that's also true for external runtime. So there's a very short
window we might miss an event but it's good enough and better than
risking blocking display on this script.

The main thing that makes the replaying difficult to reason about is
that we can have multiple instance of React using this same queue. This
would be very usual but you could have two different Reacts SSR:ing
different parts of the tree and using around the same version. We don't
have any coordinating ids for this. We could stash something on the form
perhaps but given our current structure it's more difficult to get to
the form instance in the commit phase and a naive solution wouldn't
preserve ordering between forms.

This solution isn't 100% guaranteed to preserve ordering between
different React instances neither but should be in order within one
instance which is the common case.

The hard part is that we don't know what instance something will belong
to until it hydrates. So to solve that I keep everything in the original
queue while we wait, so that ordering is preserved until we know which
instance it'll go into. I ended up doing a bunch of clever tricks to
make this work. These could use a lot more tests than I have right now.

Another thing that's tricky is that you can update the action before
it's replayed but we actually want to invoke the old action if that
happens. So we have to extract it even if we can't invoke it right now
just so we get the one that was there during hydration.

DiffTrain build for commit https://github.com/facebook/react/commit/bf449ee74e5e98af3d08c87bb6a9f22a021f3522.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45274088

Pulled By: kassens

fbshipit-source-id: 7e9d96731f0bc72ea5fa3ffc6ce3f4a1dfe80d90
2023-04-26 09:55:48 -07:00
sebmarkbage c6585993a3 Use require() to implement script src in tests (#26717)
Summary:
We currently use rollup to make an adhoc bundle from the file system
when we're testing an import of an external file.

This doesn't follow all the interception rules that we use in jest and
in our actual builds.

This switches to just using jest require() to load these. This means
that they effectively have to load into the global document so this only
works with global document tests which is all we have now anyway.

DiffTrain build for commit https://github.com/facebook/react/commit/64d6be71224c4241ba8f9d80747d53c0fd6224e7.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45272583

Pulled By: kassens

fbshipit-source-id: bc06743c0997464d0459ecaa1dfefb4d5dc783d0
2023-04-26 09:55:48 -07:00
acdlite b19dd9caa6 Add stub for experimental_useFormStatus (#26719)
Summary:
This wires up, but does not yet implement, an experimental hook called
useFormStatus. The hook is imported from React DOM, not React, because
it represents DOM-specific state — its return type includes FormData as
one of its fields. Other renderers that implement similar methods would
use their own renderer-specific types.

The API is prefixed and only available in the experimental channel.

It can only be used from client (browser, SSR) components, not Server
Components.

DiffTrain build for commit https://github.com/facebook/react/commit/919620b2935ca6bb8dfc96204a7cf8754c006240.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45255513

Pulled By: kassens

fbshipit-source-id: 9ba527201889fb25f130eaef385bbb9efa0b92c4
2023-04-26 09:55:48 -07:00
sebmarkbage 6463ca3544 Go through the toString path for booleanish strings and .name property (#26720)
Summary:
This is consistent with what we used to do but not what we want to do.

DiffTrain build for commit https://github.com/facebook/react/commit/9ece58ebaa46f8b5e90a6ad71be4919e1dc9c563.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45253561

Pulled By: kassens

fbshipit-source-id: c739cff3a13d4ddc0569601a018a53ff5cc21c9b
2023-04-26 09:55:48 -07:00
gabrieldonadel 28e1ca9873 Remove remote debugging from dev menu (#36754)
Summary:
This PR proposes the removal of the ability to use remote JS debugging (a.k.a Chrome Debugging) from the DevMenu.
This change has been suggested previously on the contributor's Discord server and it is motivated by the fact that generally speaking, this feature does not work with the new architecture and most of the popular modules these days. The remote JS debugging is basically broken if you use Turbo Modules, Fabric, or sync native module calls.

People tend to assume that if something is part of the dev tools UI, it is going to work reliably. However, when it comes to remote debugging using JSC that's increasingly unlikely to be the case. Having it continue to exist as an option has created some confusion, or at least that's what we've seen within the Expo community.

### How to manually enable remote debugging

If your project depends on remote debugging, you can still enable it manually through the `NativeDevSettings`. E.g.

```jsx
import NativeDevSettings from 'react-native/Libraries/NativeModules/specs/NativeDevSettings';

export default function App() {
  return (
    <Button
      title="Enable remote debugging"
      onPress={() => NativeDevSettings.setIsDebuggingRemotely(!true)}
    />
  );
}

```

### Next steps

Once this has been released and we are sure that this doesn't cause a lot of problems for people we can remove the ability entirely in a follow-up PR

## Changelog:

[General] [Removed] - Remove remote debugging from the dev menu

Pull Request resolved: https://github.com/facebook/react-native/pull/36754

Test Plan:
Locally run rn-tester using JSC on Android and iOS and open the dev menu

<table>
    <tr><th>iOS</th><th>Android</th></tr>
    <tr>
    <td>
        <img src="https://user-images.githubusercontent.com/11707729/229229079-03f98eed-0765-4cc8-b972-0c4ff041b611.png" />
   </td>
   <td>
   <img src="https://user-images.githubusercontent.com/11707729/229229103-b57e8fd2-9aca-4780-8a8f-0fd5b2e53590.png" />
    </td>
</tr>
</table>

Reviewed By: christophpurrer

Differential Revision: D45278061

Pulled By: huntie

fbshipit-source-id: 842c33102cd34730c14acece8e318cb263e5c9e5
2023-04-26 09:30:20 -07:00
Tim Yung f92d438649 RN: Remove @reactions/component Dependency (#37098)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37098

Removes `reactions/component` as a dependency.

As far as I can see, it is unused by `react-native`.

Changelog:
[Internal]

Reviewed By: GijsWeterings

Differential Revision: D45304937

fbshipit-source-id: de90dce8049af2a7abe7c9cb0222fb4e3b0eb866
2023-04-26 08:49:50 -07:00
Pranav Yadav a58dea1e9e Update Node.js to v16 in all RN packages (#37073)
Summary:
**NOTE**: This is a **BREAKING** change.
TLDR; Enforce minimum Node.js v16 in all RN packages.

This diff **Updates Node.js to v16** across all RN packages.

#### Context:

- For RN development and new project created; bump to node 16 was in https://github.com/facebook/react-native/pull/36217
- Recently `react-native-windows` also; updated node to v16, https://github.com/microsoft/react-native-windows/pull/11500

#### Changes:

- [BREAKING] Update Node.js to v16 across all RN packages under 'packages/' dir

## Changelog:

[GENERAL][BREAKING] - Update Node.js to v16 in all RN packages

Pull Request resolved: https://github.com/facebook/react-native/pull/37073

Test Plan: - `yarn lint && yarn flow && yarn test-ci` --> _should be green_

Reviewed By: cipolleschi

Differential Revision: D45306108

Pulled By: jacdebug

fbshipit-source-id: e3ba7d0151b86a6a0a3d63fb29c2bd887e1ac1e7
2023-04-26 08:24:06 -07:00
Samuel Susla 51ff25937b Add missing header includes (#37086)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37086

changelog: [internal]

Reviewed By: rshest

Differential Revision: D45274839

fbshipit-source-id: 223d6401ebd50d0fa946419b63f792c544afd121
2023-04-26 08:19:22 -07:00
Samuel Susla 2cda4f71b6 Simplify createInitialState interface (#37069)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37069

changelog: [internal]

To create initial C++ state, nothing beside props is needed from `ShadowNodeFragment` and this diff removes it.

It makes creation of state easier as we will no longer need to check if props are nullptr.

Reviewed By: mdvacca

Differential Revision: D45183692

fbshipit-source-id: 81ab8eb3c57f6ff64aaed7c5b395555dce6b60b2
2023-04-26 05:50:49 -07:00
Pieter De Baets a718a88510 Fix mounting tests (#37079)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37079

These tests were crashing when ran internally, due to not having a ReactNativeConfig setup (alternatively, we should make the callsite in [conversions.h](https://github.com/facebook/react-native/blob/5e983d51d8bc2abded5659a77808542c6dc1377a/packages/react-native/ReactCommon/react/renderer/components/view/conversions.h#L412) optional.

Changelog: [Internal]

Reviewed By: cortinico, sammy-SC

Differential Revision: D45271973

fbshipit-source-id: 7f8c180df165a2fadeb198efdc1809e04956307d
2023-04-26 05:48:08 -07:00
Siddarth Kumar c937162cd5 move extendsForProp into parsers-commons (#37052)
Summary:
[Codegen 94] This PR attempts to extracts the logic of `extendsForProp` function from the following locations :
- `parsers/flow/components/extends.js`
- `parsers/typescript/components/props.js`
since they are the same and move the function to `parsers/parsers-commons.js` as requested on https://github.com/facebook/react-native/issues/34872

## Changelog:

[Internal] [Changed] - Move `extendsForProp` to parser-commons and update usages.

Pull Request resolved: https://github.com/facebook/react-native/pull/37052

Test Plan: Run `yarn jest react-native-codegen` and ensure CI is green

Reviewed By: cipolleschi

Differential Revision: D45225880

Pulled By: rshest

fbshipit-source-id: 45199089746d58d9e9494b28040b34c2a0eb31fe
2023-04-26 04:25:54 -07:00
Riccardo Cipolleschi 5ff19f0925 Back out "Reapply Fix escaping in the URL conversion" (#37103)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37103

Re backout the fix as there are some edge cases not handled properly internally.

## Changelog:
[iOS][Fixed] - Revert change in URL escaping

Reviewed By: javache, sammy-SC, rshest

Differential Revision: D45309232

fbshipit-source-id: d9f473d1f6409beb1069d9af7e649ee5b1b06d6e
2023-04-26 03:43:22 -07:00
Lorenzo Sciandra 495506db78 add 0.69.10 changelog (#37082)
Summary:
Adds changelog for new patch.

## Changelog:

<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://reactnative.dev/contributing/changelogs-in-pull-requests
-->

[Internal] [Changed] - add changelog entry for 0.69.10

Pull Request resolved: https://github.com/facebook/react-native/pull/37082

Test Plan: N/A

Reviewed By: rshest

Differential Revision: D45277997

Pulled By: GijsWeterings

fbshipit-source-id: eb64c8b6b9f0d5c59140e12eb70f16a57eae5f82
2023-04-26 01:11:14 -07:00
Sam Zhou 0e59e2af0c Fix incorrect usage of React.ElementConfig and React.ElementRef in xplat (#37083)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37083

`React.ElementConfig<a polymophic type>` will result in unpredictable behavior in Flow due to some types being unresolved. Since the type is already broken in most cases, I use $FlowFixMe as the type for those type arguments that are currently inferred as empty.

Changelog: [Internal]

Reviewed By: NickGerleman

Differential Revision: D44774275

fbshipit-source-id: bb950379102d41e729593af644d25670d9071ab4
2023-04-25 19:48:21 -07:00
Sam Goldman b4466c747a Deploy 0.204.1 to xplat
Summary: Changelog: [Internal]

Reviewed By: SamChou19815

Differential Revision: D45279076

fbshipit-source-id: 3f14cd7b57f3e3fb9d5ba2b9c04872a0eff0a3c3
2023-04-25 16:25:27 -07:00
Samuel Susla fc5a7f7567 Remove use of JSI_EXPORT from codegen (#37085)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37085

changelog: [internal]

Props and event emitter does not need to use JSI_EXPORT. Therefore we can remove include of jsi.h as well.

Reviewed By: cortinico, rshest

Differential Revision: D45274824

fbshipit-source-id: dd756258767f787e49d86dc31e18ce581f444362
2023-04-25 12:39:37 -07:00
Samuel Susla 09a810ae7d Call setSurfaceProps when props change in SurfaceHandler (#37087)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/37087

changelog: [internal]

Surface props can change during life cycle of a surface. This was supported before the new renderer as well. AppRegistry has a corresponding method for this: `AppRegistry.setSurfaceProps`.
To add support for this, we just need to call into `UIManager::setSurfaceProps`.

Reviewed By: rshest

Differential Revision: D45272046

fbshipit-source-id: d138b57d5c83f554839b0db0e6721045b8dc81ef
2023-04-25 11:47:07 -07:00
sebmarkbage bfeef95c44 Insert temporary input node to polyfill submitter argument in FormData (#26714)
Summary:
Insert temporary input node to polyfill submitter argument in FormData.
This works for buttons too and fixes a bug where the type attribute
wasn't reset.

I also exclude the submitter if it's a function action. This ensures
that we don't include the generated "name" when the action is a server
action. Conceptually that name doesn't exist.

DiffTrain build for commit https://github.com/facebook/react/commit/5e5342b10059bf90738a8d9171fcf0af9d9d5d51.

Changelog: [Internal]

Reviewed By: kassens

Differential Revision: D45240323

fbshipit-source-id: 3e9a8076942abdc24cf25b9dd9f130727ec3c0fd
2023-04-25 11:43:52 -07:00
sebmarkbage 1b41b54897 Update Flight fixture to use use() instead of Promise as a child (#26715)
Summary:
The Promise as a child case seems buggy. It ends up throwing the Promise
as fatal when used in Sync rendering.

DiffTrain build for commit https://github.com/facebook/react/commit/9c58a0b6475509f9124da578207aa0d3b7364035.

Changelog: [Internal]

Reviewed By: kassens

Differential Revision: D45239545

fbshipit-source-id: 1b377ec87bc3d1bbe07d7fd9f68235629adff764
2023-04-25 11:43:52 -07:00
sophiebits 2a82cbab64 Fix escaping in ReactDOMInput code (#26630)
Summary:
JSON.stringify isn't the right thing here. Luckily this doesn't look to have any security impact.

DiffTrain build for commit https://github.com/facebook/react/commit/9ee796430278c6f6e8acec4f54fd9be7f7868c0d.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45238390

fbshipit-source-id: 04e8ce20ae1b7a86fea538f032bc9dc34d41219c
2023-04-25 11:43:52 -07:00
sebmarkbage e22c7b3e58 Restore server controlled form fields to whatever they should be (#26708)
Summary:
Fizz can emit whatever it wants for the SSR version of these fields when
it's a function action so they might not align with what is in the
previous props. Therefore we need to force them to update if we're
updating to a non-function where they might be relevant again.

DiffTrain build for commit https://github.com/facebook/react/commit/2fa632381839c8732dad9107b90911163b7f2b7a.

Changelog: [Internal]

Reviewed By: poteto

Differential Revision: D45238365

fbshipit-source-id: b75b4779bd3759362d69f96994ba781982f650a0
2023-04-25 11:43:52 -07:00