@shopify/react-native-skia/lib/module/external/reanimated/interpolators.js

High-performance React Native Graphics using Skia

import { useCallback, useMemo } from "react";
import { interpolatePaths, interpolateVector } from "../../animation";
import { Skia } from "../../skia";
import { isOnMainThread } from "../../renderer/Offscreen";
import Rea from "./ReanimatedProxy";
export const notifyChange = value => {
  "worklet";

  if (isOnMainThread()) {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    value._value = value.value;
  }
};
export const usePathValue = (cb, init) => {
  const pathInit = useMemo(() => Skia.Path.Make(), []);
  const path = Rea.useSharedValue(pathInit);
  Rea.useDerivedValue(() => {
    path.value.reset();
    if (init !== undefined) {
      path.value.addPath(init);
    }
    cb(path.value);
    notifyChange(path);
  });
  return path;
};
export const useClock = () => {
  const clock = Rea.useSharedValue(0);
  const callback = useCallback(info => {
    "worklet";

    clock.value = info.timeSinceFirstFrame;
  }, [clock]);
  Rea.useFrameCallback(callback);
  return clock;
};

/**
 * @worklet
 */

const useInterpolator = (factory, value, interpolator, input, output, options) => {
  // eslint-disable-next-line react-hooks/exhaustive-deps
  const init = useMemo(() => factory(), []);
  const result = Rea.useSharedValue(init);
  Rea.useAnimatedReaction(() => value.value, val => {
    result.value = interpolator(val, input, output, options, result.value);
    notifyChange(result);
  }, [input, output, options]);
  return result;
};
export const usePathInterpolation = (value, input, outputRange, options) => {
  // Check if all paths in outputRange are interpolable
  const allPathsInterpolable = outputRange.slice(1).every(path => outputRange[0].isInterpolatable(path));
  if (!allPathsInterpolable) {
    // Handle the case where not all paths are interpolable
    // For example, throw an error or return early
    throw new Error(`Not all paths in the output range are interpolable.
See: https://shopify.github.io/react-native-skia/docs/animations/hooks#usepathinterpolation`);
  }
  return useInterpolator(() => Skia.Path.Make(), value, interpolatePaths, input, outputRange, options);
};
export const useVectorInterpolation = (value, input, outputRange, options) => useInterpolator(() => Skia.Point(0, 0), value, interpolateVector, input, outputRange, options);
//# sourceMappingURL=interpolators.js.map