react-native-screen-transitions 4.0.0-alpha.2 → 4.0.0-alpha.3

package/src/providers/register-bounds.provider.tsx

@@ -1,401 +0,0 @@
-import { useFocusEffect } from "@react-navigation/native";
-import { type ReactNode, useCallback, useMemo, useRef } from "react";
-import type { View } from "react-native";
-import {
-	type AnimatedRef,
-	measure,
-	type StyleProps,
-	useAnimatedReaction,
-	useSharedValue,
-} from "react-native-reanimated";
-import type { SharedValue } from "react-native-reanimated/lib/typescript/commonTypes";
-import { scheduleOnRN, scheduleOnUI } from "react-native-worklets";
-import useStableCallback from "../hooks/use-stable-callback";
-import useStableCallbackValue from "../hooks/use-stable-callback-value";
-import { AnimationStore } from "../stores/animation.store";
-import {
-	createPendingPairKey,
-	createScreenPairKey,
-} from "../stores/bounds/helpers/link-pairs.helpers";
-import { getEntry } from "../stores/bounds/internals/entries";
-import { getDestination, getSource } from "../stores/bounds/internals/links";
-import { prepareStyleForBounds } from "../utils/bounds/helpers/styles/styles";
-import createProvider from "../utils/create-provider";
-import { applyMeasuredBoundsWrites } from "./helpers/measured-bounds-writes";
-import { useDescriptorDerivations, useDescriptors } from "./screen/descriptors";
-
-/**
- * @deprecated Internal legacy provider for the old shared-bound-tag registration
- * path. Do not build new boundary behavior here; use the Transition.Boundary
- * measurement pipeline instead.
- */
-interface MaybeMeasureAndStoreParams {
-	onPress?: ((...args: unknown[]) => void) | undefined;
-	shouldSetSource?: boolean;
-	shouldSetDestination?: boolean;
-}
-
-interface RegisterBoundsRenderProps {
-	handleInitialLayout: () => void;
-	captureActiveOnPress: () => void;
-}
-
-interface RegisterBoundsProviderProps {
-	sharedBoundTag?: string;
-	animatedRef: AnimatedRef<View>;
-	style: StyleProps;
-	onPress?: ((...args: unknown[]) => void) | undefined;
-	remeasureOnFocus?: boolean;
-	children: (props: RegisterBoundsRenderProps) => ReactNode;
-}
-
-interface RegisterBoundsContextValue {
-	updateSignal: SharedValue<number>;
-}
-
-const getRouteParamId = (
-	route: { params?: object } | undefined,
-): string | null => {
-	const params = route?.params as Record<string, unknown> | undefined;
-	const rawId = params?.id;
-	return typeof rawId === "string" ? rawId : null;
-};
-
-const matchesSelectionTag = (
-	tag: string | undefined,
-	selectedId: string | null,
-): boolean => {
-	"worklet";
-	if (!tag || !selectedId) return false;
-	if (tag === selectedId) return true;
-	if (tag.endsWith(`:${selectedId}`)) return true;
-	if (tag.endsWith(`-${selectedId}`)) return true;
-	return false;
-};
-
-/**
- * Handles initial layout measurement for destination elements.
- * Only measures if an animation is in progress (local or parent).
- */
-const useInitialLayoutHandler = (params: {
-	sharedBoundTag?: string;
-	currentScreenKey: string;
-	ancestorKeys: string[];
-	maybeMeasureAndStore: (options: MaybeMeasureAndStoreParams) => void;
-}) => {
-	const {
-		sharedBoundTag,
-		currentScreenKey,
-		ancestorKeys,
-		maybeMeasureAndStore,
-	} = params;
-
-	const isAnimating = AnimationStore.getValue(
-		currentScreenKey,
-		"progressAnimating",
-	);
-
-	// Check if any ancestor is animating
-	const ancestorAnimations = ancestorKeys.map((key) =>
-		AnimationStore.getValue(key, "progressAnimating"),
-	);
-
-	const hasMeasuredOnLayout = useSharedValue(false);
-
-	return useCallback(() => {
-		"worklet";
-		if (!sharedBoundTag || hasMeasuredOnLayout.get()) return;
-
-		// Check if current or any ancestor is animating
-		let isAnyAnimating = isAnimating.get();
-		for (let i = 0; i < ancestorAnimations.length; i++) {
-			if (ancestorAnimations[i].get()) {
-				isAnyAnimating = 1;
-				break;
-			}
-		}
-
-		if (!isAnyAnimating) return;
-
-		maybeMeasureAndStore({
-			shouldSetSource: false,
-			shouldSetDestination: true,
-		});
-
-		hasMeasuredOnLayout.set(true);
-	}, [
-		sharedBoundTag,
-		hasMeasuredOnLayout,
-		isAnimating,
-		ancestorAnimations,
-		maybeMeasureAndStore,
-	]);
-};
-
-/**
- * Measures non-pressable elements when screen becomes blurred.
- * Captures bounds right before transition starts.
- */
-const useBlurMeasurement = (params: {
-	enabled: boolean;
-	sharedBoundTag?: string;
-	selectedRouteId: string | null;
-	ancestorKeys: string[];
-	maybeMeasureAndStore: (options: MaybeMeasureAndStoreParams) => void;
-}) => {
-	const { current } = useDescriptors();
-	const {
-		enabled,
-		sharedBoundTag,
-		selectedRouteId,
-		ancestorKeys,
-		maybeMeasureAndStore,
-	} = params;
-	const hasCapturedSource = useRef(false);
-
-	const ancestorClosing = [current.route.key, ...ancestorKeys].map((key) =>
-		AnimationStore.getValue(key, "closing"),
-	);
-
-	const maybeMeasureOnBlur = useStableCallbackValue(() => {
-		"worklet";
-		if (!enabled) return;
-		if (!matchesSelectionTag(sharedBoundTag, selectedRouteId)) return;
-
-		//.some doesnt work here apparently... :-(
-		for (const closing of ancestorClosing) {
-			if (closing.get()) return;
-		}
-
-		maybeMeasureAndStore({ shouldSetSource: true });
-	});
-
-	useFocusEffect(
-		useCallback(() => {
-			hasCapturedSource.current = false;
-
-			if (!enabled) {
-				return;
-			}
-
-			return () => {
-				if (!sharedBoundTag || hasCapturedSource.current) return;
-				scheduleOnUI(maybeMeasureOnBlur);
-			};
-		}, [enabled, sharedBoundTag, maybeMeasureOnBlur]),
-	);
-
-	return {
-		markSourceCaptured: () => {
-			hasCapturedSource.current = true;
-		},
-	};
-};
-
-/**
- * Syncs child measurements when parent updates.
- */
-const useParentSyncReaction = (params: {
-	parentContext: RegisterBoundsContextValue | null;
-	maybeMeasureAndStore: (options?: MaybeMeasureAndStoreParams) => void;
-}) => {
-	const { parentContext, maybeMeasureAndStore } = params;
-
-	useAnimatedReaction(
-		() => parentContext?.updateSignal.get(),
-		(value) => {
-			"worklet";
-			if (value === 0 || value === undefined) return;
-			maybeMeasureAndStore();
-		},
-	);
-};
-
-let useRegisterBoundsContext: () => RegisterBoundsContextValue | null;
-
-const registerBoundsBundle = createProvider("RegisterBounds", {
-	guarded: false,
-})<RegisterBoundsProviderProps, RegisterBoundsContextValue>(
-	({ style, onPress, sharedBoundTag, animatedRef, children }) => {
-		const { current, next } = useDescriptors();
-		const { ancestorKeys, previousScreenKey } = useDescriptorDerivations();
-		const currentScreenKey = current.route.key;
-		const selectedNextRouteId = getRouteParamId(next?.route);
-
-		// Context & signals
-		const parentContext = useRegisterBoundsContext();
-
-		const ownSignal = useSharedValue(0);
-		const updateSignal: SharedValue<number> =
-			parentContext?.updateSignal ?? ownSignal;
-
-		const isAnimating = AnimationStore.getValue(
-			currentScreenKey,
-			"progressAnimating",
-		);
-		const preparedStyles = useMemo(() => prepareStyleForBounds(style), [style]);
-
-		const emitUpdate = useStableCallbackValue(() => {
-			"worklet";
-			const isRoot = !parentContext;
-			if (isRoot) updateSignal.set(updateSignal.get() + 1);
-		});
-
-		const maybeMeasureAndStore = useStableCallbackValue(
-			({
-				onPress,
-				shouldSetSource,
-				shouldSetDestination,
-			}: MaybeMeasureAndStoreParams = {}) => {
-				"worklet";
-				if (!sharedBoundTag) {
-					if (onPress) scheduleOnRN(onPress);
-					return;
-				}
-
-				const sourcePairKey = createPendingPairKey(currentScreenKey);
-				const destinationPairKey = previousScreenKey
-					? createScreenPairKey(previousScreenKey, currentScreenKey)
-					: undefined;
-				const pendingSourcePairKey = previousScreenKey
-					? createPendingPairKey(previousScreenKey)
-					: undefined;
-
-				if (shouldSetSource && isAnimating.get()) {
-					const existing = getEntry(sharedBoundTag, currentScreenKey);
-					if (existing?.bounds) {
-						applyMeasuredBoundsWrites({
-							entryTag: sharedBoundTag,
-							linkId: sharedBoundTag,
-							currentScreenKey,
-							measured: existing.bounds,
-							preparedStyles,
-							linkWrite: {
-								type: "source",
-								pairKey: sourcePairKey,
-							},
-						});
-					}
-
-					if (onPress) scheduleOnRN(onPress);
-					return;
-				}
-
-				const hasPendingSource = pendingSourcePairKey
-					? getSource(pendingSourcePairKey, sharedBoundTag) !== null
-					: false;
-				const hasSource =
-					getSource(sourcePairKey, sharedBoundTag) !== null ||
-					(destinationPairKey
-						? getSource(destinationPairKey, sharedBoundTag) !== null
-						: false);
-				const hasDestination = destinationPairKey
-					? getDestination(destinationPairKey, sharedBoundTag) !== null
-					: false;
-
-				const wantsSetSource = !!shouldSetSource;
-				const wantsSetDestination = !!shouldSetDestination;
-				const wantsSnapshotOnly = !wantsSetSource && !wantsSetDestination;
-
-				const canSetSource = wantsSetSource;
-				const canSetDestination =
-					wantsSetDestination && (hasPendingSource || hasSource);
-				const canSnapshotOnly =
-					wantsSnapshotOnly &&
-					(hasPendingSource || hasSource || hasDestination);
-
-				if (!canSetSource && !canSetDestination && !canSnapshotOnly) {
-					if (onPress) scheduleOnRN(onPress);
-					return;
-				}
-
-				const measured = measure(animatedRef);
-				if (!measured) {
-					if (onPress) scheduleOnRN(onPress);
-					return;
-				}
-
-				emitUpdate();
-
-				applyMeasuredBoundsWrites({
-					entryTag: sharedBoundTag,
-					linkId: sharedBoundTag,
-					currentScreenKey,
-					measured,
-					preparedStyles,
-					linkWrite: canSetSource
-						? {
-								type: "source",
-								pairKey: sourcePairKey,
-							}
-						: canSetDestination && destinationPairKey
-							? {
-									type: "destination",
-									pairKey: destinationPairKey,
-								}
-							: undefined,
-				});
-
-				if (canSetSource && canSetDestination && destinationPairKey) {
-					applyMeasuredBoundsWrites({
-						entryTag: sharedBoundTag,
-						linkId: sharedBoundTag,
-						currentScreenKey,
-						measured,
-						preparedStyles,
-						linkWrite: {
-							type: "destination",
-							pairKey: destinationPairKey,
-						},
-					});
-				}
-
-				if (onPress) scheduleOnRN(onPress);
-			},
-		);
-
-		const handleInitialLayout = useInitialLayoutHandler({
-			sharedBoundTag,
-			currentScreenKey,
-			ancestorKeys,
-			maybeMeasureAndStore,
-		});
-
-		// Side effects
-		const { markSourceCaptured } = useBlurMeasurement({
-			enabled: !onPress,
-			sharedBoundTag,
-			selectedRouteId: selectedNextRouteId,
-			maybeMeasureAndStore,
-			ancestorKeys,
-		});
-
-		useParentSyncReaction({ parentContext, maybeMeasureAndStore });
-
-		const captureActiveOnPress = useStableCallback(() => {
-			if (!sharedBoundTag) {
-				onPress?.();
-				return;
-			}
-			scheduleOnUI(maybeMeasureAndStore, { onPress, shouldSetSource: true });
-			markSourceCaptured();
-		});
-
-		return {
-			value: { updateSignal },
-			children: <>{children({ handleInitialLayout, captureActiveOnPress })}</>,
-		};
-	},
-);
-
-/**
- * Legacy bounds registration provider used by transition-aware components.
- *
- * @deprecated Prefer the newer bounds system (`Transition.Boundary`, `bounds()`,
- * and navigation-style bounds helpers) for new code. This provider remains only
- * for backwards compatibility with the older shared-bound-tag registration path.
- */
-const RegisterBoundsProvider = registerBoundsBundle.RegisterBoundsProvider;
-useRegisterBoundsContext = registerBoundsBundle.useRegisterBoundsContext;
-
-export { RegisterBoundsProvider };

package/src/providers/screen/origin.provider.tsx

@@ -1,38 +0,0 @@
-import { StyleSheet, type View } from "react-native";
-import Animated, {
-	type AnimatedRef,
-	useAnimatedRef,
-} from "react-native-reanimated";
-import createProvider from "../../utils/create-provider";
-
-interface Props {
-	children: React.ReactNode;
-}
-interface ContextValue {
-	originRef: AnimatedRef<View>;
-}
-
-export const { OriginProvider, useOriginContext } = createProvider("Origin", {
-	guarded: true,
-})<Props, ContextValue>(({ children }) => {
-	const originRef = useAnimatedRef<View>();
-
-	return {
-		value: {
-			originRef,
-		},
-		children: (
-			<Animated.View
-				style={styles.container}
-				collapsable={false}
-				ref={originRef}
-			>
-				{children}
-			</Animated.View>
-		),
-	};
-});
-
-const styles = StyleSheet.create({
-	container: { flex: 1 },
-});