mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian MarkbågeandGitHub
c44e4a2505
Stacked on #32838. We don't always type the Props of built-ins. This adds typing for most of the built-ins. When we did type them, we used to put it in the `ReactFiber...Component` files but any public API like this can be implemented in other renderers too such as Fizz. So I moved them to `shared/ReactTypes` which is where we put other public API types (that are not already built-in to Flow). That way Fizz can import them and assert properly when it accesses the props.
72 lines
2.6 KiB
JavaScript
72 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and 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 {Fiber} from './ReactInternalTypes';
|
|
import type {ViewTransitionProps} from 'shared/ReactTypes';
|
|
import {runWithFiberInDEV} from './ReactCurrentFiber';
|
|
|
|
// Use in DEV to track mounted named ViewTransitions. This is used to warn for
|
|
// duplicate names. This should technically be tracked per Document because you could
|
|
// have two different documents that can have separate namespaces, but to keep things
|
|
// simple we just use a global Map. Technically it should also include any manually
|
|
// assigned view-transition-name outside React too.
|
|
const mountedNamedViewTransitions: Map<string, Fiber> = __DEV__
|
|
? new Map()
|
|
: (null: any);
|
|
const didWarnAboutName: {[string]: boolean} = __DEV__ ? {} : (null: any);
|
|
|
|
export function trackNamedViewTransition(fiber: Fiber): void {
|
|
if (__DEV__) {
|
|
const name = (fiber.memoizedProps: ViewTransitionProps).name;
|
|
if (name != null && name !== 'auto') {
|
|
const existing = mountedNamedViewTransitions.get(name);
|
|
if (existing !== undefined) {
|
|
if (existing !== fiber && existing !== fiber.alternate) {
|
|
if (!didWarnAboutName[name]) {
|
|
didWarnAboutName[name] = true;
|
|
const stringifiedName = JSON.stringify(name);
|
|
runWithFiberInDEV(fiber, () => {
|
|
console.error(
|
|
'There are two <ViewTransition name=%s> components with the same name mounted ' +
|
|
'at the same time. This is not supported and will cause View Transitions ' +
|
|
'to error. Try to use a more unique name e.g. by using a namespace prefix ' +
|
|
'and adding the id of an item to the name.',
|
|
stringifiedName,
|
|
);
|
|
});
|
|
runWithFiberInDEV(existing, () => {
|
|
console.error(
|
|
'The existing <ViewTransition name=%s> duplicate has this stack trace.',
|
|
stringifiedName,
|
|
);
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
mountedNamedViewTransitions.set(name, fiber);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export function untrackNamedViewTransition(fiber: Fiber): void {
|
|
if (__DEV__) {
|
|
const name = (fiber.memoizedProps: ViewTransitionProps).name;
|
|
if (name != null && name !== 'auto') {
|
|
const existing = mountedNamedViewTransitions.get(name);
|
|
if (
|
|
existing !== undefined &&
|
|
(existing === fiber || existing === fiber.alternate)
|
|
) {
|
|
mountedNamedViewTransitions.delete(name);
|
|
}
|
|
}
|
|
}
|
|
}
|