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

package/lib/typescript/providers/screen/styles/helpers/opening-phase.d.ts

@@ -1,16 +0,0 @@
-/**
- * The "pre-start" window of an opening transition: the screen has committed to
- * opening (`entering`) but `transitionProgress` has not yet moved past 0, so no
- * transformed frame has been produced yet.
- *
- * This window is a quarantine, and two source-level guards key off it:
- * - the visibility gate keeps the entering screen hidden (it must not be SEEN), and
- * - interpolator ownership stays on "current" so the entering screen does not
- *   DRIVE other screens' styles until its transition is actually live.
- *
- * Both must agree on when the open transition has started, so the threshold
- * lives here in one place rather than being re-derived at each site.
- */
-export declare const hasOpenTransitionStarted: (transitionProgress: number) => boolean;
-export declare const isOpeningBeforeStart: (entering: number, transitionProgress: number) => boolean;
-//# sourceMappingURL=opening-phase.d.ts.map

package/lib/typescript/providers/screen/styles/helpers/opening-phase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"opening-phase.d.ts","sourceRoot":"","sources":["../../../../../../src/providers/screen/styles/helpers/opening-phase.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GAAI,oBAAoB,MAAM,YAGlE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAChC,UAAU,MAAM,EAChB,oBAAoB,MAAM,YAI1B,CAAC"}

package/src/components/boundary/hooks/use-register-target.ts

@@ -1,43 +0,0 @@
-import { useLayoutEffect } from "react";
-import type { View } from "react-native";
-import type { AnimatedRef } from "react-native-reanimated";
-import { logger } from "../../../utils/logger";
-import {
-	TARGET_OUTSIDE_ROOT_WARNING,
-	useBoundaryRootContext,
-} from "../providers/boundary-root.provider";
-
-interface RegisterTargetProps {
-	targetAnimatedRef: AnimatedRef<View>;
-	preparedStyles: Record<string, any>;
-	measurementRef: AnimatedRef<View>;
-}
-
-export const useRegisterTarget = ({
-	targetAnimatedRef,
-	preparedStyles,
-	measurementRef,
-}: RegisterTargetProps) => {
-	const rootContext = useBoundaryRootContext();
-	const registerTargetRef = rootContext?.registerTargetRef;
-	const unregisterTargetRef = rootContext?.unregisterTargetRef;
-	useLayoutEffect(() => {
-		if (!registerTargetRef || !unregisterTargetRef) {
-			if (__DEV__) {
-				logger.warn(TARGET_OUTSIDE_ROOT_WARNING);
-			}
-			return;
-		}
-
-		registerTargetRef(targetAnimatedRef, preparedStyles, measurementRef);
-		return () => {
-			unregisterTargetRef(targetAnimatedRef);
-		};
-	}, [
-		registerTargetRef,
-		unregisterTargetRef,
-		targetAnimatedRef,
-		preparedStyles,
-		measurementRef,
-	]);
-};

package/src/components/boundary/portal/components/boundary-portal/components/portal-slot.tsx

@@ -1,80 +0,0 @@
-import {
-	type ComponentProps,
-	type ComponentType,
-	memo,
-	type ReactNode,
-} from "react";
-import type { View } from "react-native";
-import Animated, { type AnimatedRef } from "react-native-reanimated";
-import { scheduleOnUI } from "react-native-worklets";
-import { logger } from "../../../../../../utils/logger";
-import {
-	isTeleportAvailable,
-	PORTAL_POINTER_EVENTS,
-	NativePortal as TeleportPortal,
-} from "../../../teleport";
-import { usePlaceholderStyles } from "../hooks/use-placeholder-styles";
-
-type NullableHostNamePortalProps = Omit<
-	ComponentProps<NonNullable<typeof TeleportPortal>>,
-	"hostName"
-> & {
-	hostName?: string | null;
-};
-
-const AnimatedNativePortal = TeleportPortal
-	? Animated.createAnimatedComponent(
-			TeleportPortal as ComponentType<NullableHostNamePortalProps>,
-		)
-	: null;
-
-type BoundaryPortalSlotProps = {
-	id: string;
-	children: ReactNode;
-	enabled: boolean;
-	animatedProps: any;
-	placeholderRef?: AnimatedRef<View>;
-};
-
-export const BoundaryPortalSlot = memo(function BoundaryPortalSlot({
-	id,
-	children,
-	enabled,
-	animatedProps,
-	placeholderRef,
-}: BoundaryPortalSlotProps) {
-	const isPortalEnabled = enabled && isTeleportAvailable;
-
-	if (__DEV__ && enabled && !id) {
-		logger.warnOnce(
-			"portal:missing-id",
-			"A boundary portal was rendered without an id; rendering inline.",
-		);
-	}
-
-	const { handleOnLayout, placeholderStyle } = usePlaceholderStyles();
-
-	if (isPortalEnabled && AnimatedNativePortal) {
-		return (
-			<Animated.View
-				ref={placeholderRef}
-				onLayout={({ nativeEvent: { layout } }) =>
-					scheduleOnUI(handleOnLayout, layout)
-				}
-				style={placeholderStyle}
-				pointerEvents={PORTAL_POINTER_EVENTS}
-				collapsable={false}
-			>
-				<AnimatedNativePortal
-					animatedProps={animatedProps}
-					name={id}
-					pointerEvents={PORTAL_POINTER_EVENTS}
-				>
-					{children}
-				</AnimatedNativePortal>
-			</Animated.View>
-		);
-	}
-
-	return children;
-});

package/src/components/boundary/portal/utils/ownership.ts

@@ -1,319 +0,0 @@
-import {
-	getDestinationScreenKeyFromPairKey,
-	getLinkKeyFromTag,
-	getLink as getPairLink,
-	getSourceScreenKeyFromPairKey,
-} from "../../../../stores/bounds/helpers/link-pairs.helpers";
-import type {
-	LinkKey,
-	LinkPairsState,
-	ScreenKey,
-	ScreenPairKey,
-	TagLink,
-} from "../../../../stores/bounds/types";
-
-export type PortalOwnershipSignal =
-	| {
-			hostScreenKey: null;
-			ownerPairKey?: ScreenPairKey;
-			ownerScreenKey: null;
-			status: "clear" | "pending";
-	  }
-	| {
-			hostScreenKey: ScreenKey;
-			ownerPairKey: ScreenPairKey;
-			ownerScreenKey: ScreenKey;
-			status: "complete";
-	  };
-
-export const isHandoffHostClosingComplete = ({
-	closing,
-	progressAnimating,
-	progressSettled,
-	willAnimate,
-}: {
-	closing: number;
-	progressAnimating: number;
-	progressSettled: number;
-	willAnimate: number;
-}) => {
-	"worklet";
-
-	// A close request marks `closing` before its animation starts. Springs can
-	// also enter their settle-distance threshold before their final frame.
-	return (
-		!!closing &&
-		willAnimate === 0 &&
-		progressSettled === 1 &&
-		progressAnimating === 0
-	);
-};
-
-const hasSeenScreenKey = (screenKeys: ScreenKey[], screenKey: ScreenKey) => {
-	"worklet";
-	for (let index = 0; index < screenKeys.length; index++) {
-		if (screenKeys[index] === screenKey) {
-			return true;
-		}
-	}
-	return false;
-};
-
-const isReturningToPreviousSourceHost = ({
-	hostScreenKey,
-	ownerPairKey,
-	previousOwnerPairKey,
-}: {
-	hostScreenKey: ScreenKey;
-	ownerPairKey: ScreenPairKey;
-	previousOwnerPairKey: ScreenPairKey;
-}) => {
-	"worklet";
-	const previousSourceScreenKey =
-		getSourceScreenKeyFromPairKey(previousOwnerPairKey);
-	const previousDestinationScreenKey =
-		getDestinationScreenKeyFromPairKey(previousOwnerPairKey);
-	const ownerDestinationScreenKey =
-		getDestinationScreenKeyFromPairKey(ownerPairKey);
-
-	return (
-		previousDestinationScreenKey !== "" &&
-		ownerDestinationScreenKey !== "" &&
-		previousDestinationScreenKey !== previousSourceScreenKey &&
-		ownerDestinationScreenKey === previousSourceScreenKey &&
-		hostScreenKey === previousSourceScreenKey
-	);
-};
-
-export const canSwitchHandoffHostImmediately = ({
-	hostScreenKey,
-	ownerPairKey,
-	previousOwnerPairKey,
-}: {
-	hostScreenKey: ScreenKey | null;
-	ownerPairKey?: ScreenPairKey;
-	previousOwnerPairKey?: ScreenPairKey;
-}) => {
-	"worklet";
-	if (!hostScreenKey || !ownerPairKey) {
-		return false;
-	}
-
-	if (hostScreenKey === getSourceScreenKeyFromPairKey(ownerPairKey)) {
-		return true;
-	}
-
-	if (!previousOwnerPairKey) {
-		return false;
-	}
-
-	return isReturningToPreviousSourceHost({
-		hostScreenKey,
-		ownerPairKey,
-		previousOwnerPairKey,
-	});
-};
-
-const isActiveHandoffLink = ({
-	link,
-	linkKey,
-	pairKey,
-	pairsState,
-}: {
-	link: TagLink;
-	linkKey: LinkKey;
-	pairKey: ScreenPairKey;
-	pairsState: LinkPairsState;
-}) => {
-	"worklet";
-	if (!link.group) {
-		return true;
-	}
-
-	const activeId = pairsState[pairKey]?.groups?.[link.group]?.activeId;
-	return !activeId || activeId === linkKey;
-};
-
-const resolveHandoffStyleOwnerScreenKey = ({
-	hostScreenKey,
-	isSettledHostReady,
-	settledHostScreenKey,
-	sourceScreenKey,
-}: {
-	hostScreenKey: ScreenKey;
-	isSettledHostReady: boolean;
-	settledHostScreenKey?: ScreenKey | null;
-	sourceScreenKey: ScreenKey;
-}): ScreenKey => {
-	"worklet";
-	if (settledHostScreenKey === hostScreenKey && isSettledHostReady) {
-		return hostScreenKey;
-	}
-
-	return sourceScreenKey;
-};
-
-const pendingSignal = (sourcePairKey: ScreenPairKey): PortalOwnershipSignal => {
-	"worklet";
-	return {
-		hostScreenKey: null,
-		ownerPairKey: sourcePairKey,
-		ownerScreenKey: null,
-		status: "pending",
-	};
-};
-
-const clearSignal = (sourcePairKey: ScreenPairKey): PortalOwnershipSignal => {
-	"worklet";
-	return {
-		hostScreenKey: null,
-		ownerPairKey: sourcePairKey,
-		ownerScreenKey: null,
-		status: "clear",
-	};
-};
-
-export const resolveBoundaryPortalOwnership = ({
-	boundaryId,
-	currentScreenKey,
-	handoff,
-	isSettledHostClosingComplete = false,
-	isSettledHostReady = false,
-	pairsState,
-	settledHostScreenKey = null,
-	sourcePairKey,
-}: {
-	boundaryId: string;
-	currentScreenKey: ScreenKey;
-	handoff: boolean;
-	isSettledHostClosingComplete?: boolean;
-	isSettledHostReady?: boolean;
-	pairsState: LinkPairsState;
-	settledHostScreenKey?: ScreenKey | null;
-	sourcePairKey: ScreenPairKey;
-}): PortalOwnershipSignal => {
-	"worklet";
-	const linkKey = getLinkKeyFromTag(boundaryId);
-	const link = getPairLink(pairsState, sourcePairKey, linkKey);
-
-	if (!link?.source) {
-		return pendingSignal(sourcePairKey);
-	}
-
-	if (
-		!isActiveHandoffLink({
-			link,
-			linkKey,
-			pairKey: sourcePairKey,
-			pairsState,
-		})
-	) {
-		return clearSignal(sourcePairKey);
-	}
-
-	if (!handoff) {
-		return {
-			hostScreenKey: currentScreenKey,
-			ownerPairKey: sourcePairKey,
-			ownerScreenKey: currentScreenKey,
-			status: "complete",
-		};
-	}
-
-	if (link.status !== "complete") {
-		return pendingSignal(sourcePairKey);
-	}
-
-	let hostScreenKey = link.destination.screenKey;
-	let ownerPairKey = sourcePairKey;
-	const seenScreenKeys: ScreenKey[] = [
-		getSourceScreenKeyFromPairKey(sourcePairKey),
-		hostScreenKey,
-	];
-
-	const pairKeys = Object.keys(pairsState);
-
-	for (let hop = 0; hop < pairKeys.length; hop++) {
-		let didAdvance = false;
-		let hasPendingNextHop = false;
-		let didHitVisitedScreen = false;
-
-		for (let index = 0; index < pairKeys.length; index++) {
-			const candidatePairKey = pairKeys[index];
-			if (!candidatePairKey || candidatePairKey === ownerPairKey) {
-				continue;
-			}
-
-			const candidate = getPairLink(pairsState, candidatePairKey, linkKey);
-			if (!candidate?.source || candidate.source.screenKey !== hostScreenKey) {
-				continue;
-			}
-
-			if (!candidate.source.handoff) {
-				continue;
-			}
-
-			if (
-				!isActiveHandoffLink({
-					link: candidate,
-					linkKey,
-					pairKey: candidatePairKey,
-					pairsState,
-				})
-			) {
-				continue;
-			}
-
-			if (candidate.status !== "complete") {
-				hasPendingNextHop = true;
-				continue;
-			}
-
-			const nextHostScreenKey = candidate.destination.screenKey;
-
-			ownerPairKey = candidatePairKey;
-			hostScreenKey = nextHostScreenKey;
-
-			if (hasSeenScreenKey(seenScreenKeys, nextHostScreenKey)) {
-				didHitVisitedScreen = true;
-				break;
-			}
-
-			seenScreenKeys.push(nextHostScreenKey);
-			didAdvance = true;
-			break;
-		}
-
-		if (didHitVisitedScreen) {
-			break;
-		}
-
-		if (didAdvance) {
-			continue;
-		}
-
-		if (hasPendingNextHop) {
-			return pendingSignal(ownerPairKey);
-		}
-
-		break;
-	}
-
-	if (isSettledHostClosingComplete && settledHostScreenKey === hostScreenKey) {
-		hostScreenKey = getSourceScreenKeyFromPairKey(ownerPairKey);
-	}
-
-	const ownerScreenKey = resolveHandoffStyleOwnerScreenKey({
-		hostScreenKey,
-		isSettledHostReady,
-		settledHostScreenKey,
-		sourceScreenKey: getSourceScreenKeyFromPairKey(ownerPairKey),
-	});
-
-	return {
-		hostScreenKey,
-		ownerPairKey,
-		ownerScreenKey,
-		status: "complete",
-	};
-};

package/src/components/boundary/portal/utils/shallow-equal.ts

@@ -1,25 +0,0 @@
-/**
- * Shallow equality for the flat signal objects produced by the portal
- * `useAnimatedReaction` blocks. Both sides always carry the same fixed key set,
- * so iterating one side's keys is sufficient. A `null`/`undefined` operand
- * (the first reaction run) is treated as not-equal so the reaction proceeds.
- */
-export const shallowEqual = (
-	a: Record<string, unknown> | null | undefined,
-	b: Record<string, unknown> | null | undefined,
-) => {
-	"worklet";
-	if (!a || !b) {
-		return false;
-	}
-
-	const keys = Object.keys(a);
-	for (let index = 0; index < keys.length; index++) {
-		const key = keys[index];
-		if (a[key] !== b[key]) {
-			return false;
-		}
-	}
-
-	return true;
-};

package/src/components/boundary/portal/utils/visible-host.ts

@@ -1,24 +0,0 @@
-export const resolveNextVisiblePortalHostName = ({
-	canSwitchImmediately,
-	isInterpolatorReady,
-	requestedName,
-	shouldTeleport,
-	visibleName,
-}: {
-	canSwitchImmediately?: boolean;
-	isInterpolatorReady: boolean;
-	requestedName: string | null;
-	shouldTeleport: boolean;
-	visibleName: string | null;
-}) => {
-	"worklet";
-	if (!shouldTeleport) {
-		return null;
-	}
-
-	if (requestedName && (canSwitchImmediately || isInterpolatorReady)) {
-		return requestedName;
-	}
-
-	return visibleName;
-};

package/src/providers/screen/gestures/rotation/activation/use-rotation-activation.ts

@@ -1,88 +0,0 @@
-import { useCallback, useMemo } from "react";
-import type {
-	GestureStateManager,
-	GestureTouchEvent,
-} from "react-native-gesture-handler";
-import type { SharedValue } from "react-native-reanimated";
-import type { ScreenOptionsContextValue } from "../../../options";
-import { resolvePinchRuntime } from "../../shared/runtime";
-import type {
-	GestureCompositionOwner,
-	RotationGestureRuntime,
-} from "../../types";
-
-interface UseRotationActivationProps {
-	runtime: SharedValue<RotationGestureRuntime>;
-	screenOptions: ScreenOptionsContextValue;
-	gestureCompositionOwner: SharedValue<GestureCompositionOwner>;
-}
-
-export const useRotationActivation = ({
-	runtime,
-	screenOptions,
-	gestureCompositionOwner,
-}: UseRotationActivationProps) => {
-	const onTouchesDown = useCallback(
-		(
-			event: GestureTouchEvent,
-			stateManager: GestureStateManager | undefined,
-		) => {
-			"worklet";
-			const { participation, policy } = resolvePinchRuntime(
-				runtime.get(),
-				screenOptions.get(),
-			);
-
-			if (!participation.canTrackGesture || !policy.enabled) {
-				stateManager?.fail();
-				return;
-			}
-
-			if (event.numberOfTouches === 2) {
-				if (gestureCompositionOwner.get() === null) {
-					gestureCompositionOwner.set("pinch");
-				}
-				stateManager?.activate();
-				return;
-			}
-
-			if (event.numberOfTouches > 2) {
-				stateManager?.fail();
-			}
-		},
-		[runtime, screenOptions, gestureCompositionOwner],
-	);
-
-	const onTouchesMove = useCallback(
-		(event: GestureTouchEvent, stateManager: GestureStateManager) => {
-			"worklet";
-			const { participation, policy } = resolvePinchRuntime(
-				runtime.get(),
-				screenOptions.get(),
-			);
-
-			if (!participation.canTrackGesture || !policy.enabled) {
-				stateManager.fail();
-				return;
-			}
-
-			if (event.numberOfTouches === 2) {
-				if (gestureCompositionOwner.get() === null) {
-					gestureCompositionOwner.set("pinch");
-				}
-				stateManager.activate();
-				return;
-			}
-
-			if (event.numberOfTouches > 2) {
-				stateManager.fail();
-			}
-		},
-		[runtime, screenOptions, gestureCompositionOwner],
-	);
-
-	return useMemo(
-		() => ({ onTouchesDown, onTouchesMove }),
-		[onTouchesDown, onTouchesMove],
-	);
-};

package/src/providers/screen/gestures/rotation/behavior/rotation-lifecycle.ts

@@ -1,19 +0,0 @@
-import type { RotationGestureEvent, RotationGestureRuntime } from "../../types";
-
-export const startRotationGesture = (
-	gestures: RotationGestureRuntime["stores"]["gestures"],
-) => {
-	"worklet";
-	gestures.rotation.set(0);
-	gestures.raw.rotation.set(0);
-};
-
-export const trackRotationGesture = (
-	event: RotationGestureEvent,
-	rawEvent: RotationGestureEvent,
-	gestures: RotationGestureRuntime["stores"]["gestures"],
-) => {
-	"worklet";
-	gestures.rotation.set(event.rotation);
-	gestures.raw.rotation.set(rawEvent.rotation);
-};

package/src/providers/screen/gestures/rotation/behavior/use-rotation-behavior.ts

@@ -1,47 +0,0 @@
-import { useCallback, useMemo } from "react";
-import type { SharedValue } from "react-native-reanimated";
-import type { ScreenOptionsContextValue } from "../../../options";
-import { resolvePinchRuntime } from "../../shared/runtime";
-import type {
-	RotationBehavior,
-	RotationGestureEvent,
-	RotationGestureRuntime,
-} from "../../types";
-import {
-	startRotationGesture,
-	trackRotationGesture,
-} from "./rotation-lifecycle";
-
-export const useRotationBehavior = (
-	runtime: SharedValue<RotationGestureRuntime>,
-	screenOptions: ScreenOptionsContextValue,
-): RotationBehavior => {
-	const onStart = useCallback(() => {
-		"worklet";
-		const latestRuntime = resolvePinchRuntime(
-			runtime.get(),
-			screenOptions.get(),
-		);
-		startRotationGesture(latestRuntime.stores.gestures);
-	}, [runtime, screenOptions]);
-
-	const onUpdate = useCallback(
-		(rawEvent: RotationGestureEvent) => {
-			"worklet";
-			const latestRuntime = resolvePinchRuntime(
-				runtime.get(),
-				screenOptions.get(),
-			);
-			trackRotationGesture(rawEvent, rawEvent, latestRuntime.stores.gestures);
-		},
-		[runtime, screenOptions],
-	);
-
-	return useMemo(
-		() => ({
-			onStart,
-			onUpdate,
-		}),
-		[onStart, onUpdate],
-	);
-};