react-native-reanimated 3.0.0-rc.9 → 3.0.0

package/lib/module/reanimated2/hook/useDerivedValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","initialUpdaterRun","makeMutable","startMapper","stopMapper","useDerivedValue","processor","dependencies","initRef","inputs","Object","values","_closure","undefined","__workletHash","push","current","sharedValue","fun","value","mapperId"],"sources":["useDerivedValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { initialUpdaterRun } from '../animation';\nimport { BasicWorkletFunction, SharedValue } from '../commonTypes';\nimport { makeMutable, startMapper, stopMapper } from '../core';\nimport { DependencyList } from './commonTypes';\n\nexport type DerivedValue<T> = Readonly<SharedValue<T>>;\n\nexport function useDerivedValue<T>(\n  processor: BasicWorkletFunction<T>,\n  dependencies: DependencyList\n): DerivedValue<T> {\n  const initRef = useRef<SharedValue<T> | null>(null);\n  const inputs = Object.values(processor._closure ?? {});\n\n  // build dependencies\n  if (dependencies === undefined) {\n    dependencies = [...inputs, processor.__workletHash];\n  } else {\n    dependencies.push(processor.__workletHash);\n  }\n\n  if (initRef.current === null) {\n    initRef.current = makeMutable(initialUpdaterRun(processor));\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const sharedValue: SharedValue<T> = initRef.current!;\n\n  useEffect(() => {\n    const fun = () => {\n      'worklet';\n      sharedValue.value = processor();\n    };\n    const mapperId = startMapper(fun, inputs, [sharedValue]);\n    return () => {\n      stopMapper(mapperId);\n    };\n  }, dependencies);\n\n  useEffect(() => {\n    return () => {\n      initRef.current = null;\n    };\n  }, []);\n\n  return sharedValue;\n}\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AACA,SAASC,iBAAT,QAAkC,cAAlC;AAEA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,UAAnC,QAAqD,SAArD;AAKA,OAAO,SAASC,eAAT,CACLC,SADK,EAELC,YAFK,EAGY;EACjB,MAAMC,OAAO,GAAGR,MAAM,CAAwB,IAAxB,CAAtB;EACA,MAAMS,MAAM,GAAGC,MAAM,CAACC,MAAP,CAAcL,SAAS,CAACM,QAAV,IAAsB,EAApC,CAAf,CAFiB,CAIjB;;EACA,IAAIL,YAAY,KAAKM,SAArB,EAAgC;IAC9BN,YAAY,GAAG,CAAC,GAAGE,MAAJ,EAAYH,SAAS,CAACQ,aAAtB,CAAf;EACD,CAFD,MAEO;IACLP,YAAY,CAACQ,IAAb,CAAkBT,SAAS,CAACQ,aAA5B;EACD;;EAED,IAAIN,OAAO,CAACQ,OAAR,KAAoB,IAAxB,EAA8B;IAC5BR,OAAO,CAACQ,OAAR,GAAkBd,WAAW,CAACD,iBAAiB,CAACK,SAAD,CAAlB,CAA7B;EACD,CAbgB,CAejB;;;EACA,MAAMW,WAA2B,GAAGT,OAAO,CAACQ,OAA5C;EAEAjB,SAAS,CAAC,MAAM;IACd,MAAMmB,GAAG,GAAG,MAAM;MAChB;;MACAD,WAAW,CAACE,KAAZ,GAAoBb,SAAS,EAA7B;IACD,CAHD;;IAIA,MAAMc,QAAQ,GAAGjB,WAAW,CAACe,GAAD,EAAMT,MAAN,EAAc,CAACQ,WAAD,CAAd,CAA5B;IACA,OAAO,MAAM;MACXb,UAAU,CAACgB,QAAD,CAAV;IACD,CAFD;EAGD,CATQ,EASNb,YATM,CAAT;EAWAR,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXS,OAAO,CAACQ,OAAR,GAAkB,IAAlB;IACD,CAFD;EAGD,CAJQ,EAIN,EAJM,CAAT;EAMA,OAAOC,WAAP;AACD"}
+{"version":3,"names":["useEffect","useRef","initialUpdaterRun","makeMutable","startMapper","stopMapper","shouldBeUseWeb","useDerivedValue","processor","dependencies","initRef","inputs","Object","values","_closure","length","undefined","__workletHash","push","current","sharedValue","fun","value","mapperId"],"sources":["useDerivedValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { initialUpdaterRun } from '../animation';\nimport { BasicWorkletFunction, SharedValue } from '../commonTypes';\nimport { makeMutable, startMapper, stopMapper } from '../core';\nimport { DependencyList } from './commonTypes';\nimport { shouldBeUseWeb } from '../PlatformChecker';\n\nexport type DerivedValue<T> = Readonly<SharedValue<T>>;\n\nexport function useDerivedValue<T>(\n  processor: BasicWorkletFunction<T>,\n  dependencies: DependencyList\n): DerivedValue<T> {\n  const initRef = useRef<SharedValue<T> | null>(null);\n  let inputs = Object.values(processor._closure ?? {});\n  if (shouldBeUseWeb()) {\n    if (!inputs.length && dependencies?.length) {\n      // let web work without a Babel/SWC plugin\n      inputs = dependencies;\n    }\n  }\n\n  // build dependencies\n  if (dependencies === undefined) {\n    dependencies = [...inputs, processor.__workletHash];\n  } else {\n    dependencies.push(processor.__workletHash);\n  }\n\n  if (initRef.current === null) {\n    initRef.current = makeMutable(initialUpdaterRun(processor));\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const sharedValue: SharedValue<T> = initRef.current!;\n\n  useEffect(() => {\n    const fun = () => {\n      'worklet';\n      sharedValue.value = processor();\n    };\n    const mapperId = startMapper(fun, inputs, [sharedValue]);\n    return () => {\n      stopMapper(mapperId);\n    };\n  }, dependencies);\n\n  useEffect(() => {\n    return () => {\n      initRef.current = null;\n    };\n  }, []);\n\n  return sharedValue;\n}\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AACA,SAASC,iBAAT,QAAkC,cAAlC;AAEA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,UAAnC,QAAqD,SAArD;AAEA,SAASC,cAAT,QAA+B,oBAA/B;AAIA,OAAO,SAASC,eAAT,CACLC,SADK,EAELC,YAFK,EAGY;EACjB,MAAMC,OAAO,GAAGT,MAAM,CAAwB,IAAxB,CAAtB;EACA,IAAIU,MAAM,GAAGC,MAAM,CAACC,MAAP,CAAcL,SAAS,CAACM,QAAV,IAAsB,EAApC,CAAb;;EACA,IAAIR,cAAc,EAAlB,EAAsB;IAAA;;IACpB,IAAI,CAACK,MAAM,CAACI,MAAR,qBAAkBN,YAAlB,0CAAkB,cAAcM,MAApC,EAA4C;MAC1C;MACAJ,MAAM,GAAGF,YAAT;IACD;EACF,CARgB,CAUjB;;;EACA,IAAIA,YAAY,KAAKO,SAArB,EAAgC;IAC9BP,YAAY,GAAG,CAAC,GAAGE,MAAJ,EAAYH,SAAS,CAACS,aAAtB,CAAf;EACD,CAFD,MAEO;IACLR,YAAY,CAACS,IAAb,CAAkBV,SAAS,CAACS,aAA5B;EACD;;EAED,IAAIP,OAAO,CAACS,OAAR,KAAoB,IAAxB,EAA8B;IAC5BT,OAAO,CAACS,OAAR,GAAkBhB,WAAW,CAACD,iBAAiB,CAACM,SAAD,CAAlB,CAA7B;EACD,CAnBgB,CAqBjB;;;EACA,MAAMY,WAA2B,GAAGV,OAAO,CAACS,OAA5C;EAEAnB,SAAS,CAAC,MAAM;IACd,MAAMqB,GAAG,GAAG,MAAM;MAChB;;MACAD,WAAW,CAACE,KAAZ,GAAoBd,SAAS,EAA7B;IACD,CAHD;;IAIA,MAAMe,QAAQ,GAAGnB,WAAW,CAACiB,GAAD,EAAMV,MAAN,EAAc,CAACS,WAAD,CAAd,CAA5B;IACA,OAAO,MAAM;MACXf,UAAU,CAACkB,QAAD,CAAV;IACD,CAFD;EAGD,CATQ,EASNd,YATM,CAAT;EAWAT,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXU,OAAO,CAACS,OAAR,GAAkB,IAAlB;IACD,CAFD;EAGD,CAJQ,EAIN,EAJM,CAAT;EAMA,OAAOC,WAAP;AACD"}

package/lib/module/reanimated2/hook/useScrollViewOffset.js

@@ -2,14 +2,14 @@ import { useEffect, useRef } from 'react';
 import { findNodeHandle } from 'react-native';
 import { useEvent } from './utils';
 import { useSharedValue } from './useSharedValue';
-const subscribeForEvents = ['onScroll', 'onScrollBeginDrag', 'onScrollEndDrag', 'onMomentumScrollBegin', 'onMomentumScrollEnd'];
+const scrollEventNames = ['onScroll', 'onScrollBeginDrag', 'onScrollEndDrag', 'onMomentumScrollBegin', 'onMomentumScrollEnd'];
 export function useScrollViewOffset(aref) {
   const offsetRef = useRef(useSharedValue(0));
   const event = useEvent(event => {
     'worklet';
 
     offsetRef.current.value = event.contentOffset.x === 0 ? event.contentOffset.y : event.contentOffset.x;
-  }, subscribeForEvents);
+  }, scrollEventNames);
   useEffect(() => {
     var _event$current;
 

package/lib/module/reanimated2/hook/useScrollViewOffset.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","findNodeHandle","useEvent","useSharedValue","subscribeForEvents","useScrollViewOffset","aref","offsetRef","event","current","value","contentOffset","x","y","viewTag","registerForEvents"],"sources":["useScrollViewOffset.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport type Animated from 'react-native-reanimated';\nimport { ScrollEvent } from './useAnimatedScrollHandler';\nimport { SharedValue } from '../commonTypes';\nimport { findNodeHandle } from 'react-native';\nimport { useEvent } from './utils';\nimport { useSharedValue } from './useSharedValue';\n\nconst subscribeForEvents = [\n  'onScroll',\n  'onScrollBeginDrag',\n  'onScrollEndDrag',\n  'onMomentumScrollBegin',\n  'onMomentumScrollEnd',\n];\n\nexport function useScrollViewOffset(\n  aref: RefObject<Animated.ScrollView>\n): SharedValue<number> {\n  const offsetRef = useRef(useSharedValue(0));\n\n  const event = useEvent<ScrollEvent>((event: ScrollEvent) => {\n    'worklet';\n    offsetRef.current.value =\n      event.contentOffset.x === 0\n        ? event.contentOffset.y\n        : event.contentOffset.x;\n  }, subscribeForEvents);\n\n  useEffect(() => {\n    const viewTag = findNodeHandle(aref.current);\n    event.current?.registerForEvents(viewTag as number);\n  }, [aref.current]);\n\n  return offsetRef.current;\n}\n"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,MAA/B,QAA6C,OAA7C;AAKA,SAASC,cAAT,QAA+B,cAA/B;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,MAAMC,kBAAkB,GAAG,CACzB,UADyB,EAEzB,mBAFyB,EAGzB,iBAHyB,EAIzB,uBAJyB,EAKzB,qBALyB,CAA3B;AAQA,OAAO,SAASC,mBAAT,CACLC,IADK,EAEgB;EACrB,MAAMC,SAAS,GAAGP,MAAM,CAACG,cAAc,CAAC,CAAD,CAAf,CAAxB;EAEA,MAAMK,KAAK,GAAGN,QAAQ,CAAeM,KAAD,IAAwB;IAC1D;;IACAD,SAAS,CAACE,OAAV,CAAkBC,KAAlB,GACEF,KAAK,CAACG,aAAN,CAAoBC,CAApB,KAA0B,CAA1B,GACIJ,KAAK,CAACG,aAAN,CAAoBE,CADxB,GAEIL,KAAK,CAACG,aAAN,CAAoBC,CAH1B;EAID,CANqB,EAMnBR,kBANmB,CAAtB;EAQAL,SAAS,CAAC,MAAM;IAAA;;IACd,MAAMe,OAAO,GAAGb,cAAc,CAACK,IAAI,CAACG,OAAN,CAA9B;IACA,kBAAAD,KAAK,CAACC,OAAN,kEAAeM,iBAAf,CAAiCD,OAAjC;EACD,CAHQ,EAGN,CAACR,IAAI,CAACG,OAAN,CAHM,CAAT;EAKA,OAAOF,SAAS,CAACE,OAAjB;AACD"}
+{"version":3,"names":["useEffect","useRef","findNodeHandle","useEvent","useSharedValue","scrollEventNames","useScrollViewOffset","aref","offsetRef","event","current","value","contentOffset","x","y","viewTag","registerForEvents"],"sources":["useScrollViewOffset.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport type Animated from 'react-native-reanimated';\nimport { ScrollEvent } from './useAnimatedScrollHandler';\nimport { SharedValue } from '../commonTypes';\nimport { findNodeHandle } from 'react-native';\nimport { useEvent } from './utils';\nimport { useSharedValue } from './useSharedValue';\n\nconst scrollEventNames = [\n  'onScroll',\n  'onScrollBeginDrag',\n  'onScrollEndDrag',\n  'onMomentumScrollBegin',\n  'onMomentumScrollEnd',\n];\n\nexport function useScrollViewOffset(\n  aref: RefObject<Animated.ScrollView>\n): SharedValue<number> {\n  const offsetRef = useRef(useSharedValue(0));\n\n  const event = useEvent<ScrollEvent>((event: ScrollEvent) => {\n    'worklet';\n    offsetRef.current.value =\n      event.contentOffset.x === 0\n        ? event.contentOffset.y\n        : event.contentOffset.x;\n  }, scrollEventNames);\n\n  useEffect(() => {\n    const viewTag = findNodeHandle(aref.current);\n    event.current?.registerForEvents(viewTag as number);\n  }, [aref.current]);\n\n  return offsetRef.current;\n}\n"],"mappings":"AAAA,SAAoBA,SAApB,EAA+BC,MAA/B,QAA6C,OAA7C;AAKA,SAASC,cAAT,QAA+B,cAA/B;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,MAAMC,gBAAgB,GAAG,CACvB,UADuB,EAEvB,mBAFuB,EAGvB,iBAHuB,EAIvB,uBAJuB,EAKvB,qBALuB,CAAzB;AAQA,OAAO,SAASC,mBAAT,CACLC,IADK,EAEgB;EACrB,MAAMC,SAAS,GAAGP,MAAM,CAACG,cAAc,CAAC,CAAD,CAAf,CAAxB;EAEA,MAAMK,KAAK,GAAGN,QAAQ,CAAeM,KAAD,IAAwB;IAC1D;;IACAD,SAAS,CAACE,OAAV,CAAkBC,KAAlB,GACEF,KAAK,CAACG,aAAN,CAAoBC,CAApB,KAA0B,CAA1B,GACIJ,KAAK,CAACG,aAAN,CAAoBE,CADxB,GAEIL,KAAK,CAACG,aAAN,CAAoBC,CAH1B;EAID,CANqB,EAMnBR,gBANmB,CAAtB;EAQAL,SAAS,CAAC,MAAM;IAAA;;IACd,MAAMe,OAAO,GAAGb,cAAc,CAACK,IAAI,CAACG,OAAN,CAA9B;IACA,kBAAAD,KAAK,CAACC,OAAN,kEAAeM,iBAAf,CAAiCD,OAAjC;EACD,CAHQ,EAGN,CAACR,IAAI,CAACG,OAAN,CAHM,CAAT;EAKA,OAAOF,SAAS,CAACE,OAAjB;AACD"}

package/lib/module/reanimated2/hook/utils.js

@@ -120,81 +120,38 @@ export function parseColors(updates) {
     }
   }
 }
-export function canApplyOptimalisation(upadterFn) {
-  const FUNCTIONLESS_FLAG = 0b00000001;
-  const STATEMENTLESS_FLAG = 0b00000010; // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-  const optimalization = upadterFn.__optimalization;
-  return optimalization & FUNCTIONLESS_FLAG && optimalization & STATEMENTLESS_FLAG;
-}
 export function isAnimated(prop) {
   'worklet';
 
-  const propsToCheck = [prop];
-
-  while (propsToCheck.length > 0) {
-    const currentProp = propsToCheck.pop();
-
-    if (Array.isArray(currentProp)) {
-      for (const item of currentProp) {
-        propsToCheck.push(item);
-      }
-    } else if ((currentProp === null || currentProp === void 0 ? void 0 : currentProp.onFrame) !== undefined) {
+  if (Array.isArray(prop)) {
+    return prop.some(isAnimated);
+  } else if (typeof prop === 'object') {
+    if (prop.onFrame !== undefined) {
       return true;
-    } else if (typeof currentProp === 'object') {
-      for (const item of Object.values(currentProp)) {
-        propsToCheck.push(item);
-      }
-    } // if none of the above, it's not the animated prop, check next one
-
-  } // when none of the props were animated return false
-
-
-  return false;
-}
-export function styleDiff(oldStyle, newStyle) {
-  'worklet';
-
-  const diff = {};
-
-  for (const key in oldStyle) {
-    if (newStyle[key] === undefined) {
-      diff[key] = null;
-    }
-  }
-
-  for (const key in newStyle) {
-    const value = newStyle[key];
-    const oldValue = oldStyle[key];
-
-    if (isAnimated(value)) {
-      // do nothing
-      continue;
-    }
-
-    if (oldValue !== value) {
-      diff[key] = value;
+    } else {
+      return Object.values(prop).some(isAnimated);
     }
   }
 
-  return diff;
+  return false;
 }
-export function getStyleWithoutAnimations(newStyle) {
+export function shallowEqual(a, b) {
   'worklet';
 
-  const diff = {};
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
 
-  for (const key in newStyle) {
-    const value = newStyle[key];
+  if (aKeys.length !== bKeys.length) {
+    return false;
+  }
 
-    if (isAnimated(value)) {
-      continue;
+  for (let i = 0; i < aKeys.length; i++) {
+    if (a[aKeys[i]] !== b[aKeys[i]]) {
+      return false;
     }
-
-    diff[key] = value;
   }
 
-  return diff;
+  return true;
 }
 export const validateAnimatedStyles = styles => {
   'worklet';

package/lib/module/reanimated2/hook/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","processColor","makeRemote","isWeb","isJest","colorProps","WorkletEventHandler","useEvent","handler","eventNames","rebuild","initRef","current","updateWorklet","useHandler","handlers","dependencies","context","savedDependencies","buildDependencies","doDependenciesDiffer","areDependenciesEqual","useWeb","buildWorkletsHash","Object","values","reduce","acc","worklet","__workletHash","toString","handlersList","filter","undefined","map","workletHash","closure","_closure","push","nextDeps","prevDeps","is","x","y","objectIs","areHookInputsEqual","length","i","hasColorProps","updates","colorPropsSet","Set","key","has","parseColors","indexOf","processedColor","canApplyOptimalisation","upadterFn","FUNCTIONLESS_FLAG","STATEMENTLESS_FLAG","optimalization","__optimalization","isAnimated","prop","propsToCheck","currentProp","pop","Array","isArray","item","onFrame","styleDiff","oldStyle","newStyle","diff","value","oldValue","getStyleWithoutAnimations","validateAnimatedStyles","styles","Error"],"sources":["utils.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useRef } from 'react';\nimport { processColor } from '../Colors';\nimport {\n  AnimatedStyle,\n  Context,\n  NativeEvent,\n  NestedObjectValues,\n  StyleProps,\n  WorkletFunction,\n  AnimationObject,\n} from '../commonTypes';\nimport { makeRemote } from '../core';\nimport { isWeb, isJest } from '../PlatformChecker';\nimport { colorProps } from '../UpdateProps';\nimport WorkletEventHandler from '../WorkletEventHandler';\nimport { ContextWithDependencies, DependencyList } from './commonTypes';\n\ninterface Handler<T, TContext extends Context> extends WorkletFunction {\n  (event: T, context: TContext): void;\n}\n\ninterface Handlers<T, TContext extends Context> {\n  [key: string]: Handler<T, TContext> | undefined;\n}\n\nexport interface UseHandlerContext<TContext extends Context> {\n  context: TContext;\n  doDependenciesDiffer: boolean;\n  useWeb: boolean;\n}\n\nexport function useEvent<T extends NativeEvent<T>>(\n  handler: (event: T) => void,\n  eventNames: string[] = [],\n  rebuild = false\n): MutableRefObject<WorkletEventHandler<T> | null> {\n  const initRef = useRef<WorkletEventHandler<T> | null>(null);\n  if (initRef.current === null) {\n    initRef.current = new WorkletEventHandler(handler, eventNames);\n  } else if (rebuild) {\n    initRef.current.updateWorklet(handler);\n  }\n\n  return initRef;\n}\n\nexport function useHandler<T, TContext extends Context>(\n  handlers: Handlers<T, TContext>,\n  dependencies?: DependencyList\n): UseHandlerContext<TContext> {\n  const initRef = useRef<ContextWithDependencies<TContext> | null>(null);\n  if (initRef.current === null) {\n    initRef.current = {\n      context: makeRemote<TContext>({} as TContext),\n      savedDependencies: [],\n    };\n  }\n\n  useEffect(() => {\n    return () => {\n      initRef.current = null;\n    };\n  }, []);\n\n  const { context, savedDependencies } = initRef.current;\n\n  dependencies = buildDependencies(dependencies, handlers);\n\n  const doDependenciesDiffer = !areDependenciesEqual(\n    dependencies,\n    savedDependencies\n  );\n  initRef.current.savedDependencies = dependencies;\n  const useWeb = isWeb() || isJest();\n\n  return { context, doDependenciesDiffer, useWeb };\n}\n\n// builds one big hash from multiple worklets' hashes\nexport function buildWorkletsHash(\n  handlers: Record<string, WorkletFunction> | Array<WorkletFunction>\n): string {\n  return Object.values(handlers).reduce(\n    (acc: string, worklet: WorkletFunction) =>\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      acc + worklet.__workletHash!.toString(),\n    ''\n  );\n}\n\n// builds dependencies array for gesture handlers\nexport function buildDependencies(\n  dependencies: DependencyList,\n  handlers: Record<string, WorkletFunction | undefined>\n): Array<unknown> {\n  const handlersList: WorkletFunction[] = Object.values(handlers).filter(\n    (handler) => handler !== undefined\n  ) as WorkletFunction[];\n  if (!dependencies) {\n    dependencies = handlersList.map((handler) => {\n      return {\n        workletHash: handler.__workletHash,\n        closure: handler._closure,\n      };\n    });\n  } else {\n    dependencies.push(buildWorkletsHash(handlersList));\n  }\n  return dependencies;\n}\n\n// this is supposed to work as useEffect comparison\nexport function areDependenciesEqual(\n  nextDeps: DependencyList,\n  prevDeps: DependencyList\n): boolean {\n  function is(x: number, y: number) {\n    /* eslint-disable no-self-compare */\n    return (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y);\n    /* eslint-enable no-self-compare */\n  }\n  const objectIs: (nextDeps: unknown, prevDeps: unknown) => boolean =\n    typeof Object.is === 'function' ? Object.is : is;\n\n  function areHookInputsEqual(\n    nextDeps: DependencyList,\n    prevDeps: DependencyList\n  ): boolean {\n    if (!nextDeps || !prevDeps || prevDeps.length !== nextDeps.length) {\n      return false;\n    }\n    for (let i = 0; i < prevDeps.length; ++i) {\n      if (!objectIs(nextDeps[i], prevDeps[i])) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  return areHookInputsEqual(nextDeps, prevDeps);\n}\n\nexport function hasColorProps(updates: AnimatedStyle): boolean {\n  const colorPropsSet = new Set(colorProps);\n  for (const key in updates) {\n    if (colorPropsSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function parseColors(updates: AnimatedStyle): void {\n  'worklet';\n  for (const key in updates) {\n    if (colorProps.indexOf(key) !== -1) {\n      // value could be an animation in which case processColor will recognize it and will return undefined\n      // -> in such a case we don't want to override style of that key\n      const processedColor = processColor(updates[key]);\n      if (processedColor !== undefined) {\n        updates[key] = processedColor;\n      }\n    }\n  }\n}\n\nexport function canApplyOptimalisation(upadterFn: WorkletFunction): number {\n  const FUNCTIONLESS_FLAG = 0b00000001;\n  const STATEMENTLESS_FLAG = 0b00000010;\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const optimalization = upadterFn.__optimalization!;\n  return (\n    optimalization & FUNCTIONLESS_FLAG && optimalization & STATEMENTLESS_FLAG\n  );\n}\n\nexport function isAnimated(prop: NestedObjectValues<AnimationObject>): boolean {\n  'worklet';\n  const propsToCheck: NestedObjectValues<AnimationObject>[] = [prop];\n  while (propsToCheck.length > 0) {\n    const currentProp: NestedObjectValues<AnimationObject> =\n      propsToCheck.pop() as NestedObjectValues<AnimationObject>;\n    if (Array.isArray(currentProp)) {\n      for (const item of currentProp) {\n        propsToCheck.push(item);\n      }\n    } else if (currentProp?.onFrame !== undefined) {\n      return true;\n    } else if (typeof currentProp === 'object') {\n      for (const item of Object.values(currentProp)) {\n        propsToCheck.push(item);\n      }\n    }\n    // if none of the above, it's not the animated prop, check next one\n  }\n\n  // when none of the props were animated return false\n  return false;\n}\n\nexport function styleDiff<T extends AnimatedStyle>(\n  oldStyle: AnimatedStyle,\n  newStyle: AnimatedStyle\n): Partial<T> {\n  'worklet';\n  const diff: any = {};\n  for (const key in oldStyle) {\n    if (newStyle[key] === undefined) {\n      diff[key] = null;\n    }\n  }\n  for (const key in newStyle) {\n    const value = newStyle[key];\n    const oldValue = oldStyle[key];\n\n    if (isAnimated(value)) {\n      // do nothing\n      continue;\n    }\n    if (oldValue !== value) {\n      diff[key] = value;\n    }\n  }\n  return diff;\n}\n\nexport function getStyleWithoutAnimations(newStyle: AnimatedStyle): StyleProps {\n  'worklet';\n  const diff: StyleProps = {};\n\n  for (const key in newStyle) {\n    const value = newStyle[key];\n    if (isAnimated(value)) {\n      continue;\n    }\n    diff[key] = value;\n  }\n  return diff;\n}\n\nexport const validateAnimatedStyles = (styles: AnimatedStyle): void => {\n  'worklet';\n  if (typeof styles !== 'object') {\n    throw new Error(\n      `useAnimatedStyle has to return an object, found ${typeof styles} instead`\n    );\n  } else if (Array.isArray(styles)) {\n    throw new Error(\n      'useAnimatedStyle has to return an object and cannot return static styles combined with dynamic ones. Please do merging where a component receives props.'\n    );\n  }\n};\n"],"mappings":"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"}
+{"version":3,"names":["useEffect","useRef","processColor","makeRemote","isWeb","isJest","colorProps","WorkletEventHandler","useEvent","handler","eventNames","rebuild","initRef","current","updateWorklet","useHandler","handlers","dependencies","context","savedDependencies","buildDependencies","doDependenciesDiffer","areDependenciesEqual","useWeb","buildWorkletsHash","Object","values","reduce","acc","worklet","__workletHash","toString","handlersList","filter","undefined","map","workletHash","closure","_closure","push","nextDeps","prevDeps","is","x","y","objectIs","areHookInputsEqual","length","i","hasColorProps","updates","colorPropsSet","Set","key","has","parseColors","indexOf","processedColor","isAnimated","prop","Array","isArray","some","onFrame","shallowEqual","a","b","aKeys","keys","bKeys","validateAnimatedStyles","styles","Error"],"sources":["utils.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useRef } from 'react';\nimport { processColor } from '../Colors';\nimport {\n  AnimatedStyle,\n  Context,\n  NativeEvent,\n  NestedObjectValues,\n  WorkletFunction,\n  AnimationObject,\n} from '../commonTypes';\nimport { makeRemote } from '../core';\nimport { isWeb, isJest } from '../PlatformChecker';\nimport { colorProps } from '../UpdateProps';\nimport WorkletEventHandler from '../WorkletEventHandler';\nimport { ContextWithDependencies, DependencyList } from './commonTypes';\n\ninterface Handler<T, TContext extends Context> extends WorkletFunction {\n  (event: T, context: TContext): void;\n}\n\ninterface Handlers<T, TContext extends Context> {\n  [key: string]: Handler<T, TContext> | undefined;\n}\n\nexport interface UseHandlerContext<TContext extends Context> {\n  context: TContext;\n  doDependenciesDiffer: boolean;\n  useWeb: boolean;\n}\n\nexport function useEvent<T extends NativeEvent<T>>(\n  handler: (event: T) => void,\n  eventNames: string[] = [],\n  rebuild = false\n): MutableRefObject<WorkletEventHandler<T> | null> {\n  const initRef = useRef<WorkletEventHandler<T> | null>(null);\n  if (initRef.current === null) {\n    initRef.current = new WorkletEventHandler(handler, eventNames);\n  } else if (rebuild) {\n    initRef.current.updateWorklet(handler);\n  }\n\n  return initRef;\n}\n\nexport function useHandler<T, TContext extends Context>(\n  handlers: Handlers<T, TContext>,\n  dependencies?: DependencyList\n): UseHandlerContext<TContext> {\n  const initRef = useRef<ContextWithDependencies<TContext> | null>(null);\n  if (initRef.current === null) {\n    initRef.current = {\n      context: makeRemote<TContext>({} as TContext),\n      savedDependencies: [],\n    };\n  }\n\n  useEffect(() => {\n    return () => {\n      initRef.current = null;\n    };\n  }, []);\n\n  const { context, savedDependencies } = initRef.current;\n\n  dependencies = buildDependencies(dependencies, handlers);\n\n  const doDependenciesDiffer = !areDependenciesEqual(\n    dependencies,\n    savedDependencies\n  );\n  initRef.current.savedDependencies = dependencies;\n  const useWeb = isWeb() || isJest();\n\n  return { context, doDependenciesDiffer, useWeb };\n}\n\n// builds one big hash from multiple worklets' hashes\nexport function buildWorkletsHash(\n  handlers: Record<string, WorkletFunction> | Array<WorkletFunction>\n): string {\n  return Object.values(handlers).reduce(\n    (acc: string, worklet: WorkletFunction) =>\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      acc + worklet.__workletHash!.toString(),\n    ''\n  );\n}\n\n// builds dependencies array for gesture handlers\nexport function buildDependencies(\n  dependencies: DependencyList,\n  handlers: Record<string, WorkletFunction | undefined>\n): Array<unknown> {\n  const handlersList: WorkletFunction[] = Object.values(handlers).filter(\n    (handler) => handler !== undefined\n  ) as WorkletFunction[];\n  if (!dependencies) {\n    dependencies = handlersList.map((handler) => {\n      return {\n        workletHash: handler.__workletHash,\n        closure: handler._closure,\n      };\n    });\n  } else {\n    dependencies.push(buildWorkletsHash(handlersList));\n  }\n  return dependencies;\n}\n\n// this is supposed to work as useEffect comparison\nexport function areDependenciesEqual(\n  nextDeps: DependencyList,\n  prevDeps: DependencyList\n): boolean {\n  function is(x: number, y: number) {\n    /* eslint-disable no-self-compare */\n    return (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y);\n    /* eslint-enable no-self-compare */\n  }\n  const objectIs: (nextDeps: unknown, prevDeps: unknown) => boolean =\n    typeof Object.is === 'function' ? Object.is : is;\n\n  function areHookInputsEqual(\n    nextDeps: DependencyList,\n    prevDeps: DependencyList\n  ): boolean {\n    if (!nextDeps || !prevDeps || prevDeps.length !== nextDeps.length) {\n      return false;\n    }\n    for (let i = 0; i < prevDeps.length; ++i) {\n      if (!objectIs(nextDeps[i], prevDeps[i])) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  return areHookInputsEqual(nextDeps, prevDeps);\n}\n\nexport function hasColorProps(updates: AnimatedStyle): boolean {\n  const colorPropsSet = new Set(colorProps);\n  for (const key in updates) {\n    if (colorPropsSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function parseColors(updates: AnimatedStyle): void {\n  'worklet';\n  for (const key in updates) {\n    if (colorProps.indexOf(key) !== -1) {\n      // value could be an animation in which case processColor will recognize it and will return undefined\n      // -> in such a case we don't want to override style of that key\n      const processedColor = processColor(updates[key]);\n      if (processedColor !== undefined) {\n        updates[key] = processedColor;\n      }\n    }\n  }\n}\n\nexport function isAnimated(prop: NestedObjectValues<AnimationObject>): boolean {\n  'worklet';\n  if (Array.isArray(prop)) {\n    return prop.some(isAnimated);\n  } else if (typeof prop === 'object') {\n    if (prop.onFrame !== undefined) {\n      return true;\n    } else {\n      return Object.values(prop).some(isAnimated);\n    }\n  }\n  return false;\n}\n\nexport function shallowEqual(a: any, b: any) {\n  'worklet';\n  const aKeys = Object.keys(a);\n  const bKeys = Object.keys(b);\n  if (aKeys.length !== bKeys.length) {\n    return false;\n  }\n  for (let i = 0; i < aKeys.length; i++) {\n    if (a[aKeys[i]] !== b[aKeys[i]]) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport const validateAnimatedStyles = (styles: AnimatedStyle): void => {\n  'worklet';\n  if (typeof styles !== 'object') {\n    throw new Error(\n      `useAnimatedStyle has to return an object, found ${typeof styles} instead`\n    );\n  } else if (Array.isArray(styles)) {\n    throw new Error(\n      'useAnimatedStyle has to return an object and cannot return static styles combined with dynamic ones. Please do merging where a component receives props.'\n    );\n  }\n};\n"],"mappings":"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"}

package/lib/module/reanimated2/index.js

@@ -10,4 +10,5 @@ export * from './PropAdapters';
 export * from './layoutReanimation';
 export * from './utils';
 export * from './commonTypes';
+export * from './pluginUtils';
 //# sourceMappingURL=index.js.map

package/lib/module/reanimated2/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './core';\nexport * from './hook';\nexport * from './animation';\nexport * from './interpolation';\nexport * from './interpolateColor';\nexport * from './Easing';\nexport * from './NativeMethods';\nexport * from './Colors';\nexport * from './PropAdapters';\nexport * from './layoutReanimation';\nexport * from './utils';\nexport * from './commonTypes';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,oBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './core';\nexport * from './hook';\nexport * from './animation';\nexport * from './interpolation';\nexport * from './interpolateColor';\nexport * from './Easing';\nexport * from './NativeMethods';\nexport * from './Colors';\nexport * from './PropAdapters';\nexport * from './layoutReanimation';\nexport * from './utils';\nexport * from './commonTypes';\nexport * from './pluginUtils';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,oBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,qBAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd"}

package/lib/module/reanimated2/initializers.js

@@ -1,7 +1,7 @@
 import { reportFatalErrorOnJS } from './errors';
 import NativeReanimatedModule from './NativeReanimated';
 import { isJest } from './PlatformChecker';
-import { runOnUI, runOnJS } from './threads'; // callGuard is only used with debug builds
+import { runOnJS, setupSetImmediate, flushImmediates, runOnUIImmediately } from './threads'; // callGuard is only used with debug builds
 
 function callGuardDEV(fn) {
   'worklet';
@@ -33,29 +33,33 @@ function valueUnpacker(objectToUnpack, category) {
     handleCache = global.__handleCache = new WeakMap();
   }
 
-  if (objectToUnpack.__workletHash) {
-    let workletFun = workletsCache.get(objectToUnpack.__workletHash);
+  const workletHash = objectToUnpack.__workletHash;
+
+  if (workletHash !== undefined) {
+    let workletFun = workletsCache.get(workletHash);
 
     if (workletFun === undefined) {
+      const initData = objectToUnpack.__initData;
+
       if (global.evalWithSourceMap) {
         // if the runtime (hermes only for now) supports loading source maps
         // we want to use the proper filename for the location as it guarantees
         // that debugger understands and loads the source code of the file where
         // the worklet is defined.
-        workletFun = global.evalWithSourceMap('(' + objectToUnpack.asString + '\n)', objectToUnpack.__location, objectToUnpack.__sourceMap);
+        workletFun = global.evalWithSourceMap('(' + initData.code + '\n)', initData.location, initData.sourceMap);
       } else if (global.evalWithSourceUrl) {
         // if the runtime doesn't support loading source maps, in dev mode we
         // can pass source url when evaluating the worklet. Now, instead of using
         // the actual file location we use worklet hash, as it the allows us to
         // properly symbolicate traces (see errors.ts for details)
-        workletFun = global.evalWithSourceUrl('(' + objectToUnpack.asString + '\n)', `worklet_${objectToUnpack.__workletHash}`);
+        workletFun = global.evalWithSourceUrl('(' + initData.code + '\n)', `worklet_${workletHash}`);
       } else {
         // in release we use the regular eval to save on JSI calls
         // eslint-disable-next-line no-eval
-        workletFun = eval('(' + objectToUnpack.asString + '\n)');
+        workletFun = eval('(' + initData.code + '\n)');
       }
 
-      workletsCache.set(objectToUnpack.__workletHash, workletFun);
+      workletsCache.set(workletHash, workletFun);
     }
 
     const functionInstance = workletFun.bind(objectToUnpack);
@@ -86,11 +90,69 @@ Possible solutions are:
   }
 }
 
+function setupRequestAnimationFrame() {
+  'worklet'; // Jest mocks requestAnimationFrame API and it does not like if that mock gets overridden
+  // so we avoid doing requestAnimationFrame batching in Jest environment.
+
+  const nativeRequestAnimationFrame = global.requestAnimationFrame;
+  let animationFrameCallbacks = [];
+  let lastNativeAnimationFrameTimestamp = -1;
+
+  global.__flushAnimationFrame = frameTimestamp => {
+    const currentCallbacks = animationFrameCallbacks;
+    animationFrameCallbacks = [];
+    currentCallbacks.forEach(f => f(frameTimestamp));
+    flushImmediates();
+  };
+
+  global.requestAnimationFrame = callback => {
+    animationFrameCallbacks.push(callback);
+
+    if (animationFrameCallbacks.length === 1) {
+      // We schedule native requestAnimationFrame only when the first callback
+      // is added and then use it to execute all the enqueued callbacks. Once
+      // the callbacks are run, we clear the array.
+      nativeRequestAnimationFrame(timestamp => {
+        if (lastNativeAnimationFrameTimestamp >= timestamp) {
+          // Make sure we only execute the callbacks once for a given frame
+          return;
+        }
+
+        lastNativeAnimationFrameTimestamp = timestamp;
+        global.__frameTimestamp = timestamp;
+
+        global.__flushAnimationFrame(timestamp);
+
+        global.__frameTimestamp = undefined;
+      });
+    } // Reanimated currently does not support cancelling calbacks requested with
+    // requestAnimationFrame. We return -1 as identifier which isn't in line
+    // with the spec but it should give users better clue in case they actually
+    // attempt to store the value returned from rAF and use it for cancelling.
+
+
+    return -1;
+  };
+}
+
 export function initializeUIRuntime() {
   NativeReanimatedModule.installCoreFunctions(callGuardDEV, valueUnpacker);
   const IS_JEST = isJest();
+
+  if (IS_JEST) {
+    // requestAnimationFrame react-native jest's setup is incorrect as it polyfills
+    // the method directly using setTimeout, therefore the callback doesn't get the
+    // expected timestamp as the only argument: https://github.com/facebook/react-native/blob/main/jest/setup.js#L28
+    // We override this setup here to make sure that callbacks get the proper timestamps
+    // when executed. For non-jest environments we define requestAnimationFrame in setupRequestAnimationFrame
+    // @ts-ignore TypeScript uses Node definition for rAF, setTimeout, etc which returns a Timeout object rather than a number
+    global.requestAnimationFrame = callback => {
+      return setTimeout(() => callback(performance.now()), 0);
+    };
+  }
+
   const capturableConsole = console;
-  runOnUI(() => {
+  runOnUIImmediately(() => {
     'worklet'; // setup error handler
 
     global.ErrorUtils = {
@@ -112,31 +174,8 @@ export function initializeUIRuntime() {
     };
 
     if (!IS_JEST) {
-      // Jest mocks requestAnimationFrame API and it does not like if that mock gets overridden
-      // so we avoid doing requestAnimationFrame batching in Jest environment.
-      const nativeRequestAnimationFrame = global.requestAnimationFrame;
-      let callbacks = [];
-
-      global.requestAnimationFrame = callback => {
-        callbacks.push(callback);
-
-        if (callbacks.length === 1) {
-          // We schedule native requestAnimationFrame only when the first callback
-          // is added and then use it to execute all the enqueued callbacks. Once
-          // the callbacks are run, we clear the array.
-          nativeRequestAnimationFrame(timestamp => {
-            const currentCallbacks = callbacks;
-            callbacks = [];
-            currentCallbacks.forEach(f => f(timestamp));
-          });
-        } // Reanimated currently does not support cancelling calbacks requested with
-        // requestAnimationFrame. We return -1 as identifier which isn't in line
-        // with the spec but it should give users better clue in case they actually
-        // attempt to store the value returned from rAF and use it for cancelling.
-
-
-        return -1;
-      };
+      setupSetImmediate();
+      setupRequestAnimationFrame();
     }
   })();
 }

package/lib/module/reanimated2/initializers.js.map

@@ -1 +1 @@
-{"version":3,"names":["reportFatalErrorOnJS","NativeReanimatedModule","isJest","runOnUI","runOnJS","callGuardDEV","fn","args","e","global","ErrorUtils","reportFatalError","valueUnpacker","objectToUnpack","category","workletsCache","__workletsCache","handleCache","__handleCache","undefined","Map","WeakMap","__workletHash","workletFun","get","evalWithSourceMap","asString","__location","__sourceMap","evalWithSourceUrl","eval","set","functionInstance","bind","_recur","__init","value","fun","Error","__remoteFunction","initializeUIRuntime","installCoreFunctions","IS_JEST","capturableConsole","console","error","message","stack","debug","log","warn","info","nativeRequestAnimationFrame","requestAnimationFrame","callbacks","callback","push","length","timestamp","currentCallbacks","forEach","f"],"sources":["initializers.ts"],"sourcesContent":["import { reportFatalErrorOnJS } from './errors';\nimport NativeReanimatedModule from './NativeReanimated';\nimport { isJest } from './PlatformChecker';\nimport { runOnUI, runOnJS } from './threads';\n\n// callGuard is only used with debug builds\nfunction callGuardDEV<T extends Array<any>, U>(\n  fn: (...args: T) => U,\n  ...args: T\n): void {\n  'worklet';\n  try {\n    fn(...args);\n  } catch (e) {\n    if (global.ErrorUtils) {\n      global.ErrorUtils.reportFatalError(e as Error);\n    } else {\n      throw e;\n    }\n  }\n}\n\nfunction valueUnpacker(objectToUnpack: any, category?: string): any {\n  'worklet';\n  let workletsCache = global.__workletsCache;\n  let handleCache = global.__handleCache;\n  if (workletsCache === undefined) {\n    // init\n    workletsCache = global.__workletsCache = new Map();\n    handleCache = global.__handleCache = new WeakMap();\n  }\n  if (objectToUnpack.__workletHash) {\n    let workletFun = workletsCache.get(objectToUnpack.__workletHash);\n    if (workletFun === undefined) {\n      if (global.evalWithSourceMap) {\n        // if the runtime (hermes only for now) supports loading source maps\n        // we want to use the proper filename for the location as it guarantees\n        // that debugger understands and loads the source code of the file where\n        // the worklet is defined.\n        workletFun = global.evalWithSourceMap(\n          '(' + objectToUnpack.asString + '\\n)',\n          objectToUnpack.__location,\n          objectToUnpack.__sourceMap\n        ) as (...args: any[]) => any;\n      } else if (global.evalWithSourceUrl) {\n        // if the runtime doesn't support loading source maps, in dev mode we\n        // can pass source url when evaluating the worklet. Now, instead of using\n        // the actual file location we use worklet hash, as it the allows us to\n        // properly symbolicate traces (see errors.ts for details)\n        workletFun = global.evalWithSourceUrl(\n          '(' + objectToUnpack.asString + '\\n)',\n          `worklet_${objectToUnpack.__workletHash}`\n        ) as (...args: any[]) => any;\n      } else {\n        // in release we use the regular eval to save on JSI calls\n        // eslint-disable-next-line no-eval\n        workletFun = eval('(' + objectToUnpack.asString + '\\n)') as (\n          ...args: any[]\n        ) => any;\n      }\n      workletsCache.set(objectToUnpack.__workletHash, workletFun);\n    }\n    const functionInstance = workletFun.bind(objectToUnpack);\n    objectToUnpack._recur = functionInstance;\n    return functionInstance;\n  } else if (objectToUnpack.__init) {\n    let value = handleCache!.get(objectToUnpack);\n    if (value === undefined) {\n      value = objectToUnpack.__init();\n      handleCache!.set(objectToUnpack, value);\n    }\n    return value;\n  } else if (category === 'RemoteFunction') {\n    const fun = () => {\n      throw new Error(`Tried to synchronously call a non-worklet function on the UI thread.\n\nPossible solutions are:\n  a) If you want to synchronously execute this method, mark it as a worklet\n  b) If you want to execute this function on the JS thread, wrap it using \\`runOnJS\\``);\n    };\n    fun.__remoteFunction = objectToUnpack;\n    return fun;\n  } else {\n    throw new Error('data type not recognized by unpack method');\n  }\n}\n\nexport function initializeUIRuntime() {\n  NativeReanimatedModule.installCoreFunctions(callGuardDEV, valueUnpacker);\n\n  const IS_JEST = isJest();\n\n  const capturableConsole = console;\n  runOnUI(() => {\n    'worklet';\n    // setup error handler\n    global.ErrorUtils = {\n      reportFatalError: (error: Error) => {\n        runOnJS(reportFatalErrorOnJS)({\n          message: error.message,\n          stack: error.stack,\n        });\n      },\n    };\n\n    // setup console\n    // @ts-ignore TypeScript doesn't like that there are missing methods in console object, but we don't provide all the methods for the UI runtime console version\n    global.console = {\n      debug: runOnJS(capturableConsole.debug),\n      log: runOnJS(capturableConsole.log),\n      warn: runOnJS(capturableConsole.warn),\n      error: runOnJS(capturableConsole.error),\n      info: runOnJS(capturableConsole.info),\n    };\n\n    if (!IS_JEST) {\n      // Jest mocks requestAnimationFrame API and it does not like if that mock gets overridden\n      // so we avoid doing requestAnimationFrame batching in Jest environment.\n      const nativeRequestAnimationFrame = global.requestAnimationFrame;\n      let callbacks: Array<(time: number) => void> = [];\n      global.requestAnimationFrame = (\n        callback: (timestamp: number) => void\n      ): number => {\n        callbacks.push(callback);\n        if (callbacks.length === 1) {\n          // We schedule native requestAnimationFrame only when the first callback\n          // is added and then use it to execute all the enqueued callbacks. Once\n          // the callbacks are run, we clear the array.\n          nativeRequestAnimationFrame((timestamp) => {\n            const currentCallbacks = callbacks;\n            callbacks = [];\n            currentCallbacks.forEach((f) => f(timestamp));\n          });\n        }\n        // Reanimated currently does not support cancelling calbacks requested with\n        // requestAnimationFrame. We return -1 as identifier which isn't in line\n        // with the spec but it should give users better clue in case they actually\n        // attempt to store the value returned from rAF and use it for cancelling.\n        return -1;\n      };\n    }\n  })();\n}\n"],"mappings":"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"}
+{"version":3,"names":["reportFatalErrorOnJS","NativeReanimatedModule","isJest","runOnJS","setupSetImmediate","flushImmediates","runOnUIImmediately","callGuardDEV","fn","args","e","global","ErrorUtils","reportFatalError","valueUnpacker","objectToUnpack","category","workletsCache","__workletsCache","handleCache","__handleCache","undefined","Map","WeakMap","workletHash","__workletHash","workletFun","get","initData","__initData","evalWithSourceMap","code","location","sourceMap","evalWithSourceUrl","eval","set","functionInstance","bind","_recur","__init","value","fun","Error","__remoteFunction","setupRequestAnimationFrame","nativeRequestAnimationFrame","requestAnimationFrame","animationFrameCallbacks","lastNativeAnimationFrameTimestamp","__flushAnimationFrame","frameTimestamp","currentCallbacks","forEach","f","callback","push","length","timestamp","__frameTimestamp","initializeUIRuntime","installCoreFunctions","IS_JEST","setTimeout","performance","now","capturableConsole","console","error","message","stack","debug","log","warn","info"],"sources":["initializers.ts"],"sourcesContent":["import { reportFatalErrorOnJS } from './errors';\nimport NativeReanimatedModule from './NativeReanimated';\nimport { isJest } from './PlatformChecker';\nimport {\n  runOnJS,\n  setupSetImmediate,\n  flushImmediates,\n  runOnUIImmediately,\n} from './threads';\n\n// callGuard is only used with debug builds\nfunction callGuardDEV<T extends Array<any>, U>(\n  fn: (...args: T) => U,\n  ...args: T\n): void {\n  'worklet';\n  try {\n    fn(...args);\n  } catch (e) {\n    if (global.ErrorUtils) {\n      global.ErrorUtils.reportFatalError(e as Error);\n    } else {\n      throw e;\n    }\n  }\n}\n\nfunction valueUnpacker(objectToUnpack: any, category?: string): any {\n  'worklet';\n  let workletsCache = global.__workletsCache;\n  let handleCache = global.__handleCache;\n  if (workletsCache === undefined) {\n    // init\n    workletsCache = global.__workletsCache = new Map();\n    handleCache = global.__handleCache = new WeakMap();\n  }\n  const workletHash = objectToUnpack.__workletHash;\n  if (workletHash !== undefined) {\n    let workletFun = workletsCache.get(workletHash);\n    if (workletFun === undefined) {\n      const initData = objectToUnpack.__initData;\n      if (global.evalWithSourceMap) {\n        // if the runtime (hermes only for now) supports loading source maps\n        // we want to use the proper filename for the location as it guarantees\n        // that debugger understands and loads the source code of the file where\n        // the worklet is defined.\n        workletFun = global.evalWithSourceMap(\n          '(' + initData.code + '\\n)',\n          initData.location,\n          initData.sourceMap\n        ) as (...args: any[]) => any;\n      } else if (global.evalWithSourceUrl) {\n        // if the runtime doesn't support loading source maps, in dev mode we\n        // can pass source url when evaluating the worklet. Now, instead of using\n        // the actual file location we use worklet hash, as it the allows us to\n        // properly symbolicate traces (see errors.ts for details)\n        workletFun = global.evalWithSourceUrl(\n          '(' + initData.code + '\\n)',\n          `worklet_${workletHash}`\n        ) as (...args: any[]) => any;\n      } else {\n        // in release we use the regular eval to save on JSI calls\n        // eslint-disable-next-line no-eval\n        workletFun = eval('(' + initData.code + '\\n)') as (\n          ...args: any[]\n        ) => any;\n      }\n      workletsCache.set(workletHash, workletFun);\n    }\n    const functionInstance = workletFun.bind(objectToUnpack);\n    objectToUnpack._recur = functionInstance;\n    return functionInstance;\n  } else if (objectToUnpack.__init) {\n    let value = handleCache!.get(objectToUnpack);\n    if (value === undefined) {\n      value = objectToUnpack.__init();\n      handleCache!.set(objectToUnpack, value);\n    }\n    return value;\n  } else if (category === 'RemoteFunction') {\n    const fun = () => {\n      throw new Error(`Tried to synchronously call a non-worklet function on the UI thread.\n\nPossible solutions are:\n  a) If you want to synchronously execute this method, mark it as a worklet\n  b) If you want to execute this function on the JS thread, wrap it using \\`runOnJS\\``);\n    };\n    fun.__remoteFunction = objectToUnpack;\n    return fun;\n  } else {\n    throw new Error('data type not recognized by unpack method');\n  }\n}\n\nfunction setupRequestAnimationFrame() {\n  'worklet';\n\n  // Jest mocks requestAnimationFrame API and it does not like if that mock gets overridden\n  // so we avoid doing requestAnimationFrame batching in Jest environment.\n  const nativeRequestAnimationFrame = global.requestAnimationFrame;\n\n  let animationFrameCallbacks: Array<(timestamp: number) => void> = [];\n  let lastNativeAnimationFrameTimestamp = -1;\n\n  global.__flushAnimationFrame = (frameTimestamp: number) => {\n    const currentCallbacks = animationFrameCallbacks;\n    animationFrameCallbacks = [];\n    currentCallbacks.forEach((f) => f(frameTimestamp));\n    flushImmediates();\n  };\n\n  global.requestAnimationFrame = (\n    callback: (timestamp: number) => void\n  ): number => {\n    animationFrameCallbacks.push(callback);\n    if (animationFrameCallbacks.length === 1) {\n      // We schedule native requestAnimationFrame only when the first callback\n      // is added and then use it to execute all the enqueued callbacks. Once\n      // the callbacks are run, we clear the array.\n      nativeRequestAnimationFrame((timestamp) => {\n        if (lastNativeAnimationFrameTimestamp >= timestamp) {\n          // Make sure we only execute the callbacks once for a given frame\n          return;\n        }\n        lastNativeAnimationFrameTimestamp = timestamp;\n        global.__frameTimestamp = timestamp;\n        global.__flushAnimationFrame(timestamp);\n        global.__frameTimestamp = undefined;\n      });\n    }\n    // Reanimated currently does not support cancelling calbacks requested with\n    // requestAnimationFrame. We return -1 as identifier which isn't in line\n    // with the spec but it should give users better clue in case they actually\n    // attempt to store the value returned from rAF and use it for cancelling.\n    return -1;\n  };\n}\n\nexport function initializeUIRuntime() {\n  NativeReanimatedModule.installCoreFunctions(callGuardDEV, valueUnpacker);\n\n  const IS_JEST = isJest();\n\n  if (IS_JEST) {\n    // requestAnimationFrame react-native jest's setup is incorrect as it polyfills\n    // the method directly using setTimeout, therefore the callback doesn't get the\n    // expected timestamp as the only argument: https://github.com/facebook/react-native/blob/main/jest/setup.js#L28\n    // We override this setup here to make sure that callbacks get the proper timestamps\n    // when executed. For non-jest environments we define requestAnimationFrame in setupRequestAnimationFrame\n    // @ts-ignore TypeScript uses Node definition for rAF, setTimeout, etc which returns a Timeout object rather than a number\n    global.requestAnimationFrame = (callback: (timestamp: number) => void) => {\n      return setTimeout(() => callback(performance.now()), 0);\n    };\n  }\n\n  const capturableConsole = console;\n  runOnUIImmediately(() => {\n    'worklet';\n    // setup error handler\n    global.ErrorUtils = {\n      reportFatalError: (error: Error) => {\n        runOnJS(reportFatalErrorOnJS)({\n          message: error.message,\n          stack: error.stack,\n        });\n      },\n    };\n\n    // setup console\n    // @ts-ignore TypeScript doesn't like that there are missing methods in console object, but we don't provide all the methods for the UI runtime console version\n    global.console = {\n      debug: runOnJS(capturableConsole.debug),\n      log: runOnJS(capturableConsole.log),\n      warn: runOnJS(capturableConsole.warn),\n      error: runOnJS(capturableConsole.error),\n      info: runOnJS(capturableConsole.info),\n    };\n\n    if (!IS_JEST) {\n      setupSetImmediate();\n      setupRequestAnimationFrame();\n    }\n  })();\n}\n"],"mappings":"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"}

package/lib/module/reanimated2/interpolateColor.js

@@ -8,23 +8,93 @@ export const Extrapolate = {
   IDENTITY: 'identity'
 };
 
-const interpolateColorsHSV = (value, inputRange, colors) => {
+const interpolateColorsHSV = (value, inputRange, colors, options) => {
   'worklet';
 
-  const h = interpolate(value, inputRange, colors.h, Extrapolate.CLAMP);
+  let h = 0;
+  const {
+    useCorrectedHSVInterpolation = true
+  } = options;
+
+  if (useCorrectedHSVInterpolation) {
+    // if the difference between hues in a range is > 180 deg
+    // then move the hue at the right end of the range +/- 360 deg
+    // and add the next point in the original place + 0.00001 with original hue
+    // to not break the next range
+    const correctedInputRange = [inputRange[0]];
+    const originalH = colors.h;
+    const correctedH = [originalH[0]];
+
+    for (let i = 1; i < originalH.length; ++i) {
+      const d = originalH[i] - originalH[i - 1];
+
+      if (originalH[i] > originalH[i - 1] && d > 0.5) {
+        correctedInputRange.push(inputRange[i]);
+        correctedInputRange.push(inputRange[i] + 0.00001);
+        correctedH.push(originalH[i] - 1);
+        correctedH.push(originalH[i]);
+      } else if (originalH[i] < originalH[i - 1] && d < -0.5) {
+        correctedInputRange.push(inputRange[i]);
+        correctedInputRange.push(inputRange[i] + 0.00001);
+        correctedH.push(originalH[i] + 1);
+        correctedH.push(originalH[i]);
+      } else {
+        correctedInputRange.push(inputRange[i]);
+        correctedH.push(originalH[i]);
+      }
+    }
+
+    h = (interpolate(value, correctedInputRange, correctedH, Extrapolate.CLAMP) + 1) % 1;
+  } else {
+    h = interpolate(value, inputRange, colors.h, Extrapolate.CLAMP);
+  }
+
   const s = interpolate(value, inputRange, colors.s, Extrapolate.CLAMP);
   const v = interpolate(value, inputRange, colors.v, Extrapolate.CLAMP);
-  return hsvToColor(h, s, v);
+  const a = interpolate(value, inputRange, colors.a, Extrapolate.CLAMP);
+  return hsvToColor(h, s, v, a);
 };
 
-const interpolateColorsRGB = (value, inputRange, colors) => {
+const toLinearSpace = (x, gamma) => {
   'worklet';
 
-  const r = interpolate(value, inputRange, colors.r, Extrapolate.CLAMP);
-  const g = interpolate(value, inputRange, colors.g, Extrapolate.CLAMP);
-  const b = interpolate(value, inputRange, colors.b, Extrapolate.CLAMP);
+  return x.map(v => Math.pow(v / 255, gamma));
+};
+
+const toGammaSpace = (x, gamma) => {
+  'worklet';
+
+  return Math.round(Math.pow(x, 1 / gamma) * 255);
+};
+
+const interpolateColorsRGB = (value, inputRange, colors, options) => {
+  'worklet';
+
+  const {
+    gamma = 2.2
+  } = options;
+  let {
+    r: outputR,
+    g: outputG,
+    b: outputB
+  } = colors;
+
+  if (gamma !== 1) {
+    outputR = toLinearSpace(outputR, gamma);
+    outputG = toLinearSpace(outputG, gamma);
+    outputB = toLinearSpace(outputB, gamma);
+  }
+
+  const r = interpolate(value, inputRange, outputR, Extrapolate.CLAMP);
+  const g = interpolate(value, inputRange, outputG, Extrapolate.CLAMP);
+  const b = interpolate(value, inputRange, outputB, Extrapolate.CLAMP);
   const a = interpolate(value, inputRange, colors.a, Extrapolate.CLAMP);
-  return rgbaColor(r, g, b, a);
+
+  if (gamma === 1) {
+    return rgbaColor(r, g, b, a);
+  }
+
+  return rgbaColor(toGammaSpace(r, gamma), toGammaSpace(g, gamma), toGammaSpace(b, gamma), a);
 };
 
 const getInterpolateRGB = colors => {
@@ -61,22 +131,26 @@ const getInterpolateHSV = colors => {
   const h = [];
   const s = [];
   const v = [];
+  const a = [];
 
   for (let i = 0; i < colors.length; ++i) {
     const color = colors[i];
-    const processedColor = RGBtoHSV(processColor(color));
+    const processedColor = processColor(color);
 
-    if (processedColor) {
-      h.push(processedColor.h);
-      s.push(processedColor.s);
-      v.push(processedColor.v);
+    if (typeof processedColor === 'number') {
+      const processedHSVColor = RGBtoHSV(red(processedColor), green(processedColor), blue(processedColor));
+      h.push(processedHSVColor.h);
+      s.push(processedHSVColor.s);
+      v.push(processedHSVColor.v);
+      a.push(opacity(processedColor));
     }
   }
 
   return {
     h,
     s,
-    v
+    v,
+    a
   };
 };
 
@@ -84,11 +158,12 @@ export const interpolateColor = function (value, inputRange, outputRange) {
   'worklet';
 
   let colorSpace = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'RGB';
+  let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
 
   if (colorSpace === 'HSV') {
-    return interpolateColorsHSV(value, inputRange, getInterpolateHSV(outputRange));
+    return interpolateColorsHSV(value, inputRange, getInterpolateHSV(outputRange), options);
   } else if (colorSpace === 'RGB') {
-    return interpolateColorsRGB(value, inputRange, getInterpolateRGB(outputRange));
+    return interpolateColorsRGB(value, inputRange, getInterpolateRGB(outputRange), options);
   }
 
   throw new Error(`Invalid color space provided: ${colorSpace}. Supported values are: ['RGB', 'HSV']`);
@@ -102,11 +177,13 @@ export let ColorSpace;
 
 export function useInterpolateConfig(inputRange, outputRange) {
   let colorSpace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ColorSpace.RGB;
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return useSharedValue({
     inputRange,
     outputRange,
     colorSpace,
-    cache: makeMutable(null)
+    cache: makeMutable(null),
+    options
   });
 }
 export const interpolateSharableColor = (value, interpolateConfig) => {
@@ -120,14 +197,14 @@ export const interpolateSharableColor = (value, interpolateConfig) => {
       interpolateConfig.value.cache.value = colors;
     }
 
-    return interpolateColorsRGB(value, interpolateConfig.value.inputRange, colors);
+    return interpolateColorsRGB(value, interpolateConfig.value.inputRange, colors, interpolateConfig.value.options);
   } else if (interpolateConfig.value.colorSpace === ColorSpace.HSV) {
     if (!colors) {
       colors = getInterpolateHSV(interpolateConfig.value.outputRange);
       interpolateConfig.value.cache.value = colors;
     }
 
-    return interpolateColorsHSV(value, interpolateConfig.value.inputRange, colors);
+    return interpolateColorsHSV(value, interpolateConfig.value.inputRange, colors, interpolateConfig.value.options);
   }
 
   throw new Error(`Invalid color space provided: ${interpolateConfig.value.colorSpace}. Supported values are: ['RGB', 'HSV']`);