react-native-screen-transitions 3.8.0 → 3.9.0-alpha.0

package/src/shared/components/create-boundary-component/utils/refresh-signals.ts

@@ -1,164 +0,0 @@
-import {
-	createPendingPairKey,
-	createScreenPairKey,
-	getDestinationScreenKeyFromPairKey,
-} from "../../../stores/bounds/helpers/link-pairs.helpers";
-import type {
-	LinkPairsState,
-	ScreenPairKey,
-} from "../../../stores/bounds/types";
-import type { MeasureTarget } from "../types";
-
-const SOURCE_SIGNAL_PREFIX = "source|";
-const DESTINATION_SIGNAL_PREFIX = "destination|";
-
-type RefreshBoundarySignal = MeasureTarget & {
-	signal: string;
-};
-
-const findNestedDestinationPairKey = (
-	linkState: LinkPairsState | undefined,
-	linkId: string,
-	ancestorScreenKeys: readonly string[] | undefined,
-): ScreenPairKey | null => {
-	"worklet";
-	const destinationScreenKey = ancestorScreenKeys?.[0];
-	if (!linkState || !destinationScreenKey) return null;
-
-	for (const pairKey in linkState) {
-		if (getDestinationScreenKeyFromPairKey(pairKey) !== destinationScreenKey) {
-			continue;
-		}
-
-		if (linkState[pairKey]?.links?.[linkId]?.destination) {
-			return pairKey;
-		}
-	}
-
-	return null;
-};
-
-const buildRefreshSignal = (
-	type: MeasureTarget["type"],
-	pairKey: ScreenPairKey,
-	key: string,
-): RefreshBoundarySignal => {
-	"worklet";
-	const prefix =
-		type === "source" ? SOURCE_SIGNAL_PREFIX : DESTINATION_SIGNAL_PREFIX;
-	return {
-		type,
-		pairKey,
-		signal: `${prefix}${pairKey}|${key}`,
-	};
-};
-
-export const getRefreshBoundarySignal = (params: {
-	enabled: boolean;
-	currentScreenKey: string;
-	preferredSourceScreenKey?: string;
-	nextScreenKey?: string;
-	linkId: string;
-	group?: string;
-	ancestorScreenKeys?: readonly string[];
-	shouldRefresh: boolean;
-	closing: boolean;
-	entering: boolean;
-	animating: boolean;
-	progress: number;
-	linkState?: LinkPairsState;
-}): RefreshBoundarySignal | null => {
-	"worklet";
-	const {
-		enabled,
-		currentScreenKey,
-		preferredSourceScreenKey,
-		nextScreenKey,
-		linkId,
-		group,
-		ancestorScreenKeys,
-		shouldRefresh,
-		closing,
-		entering,
-		animating,
-		progress,
-		linkState,
-	} = params;
-
-	if (!enabled) return null;
-
-	const canRefreshPreCloseDestination =
-		shouldRefresh && closing && !entering && !animating && progress >= 1;
-	const canRefreshSettledDestination = shouldRefresh && !closing && !entering;
-
-	if (!canRefreshPreCloseDestination && !canRefreshSettledDestination) {
-		return null;
-	}
-
-	// Non-group refresh only rewrites destination bounds. Source refresh is a
-	// grouped-only fallback for active ids that do not have source bounds yet.
-	if (!group) {
-		if (nextScreenKey) {
-			return null;
-		}
-
-		// Nested initial screens have no previous screen in their own navigator,
-		// so recover the pair by looking for a destination on the ancestor route.
-		const pairKey = preferredSourceScreenKey
-			? createScreenPairKey(preferredSourceScreenKey, currentScreenKey)
-			: findNestedDestinationPairKey(linkState, linkId, ancestorScreenKeys);
-
-		if (!pairKey) return null;
-
-		return buildRefreshSignal(
-			"destination",
-			pairKey,
-			[currentScreenKey, closing ? "closing" : "settled"].join("|"),
-		);
-	}
-
-	// Source-side grouped refresh: a new active id may not have source bounds yet,
-	// so the next screen's lifecycle pulse gives that source one chance to capture.
-	if (nextScreenKey) {
-		const pairKey = createScreenPairKey(currentScreenKey, nextScreenKey);
-		const pendingPairKey = createPendingPairKey(currentScreenKey);
-		const activeId = linkState?.[pairKey]?.groups?.[group]?.activeId;
-		const hasSource =
-			!!linkState?.[pairKey]?.links?.[linkId]?.source ||
-			!!linkState?.[pendingPairKey]?.links?.[linkId]?.source;
-
-		if (activeId !== linkId || hasSource) {
-			return null;
-		}
-
-		return buildRefreshSignal(
-			"source",
-			pairKey,
-			[group, linkId, closing ? "closing" : "settled"].join("|"),
-		);
-	}
-
-	if (!preferredSourceScreenKey) return null;
-
-	// Destination-side grouped refresh: only the active member rewrites the
-	// destination side, keeping inactive grouped members from stealing the link.
-	const pairKey = createScreenPairKey(
-		preferredSourceScreenKey,
-		currentScreenKey,
-	);
-	const activeId = linkState?.[pairKey]?.groups?.[group]?.activeId;
-	const hasSource = !!linkState?.[pairKey]?.links?.[linkId]?.source;
-	const hasDestination = !!linkState?.[pairKey]?.links?.[linkId]?.destination;
-
-	// Destination retargeting should only measure a concrete member that already
-	// participates in the pair. Missing members fall back to initialId at resolve.
-	if (activeId !== linkId || (!hasSource && !hasDestination)) {
-		return null;
-	}
-
-	return buildRefreshSignal(
-		"destination",
-		pairKey,
-		[group, linkId, closing ? "closing" : "settled"].join("|"),
-	);
-};

package/src/shared/components/create-boundary-component/utils/source-signals.ts

@@ -1,72 +0,0 @@
-import { createScreenPairKey } from "../../../stores/bounds/helpers/link-pairs.helpers";
-import type {
-	LinkPairsState,
-	ScreenPairKey,
-} from "../../../stores/bounds/types";
-
-const SOURCE_SIGNAL_PREFIX = "source|";
-
-type SourceCaptureSignal = {
-	pairKey: ScreenPairKey;
-	signal: string;
-};
-
-const buildSourceSignal = (
-	pairKey: ScreenPairKey,
-	key: string,
-): SourceCaptureSignal => {
-	"worklet";
-	return {
-		pairKey,
-		signal: `${SOURCE_SIGNAL_PREFIX}${pairKey}|${key}`,
-	};
-};
-
-export const getInitialSourceCaptureSignal = (params: {
-	enabled: boolean;
-	nextScreenKey?: string;
-	currentScreenKey?: string;
-	linkId: string;
-	group?: string;
-	shouldAutoMeasure: boolean;
-	linkState?: LinkPairsState;
-}): SourceCaptureSignal | null => {
-	"worklet";
-	const {
-		enabled,
-		nextScreenKey,
-		currentScreenKey,
-		linkId,
-		group,
-		shouldAutoMeasure,
-		linkState,
-	} = params;
-
-	if (!enabled || !nextScreenKey || !currentScreenKey) {
-		return null;
-	}
-
-	// Trigger components capture on press. This passive path is for Boundary.View
-	// slots that need a source before navigation starts.
-	if (!shouldAutoMeasure) {
-		return null;
-	}
-
-	const pairKey = createScreenPairKey(currentScreenKey, nextScreenKey);
-
-	if (group) {
-		const activeId = linkState?.[pairKey]?.groups?.[group]?.activeId;
-
-		// Passive grouped sources should not measure every mounted item. Once a
-		// group has an active id, only that concrete member can auto-capture.
-		if (activeId && activeId !== linkId) {
-			return null;
-		}
-	}
-
-	const signalParts = group
-		? [currentScreenKey, nextScreenKey, group, linkId]
-		: [currentScreenKey, nextScreenKey, linkId];
-
-	return buildSourceSignal(pairKey, signalParts.join("|"));
-};

package/src/shared/utils/bounds/helpers/create-interpolators.ts

@@ -1,117 +0,0 @@
-import {
-	Extrapolation,
-	interpolate,
-	type MeasuredDimensions,
-} from "react-native-reanimated";
-import { ENTER_RANGE, EXIT_RANGE } from "../../../constants";
-import { getEntry } from "../../../stores/bounds/internals/entries";
-import type { BoundsInterpolationProps } from "../../../types/bounds.types";
-import type { BoundId } from "../types/options";
-import type { LinkAccessor } from "./create-link-accessor";
-import { interpolateLinkStyle } from "./styles/interpolate-link-style";
-
-type InterpolatorParams = {
-	getProps: () => BoundsInterpolationProps;
-	getLink: LinkAccessor["getLink"];
-};
-
-export const createInterpolators = ({
-	getProps,
-	getLink,
-}: InterpolatorParams) => {
-	"worklet";
-
-	const interpolateStyle = (
-		tag: BoundId,
-		property: string,
-		fallback?: number,
-	): number => {
-		"worklet";
-		const props = getProps();
-		const link = getLink(tag);
-		const entering = !props.next;
-		return interpolateLinkStyle(link, property, props.progress, entering, {
-			fallback,
-		});
-	};
-
-	const interpolateBoundsFromMeasuredEntry = (
-		tag: BoundId,
-		property: keyof MeasuredDimensions,
-		targetKey: string,
-		fallback?: number,
-	): number => {
-		"worklet";
-
-		const props = getProps();
-		const entering = !props.next;
-		const range = entering ? ENTER_RANGE : EXIT_RANGE;
-		const currentKey = props.current?.route?.key;
-		const fb = fallback ?? 0;
-		const normalizedTag = String(tag);
-
-		const currentEntry = currentKey
-			? getEntry(normalizedTag, currentKey)
-			: null;
-		const targetEntry = getEntry(normalizedTag, targetKey);
-
-		const currentValue = currentEntry?.bounds?.[property] ?? fb;
-		const targetValue = targetEntry?.bounds?.[property] ?? fb;
-
-		return interpolate(
-			props.progress,
-			range,
-			[targetValue, currentValue],
-			Extrapolation.CLAMP,
-		);
-	};
-
-	const interpolateBoundsFromLink = (
-		tag: BoundId,
-		property: keyof MeasuredDimensions,
-		fallback?: number,
-	): number => {
-		"worklet";
-
-		const props = getProps();
-		const entering = !props.next;
-		const range = entering ? ENTER_RANGE : EXIT_RANGE;
-		const link = getLink(tag);
-		const fb = fallback ?? 0;
-
-		const sourceValue = link?.source?.bounds?.[property] ?? fb;
-		const destinationValue = link?.destination?.bounds?.[property] ?? fb;
-
-		return interpolate(
-			props.progress,
-			range,
-			[sourceValue, destinationValue],
-			Extrapolation.CLAMP,
-		);
-	};
-
-	const interpolateBounds = (
-		tag: BoundId,
-		property: keyof MeasuredDimensions,
-		fallbackOrTargetKey?: number | string,
-		fallback?: number,
-	): number => {
-		"worklet";
-
-		if (typeof fallbackOrTargetKey === "string") {
-			return interpolateBoundsFromMeasuredEntry(
-				tag,
-				property,
-				fallbackOrTargetKey,
-				fallback,
-			);
-		}
-
-		return interpolateBoundsFromLink(tag, property, fallbackOrTargetKey);
-	};
-
-	return {
-		interpolateStyle,
-		interpolateBounds,
-	};
-};

package/src/shared/utils/bounds/helpers/styles/interpolate-link-style.ts

@@ -1,43 +0,0 @@
-import { Extrapolation, interpolate } from "react-native-reanimated";
-import { ENTER_RANGE, EXIT_RANGE } from "../../../../constants";
-import type { BoundsLink } from "../../../../types/bounds.types";
-
-type InterpolateStyleOptions = {
-	fallback?: number;
-};
-
-/**
- * Interpolates a numeric style property between source and destination bounds.
- *
- * @param link - The bounds link containing source and destination styles
- * @param property - The style property to interpolate (e.g., "borderRadius", "opacity")
- * @param progress - Animation progress value
- * @param entering - Whether the screen is entering (focused) or exiting (unfocused)
- * @param options - Optional configuration
- * @returns The interpolated value
- */
-export function interpolateLinkStyle(
-	link: BoundsLink | null,
-	property: string,
-	progress: number,
-	entering: boolean,
-	options: InterpolateStyleOptions = {},
-): number {
-	"worklet";
-
-	const { fallback = 0 } = options;
-
-	const sourceValue =
-		(link?.source?.styles?.[property] as number | undefined) ?? fallback;
-	const destValue =
-		(link?.destination?.styles?.[property] as number | undefined) ?? fallback;
-
-	const range = entering ? ENTER_RANGE : EXIT_RANGE;
-
-	return interpolate(
-		progress,
-		range,
-		[sourceValue, destValue],
-		Extrapolation.CLAMP,
-	);
-}