mirror of
https://github.com/facebook/react.git
synced 2026-02-24 20:53:03 +00:00
0a527707cd
* Add Event Replaying Infra * Wire up Roots and Suspense boundaries, to retry events, after they commit * Replay discrete events in order in a separate scheduler callback * Add continuous events These events only replay their last target if the target is not yet hydrated. That way we don't have to wait for a previously hovered boundary before invoking the current target. * Enable tests from before These tests were written with replaying in mind and now we can properly enable them. * Unify replaying and dispatching * Mark system flags as a replay and pass to legacy events That way we can check if this is a replay and therefore needs a special case. One such special case is "mouseover" where we check the relatedTarget. * Eagerly listen to all replayable events To minimize breakages in a minor, I only do this for the new root APIs since replaying only matters there anyway. Only if hydrating. For Flare, I have to attach all active listeners since the current system has one DOM listener for each. In a follow up I plan on optimizing that by only attaching one if there's at least one active listener which would allow us to start with only passive and then upgrade. * Desperate attempt to save bytese * Add test for mouseover replaying We need to check if the "relatedTarget" is mounted due to how the old event system dispatches from the "out" event. * Fix for nested boundaries and suspense in root container This is a follow up to #16673 which didn't have a test because it wasn't observable yet. This shows that it had a bug. * Rename RESPONDER_EVENT_SYSTEM to PLUGIN_EVENT_SYSTEM
70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import type {AnyNativeEvent} from 'legacy-events/PluginModuleType';
|
|
import type {EventSystemFlags} from 'legacy-events/EventSystemFlags';
|
|
import {
|
|
accumulateTwoPhaseDispatches,
|
|
accumulateDirectDispatches,
|
|
} from 'legacy-events/EventPropagators';
|
|
import type {TopLevelType} from 'legacy-events/TopLevelEventTypes';
|
|
import SyntheticEvent from 'legacy-events/SyntheticEvent';
|
|
import invariant from 'shared/invariant';
|
|
|
|
// Module provided by RN:
|
|
import {ReactNativeViewConfigRegistry} from 'react-native/Libraries/ReactPrivate/ReactNativePrivateInterface';
|
|
|
|
const {
|
|
customBubblingEventTypes,
|
|
customDirectEventTypes,
|
|
} = ReactNativeViewConfigRegistry;
|
|
|
|
const ReactNativeBridgeEventPlugin = {
|
|
eventTypes: {},
|
|
|
|
/**
|
|
* @see {EventPluginHub.extractEvents}
|
|
*/
|
|
extractEvents: function(
|
|
topLevelType: TopLevelType,
|
|
eventSystemFlags: EventSystemFlags,
|
|
targetInst: null | Object,
|
|
nativeEvent: AnyNativeEvent,
|
|
nativeEventTarget: Object,
|
|
): ?Object {
|
|
if (targetInst == null) {
|
|
// Probably a node belonging to another renderer's tree.
|
|
return null;
|
|
}
|
|
const bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
|
|
const directDispatchConfig = customDirectEventTypes[topLevelType];
|
|
invariant(
|
|
bubbleDispatchConfig || directDispatchConfig,
|
|
'Unsupported top level event type "%s" dispatched',
|
|
topLevelType,
|
|
);
|
|
const event = SyntheticEvent.getPooled(
|
|
bubbleDispatchConfig || directDispatchConfig,
|
|
targetInst,
|
|
nativeEvent,
|
|
nativeEventTarget,
|
|
);
|
|
if (bubbleDispatchConfig) {
|
|
accumulateTwoPhaseDispatches(event);
|
|
} else if (directDispatchConfig) {
|
|
accumulateDirectDispatches(event);
|
|
} else {
|
|
return null;
|
|
}
|
|
return event;
|
|
},
|
|
};
|
|
|
|
export default ReactNativeBridgeEventPlugin;
|