react-native-reanimated/src/reanimated2/utils.ts

More powerful alternative to Animated library for React Native.

import type { Component } from 'react';
import { measure } from './NativeMethods';
import type { AnimatedRef } from './hook/commonTypes';
import type { SharedValue } from './commonTypes';

export interface ComponentCoords {
  x: number;
  y: number;
}

/**
 * Given an absolute position and a component ref, returns the relative
 * position in the component's local coordinate space.
 */
export function getRelativeCoords(
  parentAnimatedRef: AnimatedRef<Component>,
  absoluteX: number,
  absoluteY: number
): ComponentCoords | null {
  'worklet';
  const parentCoords = measure(parentAnimatedRef);
  if (parentCoords === null) {
    return null;
  }
  return {
    x: absoluteX - parentCoords.x,
    y: absoluteY - parentCoords.y,
  };
}

export function isSharedValue<T>(value: any): value is SharedValue<T> {
  'worklet';
  return value?._isReanimatedSharedValue === true;
}

// This is Jest implementation of `requestAnimationFrame` that is required
// by React Native for test purposes.
export function mockedRequestAnimationFrame(
  callback: (timestamp: number) => void
) {
  return setTimeout(() => callback(performance.now()), 0);
}