react-native-reanimated 2.8.0 → 3.0.0-rc.0

package/lib/reanimated1/core/AnimatedBezier.js

@@ -1,150 +0,0 @@
-import { val } from '../val';
-import AnimatedNode from './AnimatedNode';
-import invariant from 'invariant';
-
-// These values are established by empiricism with tests (tradeoff: performance VS precision)
-var NEWTON_ITERATIONS = 4;
-var NEWTON_MIN_SLOPE = 0.001;
-var SUBDIVISION_PRECISION = 0.0000001;
-var SUBDIVISION_MAX_ITERATIONS = 10;
-
-var kSplineTableSize = 11;
-var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);
-
-var float32ArraySupported = typeof Float32Array === 'function';
-
-function A(aA1, aA2) {
-  return 1.0 - 3.0 * aA2 + 3.0 * aA1;
-}
-function B(aA1, aA2) {
-  return 3.0 * aA2 - 6.0 * aA1;
-}
-function C(aA1) {
-  return 3.0 * aA1;
-}
-
-// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.
-function calcBezier(aT, aA1, aA2) {
-  return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
-}
-
-// Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.
-function getSlope(aT, aA1, aA2) {
-  return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
-}
-
-function binarySubdivide(aX, aA, aB, mX1, mX2) {
-  var currentX = 0;
-  var currentT = 0;
-  var i = 0;
-  do {
-    currentT = aA + (aB - aA) / 2.0;
-    currentX = calcBezier(currentT, mX1, mX2) - aX;
-    if (currentX > 0.0) {
-      aB = currentT;
-    } else {
-      aA = currentT;
-    }
-  } while (
-    Math.abs(currentX) > SUBDIVISION_PRECISION &&
-    ++i < SUBDIVISION_MAX_ITERATIONS
-  );
-  return currentT;
-}
-
-function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {
-  for (var i = 0; i < NEWTON_ITERATIONS; ++i) {
-    var currentSlope = getSlope(aGuessT, mX1, mX2);
-    if (currentSlope === 0.0) {
-      return aGuessT;
-    }
-    var currentX = calcBezier(aGuessT, mX1, mX2) - aX;
-    aGuessT -= currentX / currentSlope;
-  }
-  return aGuessT;
-}
-
-function bezier(mX1, mY1, mX2, mY2) {
-  // Precompute samples table
-  var sampleValues = float32ArraySupported
-    ? new Float32Array(kSplineTableSize)
-    : new Array(kSplineTableSize);
-  if (mX1 !== mY1 || mX2 !== mY2) {
-    for (var i = 0; i < kSplineTableSize; ++i) {
-      sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);
-    }
-  }
-
-  function getTForX(aX) {
-    var intervalStart = 0.0;
-    var currentSample = 1;
-    var lastSample = kSplineTableSize - 1;
-
-    for (
-      ;
-      currentSample !== lastSample && sampleValues[currentSample] <= aX;
-      ++currentSample
-    ) {
-      intervalStart += kSampleStepSize;
-    }
-    --currentSample;
-
-    // Interpolate to provide an initial guess for t
-    var dist =
-      (aX - sampleValues[currentSample]) /
-      (sampleValues[currentSample + 1] - sampleValues[currentSample]);
-    var guessForT = intervalStart + dist * kSampleStepSize;
-
-    var initialSlope = getSlope(guessForT, mX1, mX2);
-    if (initialSlope >= NEWTON_MIN_SLOPE) {
-      return newtonRaphsonIterate(aX, guessForT, mX1, mX2);
-    } else if (initialSlope === 0.0) {
-      return guessForT;
-    } else {
-      return binarySubdivide(
-        aX,
-        intervalStart,
-        intervalStart + kSampleStepSize,
-        mX1,
-        mX2
-      );
-    }
-  }
-
-  return function BezierEasing(x) {
-    if (mX1 === mY1 && mX2 === mY2) {
-      return x; // linear
-    }
-    // Because JavaScript number are imprecise, we should guarantee the extremes are right.
-    if (x === 0) {
-      return 0;
-    }
-    if (x === 1) {
-      return 1;
-    }
-    return calcBezier(getTForX(x), mY1, mY2);
-  };
-}
-
-export default class AnimatedBezier extends AnimatedNode {
-  _value;
-  _bezier;
-
-  constructor(value, mX1, mY1, mX2, mY2) {
-    invariant(
-      value instanceof AnimatedNode,
-      `Reanimated: Bezier node argument should be of type AnimatedNode but got ${value}`
-    );
-    super({ type: 'bezier', mX1, mY1, mX2, mY2, input: value }, [value]);
-    this._value = value;
-    this._bezier = bezier(mX1, mY1, mX2, mY2);
-  }
-
-  toString() {
-    return `AnimatedBezier, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    return this._bezier(val(this._value));
-  }
-}

package/lib/reanimated1/core/AnimatedBlock.js

@@ -1,52 +0,0 @@
-import invariant from 'invariant';
-import { val } from '../val';
-import AnimatedNode from './AnimatedNode';
-import InternalAnimatedValue from './InternalAnimatedValue';
-
-class AnimatedBlock extends AnimatedNode {
-  _array;
-
-  constructor(array) {
-    invariant(
-      array.every((el) => el instanceof AnimatedNode),
-      `Reanimated: Animated.block node argument should be an array with elements of type AnimatedNode. One or more of them are not AnimatedNodes`
-    );
-    super({ type: 'block', block: array }, array);
-    this._array = array;
-  }
-
-  toString() {
-    return `AnimatedBlock, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    let result;
-    this._array.forEach((node) => {
-      result = val(node);
-    });
-    return result;
-  }
-}
-
-export function createAnimatedBlock(items) {
-  return adapt(items);
-}
-
-function nodify(v) {
-  if (typeof v === 'object' && v?.__isProxy) {
-    if (!v.__val) {
-      v.__val = new InternalAnimatedValue(0);
-    }
-    return v.__val;
-  }
-  // TODO: cache some typical static values (e.g. 0, 1, -1)
-  return v instanceof AnimatedNode
-    ? v
-    : InternalAnimatedValue.valueForConstant(v);
-}
-
-export function adapt(v) {
-  return Array.isArray(v)
-    ? new AnimatedBlock(v.map((node) => adapt(node)))
-    : nodify(v);
-}

package/lib/reanimated1/core/AnimatedCall.js

@@ -1,55 +0,0 @@
-import invariant from 'invariant';
-import ReanimatedEventEmitter from '../../ReanimatedEventEmitter';
-import { val } from '../val';
-import AnimatedNode from './AnimatedNode';
-
-const NODE_MAPPING = new Map();
-
-function listener(data) {
-  const node = NODE_MAPPING.get(data.id);
-  node && node._callback(data.args);
-}
-
-class AnimatedCall extends AnimatedNode {
-  _callback;
-  _args;
-
-  constructor(args, jsFunction) {
-    invariant(
-      args.every((el) => el instanceof AnimatedNode),
-      `Reanimated: Animated.call node args should be an array with elements of type AnimatedNode. One or more of them are not AnimatedNodes`
-    );
-    super({ type: 'call', input: args }, args);
-    this._callback = jsFunction;
-    this._args = args;
-  }
-
-  toString() {
-    return `AnimatedCall, id: ${this.__nodeID}`;
-  }
-
-  __attach() {
-    super.__attach();
-    NODE_MAPPING.set(this.__nodeID, this);
-    if (NODE_MAPPING.size === 1) {
-      ReanimatedEventEmitter.addListener('onReanimatedCall', listener);
-    }
-  }
-
-  __detach() {
-    NODE_MAPPING.delete(this.__nodeID);
-    if (NODE_MAPPING.size === 0) {
-      ReanimatedEventEmitter.removeAllListeners('onReanimatedCall');
-    }
-    super.__detach();
-  }
-
-  __onEvaluate() {
-    this._callback(this._args.map(val));
-    return 0;
-  }
-}
-
-export function createAnimatedCall(args, func) {
-  return new AnimatedCall(args, func);
-}

package/lib/reanimated1/core/AnimatedCallFunc.js

@@ -1,72 +0,0 @@
-import AnimatedNode, { getCallID, setCallID } from './AnimatedNode';
-import { adapt } from './AnimatedBlock';
-import { val } from '../val';
-import invariant from 'invariant';
-
-class AnimatedCallFunc extends AnimatedNode {
-  _previousCallID;
-  _what;
-  _args;
-  _params;
-  constructor(what, args, params) {
-    invariant(
-      what instanceof AnimatedNode,
-      `Reanimated: AnimatedCallFunc 'what' argument should be of type AnimatedNode but got ${what}`
-    );
-    invariant(
-      args.every((el) => el instanceof AnimatedNode),
-      `Reanimated: every AnimatedCallFunc 'args' argument should be of type AnimatedNode but got ${args}`
-    );
-    invariant(
-      params.every((el) => el instanceof AnimatedNode),
-      `Reanimated: every AnimatedCallFunc 'params' argument should be of type AnimatedNode but got ${params}`
-    );
-    super(
-      {
-        type: 'callfunc',
-        what,
-        args,
-        params,
-      },
-      [...args]
-    );
-    this._what = what;
-    this._args = args;
-    this._params = params;
-  }
-
-  toString() {
-    return `AnimatedCallFunc, id: ${this.__nodeID}`;
-  }
-
-  beginContext() {
-    this._previousCallID = getCallID();
-    setCallID(getCallID() + '/' + this.__nodeID);
-
-    this._params.forEach((param, index) => {
-      param.beginContext(this._args[index], this._previousCallID);
-    });
-  }
-
-  endContext() {
-    this._params.forEach((param) => {
-      param.endContext();
-    });
-    setCallID(this._previousCallID);
-  }
-
-  __onEvaluate() {
-    this.beginContext();
-    const value = val(this._what);
-    this.endContext();
-    return value;
-  }
-}
-
-export function createAnimatedCallFunc(proc, args, params) {
-  return new AnimatedCallFunc(
-    proc,
-    args.map((p) => adapt(p)),
-    params
-  );
-}

package/lib/reanimated1/core/AnimatedClock.js

@@ -1,90 +0,0 @@
-import InternalAnimatedValue from './InternalAnimatedValue';
-import AnimatedNode from './AnimatedNode';
-import { val } from '../val';
-
-class AnimatedMainClock extends InternalAnimatedValue {
-  _frameCallback;
-
-  constructor() {
-    super({ type: 'MAIN_CLOCK' });
-  }
-
-  __onEvaluate() {
-    return +new Date();
-  }
-
-  _runFrame = () => {
-    this._updateValue(0);
-    if (this.__children.length > 0) {
-      this._frameCallback = requestAnimationFrame(this._runFrame);
-    }
-  };
-
-  __attach() {
-    super.__attach();
-    if (!this._frameCallback) {
-      this._frameCallback = requestAnimationFrame(this._runFrame);
-    }
-  }
-
-  __detach() {
-    if (this._frameCallback) {
-      cancelAnimationFrame(this._frameCallback);
-      this._frameCallback = null;
-    }
-    super.__detach();
-  }
-}
-
-const mainClock = new AnimatedMainClock();
-
-export default class AnimatedClock extends AnimatedNode {
-  _started;
-  _attached;
-
-  constructor() {
-    super({ type: 'clock' });
-  }
-
-  toString() {
-    return `AnimatedClock, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    return val(mainClock);
-  }
-
-  __attach() {
-    super.__attach();
-    if (this._started && !this._attached) {
-      mainClock.__addChild(this);
-    }
-    this._attached = true;
-  }
-
-  __detach() {
-    if (this._started && this._attached) {
-      mainClock.__removeChild(this);
-    }
-    this._attached = false;
-    super.__detach();
-  }
-
-  start() {
-    if (!this._started && this._attached) {
-      mainClock.__addChild(this);
-    }
-    this._started = true;
-  }
-
-  stop() {
-    if (this._started && this._attached) {
-      mainClock.__removeChild(this);
-    }
-    this._started = false;
-  }
-
-  isStarted() {
-    return this._started;
-  }
-}

package/lib/reanimated1/core/AnimatedClockTest.js

@@ -1,22 +0,0 @@
-import AnimatedNode from './AnimatedNode';
-
-class AnimatedClockTest extends AnimatedNode {
-  _clockNode;
-
-  constructor(clockNode) {
-    super({ type: 'clockTest', clock: clockNode });
-    this._clockNode = clockNode;
-  }
-
-  toString() {
-    return `AnimatedClockTest, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    return this._clockNode.isStarted() ? 1 : 0;
-  }
-}
-
-export function createAnimatedClockTest(clock) {
-  return new AnimatedClockTest(clock);
-}

package/lib/reanimated1/core/AnimatedCode.js

@@ -1,32 +0,0 @@
-import useCode from '../derived/useCode';
-import AnimatedNode from './AnimatedNode';
-
-function assertNodesNotNull(code, children, exec) {
-  if (!code) {
-    const error = !children
-      ? `Got "${typeof children}" type passed to children`
-      : `Got "${typeof exec}" type passed to exec`;
-
-    throw new Error(
-      `<Animated.Code /> expects the 'exec' prop or children to be an animated node or a function returning an animated node. ${error}`
-    );
-  }
-}
-
-function Code({ exec, children, dependencies }) {
-  const nodes = children || exec;
-
-  let code = null;
-  if (nodes instanceof AnimatedNode) {
-    code = () => nodes;
-  } else if (typeof nodes === 'function') {
-    code = nodes;
-  }
-
-  assertNodesNotNull(code, children, exec);
-
-  useCode(code, dependencies);
-  return null;
-}
-
-export default Code;

package/lib/reanimated1/core/AnimatedConcat.js

@@ -1,32 +0,0 @@
-import invariant from 'invariant';
-import { adapt } from '../core/AnimatedBlock';
-import AnimatedNode from './AnimatedNode';
-import { val } from '../val';
-
-class AnimatedConcat extends AnimatedNode {
-  constructor(input) {
-    invariant(
-      input.every(
-        (el) =>
-          el instanceof AnimatedNode ||
-          typeof el === 'number' ||
-          typeof el === 'string'
-      ),
-      `Reanimated: Animated.concat node arguments should be of type AnimatedNode or String or Number. One or more of them are not of that type. Node: ${input}`
-    );
-    super({ type: 'concat', input }, input);
-    this._input = input;
-  }
-
-  __onEvaluate() {
-    return this._input.reduce((prev, current) => prev + val(current), '');
-  }
-
-  toString() {
-    return `AnimatedConcat, id: ${this.__nodeID}`;
-  }
-}
-
-export function createAnimatedConcat(...args) {
-  return new AnimatedConcat(args.map(adapt));
-}

package/lib/reanimated1/core/AnimatedCond.js

@@ -1,57 +0,0 @@
-import invariant from 'invariant';
-import { adapt } from '../core/AnimatedBlock';
-import { val } from '../val';
-import AnimatedNode from './AnimatedNode';
-
-class AnimatedCond extends AnimatedNode {
-  _condition;
-  _ifBlock;
-  _elseBlock;
-
-  constructor(condition, ifBlock, elseBlock) {
-    invariant(
-      condition instanceof AnimatedNode,
-      `Reanimated: Animated.cond node first argument should be of type AnimatedNode but got ${condition}`
-    );
-    invariant(
-      ifBlock instanceof AnimatedNode,
-      `Reanimated: Animated.cond node second argument should be of type AnimatedNode but got ${ifBlock}`
-    );
-    invariant(
-      elseBlock instanceof AnimatedNode || elseBlock === undefined,
-      `Reanimated: Animated.cond node third argument should be of type AnimatedNode or should be undefined but got ${elseBlock}`
-    );
-    super(
-      {
-        type: 'cond',
-        cond: condition,
-        ifBlock,
-        elseBlock,
-      },
-      [condition, ifBlock, elseBlock]
-    );
-    this._condition = condition;
-    this._ifBlock = ifBlock;
-    this._elseBlock = elseBlock;
-  }
-
-  toString() {
-    return `AnimatedCond, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    if (val(this._condition)) {
-      return val(this._ifBlock);
-    } else {
-      return this._elseBlock !== undefined ? val(this._elseBlock) : undefined;
-    }
-  }
-}
-
-export function createAnimatedCond(cond, ifBlock, elseBlock) {
-  return new AnimatedCond(
-    adapt(cond),
-    adapt(ifBlock),
-    elseBlock === undefined ? undefined : adapt(elseBlock)
-  );
-}

package/lib/reanimated1/core/AnimatedDebug.js

@@ -1,62 +0,0 @@
-import invariant from 'invariant';
-import { NativeModules } from 'react-native';
-import { val } from '../val';
-import { adapt, createAnimatedBlock as block } from './AnimatedBlock';
-import { createAnimatedCall as call } from './AnimatedCall';
-import AnimatedNode from './AnimatedNode';
-
-class AnimatedDebug extends AnimatedNode {
-  _message;
-  _value;
-
-  constructor(message, value) {
-    invariant(
-      typeof message === 'string',
-      `Reanimated: Animated.debug node first argument should be of type string but got ${message}`
-    );
-    invariant(
-      value instanceof AnimatedNode,
-      `Reanimated: Animated.debug node second argument should be of type AnimatedNode but got ${value}`
-    );
-    super({ type: 'debug', message, value }, [value]);
-    this._message = message;
-    this._value = value;
-  }
-
-  toString() {
-    return `AnimatedDebug, id: ${this.__nodeID}`;
-  }
-
-  __onEvaluate() {
-    const value = val(this._value);
-    console.log(this._message, value);
-    return value;
-  }
-}
-
-export function createAnimatedDebug(message, value) {
-  if (__DEV__) {
-    // hack to detect if app is running in remote debugger
-    // https://stackoverflow.com/questions/39022216
-    const runningInRemoteDebugger = typeof atob !== 'undefined';
-
-    // read the executionEnvironment off of expo-constants without explicitly
-    // depending on the package
-    const runningInExpoShell =
-      NativeModules.NativeUnimoduleProxy?.modulesConstants?.ExponentConstants
-        ?.executionEnvironment === 'storeClient';
-
-    if (runningInRemoteDebugger || runningInExpoShell) {
-      // When running in expo or remote debugger we use JS console.log to output variables
-      // otherwise we output to the native console using native debug node
-      return block([
-        call([value], ([a]) => console.log(`${message} ${a}`)),
-        value,
-      ]);
-    } else {
-      return new AnimatedDebug(message, adapt(value));
-    }
-  }
-  // Debugging is disabled in PROD
-  return value;
-}