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

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

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.areDependenciesEqual = areDependenciesEqual;
 exports.buildDependencies = buildDependencies;
 exports.buildWorkletsHash = buildWorkletsHash;
-exports.canApplyOptimalisation = canApplyOptimalisation;
-exports.getStyleWithoutAnimations = getStyleWithoutAnimations;
 exports.hasColorProps = hasColorProps;
 exports.isAnimated = isAnimated;
 exports.parseColors = parseColors;
-exports.styleDiff = styleDiff;
+exports.shallowEqual = shallowEqual;
 exports.useEvent = useEvent;
 exports.useHandler = useHandler;
 exports.validateAnimatedStyles = void 0;
@@ -153,84 +151,39 @@ function parseColors(updates) {
   }
 }
 
-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;
-}
-
 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;
-}
-
-function styleDiff(oldStyle, newStyle) {
-  'worklet';
-
-  const diff = {};
-
-  for (const key in oldStyle) {
-    if (newStyle[key] === undefined) {
-      diff[key] = null;
+    } else {
+      return Object.values(prop).some(isAnimated);
     }
   }
 
-  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;
-    }
-  }
-
-  return diff;
+  return false;
 }
 
-function getStyleWithoutAnimations(newStyle) {
+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;
 }
 
 const validateAnimatedStyles = styles => {

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

@@ -1 +1 @@
-{"version":3,"names":["useEvent","handler","eventNames","rebuild","initRef","useRef","current","WorkletEventHandler","updateWorklet","useHandler","handlers","dependencies","context","makeRemote","savedDependencies","useEffect","buildDependencies","doDependenciesDiffer","areDependenciesEqual","useWeb","isWeb","isJest","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","colorProps","key","has","parseColors","indexOf","processedColor","processColor","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":["useEvent","handler","eventNames","rebuild","initRef","useRef","current","WorkletEventHandler","updateWorklet","useHandler","handlers","dependencies","context","makeRemote","savedDependencies","useEffect","buildDependencies","doDependenciesDiffer","areDependenciesEqual","useWeb","isWeb","isJest","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","colorProps","key","has","parseColors","indexOf","processedColor","processColor","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/commonjs/reanimated2/index.js

@@ -159,4 +159,17 @@ Object.keys(_commonTypes).forEach(function (key) {
     }
   });
 });
+
+var _pluginUtils = require("./pluginUtils");
+
+Object.keys(_pluginUtils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pluginUtils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pluginUtils[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/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;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"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;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/reanimated2/initializers.js

@@ -46,29 +46,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);
@@ -99,12 +103,70 @@ 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));
+    (0, _threads.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;
+  };
+}
+
 function initializeUIRuntime() {
   _NativeReanimated.default.installCoreFunctions(callGuardDEV, valueUnpacker);
 
   const IS_JEST = (0, _PlatformChecker.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;
-  (0, _threads.runOnUI)(() => {
+  (0, _threads.runOnUIImmediately)(() => {
     'worklet'; // setup error handler
 
     global.ErrorUtils = {
@@ -126,31 +188,8 @@ 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;
-      };
+      (0, _threads.setupSetImmediate)();
+      setupRequestAnimationFrame();
     }
   })();
 }

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

@@ -1 +1 @@
-{"version":3,"names":["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","NativeReanimatedModule","installCoreFunctions","IS_JEST","isJest","capturableConsole","console","runOnUI","error","runOnJS","reportFatalErrorOnJS","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":["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","flushImmediates","callback","push","length","timestamp","__frameTimestamp","initializeUIRuntime","NativeReanimatedModule","installCoreFunctions","IS_JEST","isJest","setTimeout","performance","now","capturableConsole","console","runOnUIImmediately","error","runOnJS","reportFatalErrorOnJS","message","stack","debug","log","warn","info","setupSetImmediate"],"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/commonjs/reanimated2/interpolateColor.js

@@ -21,23 +21,93 @@ const Extrapolate = {
 };
 exports.Extrapolate = Extrapolate;
 
-const interpolateColorsHSV = (value, inputRange, colors) => {
+const interpolateColorsHSV = (value, inputRange, colors, options) => {
   'worklet';
 
-  const h = (0, _interpolation.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 = ((0, _interpolation.interpolate)(value, correctedInputRange, correctedH, Extrapolate.CLAMP) + 1) % 1;
+  } else {
+    h = (0, _interpolation.interpolate)(value, inputRange, colors.h, Extrapolate.CLAMP);
+  }
+
   const s = (0, _interpolation.interpolate)(value, inputRange, colors.s, Extrapolate.CLAMP);
   const v = (0, _interpolation.interpolate)(value, inputRange, colors.v, Extrapolate.CLAMP);
-  return (0, _Colors.hsvToColor)(h, s, v);
+  const a = (0, _interpolation.interpolate)(value, inputRange, colors.a, Extrapolate.CLAMP);
+  return (0, _Colors.hsvToColor)(h, s, v, a);
 };
 
-const interpolateColorsRGB = (value, inputRange, colors) => {
+const toLinearSpace = (x, gamma) => {
   'worklet';
 
-  const r = (0, _interpolation.interpolate)(value, inputRange, colors.r, Extrapolate.CLAMP);
-  const g = (0, _interpolation.interpolate)(value, inputRange, colors.g, Extrapolate.CLAMP);
-  const b = (0, _interpolation.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 = (0, _interpolation.interpolate)(value, inputRange, outputR, Extrapolate.CLAMP);
+  const g = (0, _interpolation.interpolate)(value, inputRange, outputG, Extrapolate.CLAMP);
+  const b = (0, _interpolation.interpolate)(value, inputRange, outputB, Extrapolate.CLAMP);
   const a = (0, _interpolation.interpolate)(value, inputRange, colors.a, Extrapolate.CLAMP);
-  return (0, _Colors.rgbaColor)(r, g, b, a);
+
+  if (gamma === 1) {
+    return (0, _Colors.rgbaColor)(r, g, b, a);
+  }
+
+  return (0, _Colors.rgbaColor)(toGammaSpace(r, gamma), toGammaSpace(g, gamma), toGammaSpace(b, gamma), a);
 };
 
 const getInterpolateRGB = colors => {
@@ -74,22 +144,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 = (0, _Colors.RGBtoHSV)((0, _Colors.processColor)(color));
+    const processedColor = (0, _Colors.processColor)(color);
 
-    if (processedColor) {
-      h.push(processedColor.h);
-      s.push(processedColor.s);
-      v.push(processedColor.v);
+    if (typeof processedColor === 'number') {
+      const processedHSVColor = (0, _Colors.RGBtoHSV)((0, _Colors.red)(processedColor), (0, _Colors.green)(processedColor), (0, _Colors.blue)(processedColor));
+      h.push(processedHSVColor.h);
+      s.push(processedHSVColor.s);
+      v.push(processedHSVColor.v);
+      a.push((0, _Colors.opacity)(processedColor));
     }
   }
 
   return {
     h,
     s,
-    v
+    v,
+    a
   };
 };
 
@@ -97,11 +171,12 @@ 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']`);
@@ -118,11 +193,13 @@ exports.ColorSpace = ColorSpace;
 
 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 (0, _useSharedValue.useSharedValue)({
     inputRange,
     outputRange,
     colorSpace,
-    cache: (0, _core.makeMutable)(null)
+    cache: (0, _core.makeMutable)(null),
+    options
   });
 }
 
@@ -137,14 +214,14 @@ 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']`);