react-native-reanimated 2.6.0 → 2.9.0

package/ios/native/UIResponder+Reanimated.mm

@@ -1,6 +1,6 @@
-#import "REAInitializer.h"
-#import "REAUIManager.h"
-#import "UIResponder+Reanimated.h"
+#import <RNReanimated/REAInitializer.h>
+#import <RNReanimated/REAUIManager.h>
+#import <RNReanimated/UIResponder+Reanimated.h>
 
 #if __has_include(<reacthermes/HermesExecutorFactory.h>)
 #import <reacthermes/HermesExecutorFactory.h>

package/ios/sensor/ReanimatedSensor.h

@@ -1,7 +1,7 @@
 #if __has_include(<CoreMotion/CoreMotion.h>)
 #import <CoreMotion/CoreMotion.h>
 #endif
-#import "ReanimatedSensorType.h"
+#import <RNReanimated/ReanimatedSensorType.h>
 
 @interface ReanimatedSensor : NSObject {
   ReanimatedSensorType _sensorType;

package/ios/sensor/ReanimatedSensor.m

@@ -1,4 +1,4 @@
-#import "ReanimatedSensor.h"
+#import <RNReanimated/ReanimatedSensor.h>
 
 #if __has_include(<CoreMotion/CoreMotion.h>)
 @implementation ReanimatedSensor
@@ -141,9 +141,9 @@
                                                         attitude.quaternion.y,
                                                         attitude.quaternion.z,
                                                         attitude.quaternion.w,
-                                                        attitude.pitch,
-                                                        attitude.roll,
                                                         attitude.yaw,
+                                                        attitude.pitch,
+                                                        attitude.roll
                                                     };
                                                     self->_setter(data);
                                                     self->_lastTimestamp = currentTime;

package/ios/sensor/ReanimatedSensorContainer.h

@@ -1,4 +1,4 @@
-#import "ReanimatedSensorType.h"
+#import <RNReanimated/ReanimatedSensorType.h>
 
 @interface ReanimatedSensorContainer : NSObject {
   NSNumber *_nextSensorId;

package/ios/sensor/ReanimatedSensorContainer.m

@@ -1,6 +1,6 @@
-#import "ReanimatedSensorContainer.h"
 #import <Foundation/Foundation.h>
-#import "ReanimatedSensor.h"
+#import <RNReanimated/ReanimatedSensor.h>
+#import <RNReanimated/ReanimatedSensorContainer.h>
 
 static NSNumber *_nextSensorId = nil;
 

package/lib/Animated.js

@@ -1,31 +1,9 @@
-import { LogBox } from 'react-native';
-import createAnimatedComponent from './createAnimatedComponent';
-import {
-  addWhitelistedNativeProps,
-  addWhitelistedUIProps,
-} from './ConfigHelper';
-import * as reanimated1 from './reanimated1';
-import ReanimatedComponents from './reanimated2/component';
-
-const Animated = {
-  // components
-  ...ReanimatedComponents,
-  createAnimatedComponent,
-  // configuration
-  addWhitelistedNativeProps,
-  addWhitelistedUIProps,
-  // reanimated 1
-  ...reanimated1,
-};
-
-export * from './reanimated2';
+export { default as createAnimatedComponent } from './createAnimatedComponent';
+export { addWhitelistedNativeProps, addWhitelistedUIProps, } from './ConfigHelper';
+export { default as Text } from './reanimated2/component/Text';
+export { default as View } from './reanimated2/component/View';
+export { default as ScrollView } from './reanimated2/component/ScrollView';
+export { default as Image } from './reanimated2/component/Image';
+export { default as FlatList } from './reanimated2/component/FlatList';
+// @ts-ignore backward compatibility with treeshaking
 export * from './reanimated1';
-export default Animated;
-
-// I think we can ignore this message as long as Gesture Handler doesn't
-// try to load the Reanimated module. I figured it should be here instead of
-// RNGH because this prevents the message from being displayed for all
-// versions of RNGH.
-LogBox.ignoreLogs([
-  'RCTBridge required dispatch_sync to load RNGestureHandlerModule. This may lead to deadlocks',
-]);

package/lib/ConfigHelper.js

@@ -76,7 +76,6 @@ let NATIVE_THREAD_PROPS_WHITELIST = {
     borderTopLeftRadius: true,
     borderTopRightRadius: true,
     borderTopStartRadius: true,
-    opacity: true,
     elevation: true,
     fontSize: true,
     lineHeight: true,

package/lib/index.js

@@ -1,31 +1,6 @@
-import { LogBox } from 'react-native';
-import createAnimatedComponent from './createAnimatedComponent';
-import {
-  addWhitelistedNativeProps,
-  addWhitelistedUIProps,
-} from './ConfigHelper';
-import * as reanimated1 from './reanimated1';
-import ReanimatedComponents from './reanimated2/component';
-
-const Animated = {
-  // components
-  ...ReanimatedComponents,
-  createAnimatedComponent,
-  // configuration
-  addWhitelistedNativeProps,
-  addWhitelistedUIProps,
-  // reanimated 1
-  ...reanimated1,
-};
-
-export * from './reanimated2';
+// tree-shaken side effects
+import './reanimated2/js-reanimated/global';
+// @ts-ignore backward compatibility with treeshaking
 export * from './reanimated1';
-export default Animated;
-
-// I think we can ignore this message as long as Gesture Handler doesn't
-// try to load the Reanimated module. I figured it should be here instead of
-// RNGH because this prevents the message from being displayed for all
-// versions of RNGH.
-LogBox.ignoreLogs([
-  'RCTBridge required dispatch_sync to load RNGestureHandlerModule. This may lead to deadlocks',
-]);
+export * from './reanimated2';
+export * as default from './Animated';

package/lib/reanimated2/Easing.js

@@ -53,7 +53,10 @@ function cubic(t) {
  */
 function poly(n) {
     'worklet';
-    return (t) => Math.pow(t, n);
+    return (t) => {
+        'worklet';
+        return Math.pow(t, n);
+    };
 }
 /**
  * A sinusoidal function.
@@ -110,7 +113,10 @@ function elastic(bounciness = 1) {
  */
 function back(s = 1.70158) {
     'worklet';
-    return (t) => t * t * ((s + 1) * t - s);
+    return (t) => {
+        'worklet';
+        return t * t * ((s + 1) * t - s);
+    };
 }
 /**
  * Provides a simple bouncing effect.
@@ -224,7 +230,7 @@ function createChecker(worklet, workletName, prevArgs) {
         }
         // @ts-ignore this is implicitly any - TODO
         const res = worklet.apply(this, arguments);
-        if (!_WORKLET && res && typeof res === 'function' && res.__worklet) {
+        if (!_WORKLET && res && typeof res === 'function' && res.__workletHash) {
             return createChecker(res, workletName, arguments);
         }
         return res;

package/lib/reanimated2/NativeReanimated/NativeReanimated.js

@@ -1,7 +1,7 @@
 import { NativeModules } from 'react-native';
 export class NativeReanimated {
     constructor(native = true) {
-        if (global.__reanimatedModuleProxy === undefined) {
+        if (global.__reanimatedModuleProxy === undefined && native) {
             const { ReanimatedModule } = NativeModules;
             ReanimatedModule === null || ReanimatedModule === void 0 ? void 0 : ReanimatedModule.installTurboModule();
         }

package/lib/reanimated2/animation/sequence.js

@@ -43,9 +43,6 @@ export function withSequence(..._animations) {
             return false;
         }
         function onStart(animation, value, now, previousAnimation) {
-            if (animations.length === 1) {
-                throw Error('withSequence() animation require more than one animation as argument');
-            }
             animation.animationIndex = 0;
             if (previousAnimation === undefined) {
                 previousAnimation = animations[animations.length - 1];

package/lib/reanimated2/component/FlatList.js

@@ -11,14 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { FlatList } from 'react-native';
-import WrappedComponents from './WrappedComponents';
+import ReanimatedView from './View';
 import createAnimatedComponent from '../../createAnimatedComponent';
 const AnimatedFlatList = createAnimatedComponent(FlatList);
 const createCellRenderer = (itemLayoutAnimation) => {
     const cellRenderer = (props) => {
-        return (<WrappedComponents.View layout={itemLayoutAnimation} onLayout={props.onLayout}>
+        return (<ReanimatedView layout={itemLayoutAnimation} onLayout={props.onLayout}>
         {props.children}
-      </WrappedComponents.View>);
+      </ReanimatedView>);
     };
     return cellRenderer;
 };

package/lib/reanimated2/component/Image.js

@@ -0,0 +1,4 @@
+import { Image } from 'react-native';
+import createAnimatedComponent from '../../createAnimatedComponent';
+const AnimatedImage = createAnimatedComponent(Image);
+export default AnimatedImage;

package/lib/reanimated2/component/ScrollView.js

@@ -0,0 +1,4 @@
+import { ScrollView } from 'react-native';
+import createAnimatedComponent from '../../createAnimatedComponent';
+const AnimatedScrollView = createAnimatedComponent(ScrollView);
+export default AnimatedScrollView;

package/lib/reanimated2/component/Text.js

@@ -0,0 +1,4 @@
+import { Text } from 'react-native';
+import createAnimatedComponent from '../../createAnimatedComponent';
+const AnimatedText = createAnimatedComponent(Text);
+export default AnimatedText;

package/lib/reanimated2/component/View.js

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+import createAnimatedComponent from '../../createAnimatedComponent';
+const AnimatedView = createAnimatedComponent(View);
+export default AnimatedView;

package/lib/reanimated2/core.js

@@ -2,9 +2,6 @@
 import NativeReanimatedModule from './NativeReanimated';
 import { Platform } from 'react-native';
 import { nativeShouldBeMock, shouldBeUseWeb, isWeb } from './PlatformChecker';
-global.__reanimatedWorkletInit = function (worklet) {
-    worklet.__worklet = true;
-};
 if (global._setGlobalConsole === undefined) {
     // it can happen when Reanimated plugin wasn't added, but the user uses the only API from version 1
     global._setGlobalConsole = () => {
@@ -31,39 +28,6 @@ export const isConfiguredCheck = () => {
         throw new Error('If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation');
     }
 };
-function _toArrayReanimated(object) {
-    'worklet';
-    if (Array.isArray(object)) {
-        return object;
-    }
-    if (typeof Symbol !== 'undefined' &&
-        (typeof Symbol === 'function' ? Symbol.iterator : '@@iterator') in
-            Object(object)) {
-        return Array.from(object);
-    }
-    throw new Error('Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.');
-}
-function _mergeObjectsReanimated() {
-    'worklet';
-    // we can't use rest parameters in worklets at the moment
-    // eslint-disable-next-line prefer-rest-params
-    const arr = Array.from(arguments);
-    return Object.assign.apply(null, [arr[0], ...arr.slice(1)]);
-}
-global.__reanimatedWorkletInit = function (worklet) {
-    worklet.__worklet = true;
-    if (worklet._closure) {
-        const closure = worklet._closure;
-        Object.keys(closure).forEach((key) => {
-            if (key === '_toConsumableArray') {
-                closure[key] = _toArrayReanimated;
-            }
-            if (key === '_objectSpread') {
-                closure[key] = _mergeObjectsReanimated;
-            }
-        });
-    }
-};
 function pushFrame(frame) {
     NativeReanimatedModule.pushFrame(frame);
 }
@@ -274,11 +238,6 @@ if (!isWeb() && isConfigured()) {
             info: runOnJS(capturableConsole.info),
         };
         _setGlobalConsole(console);
-        if (global.performance == null) {
-            global.performance = {
-                now: global._chronoNow,
-            }; // due to conflict with lib.dom.d.ts -> Performance
-        }
     })();
 }
 let featuresConfig = {

package/lib/reanimated2/globals.d.ts

@@ -1,4 +1,4 @@
-import { AnimatedStyle, StyleProps, WorkletFunction } from './commonTypes';
+import { AnimatedStyle, StyleProps } from './commonTypes';
 import { ReanimatedConsole } from './core';
 import { MeasuredDimensions } from './NativeMethods';
 import { NativeReanimated } from './NativeReanimated/NativeReanimated';
@@ -32,7 +32,6 @@ declare global {
   };
   namespace NodeJS {
     interface Global {
-      __reanimatedWorkletInit: (worklet: WorkletFunction) => void;
       _setGlobalConsole: (console?: ReanimatedConsole) => void;
       _log: (s: string) => void;
       _setGestureState: () => void;

package/lib/reanimated2/hook/utils.js

@@ -12,11 +12,6 @@ export function useEvent(handler, eventNames = [], rebuild = false) {
     else if (rebuild) {
         initRef.current.updateWorklet(handler);
     }
-    useEffect(() => {
-        return () => {
-            initRef.current = null;
-        };
-    }, []);
     return initRef;
 }
 export function useHandler(handlers, dependencies) {

package/lib/reanimated2/js-reanimated/global.js

@@ -0,0 +1,25 @@
+// In order to keep bundle size down, we treat this file as a polyfill for Web.
+import { shouldBeUseWeb } from '../PlatformChecker';
+if (shouldBeUseWeb()) {
+    global._frameTimestamp = null;
+    global._setGlobalConsole = (_val) => {
+        // noop
+    };
+    global._measure = () => {
+        console.warn("[Reanimated] You can't use `measure` with Chrome Debugger or with web version");
+        return {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            pageX: 0,
+            pageY: 0,
+        };
+    };
+    global._scrollTo = () => {
+        console.warn("[Reanimated] You can't use `scrollTo` with Chrome Debugger or with web version");
+    };
+    global._setGestureState = () => {
+        console.warn("[Reanimated] You can't use `setGestureState` with Chrome Debugger or with web version");
+    };
+}

package/lib/reanimated2/js-reanimated/index.js

@@ -1,29 +1,5 @@
 import JSReanimated from './JSReanimated';
-import { shouldBeUseWeb } from '../PlatformChecker';
 const reanimatedJS = new JSReanimated();
-if (shouldBeUseWeb()) {
-    global._frameTimestamp = null;
-    global._setGlobalConsole = (_val) => {
-        // noop
-    };
-    global._measure = () => {
-        console.warn("[Reanimated] You can't use `measure` with Chrome Debugger or with web version");
-        return {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0,
-            pageX: 0,
-            pageY: 0,
-        };
-    };
-    global._scrollTo = () => {
-        console.warn("[Reanimated] You can't use `scrollTo` with Chrome Debugger or with web version");
-    };
-    global._setGestureState = () => {
-        console.warn("[Reanimated] You can't use `setGestureState` with Chrome Debugger or with web version");
-    };
-}
 export const _updatePropsJS = (updates, viewRef) => {
     if (viewRef._component) {
         const component = viewRef._component;

package/lib/reanimated2/mock.js

@@ -64,6 +64,12 @@ const ReanimatedV2 = {
         out: ID,
         inOut: ID,
     },
+    Extrapolation: {
+        EXTEND: 'extend',
+        CLAMP: 'clamp',
+        IDENTITY: 'identity',
+    },
     runOnJS: (fn) => fn,
+    runOnUI: (fn) => fn,
 };
 module.exports = Object.assign({}, ReanimatedV2);

package/lib/types/lib/Animated.d.ts

@@ -0,0 +1,8 @@
+export { default as createAnimatedComponent } from './createAnimatedComponent';
+export { addWhitelistedNativeProps, addWhitelistedUIProps, } from './ConfigHelper';
+export { default as Text } from './reanimated2/component/Text';
+export { default as View } from './reanimated2/component/View';
+export { default as ScrollView } from './reanimated2/component/ScrollView';
+export { default as Image } from './reanimated2/component/Image';
+export { default as FlatList } from './reanimated2/component/FlatList';
+export * from './reanimated1';

package/lib/types/lib/index.d.ts

@@ -0,0 +1,4 @@
+import './reanimated2/js-reanimated/global';
+export * from './reanimated1';
+export * from './reanimated2';
+export * as default from './Animated';

package/lib/types/lib/reanimated2/commonTypes.d.ts

@@ -17,7 +17,6 @@ export interface WorkletFunction {
     _closure?: Context;
     __workletHash?: number;
     __optimalization?: number;
-    __worklet?: boolean;
 }
 export interface BasicWorkletFunction<T> extends WorkletFunction {
     (): T;

package/lib/types/lib/reanimated2/component/Image.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AnimatedImage: import("react").ComponentType<import("../../createAnimatedComponent").AnimatedComponentProps<import("../../createAnimatedComponent").InitialComponentProps>>;
+export default AnimatedImage;

package/lib/types/lib/reanimated2/component/ScrollView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AnimatedScrollView: import("react").ComponentType<import("../../createAnimatedComponent").AnimatedComponentProps<import("../../createAnimatedComponent").InitialComponentProps>>;
+export default AnimatedScrollView;

package/lib/types/lib/reanimated2/component/Text.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AnimatedText: import("react").ComponentType<import("../../createAnimatedComponent").AnimatedComponentProps<import("../../createAnimatedComponent").InitialComponentProps>>;
+export default AnimatedText;

package/lib/types/lib/reanimated2/component/View.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AnimatedView: import("react").ComponentType<import("../../createAnimatedComponent").AnimatedComponentProps<import("../../createAnimatedComponent").InitialComponentProps>>;
+export default AnimatedView;

package/lib/types/lib/reanimated2/hook/useAnimatedSensor.d.ts

@@ -13,8 +13,6 @@ export declare type AnimatedSensor = {
     sensor: SensorValue3D | SensorValueRotation | null;
     unregister: () => void;
     isAvailable: boolean;
-    config: {
-        interval: number;
-    };
+    config: SensorConfig;
 };
 export declare function useAnimatedSensor(sensorType: SensorType, userConfig?: SensorConfig): AnimatedSensor;

package/lib/types/lib/reanimated2/js-reanimated/global.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/lib/reanimated2/mock.d.ts

@@ -51,5 +51,11 @@ declare const ReanimatedV2: {
         out: (t: any) => any;
         inOut: (t: any) => any;
     };
+    Extrapolation: {
+        EXTEND: string;
+        CLAMP: string;
+        IDENTITY: string;
+    };
     runOnJS: (fn: any) => any;
+    runOnUI: (fn: any) => any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "2.6.0",
+  "version": "2.9.0",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
@@ -34,10 +34,10 @@
     "clean:deep": "cd android && rm -rf .cxx .gradle build && cd ../Example/android && rm -rf .gradle build app/build && cd ../.. && yarn clean",
     "reset:deep": "yarn clean:deep && yarn setup"
   },
-  "main": "lib/Animated.js",
-  "module": "lib/Animated",
-  "react-native": "src/Animated",
-  "source": "src/Animated",
+  "main": "lib/index.js",
+  "module": "lib/index",
+  "react-native": "src/index",
+  "source": "src/index",
   "types": "react-native-reanimated.d.ts",
   "files": [
     "Common/",
@@ -74,25 +74,24 @@
   },
   "homepage": "https://github.com/software-mansion/react-native-reanimated#readme",
   "dependencies": {
+    "@babel/plugin-proposal-export-namespace-from": "^7.17.12",
     "@babel/plugin-transform-object-assign": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@types/invariant": "^2.2.35",
     "invariant": "^2.2.4",
     "lodash.isequal": "^4.5.0",
-    "react-native-screens": "^3.11.1",
     "setimmediate": "^1.0.5",
     "string-hash-64": "^1.0.3"
   },
   "peerDependencies": {
-    "@babel/preset-typescript": "*",
+    "@babel/core": "^7.0.0-0",
     "react": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": "*"
+    "react-native": "*"
   },
   "devDependencies": {
     "@babel/core": "^7.17.2",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/preset-env": "^7.16.11",
-    "@babel/preset-typescript": "^7.16.7",
     "@react-native-community/bob": "^0.17.1",
     "@react-native-community/eslint-config": "^0.0.5",
     "@testing-library/jest-native": "^4.0.4",
@@ -123,11 +122,11 @@
     "lint-staged": "^11.2.0",
     "madge": "^5.0.1",
     "prettier": "^2.5.1",
-    "react": "17.0.2",
-    "react-native": "0.68.0",
+    "react": "18.0.0",
+    "react-native": "0.69.1",
     "react-native-codegen": "^0.0.7",
     "react-native-gesture-handler": "^1.6.1",
-    "react-test-renderer": "17.0.2",
+    "react-test-renderer": "18.0.0",
     "release-it": "^13.7.2",
     "typescript": "^4.1.3"
   },
@@ -156,5 +155,10 @@
       "commonjs",
       "module"
     ]
-  }
+  },
+  "sideEffects": [
+    "./lib/reanimated2/core",
+    "./lib/reanimated2/js-reanimated/global",
+    "./lib/index"
+  ]
 }