mirror of
https://github.com/zebrajr/react.git
synced 2025-12-06 12:20:20 +01: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
53 lines
1.9 KiB
JavaScript
53 lines
1.9 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 invariant from 'shared/invariant';
|
|
|
|
// Renderers that don't support hydration
|
|
// can re-export everything from this module.
|
|
|
|
function shim(...args: any) {
|
|
invariant(
|
|
false,
|
|
'The current renderer does not support hydration. ' +
|
|
'This error is likely caused by a bug in React. ' +
|
|
'Please file an issue.',
|
|
);
|
|
}
|
|
|
|
// Hydration (when unsupported)
|
|
export type SuspenseInstance = mixed;
|
|
export const supportsHydration = false;
|
|
export const canHydrateInstance = shim;
|
|
export const canHydrateTextInstance = shim;
|
|
export const canHydrateSuspenseInstance = shim;
|
|
export const isSuspenseInstancePending = shim;
|
|
export const isSuspenseInstanceFallback = shim;
|
|
export const registerSuspenseInstanceRetry = shim;
|
|
export const getNextHydratableSibling = shim;
|
|
export const getFirstHydratableChild = shim;
|
|
export const hydrateInstance = shim;
|
|
export const hydrateTextInstance = shim;
|
|
export const hydrateSuspenseInstance = shim;
|
|
export const getNextHydratableInstanceAfterSuspenseInstance = shim;
|
|
export const commitHydratedContainer = shim;
|
|
export const commitHydratedSuspenseInstance = shim;
|
|
export const clearSuspenseBoundary = shim;
|
|
export const clearSuspenseBoundaryFromContainer = shim;
|
|
export const didNotMatchHydratedContainerTextInstance = shim;
|
|
export const didNotMatchHydratedTextInstance = shim;
|
|
export const didNotHydrateContainerInstance = shim;
|
|
export const didNotHydrateInstance = shim;
|
|
export const didNotFindHydratableContainerInstance = shim;
|
|
export const didNotFindHydratableContainerTextInstance = shim;
|
|
export const didNotFindHydratableContainerSuspenseInstance = shim;
|
|
export const didNotFindHydratableInstance = shim;
|
|
export const didNotFindHydratableTextInstance = shim;
|
|
export const didNotFindHydratableSuspenseInstance = shim;
|