react-native-reanimated 2.9.1 → 3.0.0-rc.2

package/lib/module/reanimated2/mock.js

@@ -0,0 +1,86 @@
+/* eslint-disable node/no-callback-literal */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+const NOOP = () => {// noop
+};
+
+const ID = t => t;
+
+const IMMEDIATE_CB_INVOCATION = cb => cb();
+
+const ReanimatedV2 = {
+  useSharedValue: v => ({
+    value: v
+  }),
+  useDerivedValue: a => ({
+    value: a()
+  }),
+  useAnimatedScrollHandler: () => NOOP,
+  useAnimatedGestureHandler: () => NOOP,
+  useAnimatedStyle: IMMEDIATE_CB_INVOCATION,
+  useAnimatedRef: () => ({
+    current: null
+  }),
+  useAnimatedReaction: NOOP,
+  useAnimatedProps: IMMEDIATE_CB_INVOCATION,
+  withTiming: (toValue, _, cb) => {
+    cb && cb(true);
+    return toValue;
+  },
+  withSpring: (toValue, _, cb) => {
+    cb && cb(true);
+    return toValue;
+  },
+  withDecay: (_, cb) => {
+    cb && cb(true);
+    return 0;
+  },
+  withDelay: (_, animationValue) => {
+    return animationValue;
+  },
+  withSequence: function () {
+    return 0;
+  },
+  withRepeat: animation => {
+    return animation;
+  },
+  cancelAnimation: NOOP,
+  measure: () => ({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    pageX: 0,
+    pageY: 0
+  }),
+  Easing: {
+    linear: ID,
+    ease: ID,
+    quad: ID,
+    cubic: ID,
+    poly: ID,
+    sin: ID,
+    circle: ID,
+    exp: ID,
+    elastic: ID,
+    back: ID,
+    bounce: ID,
+    bezier: () => ({
+      factory: ID
+    }),
+    bezierFn: ID,
+    in: ID,
+    out: ID,
+    inOut: ID
+  },
+  Extrapolation: {
+    EXTEND: 'extend',
+    CLAMP: 'clamp',
+    IDENTITY: 'identity'
+  },
+  runOnJS: fn => fn,
+  runOnUI: fn => fn
+};
+module.exports = { ...ReanimatedV2
+};
+//# sourceMappingURL=mock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NOOP","ID","t","IMMEDIATE_CB_INVOCATION","cb","ReanimatedV2","useSharedValue","v","value","useDerivedValue","a","useAnimatedScrollHandler","useAnimatedGestureHandler","useAnimatedStyle","useAnimatedRef","current","useAnimatedReaction","useAnimatedProps","withTiming","toValue","_","withSpring","withDecay","withDelay","animationValue","withSequence","withRepeat","animation","cancelAnimation","measure","x","y","width","height","pageX","pageY","Easing","linear","ease","quad","cubic","poly","sin","circle","exp","elastic","back","bounce","bezier","factory","bezierFn","in","out","inOut","Extrapolation","EXTEND","CLAMP","IDENTITY","runOnJS","fn","runOnUI","module","exports"],"sources":["mock.ts"],"sourcesContent":["/* eslint-disable node/no-callback-literal */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nconst NOOP = () => {\n  // noop\n};\nconst ID = (t) => t;\nconst IMMEDIATE_CB_INVOCATION = (cb: () => unknown) => cb();\n\nconst ReanimatedV2 = {\n  useSharedValue: (v) => ({ value: v }),\n  useDerivedValue: (a) => ({ value: a() }),\n  useAnimatedScrollHandler: () => NOOP,\n  useAnimatedGestureHandler: () => NOOP,\n  useAnimatedStyle: IMMEDIATE_CB_INVOCATION,\n  useAnimatedRef: () => ({ current: null }),\n  useAnimatedReaction: NOOP,\n  useAnimatedProps: IMMEDIATE_CB_INVOCATION,\n\n  withTiming: (toValue, _, cb) => {\n    cb && cb(true);\n    return toValue;\n  },\n  withSpring: (toValue, _, cb) => {\n    cb && cb(true);\n    return toValue;\n  },\n  withDecay: (_, cb) => {\n    cb && cb(true);\n    return 0;\n  },\n  withDelay: (_, animationValue) => {\n    return animationValue;\n  },\n  withSequence: (..._animations) => {\n    return 0;\n  },\n  withRepeat: (animation) => {\n    return animation;\n  },\n  cancelAnimation: NOOP,\n  measure: () => ({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    pageX: 0,\n    pageY: 0,\n  }),\n  Easing: {\n    linear: ID,\n    ease: ID,\n    quad: ID,\n    cubic: ID,\n    poly: ID,\n    sin: ID,\n    circle: ID,\n    exp: ID,\n    elastic: ID,\n    back: ID,\n    bounce: ID,\n    bezier: () => ({ factory: ID }),\n    bezierFn: ID,\n    in: ID,\n    out: ID,\n    inOut: ID,\n  },\n  Extrapolation: {\n    EXTEND: 'extend',\n    CLAMP: 'clamp',\n    IDENTITY: 'identity',\n  },\n\n  runOnJS: (fn) => fn,\n  runOnUI: (fn) => fn,\n};\n\nmodule.exports = {\n  ...ReanimatedV2,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,MAAMA,IAAI,GAAG,MAAM,CACjB;AACD,CAFD;;AAGA,MAAMC,EAAE,GAAIC,CAAD,IAAOA,CAAlB;;AACA,MAAMC,uBAAuB,GAAIC,EAAD,IAAuBA,EAAE,EAAzD;;AAEA,MAAMC,YAAY,GAAG;EACnBC,cAAc,EAAGC,CAAD,KAAQ;IAAEC,KAAK,EAAED;EAAT,CAAR,CADG;EAEnBE,eAAe,EAAGC,CAAD,KAAQ;IAAEF,KAAK,EAAEE,CAAC;EAAV,CAAR,CAFE;EAGnBC,wBAAwB,EAAE,MAAMX,IAHb;EAInBY,yBAAyB,EAAE,MAAMZ,IAJd;EAKnBa,gBAAgB,EAAEV,uBALC;EAMnBW,cAAc,EAAE,OAAO;IAAEC,OAAO,EAAE;EAAX,CAAP,CANG;EAOnBC,mBAAmB,EAAEhB,IAPF;EAQnBiB,gBAAgB,EAAEd,uBARC;EAUnBe,UAAU,EAAE,CAACC,OAAD,EAAUC,CAAV,EAAahB,EAAb,KAAoB;IAC9BA,EAAE,IAAIA,EAAE,CAAC,IAAD,CAAR;IACA,OAAOe,OAAP;EACD,CAbkB;EAcnBE,UAAU,EAAE,CAACF,OAAD,EAAUC,CAAV,EAAahB,EAAb,KAAoB;IAC9BA,EAAE,IAAIA,EAAE,CAAC,IAAD,CAAR;IACA,OAAOe,OAAP;EACD,CAjBkB;EAkBnBG,SAAS,EAAE,CAACF,CAAD,EAAIhB,EAAJ,KAAW;IACpBA,EAAE,IAAIA,EAAE,CAAC,IAAD,CAAR;IACA,OAAO,CAAP;EACD,CArBkB;EAsBnBmB,SAAS,EAAE,CAACH,CAAD,EAAII,cAAJ,KAAuB;IAChC,OAAOA,cAAP;EACD,CAxBkB;EAyBnBC,YAAY,EAAE,YAAoB;IAChC,OAAO,CAAP;EACD,CA3BkB;EA4BnBC,UAAU,EAAGC,SAAD,IAAe;IACzB,OAAOA,SAAP;EACD,CA9BkB;EA+BnBC,eAAe,EAAE5B,IA/BE;EAgCnB6B,OAAO,EAAE,OAAO;IACdC,CAAC,EAAE,CADW;IAEdC,CAAC,EAAE,CAFW;IAGdC,KAAK,EAAE,CAHO;IAIdC,MAAM,EAAE,CAJM;IAKdC,KAAK,EAAE,CALO;IAMdC,KAAK,EAAE;EANO,CAAP,CAhCU;EAwCnBC,MAAM,EAAE;IACNC,MAAM,EAAEpC,EADF;IAENqC,IAAI,EAAErC,EAFA;IAGNsC,IAAI,EAAEtC,EAHA;IAINuC,KAAK,EAAEvC,EAJD;IAKNwC,IAAI,EAAExC,EALA;IAMNyC,GAAG,EAAEzC,EANC;IAON0C,MAAM,EAAE1C,EAPF;IAQN2C,GAAG,EAAE3C,EARC;IASN4C,OAAO,EAAE5C,EATH;IAUN6C,IAAI,EAAE7C,EAVA;IAWN8C,MAAM,EAAE9C,EAXF;IAYN+C,MAAM,EAAE,OAAO;MAAEC,OAAO,EAAEhD;IAAX,CAAP,CAZF;IAaNiD,QAAQ,EAAEjD,EAbJ;IAcNkD,EAAE,EAAElD,EAdE;IAeNmD,GAAG,EAAEnD,EAfC;IAgBNoD,KAAK,EAAEpD;EAhBD,CAxCW;EA0DnBqD,aAAa,EAAE;IACbC,MAAM,EAAE,QADK;IAEbC,KAAK,EAAE,OAFM;IAGbC,QAAQ,EAAE;EAHG,CA1DI;EAgEnBC,OAAO,EAAGC,EAAD,IAAQA,EAhEE;EAiEnBC,OAAO,EAAGD,EAAD,IAAQA;AAjEE,CAArB;AAoEAE,MAAM,CAACC,OAAP,GAAiB,EACf,GAAGzD;AADY,CAAjB"}

package/lib/module/reanimated2/platform-specific/RNRenderer.js

@@ -0,0 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+export { default as RNRenderer } from 'react-native/Libraries/Renderer/shims/ReactNative';
+//# sourceMappingURL=RNRenderer.js.map

package/lib/module/reanimated2/platform-specific/RNRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","RNRenderer"],"sources":["RNRenderer.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nexport { default as RNRenderer } from 'react-native/Libraries/Renderer/shims/ReactNative';\n"],"mappings":"AAAA;AACA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,mDAAtC"}

package/lib/module/reanimated2/platform-specific/RNRenderer.web.js

@@ -0,0 +1,3 @@
+// RNRender is not used for web. An export is still defined to eliminate warnings from bundlers such as esbuild.
+module.exports = null;
+//# sourceMappingURL=RNRenderer.web.js.map

package/lib/module/reanimated2/platform-specific/RNRenderer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["module","exports"],"sources":["RNRenderer.web.ts"],"sourcesContent":["// RNRender is not used for web. An export is still defined to eliminate warnings from bundlers such as esbuild.\nmodule.exports = null;\n"],"mappings":"AAAA;AACAA,MAAM,CAACC,OAAP,GAAiB,IAAjB"}

package/lib/module/reanimated2/utils.js

@@ -0,0 +1,11 @@
+import { measure } from './NativeMethods';
+export function getRelativeCoords(parentRef, x, y) {
+  'worklet';
+
+  const parentCoords = measure(parentRef);
+  return {
+    x: x - parentCoords.x,
+    y: y - parentCoords.y
+  };
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["measure","getRelativeCoords","parentRef","x","y","parentCoords"],"sources":["utils.ts"],"sourcesContent":["import { Component } from 'react';\nimport { measure } from './NativeMethods';\nimport { RefObjectFunction } from './hook/commonTypes';\n\nexport interface ComponentCoords {\n  x: number;\n  y: number;\n}\n\nexport function getRelativeCoords(\n  parentRef: RefObjectFunction<Component>,\n  x: number,\n  y: number\n): ComponentCoords {\n  'worklet';\n  const parentCoords = measure(parentRef);\n  return {\n    x: x - parentCoords.x,\n    y: y - parentCoords.y,\n  };\n}\n"],"mappings":"AACA,SAASA,OAAT,QAAwB,iBAAxB;AAQA,OAAO,SAASC,iBAAT,CACLC,SADK,EAELC,CAFK,EAGLC,CAHK,EAIY;EACjB;;EACA,MAAMC,YAAY,GAAGL,OAAO,CAACE,SAAD,CAA5B;EACA,OAAO;IACLC,CAAC,EAAEA,CAAC,GAAGE,YAAY,CAACF,CADf;IAELC,CAAC,EAAEA,CAAC,GAAGC,YAAY,CAACD;EAFf,CAAP;AAID"}

package/lib/module/setAndForwardRef.js

@@ -0,0 +1,55 @@
+/**
+ * imported from react-native
+ */
+
+/**
+ * This is a helper function for when a component needs to be able to forward a ref
+ * to a child component, but still needs to have access to that component as part of
+ * its implementation.
+ *
+ * Its main use case is in wrappers for native components.
+ *
+ * Usage:
+ *
+ *   class MyView extends React.Component {
+ *     _nativeRef = null;
+ *
+ *     _setNativeRef = setAndForwardRef({
+ *       getForwardedRef: () => this.props.forwardedRef,
+ *       setLocalRef: ref => {
+ *         this._nativeRef = ref;
+ *       },
+ *     });
+ *
+ *     render() {
+ *       return <View ref={this._setNativeRef} />;
+ *     }
+ *   }
+ *
+ *   const MyViewWithRef = React.forwardRef((props, ref) => (
+ *     <MyView {...props} forwardedRef={ref} />
+ *   ));
+ *
+ *   module.exports = MyViewWithRef;
+ */
+function setAndForwardRef(_ref) {
+  let {
+    getForwardedRef,
+    setLocalRef
+  } = _ref;
+  return function forwardRef(ref) {
+    const forwardedRef = getForwardedRef();
+    setLocalRef(ref); // Forward to user ref prop (if one has been specified)
+
+    if (typeof forwardedRef === 'function') {
+      // Handle function-based refs. String-based refs are handled as functions.
+      forwardedRef(ref);
+    } else if (typeof forwardedRef === 'object' && forwardedRef != null) {
+      // Handle createRef-based refs
+      forwardedRef.current = ref;
+    }
+  };
+}
+
+export default setAndForwardRef;
+//# sourceMappingURL=setAndForwardRef.js.map

package/lib/module/setAndForwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["setAndForwardRef","getForwardedRef","setLocalRef","forwardRef","ref","forwardedRef","current"],"sources":["setAndForwardRef.ts"],"sourcesContent":["/**\n * imported from react-native\n */\n\nimport { MutableRefObject } from 'react';\n\n/**\n * This is a helper function for when a component needs to be able to forward a ref\n * to a child component, but still needs to have access to that component as part of\n * its implementation.\n *\n * Its main use case is in wrappers for native components.\n *\n * Usage:\n *\n *   class MyView extends React.Component {\n *     _nativeRef = null;\n *\n *     _setNativeRef = setAndForwardRef({\n *       getForwardedRef: () => this.props.forwardedRef,\n *       setLocalRef: ref => {\n *         this._nativeRef = ref;\n *       },\n *     });\n *\n *     render() {\n *       return <View ref={this._setNativeRef} />;\n *     }\n *   }\n *\n *   const MyViewWithRef = React.forwardRef((props, ref) => (\n *     <MyView {...props} forwardedRef={ref} />\n *   ));\n *\n *   module.exports = MyViewWithRef;\n */\n\nexport type ForwardedRef<T> = () => MutableRefObject<T> | ((ref: T) => void);\n\nfunction setAndForwardRef<T>({\n  getForwardedRef,\n  setLocalRef,\n}: {\n  getForwardedRef: ForwardedRef<T>;\n  setLocalRef: (ref: T) => void;\n}): (ref: T) => void {\n  return function forwardRef(ref: T) {\n    const forwardedRef = getForwardedRef();\n\n    setLocalRef(ref);\n\n    // Forward to user ref prop (if one has been specified)\n    if (typeof forwardedRef === 'function') {\n      // Handle function-based refs. String-based refs are handled as functions.\n      forwardedRef(ref);\n    } else if (typeof forwardedRef === 'object' && forwardedRef != null) {\n      // Handle createRef-based refs\n      forwardedRef.current = ref;\n    }\n  };\n}\n\nexport default setAndForwardRef;\n"],"mappings":"AAAA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,SAASA,gBAAT,OAMqB;EAAA,IANQ;IAC3BC,eAD2B;IAE3BC;EAF2B,CAMR;EACnB,OAAO,SAASC,UAAT,CAAoBC,GAApB,EAA4B;IACjC,MAAMC,YAAY,GAAGJ,eAAe,EAApC;IAEAC,WAAW,CAACE,GAAD,CAAX,CAHiC,CAKjC;;IACA,IAAI,OAAOC,YAAP,KAAwB,UAA5B,EAAwC;MACtC;MACAA,YAAY,CAACD,GAAD,CAAZ;IACD,CAHD,MAGO,IAAI,OAAOC,YAAP,KAAwB,QAAxB,IAAoCA,YAAY,IAAI,IAAxD,EAA8D;MACnE;MACAA,YAAY,CAACC,OAAb,GAAuBF,GAAvB;IACD;EACF,CAbD;AAcD;;AAED,eAAeJ,gBAAf"}

package/mock.js

@@ -102,6 +102,7 @@ const Reanimated = {
   Text,
   Image,
   ScrollView: Animated.ScrollView,
+  FlatList: Animated.FlatList,
   Code,
 
   Clock: NOOP,

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "react-native-reanimated",
-  "version": "2.9.1",
+  "version": "3.0.0-rc.2",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
-    "start": "node node_modules/react-native/local-cli/cli.js start",
     "test": "yarn run format:js && yarn run lint:js && yarn run test:unit",
     "test:unit": "jest",
     "lint": "yarn lint:js && yarn lint:cpp && yarn lint:java",
@@ -18,15 +17,7 @@
     "format:common": "find Common/ -iname *.h -o -iname *.cpp | xargs clang-format -i",
     "release": "npm login && release-it",
     "type:check": "yarn tsc --noEmit",
-    "type:generate": "yarn type:generate:clean && yarn type:generate:cp-js-src && yarn type:generate:tsc && yarn type:generate:tsc:declaration && yarn type:generate:remove.ts && yarn type:generate:remove.tsx && yarn type:generate:remove.js:from-src",
-    "type:generate:clean": "rm -rf lib/ && mkdir lib/",
-    "type:generate:cp-js-src": "cp -RL src/* lib/",
-    "type:generate:tsc": "yarn tsc",
-    "type:generate:tsc:declaration": "yarn tsc --project tsconfig.json --pretty --declaration --emitDeclarationOnly --outDir lib/types",
-    "type:generate:remove.ts": "find ./lib -type f -name \"*.ts\" -and -not -name \"*.d.ts\" -delete",
-    "type:generate:remove.tsx": "find ./lib -type f -name \"*.tsx\" -and -not -name \"*.d.ts\" -delete",
-    "type:generate:remove.js:from-src": "find ./src/reanimated2 -type f -name \"*.js\" -delete",
-    "prepare": "husky install",
+    "prepare": "bob build && husky install",
     "circular_dependency_check": "yarn madge --extensions js,ts,tsx --circular ./src",
     "setup": "yarn && cd Example && yarn && cd ios && pod install --verbose && cd ../..",
     "clean": "rm -rf node_modules && cd Example && rm -rf node_modules && cd ios && pod deintegrate && cd ../..",
@@ -34,8 +25,8 @@
     "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/index.js",
-  "module": "lib/index",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
   "react-native": "src/index",
   "source": "src/index",
   "types": "react-native-reanimated.d.ts",
@@ -43,6 +34,11 @@
     "Common/",
     "src/",
     "lib/",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!lib/typescript",
+    "react-native-reanimated.d.ts",
     "android/src/main/AndroidManifest.xml",
     "android/src/main/java/",
     "android/build.gradle",
@@ -50,9 +46,10 @@
     "ios/",
     "!ios/build/",
     "!android/build/",
+    "!android/.cxx/",
+    "!android/.gradle/",
     "RNReanimated.podspec",
     "README.md",
-    "react-native-reanimated.d.ts",
     "mock.js",
     "plugin.js",
     "!__snapshots__",
@@ -74,7 +71,6 @@
   },
   "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",
@@ -89,20 +85,21 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.2",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.5",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
     "@babel/preset-env": "^7.16.11",
-    "@react-native-community/bob": "^0.17.1",
     "@react-native-community/eslint-config": "^0.0.5",
     "@testing-library/jest-native": "^4.0.4",
-    "@testing-library/react-hooks": "^5.0.3",
+    "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/react-native": "^7.1.0",
     "@types/babel-types": "^7.0.11",
     "@types/babel__core": "^7.1.18",
     "@types/babel__generator": "^7.6.4",
     "@types/babel__traverse": "^7.14.2",
     "@types/jest": "^27.4.0",
-    "@types/react-native": "^0.66.15",
+    "@types/react-native": "^0.66.0",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
     "babel-eslint": "^10.1.0",
@@ -122,11 +119,12 @@
     "lint-staged": "^11.2.0",
     "madge": "^5.0.1",
     "prettier": "^2.5.1",
-    "react": "18.0.0",
-    "react-native": "0.69.1",
+    "react": "17.0.2",
+    "react-native": "0.70.0-rc.2",
+    "react-native-builder-bob": "^0.18.3",
     "react-native-codegen": "^0.0.7",
-    "react-native-gesture-handler": "^1.6.1",
-    "react-test-renderer": "18.0.0",
+    "react-native-gesture-handler": "^2.4.2",
+    "react-test-renderer": "17.0.2",
     "release-it": "^13.7.2",
     "typescript": "^4.1.3"
   },
@@ -148,12 +146,18 @@
       ]
     }
   },
-  "@react-native-community/bob": {
+  "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
     "targets": [
       "commonjs",
-      "module"
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.json"
+        }
+      ]
     ]
   },
   "sideEffects": [

package/plugin.js

@@ -7,6 +7,7 @@ const { transformSync } = require('@babel/core');
  * holds a map of function names as keys and array of argument indexes as values which should be automatically workletized(they have to be functions)(starting from 0)
  */
 const functionArgsToWorkletize = new Map([
+  ['useFrameCallback', [0]],
   ['useAnimatedStyle', [0]],
   ['useAnimatedProps', [0]],
   ['createAnimatedPropAdapter', [0]],
@@ -64,12 +65,15 @@ const globals = new Set([
   'Map',
   'Set',
   '_log',
-  '_updateProps',
+  '_updatePropsPaper',
+  '_updatePropsFabric',
+  '_removeShadowNodeFromRegistry',
   'RegExp',
   'Error',
   'global',
   '_measure',
   '_scrollTo',
+  '_dispatchCommand',
   '_setGestureState',
   '_getCurrentTime',
   '_eventTimestamp',
@@ -305,13 +309,14 @@ function buildWorkletString(t, fun, closureVariables, name) {
     },
   });
 
+  const expression = fun.program.body.find(
+    ({ type }) => type === 'ExpressionStatement'
+  ).expression;
+
   const workletFunction = t.functionExpression(
     t.identifier(name),
-    fun.program.body[0].expression.params,
-    prependClosureVariablesIfNecessary(
-      closureVariables,
-      fun.program.body[0].expression.body
-    )
+    expression.params,
+    prependClosureVariablesIfNecessary(closureVariables, expression.body)
   );
 
   return generate(workletFunction, { compact: true }).code;
@@ -756,16 +761,6 @@ function isPossibleOptimization(fun) {
   return flags;
 }
 
-const pluginProposalExportNamespaceFrom =
-  require('@babel/plugin-proposal-export-namespace-from').default;
-const apiMock = {
-  assertVersion: () => {
-    // do nothing.
-  },
-};
-const ExportNamedDeclarationFn =
-  pluginProposalExportNamespaceFrom(apiMock).visitor.ExportNamedDeclaration;
-
 module.exports = function ({ types: t }) {
   return {
     pre() {
@@ -788,7 +783,6 @@ module.exports = function ({ types: t }) {
           processIfGestureHandlerEventCallbackFunctionNode(t, path, state);
         },
       },
-      ExportNamedDeclaration: ExportNamedDeclarationFn,
     },
   };
 };

package/react-native-reanimated.d.ts

@@ -495,20 +495,71 @@ declare module 'react-native-reanimated' {
   }
 
   export type SensorConfig = {
-    interval: number;
+    interval: number | 'auto';
   };
 
-  export type AnimatedSensor = {
-    sensor: SensorValue3D | SensorValueRotation | null;
+  export type Value3D = {
+    x: number;
+    y: number;
+    z: number;
+  };
+
+  export type SensorValue3D = SharedValue<Value3D>;
+
+  export type ValueRotation = {
+    qw: number;
+    qx: number;
+    qy: number;
+    qz: number;
+    yaw: number;
+    pitch: number;
+    roll: number;
+  };
+
+  export type SensorValueRotation = SharedValue<ValueRotation>;
+
+  export type AnimatedSensor<SensorValueType> = {
+    sensor: SensorValueType;
     unregister: () => void;
     isAvailable: boolean;
     config: SensorConfig;
   };
 
+  export function useAnimatedSensor(
+    sensorType: SensorType.ROTATION,
+    userConfig?: SensorConfig
+  ): AnimatedSensor<SensorValueRotation>;
+  export function useAnimatedSensor(
+    sensorType: Exclude<SensorType, SensorType.ROTATION>,
+    userConfig?: SensorConfig
+  ): AnimatedSensor<SensorValue3D>;
   export function useAnimatedSensor(
     sensorType: SensorType,
     userConfig?: SensorConfig
-  ): AnimatedSensor;
+  ): AnimatedSensor<any>;
+
+  export type FrameCallback = {
+    setActive: (isActive: boolean) => void;
+    isActive: boolean;
+    callbackId: number;
+  };
+  export function useFrameCallback(
+    callback: () => void,
+    autostart?: boolean
+  ): FrameCallback;
+
+  export enum KeyboardState {
+    UNKNOWN = 0,
+    OPENING = 1,
+    OPEN = 2,
+    CLOSING = 3,
+    CLOSED = 4,
+  }
+  export type AnimatedKeyboardInfo = {
+    height: SharedValue<number>;
+    state: SharedValue<KeyboardState>;
+  };
+  export function useAnimatedKeyboard(): AnimatedKeyboardInfo;
 
   export interface ExitAnimationsValues {
     currentOriginX: number;
@@ -596,6 +647,8 @@ declare module 'react-native-reanimated' {
     velocity?: number;
     clamp?: [number, number];
     velocityFactor?: number;
+    rubberBandEffect?: boolean;
+    rubberBandFactor?: number;
   }
   export interface WithSpringConfig {
     damping?: number;

package/src/Animated.ts

@@ -9,5 +9,3 @@ 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';