react-native-screen-transitions 3.4.0 → 3.5.0-beta.0

package/src/shared/components/screen-lifecycle/hooks/use-close-transition/index.ts

@@ -1,183 +0,0 @@
-import { useLayoutEffect } from "react";
-import {
-	runOnJS,
-	type SharedValue,
-	useAnimatedReaction,
-	useDerivedValue,
-} from "react-native-reanimated";
-import { useStack } from "../../../../hooks/navigation/use-stack";
-import { useSharedValueState } from "../../../../hooks/reanimated/use-shared-value-state";
-import useStableCallback from "../../../../hooks/use-stable-callback";
-import { useGestureContext } from "../../../../providers/gestures";
-import {
-	type BaseDescriptor,
-	useDescriptorDerivations,
-} from "../../../../providers/screen/descriptors";
-import { useStackCoreContext } from "../../../../providers/stack/core.provider";
-import { useManagedStackContext } from "../../../../providers/stack/managed.provider";
-import type { AnimationStoreMap } from "../../../../stores/animation.store";
-import { StackType } from "../../../../types/stack.types";
-import { animateToProgress } from "../../../../utils/animation/animate-to-progress";
-import { resetStoresForScreen } from "./helpers/reset-stores-for-screen";
-import { useNavigatorHistoryRegistry } from "./helpers/use-navigator-history-registry";
-
-interface CloseHookParams {
-	current: BaseDescriptor;
-	animations: AnimationStoreMap;
-	targetProgress: SharedValue<number>;
-	activate: () => void;
-	deactivate: () => void;
-	resetStores: () => void;
-}
-
-/**
- * Managed close - reacts to closingRouteKeysShared from ManagedStackContext.
- * Used by blank-stack and component-stack.
- */
-const useManagedClose = ({
-	current,
-	animations,
-	targetProgress,
-	activate,
-	deactivate,
-	resetStores,
-}: CloseHookParams) => {
-	const { handleCloseRoute, closingRouteKeysShared } = useManagedStackContext();
-	const routeKey = current.route.key;
-
-	const handleCloseEnd = useStableCallback((finished: boolean) => {
-		if (!finished) return;
-		handleCloseRoute({ route: current.route });
-		requestAnimationFrame(() => {
-			deactivate();
-			resetStores();
-		});
-	});
-
-	const transitionSpec = current.options.transitionSpec;
-
-	useAnimatedReaction(
-		() => {
-			const keys = closingRouteKeysShared.value;
-			return keys?.includes(routeKey) ?? false;
-		},
-		(isClosing, wasClosing) => {
-			if (!isClosing || wasClosing) return;
-
-			runOnJS(activate)();
-			animateToProgress({
-				target: "close",
-				spec: transitionSpec,
-				animations,
-				targetProgress,
-				onAnimationFinish: handleCloseEnd,
-			});
-		},
-	);
-};
-
-/**
- * Native stack close - listens to beforeRemove navigation event.
- */
-const useNativeStackClose = ({
-	current,
-	animations,
-	targetProgress,
-	activate,
-	deactivate,
-	resetStores,
-}: CloseHookParams) => {
-	const gestureCtx = useGestureContext();
-
-	const isAncestorDismissingViaGesture = useSharedValueState(
-		useDerivedValue(() => {
-			"worklet";
-			return (
-				gestureCtx?.ancestorContext?.gestureAnimationValues.dismissing?.value ??
-				false
-			);
-		}),
-	);
-
-	const handleBeforeRemove = useStableCallback((e: any) => {
-		const options = current.options as { enableTransitions?: boolean };
-		const isEnabled = options.enableTransitions;
-		const navigation = current.navigation;
-		const routeKey = current.route.key;
-		const state = navigation.getState();
-		const routeIndex = state.routes.findIndex(
-			(route) => route.key === routeKey,
-		);
-		const isFirstScreen = routeIndex <= 0;
-
-		// If transitions are disabled, ancestor is dismissing, or first screen - let native handle it
-		if (!isEnabled || isAncestorDismissingViaGesture || isFirstScreen) {
-			animations.closing.set(1);
-			resetStores();
-			return;
-		}
-
-		e.preventDefault();
-		activate();
-
-		animateToProgress({
-			target: "close",
-			spec: current.options.transitionSpec,
-			animations,
-			targetProgress,
-			onAnimationFinish: (finished: boolean) => {
-				deactivate();
-				if (finished) {
-					navigation.dispatch(e.data.action);
-					requestAnimationFrame(() => {
-						resetStores();
-					});
-				}
-			},
-		});
-	});
-
-	// biome-ignore lint/correctness/useExhaustiveDependencies: Only re-subscribe when navigation changes
-	useLayoutEffect(() => {
-		return current.navigation.addListener?.("beforeRemove", handleBeforeRemove);
-	}, [current.navigation]);
-};
-
-/**
- * Unified close handler that branches on stack type.
- */
-export function useCloseTransition(
-	current: BaseDescriptor,
-	animations: AnimationStoreMap,
-	targetProgress: SharedValue<number>,
-	activate: () => void,
-	deactivate: () => void,
-) {
-	const routeKey = current.route.key;
-	const { navigatorKey } = useStack();
-	const { flags } = useStackCoreContext();
-	const { isBranchScreen, branchNavigatorKey } = useDescriptorDerivations();
-	const isNativeStack = flags.STACK_TYPE === StackType.NATIVE;
-
-	const resetStores = useStableCallback(() => {
-		resetStoresForScreen(routeKey, isBranchScreen, branchNavigatorKey);
-	});
-
-	const closeParams: CloseHookParams = {
-		current,
-		animations,
-		targetProgress,
-		activate,
-		deactivate,
-		resetStores,
-	};
-
-	useNavigatorHistoryRegistry(navigatorKey, routeKey);
-	if (isNativeStack) {
-		// biome-ignore lint/correctness/useHookAtTopLevel: STACK_TYPE is stable per screen instance
-		useNativeStackClose(closeParams);
-	} else {
-		// biome-ignore lint/correctness/useHookAtTopLevel: STACK_TYPE is stable per screen instance
-		useManagedClose(closeParams);
-	}
-}

package/src/shared/components/screen-lifecycle/hooks/use-high-refresh-rate.ts

@@ -1,34 +0,0 @@
-import { useFrameCallback } from "react-native-reanimated";
-import useStableCallback from "../../../hooks/use-stable-callback";
-import type { BaseDescriptor } from "../../../providers/screen/descriptors";
-
-/**
- * Maintainer Notes:
- * Marking as experimental for now since, I'll be honest, I'm not sure if this does much. This was taken
- * right from this https://github.com/software-mansion/react-native-reanimated/issues/4738
- *
- * Not noticing much of a difference in prod.
- */
-export const useHighRefreshRate = (current: BaseDescriptor) => {
-	const enableHighRefreshRate =
-		current.options.experimental_enableHighRefreshRate ?? false;
-
-	const frameCallback = useFrameCallback(() => {}, false);
-
-	const activateHighRefreshRate = useStableCallback(() => {
-		if (enableHighRefreshRate) {
-			frameCallback.setActive(true);
-		}
-	});
-
-	const deactivateHighRefreshRate = useStableCallback(() => {
-		if (enableHighRefreshRate) {
-			frameCallback.setActive(false);
-		}
-	});
-
-	return {
-		activateHighRefreshRate,
-		deactivateHighRefreshRate,
-	};
-};

package/src/shared/providers/screen/styles/helpers/build-resolved-style-map.ts

@@ -1,185 +0,0 @@
-import { NO_STYLES } from "../../../../constants";
-import type {
-	NormalizedTransitionInterpolatedStyle,
-	NormalizedTransitionSlotStyle,
-} from "../../../../types/animation.types";
-
-export type StyleKeySet = Record<string, true>;
-
-type StyleKeyMeta = {
-	keys: StyleKeySet;
-	hasAny: boolean;
-};
-
-const IDENTITY_TRANSFORM = [
-	{ translateX: 0 },
-	{ translateY: 0 },
-	{ scaleX: 1 },
-	{ scaleY: 1 },
-] as const;
-
-const ALWAYS_RESET_STYLE_VALUES = {
-	zIndex: 0,
-	elevation: 0,
-} as const;
-
-const hasAnyKeys = (record: Record<string, unknown>) => {
-	"worklet";
-	for (const _key in record) {
-		return true;
-	}
-	return false;
-};
-
-const collectStyleKeyMeta = (
-	record?: Record<string, unknown>,
-): StyleKeyMeta => {
-	"worklet";
-	const keys: StyleKeySet = {};
-	let hasAny = false;
-
-	if (!record) {
-		return { keys, hasAny };
-	}
-
-	for (const key in record) {
-		keys[key] = true;
-		hasAny = true;
-	}
-
-	return { keys, hasAny };
-};
-
-const collectRelevantSlotIds = ({
-	currentStylesMap,
-	fallbackStylesMap,
-	previousStyleKeysBySlot,
-}: {
-	currentStylesMap: NormalizedTransitionInterpolatedStyle;
-	fallbackStylesMap: NormalizedTransitionInterpolatedStyle;
-	previousStyleKeysBySlot: Record<string, StyleKeySet>;
-}) => {
-	"worklet";
-	const slotIds: Record<string, true> = {};
-
-	for (const slotId in currentStylesMap) {
-		slotIds[slotId] = true;
-	}
-
-	for (const slotId in fallbackStylesMap) {
-		slotIds[slotId] = true;
-	}
-
-	for (const slotId in previousStyleKeysBySlot) {
-		slotIds[slotId] = true;
-	}
-
-	return slotIds;
-};
-
-const buildUnsetPatch = ({
-	previousKeys,
-	currentKeys,
-}: {
-	previousKeys: StyleKeySet;
-	currentKeys: StyleKeySet;
-}) => {
-	"worklet";
-	const unsetPatch: Record<string, any> = {};
-
-	for (const key in previousKeys) {
-		if (currentKeys[key]) continue;
-
-		if (key === "transform") {
-			unsetPatch.transform = IDENTITY_TRANSFORM;
-			continue;
-		}
-
-		if (key in ALWAYS_RESET_STYLE_VALUES) {
-			unsetPatch[key] =
-				ALWAYS_RESET_STYLE_VALUES[
-					key as keyof typeof ALWAYS_RESET_STYLE_VALUES
-				];
-			continue;
-		}
-
-		unsetPatch[key] = undefined;
-	}
-
-	return unsetPatch;
-};
-
-export const buildResolvedStyleMap = ({
-	currentStylesMap,
-	fallbackStylesMap,
-	previousStyleKeysBySlot,
-}: {
-	currentStylesMap: NormalizedTransitionInterpolatedStyle;
-	fallbackStylesMap: NormalizedTransitionInterpolatedStyle;
-	previousStyleKeysBySlot: Record<string, StyleKeySet>;
-}): {
-	resolvedStylesMap: NormalizedTransitionInterpolatedStyle;
-	nextPreviousStyleKeysBySlot: Record<string, StyleKeySet>;
-} => {
-	"worklet";
-	const resolvedStylesMap: NormalizedTransitionInterpolatedStyle = {};
-	const nextPreviousStyleKeysBySlot: Record<string, StyleKeySet> = {};
-
-	const slotIds = collectRelevantSlotIds({
-		currentStylesMap,
-		fallbackStylesMap,
-		previousStyleKeysBySlot,
-	});
-
-	for (const slotId in slotIds) {
-		const slot = currentStylesMap[slotId] ?? fallbackStylesMap[slotId];
-		const baseStyle = slot?.style as Record<string, unknown> | undefined;
-		const { keys: currentKeys, hasAny: hasCurrentStyleKeys } =
-			collectStyleKeyMeta(baseStyle);
-
-		const unsetPatch = buildUnsetPatch({
-			previousKeys: previousStyleKeysBySlot[slotId] ?? {},
-			currentKeys,
-		});
-
-		const hasUnsetPatch = hasAnyKeys(unsetPatch);
-		const hasProps = slot?.props !== undefined;
-
-		if (!slot && !hasUnsetPatch) {
-			continue;
-		}
-
-		const resolvedStyle =
-			hasCurrentStyleKeys || hasUnsetPatch
-				? {
-						...unsetPatch,
-						...(slot?.style ?? NO_STYLES),
-					}
-				: undefined;
-
-		if (resolvedStyle === undefined && !hasProps) {
-			continue;
-		}
-
-		const resolvedSlot = {} as NormalizedTransitionSlotStyle;
-
-		if (resolvedStyle !== undefined) {
-			resolvedSlot.style = resolvedStyle;
-		}
-
-		if (hasProps) {
-			resolvedSlot.props = slot?.props;
-		}
-
-		resolvedStylesMap[slotId] = resolvedSlot;
-
-		if (hasCurrentStyleKeys) {
-			nextPreviousStyleKeysBySlot[slotId] = currentKeys;
-		}
-	}
-
-	return {
-		resolvedStylesMap,
-		nextPreviousStyleKeysBySlot,
-	};
-};

package/src/shared/providers/screen/styles/helpers/resolve-interpolated-style-output.ts

@@ -1,31 +0,0 @@
-import { NO_STYLES } from "../../../../constants";
-import type {
-	NormalizedTransitionInterpolatedStyle,
-	TransitionInterpolatedStyle,
-} from "../../../../types/animation.types";
-import { normalizeInterpolatedStyle } from "../../../../utils/normalize-interpolated-style";
-
-export type ResolvedInterpolatedStyleOutput = {
-	stylesMap: NormalizedTransitionInterpolatedStyle;
-	wasLegacy: boolean;
-};
-
-export const resolveInterpolatedStyleOutput = (
-	raw: TransitionInterpolatedStyle | null | undefined,
-): ResolvedInterpolatedStyleOutput => {
-	"worklet";
-
-	if (raw == null || typeof raw !== "object") {
-		return {
-			stylesMap: NO_STYLES,
-			wasLegacy: false,
-		};
-	}
-
-	const { result, wasLegacy } = normalizeInterpolatedStyle(raw);
-
-	return {
-		stylesMap: result,
-		wasLegacy,
-	};
-};

package/src/shared/providers/screen/styles/helpers/split-normalized-style-maps.ts

@@ -1,44 +0,0 @@
-import {
-	NAVIGATION_MASK_CONTAINER_STYLE_ID,
-	NAVIGATION_MASK_ELEMENT_STYLE_ID,
-} from "../../../../constants";
-import type { NormalizedTransitionInterpolatedStyle } from "../../../../types/animation.types";
-
-const LAYER_STYLE_SLOT_IDS = {
-	content: true,
-	backdrop: true,
-	surface: true,
-	[NAVIGATION_MASK_ELEMENT_STYLE_ID]: true,
-	[NAVIGATION_MASK_CONTAINER_STYLE_ID]: true,
-} as const;
-
-const isLayerStyleSlotId = (slotId: string) => {
-	"worklet";
-	// biome-ignore lint/suspicious/noPrototypeBuiltins: <Typescript lib target is ES2020>
-	return Object.prototype.hasOwnProperty.call(LAYER_STYLE_SLOT_IDS, slotId);
-};
-
-export const splitNormalizedStyleMaps = (
-	stylesMap: NormalizedTransitionInterpolatedStyle,
-): {
-	layerStylesMap: NormalizedTransitionInterpolatedStyle;
-	elementStylesMap: NormalizedTransitionInterpolatedStyle;
-} => {
-	"worklet";
-	const layerStylesMap: NormalizedTransitionInterpolatedStyle = {};
-	const elementStylesMap: NormalizedTransitionInterpolatedStyle = {};
-
-	for (const slotId in stylesMap) {
-		if (isLayerStyleSlotId(slotId)) {
-			layerStylesMap[slotId] = stylesMap[slotId];
-			continue;
-		}
-
-		elementStylesMap[slotId] = stylesMap[slotId];
-	}
-
-	return {
-		layerStylesMap,
-		elementStylesMap,
-	};
-};

package/src/shared/stores/bounds/internals/presence.ts

@@ -1,145 +0,0 @@
-import type { BoundaryConfig, PresenceState, ScreenKey, TagID } from "../types";
-import { type GroupsState, groups, presence } from "./state";
-
-function registerBoundaryPresence(
-	tag: TagID,
-	screenKey: ScreenKey,
-	ancestorKeys?: ScreenKey[],
-	boundaryConfig?: BoundaryConfig,
-	navigatorKey?: string,
-	ancestorNavigatorKeys?: string[],
-) {
-	"worklet";
-	presence.modify(<T extends PresenceState>(state: T): T => {
-		"worklet";
-		const mutableState = state as PresenceState;
-		let tagEntries = mutableState[tag];
-		if (!tagEntries) {
-			tagEntries = {};
-			mutableState[tag] = tagEntries;
-		}
-		const currentEntry = tagEntries[screenKey];
-
-		tagEntries[screenKey] = {
-			count: (currentEntry?.count ?? 0) + 1,
-			ancestorKeys: ancestorKeys ?? currentEntry?.ancestorKeys,
-			boundaryConfig: boundaryConfig ?? currentEntry?.boundaryConfig,
-			navigatorKey: navigatorKey ?? currentEntry?.navigatorKey,
-			ancestorNavigatorKeys:
-				ancestorNavigatorKeys ?? currentEntry?.ancestorNavigatorKeys,
-		};
-
-		return state;
-	});
-}
-
-function unregisterBoundaryPresence(tag: TagID, screenKey: ScreenKey) {
-	"worklet";
-	const tagEntries = presence.value[tag];
-	if (!tagEntries) return;
-
-	const currentEntry = tagEntries[screenKey];
-	if (!currentEntry) return;
-
-	presence.modify(<T extends PresenceState>(state: T): T => {
-		"worklet";
-		const mutableTagEntries = state[tag];
-		const mutableEntry = mutableTagEntries?.[screenKey];
-		if (!mutableTagEntries || !mutableEntry) return state;
-		const nextCount = mutableEntry.count - 1;
-
-		if (nextCount > 0) {
-			mutableEntry.count = nextCount;
-			return state;
-		}
-
-		delete mutableTagEntries[screenKey];
-
-		for (const _remainingKey in mutableTagEntries) {
-			return state;
-		}
-
-		delete state[tag];
-		return state;
-	});
-}
-
-function hasBoundaryPresence(tag: TagID, screenKey: ScreenKey): boolean {
-	"worklet";
-	const tagEntries = presence.value[tag];
-	if (!tagEntries) return false;
-
-	const direct = tagEntries[screenKey];
-	if (direct && direct.count > 0) return true;
-
-	for (const entryScreenKey in tagEntries) {
-		const entry = tagEntries[entryScreenKey];
-		if (entry.ancestorKeys?.includes(screenKey)) {
-			return true;
-		}
-	}
-
-	return false;
-}
-
-function getBoundaryPresence() {
-	"worklet";
-	return presence;
-}
-
-function getBoundaryConfig(
-	tag: TagID,
-	screenKey: ScreenKey,
-): BoundaryConfig | null {
-	"worklet";
-	const tagEntries = presence.value[tag];
-	if (!tagEntries) return null;
-
-	const direct = tagEntries[screenKey];
-	if (direct && direct.count > 0) {
-		return direct.boundaryConfig ?? null;
-	}
-
-	for (const entryScreenKey in tagEntries) {
-		const entry = tagEntries[entryScreenKey];
-		if (entry.count <= 0) continue;
-		if (entry.ancestorKeys?.includes(screenKey)) {
-			return entry.boundaryConfig ?? null;
-		}
-	}
-
-	return null;
-}
-
-function setGroupActiveId(group: string, id: string) {
-	"worklet";
-	groups.modify(<T extends GroupsState>(state: T): T => {
-		"worklet";
-		const mutableState = state as GroupsState;
-		mutableState[group] = {
-			activeId: id,
-		};
-		return state;
-	});
-}
-
-function getGroupActiveId(group: string): string | null {
-	"worklet";
-	return groups.value[group]?.activeId ?? null;
-}
-
-function getGroups() {
-	"worklet";
-	return groups;
-}
-
-export {
-	registerBoundaryPresence,
-	unregisterBoundaryPresence,
-	hasBoundaryPresence,
-	getBoundaryPresence,
-	getBoundaryConfig,
-	setGroupActiveId,
-	getGroupActiveId,
-	getGroups,
-};